/* CSS Document */
@charset "shift_jis";

/*==============================================
  目次：
	0.全体設定
	1.header
	2.navi(navigation)
	3.contents
　　4.footer
	99.各ページ共有
================================================

===========================================
　0.全体設定
=========================================*/

body,div,ul,ol,li,h1,h2,h3,h4,p,blockquote,dl,dt,dd{
	margin:0;
	padding:0;
}

img{
	border:0;
}

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:13px;
	background-color:#a2d0fb;
	background-image:url(../img/common/header_back.gif);
	background-position:left top;
	background-repeat:repeat-x;
	text-align:center;
}

#wrapper{
	color:#222;
	width:940px;
	text-align:left;
	background-color:#fff;
	height:100%;
	margin:0 auto;
}

#pankuzu{
	font-size:12px;
	margin-top:8px;
}

/*=========================================
　1.header
=========================================*/
/*### 1.1 header ###*/
#header{
	width:940px;
	height:168px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	text-align:left;
	background-image:url(../img/common/common-back.gif);
	background-repeat:repeat;
	position:relative;
}

h1{
	position:relative;
	height:15px;
	display:block;
	text-align:right;
	font-weight:100;
	font-size:12px;
}

/*--- 1.1.1 ロゴと電話番号 ---*/

.logo-tel{
	float:left;
	width:260px;
}

/*--- 1.1.2 header-area ---*/

#header-center{
	float:left;
	width:440px;
	height:153px;
	font-size:14px;
	padding-left:13px;
	position:relative;
}

#header-center ul{
	font-weight:bold;
	padding-left:15px;
}

#header-center li{
	padding:2px 0 2px 0;
}

/*--- 1.1.3 header-img ---*/

#header-img{
	float:left;
	padding-top:31px;
	padding-left:10px;
}

/*=========================================
　2.navi(navigation)
=========================================*/
#navi{
	clear:both;
	list-style:none;	
}

#navi a{
	display:block;
	width:157px;
	height:55px;
	text-indent:-9999px;
	outline:none;
}

#navi-01{
	float:left;
	width:157px;
	height:55px;
	background:url(../img/common/navi-01-l.gif) no-repeat;
}

#navi-02{
	float:left;
	width:157px;
	height:55px;
	background:url(../img/common/navi-02-l.gif) no-repeat;
}

#navi-03{
	float:left;
	width:157px;
	height:55px;
	background:url(../img/common/navi-03-l.gif) no-repeat;
}

#navi-04{
	float:left;
	width:157px;
	height:55px;
	background:url(../img/common/navi-04-l.gif) no-repeat;
}

#navi-05{
	float:left;
	width:157px;
	height:55px;
	background:url(../img/common/navi-05-l.gif) no-repeat;
}

#navi-06{
	float:left;
	width:155px;
	height:55px;
	background:url(../img/common/navi-06-l.gif) no-repeat;
}

#navi-06 a{
	display:block;
	width:155px;
	height:55px;
	text-indent:-9999px;
	outline:none;
}

/*=========================================
　3.contents
=========================================*/
#contents{
	width:940px;
	padding-top:8px;
}

/*### 3.1 main_contents ###*/
#main_contents{
	float:left;
	width:700px;
	padding-left:5px;
}

/*### 3.2 side_contents ###*/
#side_contents{
	float:right;
	width:220px;
	padding-right:5px;
	padding-top:8px;
}

h3.side_contents-header{
	color:#fff;
	width:218px;
	height:28px;
	border:solid #999 1px;
	font-size:15px;
	line-height:28px;
	margin:0;
	padding:0;
	background-image:none;
	background-color:#06f;
}

h3.side_contents-header span{
	padding-left:14px;
}

/*--- 3.2.1 リスト ---*/
#side_contents ul{
	width:220px;
	margin-bottom:16px;
	list-style:none;
}

#side_contents li{
	width:220px;
	height:26px;
	line-height:28px;
	background-image:url(../img/common/side_contents-li-l.gif);
	background-repeat:no-repeat;
	border-bottom:solid #999 1px;
}

#side_contents li a{
	padding-left:35px;
	text-decoration:none;
}

