@charset "UTF-8";

/*==================================================================
	common
===================================================================*/
#main{
	width:750px;
	float:left;
	padding-top:4px;
}
.section{
	margin-bottom:5px;
}
h1{
	height:18px;
	padding:6px 0 0 15px;
	font-size:78%;
	margin-bottom:7px;
	font-weight:normal;
	background:url(/img/icon/home.gif) no-repeat 0 50%;
}
* html body h1{
	height:17px;
	padding:7px 0 0 15px;
	font-size:68%;
}
*+html h1{
	height:17px;
	padding:7px 0 0 15px;
	font-size:68%;
}
html>/**/body h1{  
	font-size /*\**/: 68%\9;  
	height:16px\9;
	padding:8px 0 0 15px\9;
}
 
/*==================================================================
	homeMap
===================================================================*/
#homeMap{
	background:url(/img/home/bg_map.gif) no-repeat 0 100%;
	margin-bottom:5px;
	height:426px;
	position:relative;
}
#homeMap h2{
	background:url(/img/home/h_map.gif) no-repeat 0 0;
	overflow:hidden;
	height:51px;
}
#homeMap h2 span{
	display:block;
	height:0;
	padding-top:51px;
}
#homeMap #mapJapan{
	position:absolute;
	top:49px;
	left:15px;
	z-index:0;
}
#homeMap #spa li{
	position:absolute;
	overflow:hidden;
	height:16px;
	display:block;
	z-index:10;
}
#homeMap #spa li a{
	background:url(/img/home/spa.gif) no-repeat;
	display:block;
	height:0;
	padding-top:16px;
}
#homeMap #spa li#spaYunokawa{
	top:343px;
	left:200px;
	width:66px;
}
#homeMap #spa li#spaYunokawa a{
	width:66px;
	background-position:-132px 0;
}
#homeMap #spa li#spaYunokawa a:hover{
	background-position:-132px -16px;
}
#homeMap #spa li#spaNiseco{
	top:270px;
	left:131px;
	width:66px;
}
#homeMap #spa li#spaNiseco a{
	width:66px;
	background-position:0 0;
}
#homeMap #spa li#spaNiseco a:hover{
	background-position:0 -16px;
}

#homeMap #spa li#spaTouyako{
	top:290px;
	left:153px;
	width:66px;
}
#homeMap #spa li#spaTouyako a{
	width:66px;
	background-position:-66px 0;
}
#homeMap #spa li#spaTouyako a:hover{
	background-position:-66px -16px;
}
#homeMap #spa li#spaNoboribetsu{
	top:290px;
	left:222px;
	width:55px;
}
#homeMap #spa li#spaNoboribetsu a{
	width:55px;
	background-position:-264px 0;
}
#homeMap #spa li#spaNoboribetsu a:hover{
	background-position:-264px -16px;
}

#homeMap #spa li#spaTokachikawa{
	top:240px;
	left:340px;
	width:66px;
}
#homeMap #spa li#spaTokachikawa a{
	width:66px;
	background-position:-319px 0;
}
#homeMap #spa li#spaTokachikawa a:hover{
	background-position:-319px -16px;
}

#homeMap #spa li#spaSounkyo{
	top:168px;
	left:285px;
	width:66px;
}
#homeMap #spa li#spaSounkyo a{
	width:66px;
	background-position:-198px 0;
}
#homeMap #spa li#spaSounkyo a:hover{
	background-position:-198px -16px;
}

#homeMap #spa li#spaKussyaro{
	top:189px;
	left:388px;
	width:112px;
}
#homeMap #spa li#spaKussyaro a{
	width:112px;
	background-position:-385px 0;
}
#homeMap #spa li#spaKussyaro a:hover{
	background-position:-385px -16px;
}

#homeMap #mapArea{
	background:url(/img/home/bg_map_area.gif) no-repeat 0 0;
	width:192px;
	height:290px;
	position:absolute;
	top:57px;
	right:12px;
	z-index:1;
	font-size:86%;
}
* html #homeMap #mapArea{
	font-size:69%;
}
*+html #homeMap #mapArea{
	font-size:69%;
}
html>/**/body #homeMap #mapArea{  
	font-size /*\**/: 69%\9;  
}

