@charset "utf-8";

@import url(../../common/global.css?rev=20110426);
@import url(../../common/search-panel.css?rev=20110426);

#mainContents{
	width: 950px;
	float: none;
}



h1{
	padding: 0px 0px 0px 7px;
	border-left: #ff6600 solid 4px;
	font-size: 133%;
	font-weight: bold;
	line-height: 1.1;
	text-align:left;
	margin:0 0 1em;
}

#catch{
	margin: 0px 0px 5px 0px;
	text-align: right;
}

#catch span{
	font-size: 133%;
	font-weight: bold;
	color: #ff6600;
}

/*=============================================*/
/*searchPanel*/
/*=============================================*/

#searchPanel{
	margin: 0px 0px 20px 0px;
	width: 950px;
	position:relative;
}

#searchPanel h2{
	padding: 0px 13px 0px 8px;
	height: 22px;
	float: left;
	background: url("../../../img/pages/top/parts_top.png") no-repeat 100% -284px;
	line-height: 22px;
	font-size: 109%;
	font-weight: bold;
	color: #ffffff;
}



/* mapSearch */
#mapSearch{
	width: 463px;
	border: #cccccc solid 1px;
	background: url("../../../img/pages/top/parts_top.png") no-repeat 0px -44px;
	float: left;
	position: relative;
}

#mapSearch h2{
	position: relative;
	z-index: 2;
}

#mapSearch .comment { display:block; font-weight:bold; font-size:120%; width:260px; z-index:3;float:left; margin:-12px 0 0 5px; position:relative; top:22px; }


#mapSearch .modalOverlay{
	width: 463px;
	height: 313px;
	display: none;
	position: absolute;
	top: 3px;
	z-index: 1;
	background-color: #000000;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

#mapSearch .map{
	width: 463px;
	clear: left;
	position: relative;
}

#mapSearch .mapLinkBtn{
	z-index: 100;
}

#mapSearch .mapLinkBtn li{
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0.1;
	background: url("../../../img/pages/top/map_japan.png") no-repeat;
}

#mapSearch .mapLinkBtn li.mapLoc01{ width: 104px; height: 40px; top: 235px; left: 257px; background-position: -257px -235px;} /* Central Tokyo */
#mapSearch .mapLinkBtn li.mapLoc02{ width: 107px; height: 40px; top: 173px; left: 330px; background-position: -330px -173px;} /* Around Tokyo */
#mapSearch .mapLinkBtn li.mapLoc03{ width: 83px; height: 40px; top: 118px; left: 147px; background-position: -147px -118px;} /* Kansai */
#mapSearch .mapLinkBtn li.mapLoc04{ width: 114px; height: 40px; top: 72px; left: 186px; background-position: -186px -72px;} /* Central Honshu */
#mapSearch .mapLinkBtn li.mapLoc05{ width: 93px; height: 40px; top: 235px; left: 6px; background-position: -6px -235px;} /* Kyushu */
#mapSearch .mapLinkBtn li.mapLoc06{ width: 95px; height: 40px; top: 23px; left: 232px; background-position: -232px -23px;} /* Hokkaido */
#mapSearch .mapLinkBtn li.mapLoc07{ width: 119px; height: 40px; top: 141px; left: 15px; background-position: -15px -141px;} /* Western Honshu */
#mapSearch .mapLinkBtn li.mapLoc08{ width: 116px; height: 40px; top: 109px; left: 340px; background-position: -259px -94px;} /* Nortern Honshu */
#mapSearch .mapLinkBtn li.mapLoc09{ width: 85px; height: 40px; top: 23px; left: 21px; background-position: -21px -23px;} /* Okinawa */
#mapSearch .mapLinkBtn li.mapLoc10{ width: 107px; height: 40px; top: 235px; left: 126px; background-position: -126px -235px;} /* Shikoku */

