@charset "UTF-8";

/*	全ページ共通CSS
	
		■初期設定・初期化
			：body設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：イメージ初期化
		■ヘッダー設定
		■コンテンツ設定
		■フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/

/*	表示設定
----------------------------------------------------------------------------------------------------------------------------------*/
.tb_none{display:none;}

.img_mx{
width:100%;
}


/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
font-size: 14px;
line-height: 140%;
font-family:"メイリオ";
background-color:#FFFFFF;
}
/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
margin:0;
padding:0;
}
/*-- タグ毎のマージンとパディング初期化 -------------*/
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*-- リンク設定 --------*/
a {
color: #003399;

}
a:hover {
color: #666666;

}
a:visited {
color: #003399;

}
a img{
border: none;
}
/*-- float対策 --------*/
.fcl { 
zoom: 100%;
}
.fcl:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
/*-- イメージ初期化 --------*/
img {
vertical-align:middle;
margin:0;
padding:0;
}


.txt_sm{
font-size:10px;
line-height:120%;
}

/*	ヘッダー設定
----------------------------------------------------------------------------------------------------------------------------------*/

#header{
width:100%;
margin:0 auto;
padding:0;
background-color:#ffffff;
border-top:#1e7aa4 3px solid;
}

#header .header_box{
width:700px;
margin:0 auto;
padding:0;
}

#header .header_h1_box{
margin:0 auto;
padding:0;
}

#header .header_h1{
width:445px;
margin:0 auto;
padding:5px 0 0 5px;
float:left;
}

#header h1{
font-size: 11px;
font-weight:normal;
}

#header .header_link{
width:230px;
margin:0 auto;
padding:0;
float:left;
text-align:right;
}

#header .logo_box{
display:block;
margin:0 auto;
padding:0;
}

#header .logo{
width:350px;
display:block;
margin:0 auto;
padding:5px;
float:left;
}

#header .info{
display:block;
height:50px;
padding:0;
background: url("../img/top_info_bg.gif") no-repeat scroll left top #FFFFFF;
float:left;
}


#header .info_tell{
display:block;
width:152px;
margin:0 auto;
padding:23px 0 0 168px;
font-size:20px;
font-weight:bold;
color:#3a3a3a;
}



#header .txt_tantei{
display:block;
font-size:9px;
padding:0;
text-align:center;
}


/*	ナビ設定
----------------------------------------------------------------------------------------------------------------------------------*/
#navi {
display:block;
width:100%;
height:30px;
margin:0;
padding:0;
background: url(../img/bt_bg_menu.png) repeat-x center top;
}

.navi_box{
margin: 0 auto;
padding: 0;
width:700px;	
}

#navi ul {
display:block;
width:690px;
height:42px;
display: block;
margin:0 auto;
padding:0;
}

#navi li{
display: block;
float:left;
width:115px;
height:30px;
margin:0 auto;
padding:0;
}

#navi a {
background: url(../img/tb_top_menu.png) no-repeat center top;
text-indent: -9999px; 
text-decoration: none;
display: block;
}

#menu1 a { 
background-position: 0px 0px;
width:115px;
height:30px;
} 
 
#menu2 a {
background-position: -115px 0px;
width:115px;
height:30px;
} 


#menu3 a {
background-position: -230px 0px;
width:115px;
height:30px;
} 

#menu4 a {
background-position: -345px 0px;
width:115px;
height:30px;
}

#menu5 a {
background-position: -460px 0px;
width:115px;
height:30px;
}

#menu6 a {
background-position: -575px 0px;
width:115px;
height:30px;
}



#menu1 a:hover { background-position: -0px -30px;} 
#menu2 a:hover { background-position: -115px -30px; }
#menu3 a:hover { background-position: -230px -30px; }
#menu4 a:hover { background-position: -345px -30px; }
#menu5 a:hover { background-position: -460px -30px; }
#menu6 a:hover { background-position: -575px -30px; }

#menu1 a.selected { background-position: -0px -30px;} 
#menu2 a.selected { background-position: -115px -30px; }
#menu3 a.selected { background-position: -230px -30px; }
#menu4 a.selected { background-position: -345px -30px; }
#menu5 a.selected { background-position: -460px -30px; }
#menu6 a.selected { background-position: -575px -30px; }



/*	コンテンツ設定
----------------------------------------------------------------------------------------------------------------------------------*/


#cont{
display:block;
margin:0 auto;
padding:10px 0;
}


#cont .left{
display: block;
margin:0 auto;
padding: 0;
width: 700px;
}


#cont .right {
display: block;
margin:10px auto;
padding: 0;
width: 700px;
}


/*	フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/

#footer {
background-color:#3085AC;
display:block;
width:100%;
font-size: 12px;
line-height: 180%;
text-align:left;
margin:0;
padding:0;
}

#footer .footer_box{

	margin:0 auto;
}

#footer .top_up a{
    background: url("../img/top_up.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 26px;
	margin:0;
	/*
    margin: 0 0 0 560px;
	*/
    position: relative;
    text-indent: -40000px;
    top: -26px;
    width: 131px;
}

#footer .bottom{
	color:#ffffff;
	font-size:13px;
}

#footer p{
margin:0 auto;
padding:5px 10px;
}

#footer .bottom .copy{
width:100%;
padding:10px 0;
text-align:center;
font-size:13px;
border-top:1px solid #ffffff;

}