@charset "UTF-8";

/* layout  ------------------------------*/
body {
	position: relative;
	font-family:"Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Helvetica, Arial, sans-serif;
	background: #FFF;
	line-height:100%;
	text-align:center;
	font-size:12px;
}

.container {
	color: #666666;
	width:970px;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align:left;
}


img{
	border:0;
}

.clear{
	clear:both;
}

/* link  ------------------------------*/
a{
	overflow:hidden;
}

a:link{
	color:#3578ff;
	text-decoration:none;  
}
a:visited{
	color:#3578ff;
	text-decoration:none;  
}
a:active{
	color:#0099ff;
	text-decoration:none;  
}
a:hover{
	color:#0099ff;
	text-decoration:none;  
}

/* font size  ------------------------------*/

#menuBlock{
	font-size:12px;
}

/* ページトップへ   ------------------------------*/
#mainBlock #pageTop{
	clear:both;
	text-align:right;
	font-size:10px;
	padding-top:20px;
}

	#mainBlock #pageTop a{
		text-align:right;
		font-size:10px;
	}

/* ヘッダーブロック  ------------------------------*/

#headBlock #mainimg{
	width:970px;
	height:195px;
	background:url(../images/top_main.jpg) no-repeat 0 0;
}

#headBlock ul{
	background-image:url(../images/global_menu.jpg);
    background-repeat:no-repeat;
	width:972px;
	height:40px;
}

#headBlock p{
	line-height:2;
	text-align:right;
	color:#ffffff;
    margin-right:5px;
}

#headBlock li{
	width:161px;
   	height:40px;
   	float:left;
    margin-right: 1px;
}

#headBlock li a,
#headBlock li span{
	height:40px;
    display: block;
	text-indent:-9999px;
}

	#headBlock li a:hover,
	#headBlock li .ac,
    #headBlock li .go{
		background-image:url(../images/global_menu.jpg);
		background-repeat:no-repeat;

	}

	#headBlock li#topLink a:hover,
	#headBlock li#topLink span.ac{
		background-position:0px -40px;
	}
    #headBlock li#topLink span.go{
		background-position:0 -80px;
	}

	#headBlock li#anaLink a:hover,
	#headBlock li#anaLink span.ac{
		background-position:-162px -40px;
	}
    #headBlock li#anaLink span.go{
		background-position:-162px -80px;
	}

	#headBlock li#hilightLink a:hover,
	#headBlock li#hilightLink span.ac{
		background-position:-324px -40px;
	}
    #headBlock li#hilightLink span.go{
		background-position:-324px -80px;
	}

	#headBlock li#topicsLink a:hover,
	#headBlock li#topicsLink span.ac{
		background-position:-486px -40px;
	}
    #headBlock li#topicsLink span.go{
		background-position:-486px -80px;
	}

	#headBlock li#kanrenLink a:hover,
	#headBlock li#kanrenLink span.ac{
		background-position:-648px -40px;
	}
    #headBlock li#kanrenLink span.go{
		background-position:-648px -80px;
	}

	#headBlock li#dataLink a:hover,
	#headBlock li#dataLink span.ac{
		background-position:-810px -40px;
	}
    #headBlock li#dataLink span.go{
		background-position:-810px -80px;
	}
    
/* メインエリア　------------------------------*/

#contentsBlock{
	background:url(../images/top_main_bg.jpg) repeat-y 0 0;
	width:705px;
    float:left;
}

	#contentsBlock .header{
	background:url(../images/top_main_bg_h.jpg) no-repeat;
    width:700px;
	height:15px;
	}

	#contentsBlock .foot{
    background:url(../images/top_main_bg_f.jpg) no-repeat left bottom;
	width:700px;
	height:15px;
	padding:0px 0px 0px 5px;
	}

/* サイドエリア  ------------------------------*/

#sideBlock{
	width:255px;
    height:auto;
    float:right;
	line-height:60%;
}

#topics{
	background:url(../images/topics_base.jpg) no-repeat left bottom;
	width:234px;
	height:225px;
	border:solid 1px #999999;

}

#topics h4 img{
	display:block;
	margin:0px; 
}

.contents{
	width:207px;
    padding:5px 0px 0px 10px;
}  

.contents dl{
	width:200px;
	line-height:1.5;
}

.contents dt{
    font-size:12px;
	font-weight:bold;
	color:#003366;
}

.contents dd{
    font-size:11px;
    padding:5px 0px 5px 0px;
}

/* カレンダー  ------------------------------*/

.cal{
	background-color:#ff0000;
	float: left;
	width: 234px;
	height:200px;
}

/* バナーエリア */
ul#bnArea{
	margin-top:10px;
}

	ul#bnArea li{
		margin-bottom:5px;
	}

/* ケータイアクセス */
#mobileBlock{
    width:234px;
    margin-top:10px;
}

#mobileBlock .carrier{
    width:78px;
    float:left;
    text-align:center;
    font-size:10px;
    line-height:1.3;
    margin:15px 0px 10px 0px;
}

#mobileBlock .carrier img{
    margin:0px 0px 10px 0px;
}

#mobileBlock .qrcode{
    width:234px;
    height:65px;
    float:left;
    font-size:10px;
    line-height:1.3;
    text-align:center;
    border-top:dotted 1px;
    border-bottom:dotted 1px;
    margin:0px 0px 10px 0px;
}

#mobileBlock .qrcode img{
    float:left;
    margin:5px 0px 5px 15px;
}

#mobileBlock .qrcode p{
    float:left;
    font-size:13px;
    font-weight:bold;
    margin:23px 0px 0px 15px;
}

.a1{
    background:url(../images/mobile_arrow.gif) no-repeat left;
    width:10px;
    height:7px;
    margin:0px auto 0px auto;
}

.a2{
    background:url(../images/mobile_arrow.gif) no-repeat center;
    width:10px;
    height:7px;
    margin:0px auto 0px auto;
}

.a3{
    background:url(../images/mobile_arrow.gif) no-repeat right;
    width:10px;
    height:7px;
    margin:0px auto 0px auto;
}

/* iコンシェル */

#iconcierBlock{
    width:234px;
    height:410px;
}

.iconcierimg{
    margin:10px 0px 10px 0px;
}