/* areaSelectBox */
#areaSelectBox{
	padding: 15px;
	width: 401px;
	z-index: 10000;
	border: #bfb6a1 solid 4px;
	background-color: #fcf2d3;
	position: absolute;
	top: 29px;
	left: 12px;
	display: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#areaSelectBox .closeBtn{
	padding: 0px 0px 5px 15px;
	height: 11px;
	float: right;
	background: url("../../../img/common/parts_searchpanel.png") no-repeat -87px -76px;
	overflow: hidden;
	cursor: pointer;
	line-height: 1.1;
}

#areaSelectBox .largeAreaLabel{
	padding: 0px 0px 5px 0px;
	border-bottom: #d7d8cb solid 1px;
	font-size: 108%;
	font-weight: bold;
}

#largeAreaList{
	width: 401px;
}

#largeAreaList li{
	padding: 0px 5px;
	background-color: #ffffff;
	border: #d7d8cb solid 1px;
	border-top: none;
}

#largeAreaList li a{
	padding: 5px 0px;
	width: 100%;
	display: block;
	line-height: 1.3;
	color: #333333;
	text-decoration: none !important;
}

#largeAreaList li a:hover{
	color: #ff7d00;
}

#otherAreaLabel{
	padding: 10px 0px 0px 0px;
	width: 401px;
	color: #666666;
}

#otherAreaList li{
	margin: 5px 10px 0px 0px;
	float: left;
}

#otherAreaList li a{
	display: block;
	background: url("../../../img/common/parts_icon.png") no-repeat -16px 3px;
	line-height: 1.1;
	padding: 0px 0px 0px 7px;
	white-space: nowrap;
}



/* quickSearch */
#quickSearch{
	margin: 0px 0px 5px 0px;
	width: 463px;
	height: 160px;
	border: #cccccc solid 1px;
	background: url("../../../img/pages/top/parts_top.png") no-repeat 0px -44px;
	float: right;
	z-index: 2;
}

#quickSearch .searchPanel{
	padding: 20px 25px;
	clear: both;
	position: static;
}

#quickSearch .row{
	padding: 0px 0px 6px 0px;
	width: 413px;
}

#quickSearch .selectArea select{
	width: 300px;
}

#quickSearch .submitBtn{
	position: absolute;
	bottom: 170px;
	right: 10px;
}



/* hotSpringSearch */
#hotSpringSearch{
	width: 463px;
	height: 149px;
	border: #cccccc solid 1px;
	background: url("../../../img/pages/top/parts_top.png") no-repeat 100% -44px;
	float: right;
	z-index: 1;
}

#hotSpringSearch .searchPanel{
	padding: 20px 25px;
	clear: both;
	position: static;
}

#hotSpringSearch .itemName{
	margin: 0px 0px 5px 0px;
	display: block;
	font-weight: normal;
}

#hotSpringSearch .selectArea{
	margin: 0px;
}

#hotSpringSearch select{
	width: 300px;
}

#hotSpringSearch .submitBtn{
	position: absolute;
	bottom: 15px;
	right: 10px;
}



/* seo */
#seo{
	padding: 15px 0px 0px 0px;
	width: 950px;
	border-top: #cccccc solid 1px;
	border-bottom: #cccccc solid 1px;
}

#seo .navi li{
	margin: 0px 40px 0px 0px;
	float: left;
	line-height: 1.1;
}

#seo .navi li a{
	padding: 0px 0px 0px 15px;
	display: block;
	background: url("../../../img/pages/top/parts_top.png") no-repeat -729px -326px;
	text-decoration: none !important;
	color: #1b47ff;
}

#seo .navi li a.current{
	background: url("../../../img/pages/top/parts_top.png") no-repeat -718px -356px;
}

#seo .seoContents{
	padding: 10px 0px 5px 0px;
}

#seo .slide{
	display: none;
}



/* attractiveSpots */
#attractiveSpots dl{
	padding: 8px 0px 9px 0px;
	background: url("../../../img/common/line_dot_ccc.png") repeat-x left bottom;
}

#attractiveSpots dt{
	width: 130px;
	float: left;
	font-weight: bold;
	line-height: 1.1;
	color: #666666;
}

#attractiveSpots dd{
	padding: 0px 40px 0px 0px;
	float: left;
}

