@charset "Shift_JIS";

/*base.css すべてのページに適用*/

/*------------------------------------------------------------要素初期化*/
p , ul , ol , li , dl , dt , dd , address , strong , em ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
}
li { list-style-type: none;}
strong { font-weight:bold;}
em { font-style:italic;}
img { border:none;}
hr { display:none;}
td,th{ vertical-align:top;}

/*------------------------------------------------------------CSSハック*/
/*clearfix*/
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/* for IE6,7 
*:first-child+html body { font-size: 90%; }
* html body { font-size: 90%; }*/

/*------------------------------------------------------------リンクスタイル*/
a {}
a:link {
	color: #363951;
	text-decoration: underline;
}
a:visited {
	color: #53576D;
	text-decoration: underline;
}
a:hover , a:active {
	color: #40507C;
	text-decoration: none;
}

/*------------------------------------------------------------汎用セレクタ*/
/*クリア*/
.clear {
	clear:both;
	margin:0px;
	padding:0px;
	line-height:0;
	font-size:0;
	height:0;
}
/*文字揃え*/
.textright {text-align:right;}
.textleft {text-align:left;}
.textcenter {text-align:center;}

/*スペース
使用方法：<div class="space10"><hr></div>
*/
.space5 { height:5px;}
.space10 { height:10px;}
.space15 { height:15px;}
.space20 { height:20px;}
.space25 { height:25px;}
.space30 { height:30px;}

.line_glay{
	background:url(../img_common/line_glay.gif) repeat-x top;
	height:10px;
}

/*------------------------------------------------------------ボディ*/
body {
	margin:0;
	padding:0;
	text-align:center;
	color:#666666;
	background:url(../img_common/bg_body.gif);
	font-size:100%;/*16px*/
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Pゴシック","Osaka−等幅",sans-serif;
}

/*------------------------------------------------------------メインコンテナ w760px*/
#container{
	width:760px;
	margin:0px auto;
	text-align:left;
	font-size:75%;/*16px×75%＝12px*/
	background:url(../img_common/bg_container.gif) repeat-y;
}

/*------------------------------------------------------------ヘッダー メニューも含む*/
#header{
	border-top:5px solid #435DAF;
	margin:0 0 5px 0;
}
/*ヘッダー右 テキスト部分*/
#header_r{
	float:right;
	width:460px;
	text-align:right;
}
#tagline{
	padding:10px;
}

/*ヘッダー左 ロゴ部分*/
#header_l{
	float:left;
	width:300px;
	position: relative;
}
#header_l img{
	margin:10px 0 0px 15px;
}
/*メニュー*/
#header ul{
}
#header li{
	display:inline;
}
#header li a{
}

#logo {
}
#okagesama {
	position: absolute;
	margin: 15px 0 0 155px;
	text-align: right;
	color: #363951;
	font-size: 12px;
	zoom: 1;
}

/*------------------------------------------------------------フッター w758px*/
#footer{
	width:758px;
	margin:0 0 0 1px;
	background:#E6E6D2;
	border-bottom:30px solid #363951;
}
/*電話、メールの部分*/
#footer_l{
	float:left;
	width:250px;
}
#footer_l div{
	margin:10px 0 0 20px;
}
#p_tel{
	background:url(../img_common/icon_tel.gif) no-repeat 0 50%;
	height:35px;
	font-weight:bold;
	padding:0 0 0 35px;
	font-size:20px;
}
#p_mail{
	background:url(../img_common/icon_mail.gif) no-repeat 0 50%;
	height:31px;
	font-weight:bold;
	padding:3px 0 0 35px;
	font-size:14px;
}
/*住所など*/
#footer_r{
	float:right;
	width:508px;
}
#footer_r dl{
	color:#435DAF;
	padding:5px 0 5px 0;
}
#footer_r dt{
	line-height:20px;
}
#footer_r dd{
	margin:-20px 0 0 70px;
	line-height:20px;
	background:url(../img_common/icon01.gif) no-repeat 0 50%;
	padding-left:20px;
}
#footer_r p{
	padding:0 0 3px 0;
}