#homeMap #mapArea .inner{
	padding:7px;
}
#homeMap #mapArea ul{
	margin-bottom:10px;
}
#homeMap #mapArea li{
	padding-bottom:2px;
}
* html #homeMap #mapArea li{
	padding-bottom:4px;
}
*+html #homeMap #mapArea li{
	padding-bottom:4px;
}
html>/**/body #homeMap #mapArea li{  
	padding-bottom /*\**/: 4px\9;  
}

#homeMap #mapArea li a{
	background:url(/img/icon/arrow_small.gif) no-repeat 0 3px;
	padding-left:8px;
}
#homeMap #mapArea h3{
	font-weight:bold;
	clear:both;
	margin-bottom:5px;
	padding-bottom:1px;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
}
/*==================================================================
	searchBox
===================================================================*/
#searchBox{
	background:url(/img/home/bg_search.gif) no-repeat 0 100%;
	margin-bottom:5px;
}
#searchBox .inner{
	padding:0 13px 18px 13px;
}

/*	searchKeyword
-------------------------------------------------------------------*/
#searchKeyword{
	float:left;
	width:300px;
}
#searchKeyword h2{
	background:url(/img/home/h_search_keyword.gif) no-repeat 0 0;
	overflow:hidden;
	height:60px;
}
#searchKeyword h2 span{
	display:block;
	height:0;
	padding-top:60px;
}
#searchKeyword li{
	display:inline;
	margin-right:3px;
}
#searchKeyword li a{
	font-weight:bold;
	text-decoration:underline;
}
#searchKeyword form{
	margin-bottom:7px;
}
#searchKeyword form #inputArea{
	width:210px;
	height:18px;
	color:#999;
	vertical-align:middle;
}
#searchKeyword h3{
	background:url(/img/home/h_keyword.gif) no-repeat 0 0;
	overflow:hidden;
	width:94px;
	height:22px;
}
#searchKeyword h3 span{
	display:block;
	width:94px;
	height:0;
	padding-top:22px;
}

/*	searchDate
-------------------------------------------------------------------*/
#searchDate{
	float:right;
	width:440px;
}
#searchDate h2{
	background:#FFF url(/img/home/h_search_date.gif) no-repeat 0 0;
	overflow:hidden;
	height:60px;
}
#searchDate h2 span{
	display:block;
	height:0;
	padding-top:60px;
}
#searchDate .section{
	margin-bottom:5px;
}
#searchDate form .submit{
	background-color:#F0F0F0;
	text-align:center;
	padding:5px;
}
#searchDate table{
	margin-bottom:5px;
	width:100%;
}
#searchDate td li select{
	margin-right:2px;
}
#searchDate th{
	white-space:nowrap;
	padding:5px 5px 5px 0;
	font-weight:bold;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
	font-size:78%;
}
#searchDate td{
	padding:5px 0;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
}
#searchDate td li{
	display:inline;
	margin-right:5px;
}
#searchDate td li span{
	font-size:78%;
	_font-size:68%;
}
*+html #searchDate td li span{
	font-size:68%;
}
html>/**/body #searchDate td li span{  
	font-size /*\**/: 68%\9;  
}

/*==================================================================
	subBox
===================================================================*/
#subBox .leftBox{
	width:360px;
}
#subBox .rightBox{
	width:380px;
}

