@charset "utf-8";

/**/
.htc{
 behavior: url("/images/iepngfix.htc");
}
html, body, form, fieldset, h1, h2, h3, h4, p, ul , a{
 margin : 0;
 padding : 0;
}
ul {
 list-style-type : none;
}
body {
 color : #646464;
 font : 13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}
img {
 border : none;
}
table{
 border-collapse : collapse;
 border-spacing : 0;
 border : 0px;
}
/* リンク */
a:link {
 color : #00a6c4;
 text-decoration : none;
}
a:visited {
 color : #00a6c4;
 text-decoration : none;
}
a:hover {
 text-decoration : none;
}
a:active {
 text-decoration : none;
}
/* @main body
--------------------------------------------------------------------------------*/
#mainBody{
 width : 320px;
 margin : 0px auto;
 padding : 12px 0px;
}
/* @header
--------------------------------------------------------------------------------*/
#header{
 text-align : center;
 margin-bottom : 18px;
}
#header h1{
 margin-bottom : 10px;
}
#headerInfo_titl{
 font-weight : bold;
 font-size : 85%;
 color : #646464;
 letter-spacing : 0.8em;
 margin-bottom : 10px;
}
#searchInfo_titl{
 font-weight : bold;
 font-size : 85%;
 color : #646464;
 letter-spacing : 0.8em;
 text-decoration : underline;
}
#header h2{
 font-size : 77%;
 color : #5aa6ad;
 padding : 0px 15px;
 margin-bottom : 5px;
}
#headerBanner{}
#header #search_form {
 margin-bottom:10px;
}
#header #search_form #search_tx {
 width:220px;
 height:21px;
 vertical-align:middle;
 font-size:12px;
}
#header #search_form #search_btn {
 vertical-align:middle;
}
/* @navi
--------------------------------------------------------------------------------*/
#navi{
 width : 313px;
 margin : 0px auto;
 /*padding : 0px 4px;*/
 text-align : center;
 margin-bottom : 15px;
}
#navi ul{
 clear : both;
}
#globalNavi01 li, #globalNavi02 li, #globalNavi03 li, #globalNavi04 li {
 display:inline;
}
#globalNavi01 li a, #globalNavi02 li a, #globalNavi03 li a, #globalNavi04 li a{
 height : 40px;
 float : left;
 text-indent : -9999px;
 overflow : hidden;
}
/* navigation 01 */
#globalNavi01 li.n1_menu01 a{
 width : 80px;
 background : url(/images/pda/grobalNavi_01.gif) top left no-repeat;
}
#globalNavi01 li.n1_menu02 a{
 width : 76px;
 background : url(/images/pda/grobalNavi_01.gif) no-repeat;
 background-position : -80px 0px;
}
#globalNavi01 li.n1_menu03 a{
 width : 77px;
 background : url(/images/pda/grobalNavi_01.gif) no-repeat;
 background-position : -156px 0px;
}
#globalNavi01 li.n1_menu04 a{
 width : 79px;
 background : url(/images/pda/grobalNavi_01.gif) no-repeat;
 background-position : -233px 0px;
}
/* navigation 02 */
#globalNavi02 li.n2_menu01 a{
 width : 80px;
 background : url(/images/pda/grobalNavi_02.gif) top left no-repeat;
}
#globalNavi02 li.n2_menu02 a{
 width : 76px;
 background : url(/images/pda/grobalNavi_02.gif) no-repeat;
 background-position : -80px 0px;
}
#globalNavi02 li.n2_menu03 a{
 width : 77px;
 background : url(/images/pda/grobalNavi_02.gif) no-repeat;
 background-position : -156px 0px;
}
#globalNavi02 li.n2_menu04 a{
 width : 79px;
 background : url(/images/pda/grobalNavi_02.gif) no-repeat;
 background-position : -233px 0px;
}

