@charset "UTF-8";

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

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

.img_mx_sp{
margin: 0 auto;
max-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;
text-decoration:none;
}
a:hover {
color: #666666;
}
a:visited {
color: #003399;
text-decoration:none;
}
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{
margin:0 auto;
padding:0;
background-color:#ffffff;
border-top:#1e7aa4 5px solid;
}

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

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

#header .header_h1{
margin:0 auto;
padding:5px;
background-color:#fafafa;

}

#header h1{
font-size: 10px;
font-weight:normal;
line-height:120%;
}

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

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

#header .logo{
display:block;
margin:0 auto;
padding:0;
text-align:center;
}

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

/*
#header .info_tell{
display:block;
margin:0 auto;
padding:23px 10px 0 0;
font-size:17px;
font-weight:bold;
color:#3a3a3a;
text-align:right;
}
*/



#header .txt_tantei{
display:block;
font-size:9px;
padding:0;
line-height:140%;
padding:5px;
background-color:#fafafa;
}


/*	ナビ設定
----------------------------------------------------------------------------------------------------------------------------------*/
#navi {
display:block;
margin:0;
padding:0;
}

.navi_box{
margin: 0 auto;
padding: 0;
}

#navi:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

#navi ul {
display:block;
margin:0 auto;
padding:0;
border-top: 3px solid #2d789c;
list-style-type: none;
font-size:16px;
}

#navi li{
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e1e1e1));
background: linear-gradient(#fff, #f0f0f0);
border-top: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
height:40px;
margin: 0px;
}

#navi ul li:nth-child(odd) {
float: left;
width: 50%;
}

#navi ul li a{
 color: #666;
 display: block;
 height: 20px;
 margin: 0px;
 padding: 12px 20px 0 20px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 background: url("../img/sp_list.png") no-repeat scroll 5px 10px ;
 }

#navi a {
text-decoration: none;
display: block;
}

#menu1 a {

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e1e1e1));
} 
 
#menu2 a {
height:30px;
} 


#menu3 a {
height:30px;
} 

#menu4 a {
height:30px;
}

#menu5 a {
height:30px;
}

#menu6 a {

}



#menu1 a:hover { } 
#menu2 a:hover { }
#menu3 a:hover { }
#menu4 a:hover { }
#menu5 a:hover { }
#menu6 a:hover { }

#menu1 a.selected { } 
#menu2 a.selected { }
#menu3 a.selected { }
#menu4 a.selected { }
#menu5 a.selected { }
#menu6 a.selected { }



a.sp_info_tel{
    color: #cc0000;
    display: block;
    font-size: 19px;
    font-weight: bold;
    padding-left: 160px;
    padding-top: 24px;
    text-align: center;
}


a.sp_acsess {
    background-color: #2282ae;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #8e8e8e;
    color: #ffffff;
    display: block;
    font-size: 13px;
    margin: 3px 10px 10px;
    padding: 4px 5px 3px;
    text-align: center;
	text-decoration: none;
}

a.sp_acsess:hover{
	background-color:#C30000;	
}



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


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


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


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


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

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

#footer .footer_box{

	margin:0 auto;
}

#footer .top_up a{
display:block;
width:80%;
margin:5px auto;
background: url(../img/r_txt_list.gif) no-repeat 5px 12px;
padding:10px 20px 10px 20px;
border: 1px solid #CBCBCB;
border-radius: 5px 5px 5px 5px;
text-align:left;
background-color:#FFFFFF;

}

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

#footer p{
    font-size: 10px;
    line-height: 140%;
    margin: 0 auto;
    padding: 5px 0;
}

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

}