/*	ranking
-------------------------------------------------------------------*/
#ranking{
	background:url(/img/home/bg_ranking.gif) no-repeat 0 100%;
	position:relative;
}
#ranking .update{
	position:absolute;
	top:30px;
	right:10px;
	font-size:78%;
}
#ranking .inner{
	padding:0 10px;
}
#ranking h2{
	background:#FFF url(/img/home/h_home.gif) no-repeat 0 0;
	overflow:hidden;
	height:51px;
	margin-bottom:10px;
}
#ranking h2 span{
	display:block;
	height:0;
	padding-top:51px;
}
#ranking h3{
	background:url(/img/home/h_ranking.gif) no-repeat 0 0;
	overflow:hidden;
	height:28px;
}
#ranking h3#rankMotobu{
	background:url(/img/home/h_ranking.gif) no-repeat 0 0;
}
#ranking h3#rankKaigan{
	background:url(/img/home/h_ranking.gif) no-repeat 0 -28px;
}
#ranking h3#rankOkinawa{
	background:url(/img/home/h_ranking.gif) no-repeat 0 -56px;
}
#ranking h3#rankNaha{
	background:url(/img/home/h_ranking.gif) no-repeat 0 -84px;
}
#ranking h3#rankNanbu{
	background:url(/img/home/h_ranking.gif) no-repeat 0 -112px;
}
#ranking h3#rankRitou{
	background:url(/img/home/h_ranking.gif) no-repeat 0 -140px;
}
#ranking h3 a{
	display:block;
	height:0;
	padding-top:28px;
}
#ranking h4{
	font-weight:bold;
}
#ranking h4 a{
	background:url(/img/icon/arrow.gif) no-repeat 0 2px;
	*background-position: 0 0.2em;
	padding-left:13px;
}
html>/**/body #ranking h4 a{  
	background-position /*\**/:0 4px\9;
}
#ranking ol{
	margin-bottom:5px;
}
#ranking ol li{
	padding:5px 0;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
}
#ranking ol li p{
	font-size:78%;
}
* html body #ranking ol li p{
	font-size:68%;
}
*+html #ranking ol li p{
	font-size:68%;
}
html>/**/body #ranking ol li p{  
	font-size /*\**/: 68%\9;  
}

#ranking ol li p.evaluation{
	color:#53A20F;
}
#ranking ol li p.evaluation strong{
}
#ranking .rank1{
	background:url(/img/home/rank1.gif) no-repeat 5px 50%;
	padding-left:45px;
}
#ranking .rank1 .evaluation{
	margin-bottom:3px;
}

#ranking .rank2{
	background:url(/img/home/rank2.gif) no-repeat 8px 50%;
	padding-left:45px;
}
#ranking .rank3{
	background:url(/img/home/rank3.gif) no-repeat 8px 50%;
	padding-left:45px;
}
#ranking .rankText{
	float:right;
	width:165px;
}
#ranking .rankImg{
	float:left;
	width:120px;
}
#ranking .right{
	margin-bottom:10px;
	font-size:78%;
	_font-size:68%;
}
#ranking .right a{
	background:url(/img/icon/arrow_small.gif) no-repeat 0 40%;
	padding-left:8px;
}

/*	special
-------------------------------------------------------------------*/
#special{
	background:url(/img/home/bg_special.gif) no-repeat 0 100%;
	margin-bottom:10px;
}
#special h2{
	background:url(/img/home/h_home.gif) no-repeat 0 -51px;
	overflow:hidden;
	height:57px;
}
#special h2 span{
	display:block;
	height:0;
	padding-top:57px;
}
#special ol li{
	padding:7px 0;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
}
#special .inner{
	padding:0 10px 10px 10px;
}
#special h3{
	font-weight:bold;
	margin-bottom:5px;
}
#special h3 a{
	background:url(/img/icon/arrow.gif) no-repeat 0 2px;
	padding-left:13px;
}
html>/**/body #special h3 a{  
	background-position /*\**/:0 4px\9;
}
#special .specialText{
	float:right;
	width:230px;
}
#special .specialImg{
	float:left;
	width:120px;
}

/*	homeSec
-------------------------------------------------------------------*/
.homeSec{
	background:url(/img/home/bg_homesec.gif) no-repeat 0 100%;
	margin-bottom:10px;
}
.homeSec h3{
	font-weight:bold;
	color:#FFF;
	background:url(/img/home/h_home.gif) no-repeat 0 -112px;
	padding:3px 5px;
}
.homeSec .inner{
	margin:0 1px;
	padding:10px;
	background:url(/img/home/bg_homesec_inner.jpg) repeat-x 0 0;
}
.homeSec .inner li{
	float:left;
	width:50%;
}
.homeSec .inner li.full {
	clear: both;
	width: 100%;
}
.homeSec .inner li a{
	background:url(/img/icon/arrow_small.gif) no-repeat 0 5px;
	padding-left:8px;
}

.listLine{
	background:url(/img/common/line_dot_blue.gif) repeat-x 0 100%;
	padding-bottom:5px;
	margin-bottom:5px;
}

