@charset "UTF-8";

@import "./default.css";
@import "./screen.css";
@import "./common.css";


/*-- main -----------------------------------------------------------------------------------------------*/

#contentsPosition{
width:550px;
padding:5px 0 0;
margin-left:28px;
}

/*-- text -----------------------------------------------------------------------------------------------*/

#contentsPosition p{
line-height:1.3;
}

#contentsPosition div.boxLine{
padding-bottom:30px;
background:url(../img/line_bg.gif) 0 100% repeat-x;
}
#contentsPosition div.boxLine2{
padding-bottom:20px;
background:url(../img/line_bg.gif) 0 100% repeat-x;
}
#contentsPosition div.boxLine3{
padding-bottom:1px;
background:url(../img/line_bg.gif) 0 100% repeat-x;
}

.flr{
float:right;
}

/*-- image -----------------------------------------------------------------------------------------------*/

p.imgL{
float:left;
width:185px;
margin:0 0 20px 0;
}

/*-- pan -----------------------------------------------------------------------------------------------*/

ul.pan li{
font-size:80%;
display:inline;
line-height:1;
padding-left:10px;
margin-right:10px;
background:url(../img/arr01.gif) 0 0 no-repeat;
}

/*-- heading -----------------------------------------------------------------------------------------------*/

#contents h3{
margin-bottom:20px;
}

#contents h4{
font-size:86%;
color:#866544;
line-height:1;
margin-bottom:8px;
padding:5px 0 3px 18px;
background:url(../img/tit01.gif) 0 0 no-repeat;
}

#contents h4 p{
	font-size:100%;
}

#contents h5{
font-size:80%;
color:#1E7F15;
line-height:1;
margin-bottom:10px;
padding:8px 0 12px 30px !important;
padding:9px 0 10px 30px;
background:url(../img/tit02.gif) 0 0 no-repeat;
}
#contents h5.train{
background:url(../img/tit04.gif) 0 0 no-repeat;
}
#contents h5.car{
background:url(../img/tit05.gif) 0 0 no-repeat;
}
#contents h5.bus{
background:url(../img/tit07.gif) 0 0 no-repeat;
}
#contents h5.qtit{
padding:10px 0 9px 24px !important;
padding:10px 0 9px 24px;
margin-bottom:-10px;
background:url(../img/tit06.gif) 0 0 no-repeat;
}

/*-- box -----------------------------------------------------------------------------------------------*/

.box342{
width:342px;
}
.box550{
width:550px;
}

/*-- list -----------------------------------------------------------------------------------------------*/

dl.arr01 dt{
color:#B48200;
font-size:80%;
line-height:1;
font-weight:bold;
margin-bottom:6px;
padding:0 0 0 15px;
background:url(../img/tit03.gif) 0 0 no-repeat;
}
dl.arr01 dd{
font-size:80%;
line-height:1.3;
margin-bottom:12px;
}
dl.arr01 dd span{
display:block;
padding-top:8px;
}

ul.dotList{
margin-top:10px;
margin-left:27px;
margin-bottom:18px;
}
ul.dotList li{
font-size:80%;
line-height:1;
padding:3px 0 0 15px;
margin-bottom:2px;
background:url(../cmn_images/dot2.gif) 0 0 no-repeat;
}



/*-- list -----------------------------------------------------------------------------------------------*/

.tLay{
width:462px;
margin:20px auto;
padding:20px 20px 8px;
border:1px solid #C4C4A6;
background-color:#F1ECDE;
}
.tLay dt {
font-size: 80%;
font-weight:bold;
line-height:1;
padding: 0 0 0 8px;
color:#866544;
border-left:3px solid #ED6301;
}
.tLay dd {
font-size: 80%;
line-height: 160%;
margin: -1.3em 0 0.8em 56px;
border-bottom:1px solid #B9B5AB;
}
.tLay dd strong{
color:#866544;
}
.tLay dl.cLay dd {
margin: -1.3em 0 0.8em 130px;
}
.tLay dl.cLay2 dd {
margin: -1.3em 0 0.8em 130px;
border-bottom:none;
}
.tLay dl.cLay3 dd {
margin: -1.3em 0 0.8em 100px;
}

/*-- flow -----------------------------------------------------------------------------------------------*/

.fBox{
width:448px;
margin:20px auto;
border:1px solid #C4C4A6;
background-color:#F1ECDE;
}
#step1{background:#F1ECDE url(../img/step01.gif) 100% 100% no-repeat;}
#step2{background:#F1ECDE url(../img/step02.gif) 100% 100% no-repeat;}
#step3{background:#F1ECDE url(../img/step03.gif) 100% 100% no-repeat;}
#step4{background:#F1ECDE url(../img/step04.gif) 100% 100% no-repeat;}
#contents .fBox h5{
color:#6A5D36;
font-size:80%;
width:433px;
padding:7px 5px 6px 10px !important;
padding:8px 5px 6px 10px;
margin:0 0 10px 0;
background:none;
border-bottom:1px solid #C4C4A6;
}