/* accommodationTypes */
#accommodationTypes ul{
	padding: 8px 0px 9px 0px;
}

#accommodationTypes li{
	margin: 0px 40px 15px 0px;
	float: left;
}

/* sightseeingSpots */
#sightseeingSpots ul{
	padding: 8px 0px 9px 0px;
}

#sightseeingSpots li{
	margin: 0px 40px 15px 0px;
	float: left;
}

/* prefectures */
#prefectures ul{
	padding: 8px 0px 9px 0px;
}

#prefectures li{
	margin: 0px 0px 15px 0px;
	width: 100px;
	float: left;
}







/*=============================================*/
/*footer*/
/*=============================================*/

#footer{
	margin: 50px 0px 0px 0px;
	border-top: none;
}

#footer .top{
	padding: 0px 0px 10px 0px;
}

#footer .bottom{
	padding: 20px 0px 0px 0px;
	border-top: 2px solid #cccccc;
}

#footer address.recruitLogo{
	padding: 0px;
	float: left;
}

#footer address.recruitLogo a{
	margin: 0px;
	text-align: left;
}

#footerNavi{
	float: right;
}

#footerNavi li{
	float: left;
}

#footerNavi li a{
	margin: 0px 0px 0px 20px;
	display: block;
}

/* to japanese site link */
#footer .top p.toJpnJalanSite{
	margin: 20px 0px 0px 0px;
	text-align: left;
}

#footer .top p.toJpnJalanSite a{
	margin: 0px 0px 0px 0.5em;
}

#informationArea{
	margin:0 0 10px;
}

#siteInfo {
	text-align:right;
	color:#666;
}

.informationItems, #siteInfo { float:left; }
.informationItems { width:60%; }
#siteInfo { width:40%; }
.informationItems li a { text-decoration:none; cursor:pointer; }
.informationItems li span, .informationItems li strong { display:inline-block; line-height:1.5; }
.informationItems li span.icon { font-weight:bold; color:#FFF; font-size:11px; background:#F60; padding:1px 15px; }
.informationItems li strong { text-decoration:underline; }
.atstation li strong { padding:0px 0 0px 65px; background:url(../../../img/pages/top/img-atstation.gif) no-repeat 0 50%; }

.top-info { text-align:right; }
.top-info a { background:url(../../../img/common/icon_info.png) no-repeat 0 0; text-decoration:none; padding:1px 0 1px 20px; }
#header { margin:0 0 1.5em; }
#column01 { margin:0 0 1em; }
#column01 a:hover img {opacity:0.8;filter: alpha(opacity=80);}
#column01 .head-eyecatch { width:960px; margin:0 -10px 0 0; float:left; }
#column01 .head-eyecatch li { width:184px; float:left; margin:0; padding:0 7px 0 0; }
#column01 .head-eyecatch li:last-child { padding:0; }

.feature { margin:0 0 10px; width:100%; float:none; }
.feature li span.icon { padding:1px 11px; background:#D32540; }

#header .selectLanguage { float: right; margin: 25px 0 0; white-space: nowrap; width:100%; text-align:right; position:relative; }
#header .selectLanguage .menu { display:none; position:absolute; top:19px; right:0; z-index:99; background:#FFFFFF; border:#FF6600 solid 2px; padding:8px; }
#header .selectLanguage .menu li { text-align:left; line-height:2; }
#header .selectLanguage .menu li a { background-repeat:no-repeat; background-position:0 2px; padding:0 0 0 20px; }
#header .selectLanguage .menu li.m1 a { background-image:url(../../../img/common/ficons/JP.gif); }
#header .selectLanguage .menu li.m2 a { background-image:url(../../../img/common/ficons/US.gif); }
#header .selectLanguage .menu li.m3 a { background-image:url(../../../img/common/ficons/KR.gif); }
#header .selectLanguage .menu li.m4 a { background-image:url(../../../img/common/ficons/CN.gif); }
#header .selectLanguage .menu li.m5 a { background-image:url(../../../img/common/ficons/CN.gif); }