/*	infomation
-------------------------------------------------------------------*/
#infomation{
	border:1px solid #CCC;
	margin-bottom:10px;
}
#infomation .inner{
	margin:0 1px;
	padding:10px;
}
#infomation h3{
	border-bottom:1px solid #CCC;
	font-weight:bold;
	background:url(/img/home/h_infomation.gif) no-repeat 0 0;
	padding:3px 5px;
}
#infomation table{
	margin-bottom:5px;
	width:100%;
}  
#infomation th{  
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
	white-space:nowrap;
	padding:8px 10px 5px 0;
	font-size:78%;
	vertical-align:top;
}  
#infomation td{  
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
	padding:5px 0;
}
#infomation td a{  
	background:url(/img/icon/arrow_small.gif) no-repeat 0 5px;
	padding-left:8px;
}
#infomation ul{
	float:right;
}
#infomation ul li{
	display:inline;  
	font-size:78%;
	margin-left:5px;
}

.toolTip{
	position: relative;
}  
.toolTip:hover img{
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
	-khtml-opacity: 1.0 !important;
	opacity:1.0 !important;
}
.toolTip span{  
	display: block;  
	border:solid 1px #FE8923;
	background-color:#FFF;  
	color:#444;  
	text-decoration:none;  
	position:absolute;  
	top:20px;  
	left:0px;  
	padding:5px;  
	visibility:hidden;  
	width:140px;
	font-size:78%;
	_top:25px;  
	_font-size:68%;
}
*+html .toolTip span{
	font-size:68%;
	top:25px;  
}
html>/**/body .toolTip span{  
	font-size /*\**/: 68%\9;  
	top:22px\9;  
}

a.toolTip:hover,
a.toolTip:hover span{
	visibility: visible;
	z-index:100;
}
#btnMap li{
	position:absolute;
	z-index:9;
}
* html #btnMap li a {
	display: block;
	height: 22px;
}
#btnMap li#btnSapporo{
	top:118px;
	left:15px;
}
#btnMap li#btnJozankei{
	top:148px;
	left:15px;
}
#btnMap li#btnOtaru{
	top:178px;
	left:15px;
}
#btnMap li#btnNiseco{
	top:263px;
	left:15px;
}
#btnMap li#btnTouya{
	top:353px;
	left:269px;
}
#btnMap li#btnHakodate{
	top:371px;
	left:15px;
}
#btnMap li#btnWakkanai{
	top:52px;
	left:278px;
}
#btnMap li#btnAsahikawa{
	top:112px;
	left:310px;
}
#btnMap li#btnFurano{
	top:294px;
	left:367px;
}
#btnMap li#btnAbashiri{
	top:82px;
	left:290px;
}
#btnMap li#btnKushiro{
	top:107px;
	left:420px;
}
#btnMap li#btnIshikari{
	top:233px;
	left:15px;
}
#btnMap li#btnObihiro{
	top:264px;
	left:377px;
}
#btnMap li#btnHidaka{
	top:383px;
	left:315px;
}
#btnMap li#btnRitoh{
	top:87px;
	left:15px;
}

#special .spPager {
	margin-bottom:10px;
}

/*==================================================================
	emergency
===================================================================*/
#emergency{
	padding:15px;
	margin-bottom:15px;
	border: 2px solid #F66;
	background: -moz-linear-gradient(top, #FEF0EF, #FDDEDB);
	background: -webkit-gradient(linear, left top, left bottom, from(#FEF0EF), to(#FDDEDB));
	-pie-background: linear-gradient(top, #FEF0EF, #FDDEDB);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#emergency h2{
	font-weight:bold;
	font-size:18px;
	text-align:center;
	margin-bottom:10px;
}
#emergency p{
	font-size:14px;
}

/*==================================================================
	clearfix
===================================================================*/
#ranking .rank1:after,
#special ol li:after,
#mapArea ul:after,
.listLine:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#ranking .rank1,
#special ol li,
#mapArea ul,
.listLine{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #ranking .rank1,
* html #special ol li,
* html #mapArea ul,
* html .listLine{
	height: 1%;
	}
#ranking .rank1,
#special ol li,
#mapArea ul,
.listLine{
	display: block;
	}

#special .spPager {
	clear: both;
}