/* navigation 03 */
#globalNavi03 li.n3_menu01 a{
 width : 80px;
 background : url(/images/pda/grobalNavi_03.gif) top left no-repeat;
}
#globalNavi03 li.n3_menu02 a{
 width : 76px;
 background : url(/images/pda/grobalNavi_03.gif) no-repeat;
 background-position : -80px 0px;
}
#globalNavi03 li.n3_menu03 a{
 width : 77px;
 background : url(/images/pda/grobalNavi_03.gif) no-repeat;
 background-position : -156px 0px;
}
#globalNavi03 li.n3_menu04 a{
 width : 79px;
 background : url(/images/pda/grobalNavi_03.gif) no-repeat;
 background-position : -233px 0px;
}
/* navigation 04 */
#globalNavi04 li.n4_menu01 a{
 width : 80px;
 background : url(/images/pda/grobalNavi_04.gif) top left no-repeat;
}
#globalNavi04 li.n4_menu02 a{
 width : 76px;
 background : url(/images/pda/grobalNavi_04.gif) no-repeat;
 background-position : -80px 0px;
}
#globalNavi04 li.n4_menu03 a{
 width : 77px;
 background : url(/images/pda/grobalNavi_04.gif) no-repeat;
 background-position : -156px 0px;
}
#globalNavi04 li.n4_menu04{
/* ↓リンクなし */
 display : block;
 height : 40px;
 float : left;
/* ↑リンクなし */
 width : 79px;
 background : url(/images/pda/grobalNavi_04.gif) no-repeat;
 background-position : -233px 0px;
}