/*--- 3.2.2 対応地域一覧 ---*/
#side-area{
	width:220px;
	padding-top:5px;
	background-image:url(../img/common/side-area-back.gif);
	background-repeat:repeat-y;
	border-bottom:solid #999 1px;
	padding-bottom:8px;
	margin-bottom:14px;
}

#ritou{
	margin-top:8px;
	margin-left:14px;
}

#side-area dl{
	width:220px;
}

#side-area dt{
	font-weight:bold;
	margin-top:8px;
	margin-left:14px;
}

#side-area dd{
	font-size:13px;
	margin-top:3px;
	margin-left:17px;
}

/*=========================================
　4.footer
=========================================*/
#footer{
	height:244px;
	text-align:left;
	text-align:center;
	background-image:url(../img/common/footer-back.png);
	background-repeat:repeat-x;
}

#footer a{
	color:#fff;
}

#footer a:hover{
	color:#ffc438;
}

/*### 4.1 ft-center ###*/
#ft-center{
	color:#fff;
	margin:0 auto;
	padding-top:16px;
	text-align:left;
	width:940px;
	height:244px;
	background-image:url(../img/common/footer-back.png);
	background-repeat:repeat-x;
}

/*--- 4.1.1 logo-tel(header側に記述) ---*/

/*--- 4.1.2 ft-sitemap ---*/
ul#ft-navi-p{
	float:left;
	display:block;
	width:190px;
	height:144px;
	padding-left:18px;
	list-style:url(../img/common/footer-list-marker.gif);
	font-size:13px;
	font-weight:bold;
}

#ft-center li{
	height:21px;
}

/*--- 4.1.3 ft-navi-c01 ---*/

ul#ft-navi-c01{
	float:left;
	width:110px;
	height:144px;
	list-style-position:inside;
	list-style:disc;
	font-size:12px;
}

/*--- 4.1.4 ft-navi-c02 ---*/

ul#ft-navi-c02{
	float:left;
	width:140px;
	height:144px;
	list-style-position:inside;
	list-style:disc;
	font-size:12px;
}

/*--- 4.1.5 ft-right ---*/
#ft-right{
	float:left;
	height:176px;
	width:220px;
}

/*--- 4.1.6 copyright ---*/
.ft-under{
	clear:both;
	color:#000;
	text-align:center;
}

/*=========================================
　99.各ページ共有
=========================================*/
/*### 99.1 要素名 ###*/
h2{
	clear:both;
	margin-top:8px;
	margin-bottom:11px;
}

h2#fst{
	clear:both;
	margin-top:8px;
	margin-bottom:3px;
}

h3{
	clear:both;
	width:684px;
	height:20px;
	line-height:20px;
	margin-left:8px;
	margin-bottom:6px;
	padding-left:3px;
	font-size:16px;
	color:#0b44ad;
	border-bottom:double 3px #0b44ad;
}

h4{
	color:#f50;
	font-size:15px;
	margin-bottom:3px;
}

p{
	line-height:20px;
}

em{
	font-style:normal;
}

ol{
	list-style-position:inside;
}

/*### 99.2 クラス名 ###*/
/*--- 99.2.1 単一 ---*/
.left{
	float:left;
}

.right{
	float:right;
}

.cl-both{
	clear:both;
}

.sml{
	font-size:10px;
}

.set{
	margin-bottom:0;
}

.txt-right{
	text-align:right;
}

/*--- 99.2.2 複数 ---*/

.lv-01{
	width:661px;
	margin-left:21px;
	margin-bottom:10px;
}

.lv-02{
	width:645px;
	margin-left:40px;
	margin-bottom:10px;
}

.banner{
	width:220px;
	height:auto;
	margin-bottom:16px;
}

/*--- 3.2.2 機能 ---*/
.hidden{
	display:block;
	text-indent:-9999px;
}

.jump-shousai{
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	margin:0 5px 5px 0;	
}

.vstrong{
	font-size:16px;
	color:#f00;
}

.h-btn{
	width:677px;
	height:19px;
	line-height:19px;
	padding-left:4px;
	margin-bottom:10px;
	color:#fff;
	background:#fff url(../img/common/h-btn-back-l.gif) no-repeat;
}