@charset "utf-8";
/* ----------------------------------------
 リセット
------------------------------------------------------ */
@import url("default.css");
html,body{
height:100%;
color:#333;
}
body{
background:url("../img/bg_body.jpg");
border-top:5px solid #69645b;
text-align:center;
}
/* ----------------------------------------
 ヘッダー
------------------------------------------------------ */
#header{
height:70px;
width:960px;
margin:0 auto;
text-align:left;
}
#logoArea{
float:left;
width:570px;
padding:15px 0 0 20px;
}
#logoArea h1{
font-size:2em;
}
#logoArea h1 a{
color:#493E2A;
text-decoration:none;
}
#subNavi{
background:url(../img/bg_subNavi.jpg) no-repeat;
float:right;
width:370px;
height:60px;
}
.subNaviMail a{
background:url("../img/bt_subNaviMail.jpg") no-repeat;
display:block;
text-indent:-9999px;
width:116px;
height:22px;
margin:6px 0 0 12px;
overflow:hidden;
}
.subNaviFax a{
background:url("../img/bt_subNaviFax.jpg") no-repeat;
display:block;
text-indent:-9999px;
width:116px;
height:22px;
margin:5px 0 0 12px;
overflow:hidden;
}
.subNaviMail a:hover{
background:url("../img/bt_subNaviMail_on.jpg") no-repeat;
}
.subNaviFax a:hover{
background:url("../img/bt_subNaviFax_on.jpg") no-repeat;
}
/* ----------------------------------------
 グローバルナビ
------------------------------------------------------ */
#gnavi{
background:url("../img/bg_gnavi.jpg") repeat-x;
width:100%;
height:60px;
}
#gnavi ul{
background:url("../img/gnavi.jpg");
width:960px;
height:60px;
margin:0 auto;
}
#gnavi li{
float:left;
}
#gnavi li a{
overflow:hidden;
height:60px;
}
.top a{
width:145px;
text-indent:-9999px;
display:block;
background:url("../img/gnavi.jpg") 0px 0px no-repeat;
}
.top a:hover{
background:url("../img/gnavi_on.jpg") 0px 0px no-repeat;
}
.about a{
width:262px;
text-indent:-9999px;
display:block;
background:url("../img/gnavi.jpg") -145px 0px no-repeat;
}
.about a:hover{
background:url("../img/gnavi_on.jpg") -145px 0px no-repeat;
}
.step a{
width:210px;
text-indent:-9999px;
display:block;
background:url("../img/gnavi.jpg") -407px 0px no-repeat;
}
.step a:hover{
background:url("../img/gnavi_on.jpg") -407px 0px no-repeat;
}
.info a{
width:165px;
text-indent:-9999px;
display:block;
background:url("../img/gnavi.jpg") -617px 0px no-repeat;
}
.info a:hover{
background:url("../img/gnavi_on.jpg") -617px 0px no-repeat;
}
.search a{
width:178px;
text-indent:-9999px;
display:block;
background:url("../img/gnavi.jpg") -782px 0px no-repeat;
}
.search a:hover{
background:url("../img/gnavi_on.jpg") -782px 0px no-repeat;
}
/* ----------------------------------------
 コンテンツエリア
------------------------------------------------------ */
#wrap{
margin:0 auto;
width:960px;
background:url("../img/bg_wrap-trans.png") repeat-y ;
text-align:left;
}
*html #wrap{
padding-left:10px;
}
#container{
width:940px;
height:100%;
background:#f4efe5;
margin:0 auto;
}
#mainImg{
width:940px;
height:320px;
background:#fff;
background:url("../img/mainImg.jpg")  ;
}
#mainImg h2{
color:#493E2A;
font-size:19px;
font-weight:bold;
margin-top:20px;
margin-left:420px;
}
#mainImg h2 .mainImgPref{
font-size:35px;
}
/* -- #main --------------------------------- */
#main{
float:right;
background:#fff;
width:630px;
margin-top:20px;
margin-right:20px;
padding:20px;
}
*html #main{
float:right;
background:#fff;
width:630px;
margin-top:20px;
margin-right:10px;
padding:20px;
}
.Page #main{
float:right;
background:#fff;
width:630px;
margin-top:0px;
margin-right:20px;
padding:20px;
}
*html .Page #main{
float:right;
background:#fff;
width:630px;
margin-top:10px;
margin-right:10px;
padding:20px;
}
.mainTokucho dt{
border-top:1px solid #E2D592;
padding-top:5px;
}
.mainTokucho dd{
color:#608502;
margin:0 0 10px 45px;
font-size:1.1em;
}
/* -- #sidemenu --------------------------------- */
#sidemenu{
width:240px;
height:100%;
}
#btSideArea{
width:220px;
margin:20px 10px;
}
*html #btSideArea{
width:220px;
margin:20px 10px;
}
#btSideArea .btSideTel{
background:url("../img/bt_side_tel.jpg") no-repeat;
height:117px;
text-indent:-9999px;
}
#btSideArea .btSideMail a{
background:url("../img/bt_side_mail.jpg") no-repeat;
display:block;
overflow:hidden;
height:53px;
text-indent:-9999px;
}
#btSideArea .btSideFax a{
background:url("../img/bt_side_fax.jpg") no-repeat;
display:block;
overflow:hidden;
height:65px;
text-indent:-9999px;
}
#btSideArea .btSideMail a:hover{
background:url("../img/bt_side_mail_on.jpg") no-repeat;
}
#btSideArea .btSideFax a:hover{
background:url("../img/bt_side_fax_on.jpg") no-repeat;
}
#bnrArea{
margin:20px 10px;
}
/* -- #sidemenu 安心ください --------------------------------- */
.btSideAnshin{
background:url("../img/bt_side_anshin.jpg") no-repeat;
height:235px;
text-indent:-9999px;
}
.btSideYakusoku a{
display:block;
background:url("../img/bt_side_yakusoku.jpg") no-repeat;
height:65px;
text-indent:-9999px;
margin-bottom:30px;
}
.btSideYakusoku a:hover{
background:url("../img/bt_side_yakusoku_on.jpg") no-repeat;
}
ul.anshinArea{
background:#F4EFE5;
padding:10px;
}
.anshinArea li{
list-style-type:disc;
margin-left:2em;
line-height:1.8em;
}
.yakusokuArea li{
list-style-type:disc;
line-height:2em;
margin-left:2em;
font-size:1.1em;
font-weight:bold;
}
ul.yakusokuArea{
border:1px solid #5D8002;
padding:10px;
background:#F4EFE5;
}
/* ----------------------------------------
 フッターエリア
------------------------------------------------------ */
#footer{
clear:both;
background:#50442c;
}
#footer .TodouFukenTitle a{
color:#fff;
text-decoration:none;
}
#footerInner{
width:940px;
text-align:center;
margin:0 auto;
padding:20px;
}
#footerInner li{
display:inline-block;
/display: inline;
/zoom: 1;
padding:5px;
}
#footerInner a{
color:#fff;
text-decoration:none;
}
#footerInner a:hover{
color:#90C803;
text-decoration:underline;
}
.copy{
color:;
padding:20px 0 0px;
color:#A9AF99;
}
/* ----------------------------------------
 ウェブページの設定
------------------------------------------------------ */
#PageBodyArea{
}
#PageBodyArea h2{
font-size:1.3em;
padding:10px 0 10px 10px;
margin:20px 0 10px 0;
background:#EFE5D1;
border-left:5px solid #5A5343;
}
#PageBodyArea h3{
font-size:1.1em;
padding:10px 0 5px 5px;
margin:10px 0;
border-bottom:1px solid #5A5343;
}
#PageBodyArea p{
line-height:1.6em;
padding-left:1em;
}
#PageBodyArea ul{
padding-left:2em;
}
#PageBodyArea li{
list-style-type:disc;
color:#516F07;
}
p.troublePNT{
background:url("../img/exclamation-trans.png") no-repeat 5px 3px #EFE5D1;
margin:0 20px;
padding:10px 15px;
text-indent:2em;
line-height:3
}
.PageMenuArea{
width:100%;
}
.PageMenuArea li{
display:inline-block;
/display: inline;
/zoom: 1;
padding:0 1em;
}
.PageMenuArea a{
color:#1783BF;
}
.PageMenuArea a:hover{
color:#539D00;
}
/* -- FAxページ--------------------------------- */
#FaxDlArea{
text-align:center;
margin:30px;
}
#FaxDlArea a{
text-decoration:none;
}
#FaxDlArea a:hover{
text-decoration:underline;
}
/* ----------------------------------------
 相談ステップ
------------------------------------------------------ */
#stepArea{
margin-top:50px;
}
.Page #stepArea{
margin-top:10px;
}
/* ----------------------------------------
 都道府県ページ　TOP
------------------------------------------------------ */
#TodouFukenTopList{
margin:30px 0 0px 0;
}
#TodouFukenTopList li{
display:inline-block;
/display: inline;
/zoom: 1;
}
/* ----------------------------------------
 テーブル
------------------------------------------------------ */
#footer{
clear:both;
}
table {
        font-size: 80%;
        color: #666666;
        width: 90%;
        margin:10px auto 30px;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
        font-size:1em;
}
th {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E1E2E6;
}
td {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #F3F3EF;
}
/* ----------------------------------------
 ぱんくず
------------------------------------------------------ */
#topicPath{
margin-left:20px;
padding-top:10px;
}
/* ----------------------------------------
 ページ上部へ戻る
------------------------------------------------------ */
#pageUp a{
display:block;
float:right;
width:170px;
height:20px;
overflow:hidden;
clear:both;
margin-right:30px;
margin-top:50px;
padding-top:30px;
text-indent:-9999px;
background:url("../img/pageUp.jpg") no-repeat bottom;
}
#pageUp a:hover{
background:url("../img/pageUp_on.jpg") no-repeat bottom;
}
/* ----------------------------------------
 汎用CSS
------------------------------------------------------ */
.Flt_L{
float:left;
}
.Flt_R{
float:right;
}
.mar-L30{
margin-left:30px;
}
/* ----------------------------------------
 clearfix
------------------------------------------------------ */
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