.fBox li{
padding:1px 0 2px 55px;
font-size:80%;
margin-bottom:5px;
background:url(../img/no01.gif) 0 0 no-repeat;
}
.fBox li.n01{background:url(../img/no01.gif) 0 0 no-repeat;}
.fBox li.n02{background:url(../img/no02.gif) 0 0 no-repeat;}
.fBox li.n03{background:url(../img/no03.gif) 0 0 no-repeat;}
.fBox li.n04{background:url(../img/no04.gif) 0 0 no-repeat;}
.fBox li.n05{background:url(../img/no05.gif) 0 0 no-repeat;}
.fBox li.n06{background:url(../img/no06.gif) 0 0 no-repeat;}
.fBox li.n07{background:url(../img/no07.gif) 0 0 no-repeat;}
.fBox li.n08{background:url(../img/no08.gif) 0 0 no-repeat;}
.fBox li.n09{background:url(../img/no09.gif) 0 0 no-repeat;}
.fBox li.n10{background:url(../img/no10.gif) 0 0 no-repeat;}
.fBox li.n11{background:url(../img/no11.gif) 0 0 no-repeat;}
.fBox li.n12{background:url(../img/no12.gif) 0 0 no-repeat;}
.fBox li.n13{background:url(../img/no13.gif) 0 0 no-repeat;}
.fBox li.n14{background:url(../img/no14.gif) 0 0 no-repeat;}
.fBox li.n15{background:url(../img/no15.gif) 0 0 no-repeat;}
.fBox li.n16{background:url(../img/no16.gif) 0 0 no-repeat;}
.fBox ul{
margin-bottom:10px;
}

/*-- sitemap -----------------------------------------------------------------------------------------------*/


#contents div.sitemap dl{
font-size:80%;
margin-bottom:20px;}
#contents div.sitemap dt{
line-height:1;
padding:0 0 0 12px;
margin-left:20px;
margin-bottom:1px;
background:url(../img/arr01.gif) 0 0 no-repeat;
}
#contents div.sitemap dd{
margin-left:32px;
margin-bottom:5px;
}

/*-- form -----------------------------------------------------------------------------------------------*/

.formBox{
width:462px;
margin:20px auto;
padding:20px 20px 8px;
border:1px solid #C4C4A6;
background-color:#F1ECDE;
}
.formBox dt {
font-size: 80%;
font-weight:bold;
line-height:1;
padding:1px 0 0 8px;
color:#866544;
border-left:3px solid #ED6301;
}
.formBox dt span {
color:#CC0000;
font-weight:normal;
}
.formBox dd {
font-size: 80%;
line-height: 160%;
margin: -1.4em 0 0.8em 140px;
}

.formBox dl.line dd {
font-size: 80%;
line-height: 160%;
margin: -1.4em 0 0.8em 140px;
border-bottom:1px solid #B9B5AB;
}

.formBox input,
.formBox textarea{
padding:0 3px 4px 3px;
border:1px solid #CECECE;
}
.formBox input.noLine{
border:0;}

.w100 {width:100px;}
.w240 {width:240px;}
.w300 {width:300px;}

.formBtn{
text-align:center;
}
.formBtn input{
width:120px;
height:20pt;
font-size:80%;
margin:10px;
}

/*-- house -----------------------------------------------------------------------------------------------*/

table.tLay2{
	background-color:#C4C4A6;}
table.tLay2 th{
	font-size:80%;
	font-weight:normal;
	color:#7F5D3B;
	padding:3px 2px 3px 4px;
	background-color:#F1ECDE;}
table.tLay2 td{
	font-size:80%;
	padding:3px 2px 3px 4px;
	background-color:#FFFFFF;}

/*-- alert -----------------------------------------------------------------------------------------------*/



.aBox{
width:548px;
margin:20px auto;
border:1px solid #C4C4A6;
background-color:#F1ECDE;
}
#contents .aBox h5{
color:#ED6400;
font-size:80%;
width:533px;
padding:7px 5px 6px 10px !important;
padding:8px 5px 6px 10px;
margin:0 0 10px 0;
background:none;
border-bottom:1px solid #C4C4A6;
}

.aBox li{
padding:1px 0 2px 16px;
font-size:80%;
margin-bottom:5px;
margin-left:9px;
margin-right:20px;
line-height:1.3;
background:url(../img/dot.gif) 0 0 no-repeat;
}

/* pagetop
--------------------------------------------------------------------------------------------*/
.pt{
width:93px;
margin-left:461px;}
.pt a{
display:block;
width:89px;
height:12px;
font-size:1px;
line-height:1;
text-indent:-9999em;
margin:0 0 20px 0;
background:url(../img/pagetop.gif) left top no-repeat;}



/* 090318 recommend
------------------------------------------------------------------------*/

#contents div.recom_box {
	clear: both;
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px dashed #ccc;
}
#contents div.recom_box dl {
	float: left;
	width: 250px;
	padding: 0 12px;
	font-size: 80%;
} 
#contents div.recom_box dl dt,
#contents div.recom_box dl dd {
	display: block;
	width: 250px;
}
#contents div.recom_box dl dd {
	padding: 5px 0 0;
}