@charset "UTF-8";

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

.pc_none{
display:none;
}





/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
background: url("../img/body.png") repeat-x scroll center 152px #FFFFFF;
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%;
height:109px;
margin:0 auto;
padding:0;
background-color:#ffffff;
border-top:#1e7aa4 3px solid;
}

#header .header_box{
    background: url("../img/logo_bg.jpg") no-repeat scroll 2px 20px ;
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

#header .logo img{
    padding-left: 94px;
    padding-top: 0px;
}

#header .header_h1_box{
width:960px;
height:32px;
margin:0 auto;
padding:0;
}

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

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

#header .header_link{
width:235px;
margin:0 auto;
padding:0;
float:right;
}

#header .logo_box{
display:block;
height:50px;
margin:0 auto;
padding:0;

}

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

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


#header .info_tell{
    color: #3A3A3A;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    padding: 26px 0 0 163px;
    width: 143px;
}

#header .info_mail{
    display: block;
    float: left;
    height: 39px;
    margin: 0 auto;
    padding: 6px 0 0 9px;
    width: 177px;
}

#header .txt_tantei{
display:block;
height:23px;
font-size: 11px;
padding:5px 0 0 0;
text-align:right;
}


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

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

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

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

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

#menu1 a { 
background-position: 0px 0px;
width:160px;
height:42px;
} 
 
#menu2 a {
background-position: -160px 0px;
width:160px;
height:42px;
} 


#menu3 a {
background-position: -320px 0px;
width:160px;
height:42px;
} 

#menu4 a {
background-position: -480px 0px;
width:160px;
height:42px;
}

#menu5 a {
background-position: -640px 0px;
width:160px;
height:42px;
}

#menu6 a {
background-position: -800px 0px;
width:160px;
height:42px;
}



#menu1 a:hover { background-position: -0px -42px;} 
#menu2 a:hover { background-position: -160px -42px; }
#menu3 a:hover { background-position: -320px -42px; }
#menu4 a:hover { background-position: -480px -42px; }
#menu5 a:hover { background-position: -640px -42px; }
#menu6 a:hover { background-position: -800px -42px; }

#menu1 a.selected { background-position: -0px -84px;} 
#menu2 a.selected { background-position: -160px -84px; }
#menu3 a.selected { background-position: -320px -84px; }
#menu4 a.selected { background-position: -480px -84px; }
#menu5 a.selected { background-position: -640px -84px; }
#menu6 a.selected { background-position: -800px -84px; }


/*	TOP
----------------------------------------------------------------------------------------------------------------------------------*/
/*
#top_img{
	height:250px;	
}

#top_img #sample{
	height:250px;	
}
*/

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


#cont{
background: url(../img/cont_bg.png) repeat-y center top;
display:block;
width:960px;
margin:0px auto 0;
padding:0 0 50px 0;
}

.cont_top{
	display:block;
	margin:0 auto;
	position:relative;
	top:-1px;
}

.top_flash{
display:block;
width:940px;
height:245px;
margin:0 auto;
padding:5px 0 5px 0;
background-color:#ffffff;
position: relative;z-index: 2;
}



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


#cont .right {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    width: 220px;
}


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

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

#footer .footer_bg{
	background-color:#3085AC;
	padding: 20px 0 0;
	width:100%;
}

#footer .footer_box{
	width:960px;
	margin:0 auto;
}

#footer .top_up_area{
	width:960px;
	margin: 0 auto;
}

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

#footer .top_up a{
    display: block;
    height: 26px;
    position: relative;
    width: 131px;
}

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

#footer p{
    line-height: 150%;
    padding: 6px 0 0;
}

#footer p .company_name{
	font-size:16px;
}

#footer .bottom .copy{
    font-size: 11px;
    padding: 0 0 5px;
    text-align: right;

}

#footer .footer_link{
    background: none repeat scroll 0 0 #0E76A6;
    border-bottom: 1px solid #ACC9D7;
    border-top: 1px solid #ACC9D7;
    padding-bottom: 3px;
}
#footer .footer_link ul{
	margin:0px auto;
	width:960px;
}
#footer .footer_link ul li{
    background: url("../img/icon_arrow.gif") no-repeat scroll 0 8px transparent;
    float: left;
    list-style: none outside none;
    margin: 5px 25px 0 0;
    text-indent: 10px;
}
#footer .footer_link ul li a{
	color:#ffffff;
	text-decoration:none;
}
#footer .footer_link ul li a:hover{
	color:#e0f3fb;
	text-decoration:none;
}