#navi p{
 font-weight : bold;
 text-align : right;
}
a.viewPC{
 text-decoration : underline;
}
/* @main image
--------------------------------------------------------------------------------*/
#mainImage{
 text-align : center;
 margin-bottom : 25px;
}
/* @wifine
--------------------------------------------------------------------------------*/
#wifine{
 margin-bottom : 10px;
}
#wifine h2{
 margin-bottom : 15px;
}
/* @newBox (wifine , calendar)
--------------------------------------------------------------------------------*/
.newBox{
 padding: 0px 3px;
 background:#990;
}
.newBox p.newImage{
 float : left;
}
.newBox ul{
 width : 210px;
 float : right;
}
.newBox li{
 padding-bottom : -1px;
 margin-bottom : 4px;
 border-bottom : #c8c8c8 solid 1px;
}
.newBox p.newDay{
 font-size : 77%;
 font-weight : bold;
}
.newBox p.newTopics{
 font-size : 85%;
 font-weight : bold;
 color : #00a6c4;
}
/* @pageUp
--------------------------------------------------------------------------------*/
.pageUp{
 clear : both;
 padding : 7px;
 text-align : right;
 margin-bottom : 20px;
}
/* @shops
--------------------------------------------------------------------------------*/
#shops{
}
#shops h2{
 margin-bottom : 5px;
}
#shops form{
 margin-top : -27px;
 margin-left : 120px;
 width : 62px;
 height : 16px;
 font-size : 77%;
 margin-bottom : 9px;
}
#shops td{
 vertical-align : middle;
}
#shops .shopBox{
 font-size : 93%;
 line-height : 1.1em;
 width : 290px;
 height : 80px;
 margin : 0px auto 3px;
 padding : 10px;
 border : 1px solid #a6a6a6;
 clear : both;
}
.shopBox h3{
 color : #00a6c4;
 font-size : 93%;
 margin-bottom : 7px;
}
.shopBox p.shopsImage{
 float : left;
}
.shopBox p.shopsTxt{
 width : 220px;
 height : 40px;
 float : right;
}
.shopBox p.shopsUrl{
 width : 220px;
 height : 17px;
 float : right;
 padding-top : 3px;
}
/* @map
--------------------------------------------------------------------------------*/
#map{
 margin-bottom : 10px;
}
#map h2{
 margin-bottom : 5px;
}
#map #mapArea{
 margin: 0px auto;
}
/* @newGreen box (sponiti , R25 , bokutitsu , handbill)
--------------------------------------------------------------------------------*/
.newGreen{
 margin-bottom : 10px;
 clear : both;
}
.newGreen h2{
 margin : 0px;
}
.newGreen ul{
 width : 100%;
 margin-bottom : 5px;
}
.newGreen li{
 padding : 5px 15px 3px 15px;
 font-size : 85%;
 font-weight : bold;
 color : #00a6c4;
}
.newGreen li.backGreen {
 background : #f2f8e9;
}
.newGreen li.backOrange {
 background : #fff8eb;
}
p.lookMore{
 padding-left : 15px;
 margin-bottom : 15px;
}
/* @Cpyright&pageUp (sponiti , R25 , bokutitsu , handbill)
--------------------------------------------------------------------------------*/
.copyAndPageup{
 clear : both;
 height:10px;
 padding : 0px 7px 0px 15px;
 margin-bottom : 20px;
 font-size : 85%;
 font-weight : bold;
}
.copyright{
 width : 70%;
 float : left;
}
.andPageup{
 width : 30%;
 text-align : right;
 float : right;
}
/* @map
--------------------------------------------------------------------------------*/
#weather{
}
#weather h2{
 margin-bottom : 5px;
}
#weather #selectCity{
 height : 35px;
 background-color : #edd9a4;
 padding : 0px 17px 0px 30px;
 margin-bottom : 10px;
}
#selectCity #city {
 float : left;
 font-size : 98%;
 font-weight : bold;
 color : #323232;
 margin-top : 9px;
}
#selectCity table {
 float : right;
 height : 20px;
 margin-top : 6px;
}
.weatherTemp{
 font-size : 77%;
 font-weight : bold;
 padding-bottom : 5px;
}
#weather .weatherBox{
 clear : both;
 width : 269px;
 height : 40px;
 border : 1px solid #7f7f7f;
 padding : 6px 23px 0px;
 margin : 0px auto 5px;
}
#weather .weatherBox table{
 width : 100%;
 text-align : center;
 border-collapse : collapse;
 height : 25px;
 border : 0px;
}
#weather .weatherBox table td{
 vertical-align : middle;
}
#weather .weatherBox table td img{
 margin : 0px 25px;
}
#weather .weatherDay{
 font-size : 197%;
 font-weight : bold;
}
#weather .weatherWeek{
 font-size : 93%;
 font-weight : bold;
 margin-left : 2px;
 margin-top : 8px;
}
.weatherTemp .weatherSlash , .weatherPrece{
 font-size : 77%;
 font-weight : bold;
 padding-bottom : 5px;
}
.weatherTemp2{
 font-size : 108%;
 font-weight : bold;
}
.weatherBestemp{
 color : #d90000;
}
.weatherMinitemp{
 color : #247dec;
}
/* @calendar
--------------------------------------------------------------------------------*/
#calendar{
 margin-bottom : 10px;
}
#calendar h2{
 margin-bottom : 15px;
}
/* @fortune
--------------------------------------------------------------------------------*/
#fortune{
 margin-bottom : 20px;
}
#fortune h2{
 margin-bottom : 15px;
}
#fortune .fortuneLine{
 height : 69px;
 padding : 0px 6px 0px 11px;
 margin-bottom : 10px;
}
#fortune .fortuneLine img {
 margin-left : 17px;
 float : left;
}
#fortune .fortuneLine img.leftEdge{
 margin-left : 0px;
}
/* @advert
--------------------------------------------------------------------------------*/
#advert{
 margin : 0px auto 40px;
}
/* @footer
--------------------------------------------------------------------------------*/
#footer{
 width : 100%;
 height : 20px;
 background : #e40b0b;
}
#footer #nttbp{
 width : 320px;
 margin : 0px auto;
 text-align : right;
}
/* @returnTop
--------------------------------------------------------------------------------*/
.returnTop{
 width : 102px;
 height : 19px;
 margin : 0px auto 35px;
}
.returnTop02{
 width : 209px;
 height : 19px;
 margin : 0px auto 35px;
}
/* @記事
--------------------------------------------------------------------------------*/
.articleDay{
 font-size : 77%;
 font-weight : bold;
 width : 290px;
 margin : 0px auto 3px;
}
h3.articleTitle{
 font-size : 108%;
 color : #00a6c4;
 font-weight : bold;
 width : 290px;
 margin : 0px auto 15px;
}
.articleTxt{
 width : 290px;
 margin : 0px auto 20px;
 line-height : 150%;
}
.newsUpdateMain {
 margin: 2px 15px;
 font-size : 85%;
}
/**/
.ml5{
 margin-left : 5px;
}
.ml10{
 margin-left : 10px;
}
.mb5{
 margin-bottom : 5px;
}
.mb10{
 margin-bottom : 10px;
}
.mb15{
 margin-bottom : 15px;
}
.mb20{
 margin-bottom : 20px;
}
.fl{
 float : left;
}
.fr{
 float : right;
}
.clear{
 clear : both;
}