@charset "utf-8";

#root #logo		{background:url(../img/index/subpict.jpg) no-repeat right -1px; padding-right:300px;}
#okinawa #logo	{background:url(../img/okinawa/subpict.jpg) no-repeat right top; padding-right:183px;}
#hokkaido #logo	{background:url(../img/hokkaido/subpict.jpg) no-repeat right top; padding-right:176px;}
#tokyo #logo	{background:url(../img/tokyo/subpict.jpg) no-repeat right top; padding-right:183px;}

#root	#ann{margin-left:88px;}
#okinawa #ann,
#tokyo #ann{margin-left:-24px;}
#hokkaido #ann{margin-left:-15px;}



body{
	background:url(../img/index/background.jpg) repeat-x left 122px;
}
#header{
	margin-bottom:13px;
}
#subnavi{
	margin-left:230px;
	width:260px;
}
#card{
	margin-left:407px;
	top:10px;
}


#map{
	margin-bottom:24px;
}
#sidebar{
	top:300px;
}
#anniversary{
	background-color:#fff;
	padding:10px;
	background-position:-10px 65px;
}

#info h2{
	margin:0;
}
#info dl{
	margin:0;
	padding:0;
}

#new{
	height:167px;
	background-color:#fff;
}
#new h2{
	padding:5px;
	border-bottom:1px dotted #999;
}

#info dl{
	height:120px;
	margin-left:10px;
	padding:8px 10px 6px 0;
	border:none;
}
#info dl dt{
	padding-left:65px;
	background-position:left 2px;
	background-repeat:no-repeat;
}
#info dl dd{
	padding-left:104px;
}
#info dl dt.all{background-image:url(../img/index/icon-new-all.gif);}
#info dl dt.oki{background-image:url(../img/index/icon-new-oki.gif);}
#info dl dt.hok{background-image:url(../img/index/icon-new-hok.gif);}
#info dl dt.tyo{background-image:url(../img/index/icon-new-tyo.gif);}
#info dl dt.kyu{background-image:url(../img/index/icon-new-kyu.gif);}
#info dl dt.hski{background-image:url(../img/index/icon-new-hski.gif);}
#info dl dt.sski{background-image:url(../img/index/icon-new-sski.gif);}

.box{
	border:1px solid #B0C1CD;
	margin-bottom:12px;
}


/* leftbar */
#ichioshi{
	background:#9dcfef url(../img/index/bg-ichioshi.gif) no-repeat left top;
	margin-bottom:20px;
	padding:6px 6px;
	position:relative;
}

#ichioshi div.contents{
	width:196px;
	margin:0 auto;
	background:#fff;
	padding:0 11px 11px 11px;
}
#ichioshi h2{
	color:#0f2c68;
	font-size:14px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	font-weight:bold;
	padding:6px 0 0 0;
}
#ichioshi p{
	line-height:16px;
}
#ichioshi img{
	margin-bottom:5px;
}
#ichioshi span.area{
	color:#fff;
	display:block;
	text-align:center;
	width:58px;
	margin-bottom:8px;
}
#ichioshi span.oki{background-color:#6aa8df;}
#ichioshi span.hok{background-color:#9AC13E;}
#ichioshi span.tyo{background-color:#C12226;}
#ichioshi span.kyu{background-color:#F7A831;}


#ichioshi span.title{
	display:block;
	font-weight:bold;
	background:url(../img/index/icon-link.gif) no-repeat left 4px;
	padding:0 0 0 8px;
	margin-bottom:6px;
}
#ichioshi img.btn{
	position:absolute;
	right:17px;
	top:164px;
}



#rectour{
	width:228px;
}
#rectour h2{
	margin-bottom:0px;
}
#rectour h3{
	height:33px;
	padding:10px 0 0 8px;
	font-size:12px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:left top;
}
#rectour h3.oki{background-image:url(../img/index/bg-rectour-oki.gif);}
#rectour h3.hok{background-image:url(../img/index/bg-rectour-hok.gif);}
#rectour h3.tyo{background-image:url(../img/index/bg-rectour-tyo.gif);}
#rectour h3.kyu{background-image:url(../img/index/bg-rectour-kyu.gif);}

#rectour h3 span{
	display:block;
	padding-left:20px;
	background-position:left 2px;
	background-repeat: no-repeat;
}	
#rectour h3.oki span{background-image:url(../img/index/icon-oki.gif);}
#rectour h3.hok span{background-image:url(../img/index/icon-hok.gif);}
#rectour h3.tyo span{background-image:url(../img/index/icon-tyo.gif);}
#rectour h3.kyu span{background-image:url(../img/index/icon-kyu.gif);}


#rectour ul{
	width:208px;
	margin:0 11px;
	padding:0 0px 5px 0px;
}
#rectour li{
	width:208px;
	padding:0 0px 6px 0;
	margin-bottom:10px;
	border-bottom:1px dotted #999;
	position:relative;
}
#rectour li p{
	line-height:16px;
	padding:0 0 5px 55px;
	background-repeat:no-repeat;
	background-position:4px 3px;
}
#rectour li p img{
	position:absolute;
	left:0;
	top:0;
}
/* 発地リンク */
#rectour ul li ul{
	width:auto;
	margin:0;
	padding:0;
	height:16px;
	background:none;
	margin-left:20px;
}
#rectour ul li li{
	width:auto;
	background:none;
	float:left;
	border-bottom:none;
	background:none;
	margin:0 0 0 3px;
	padding:0 3px 0 0;
	height:16px;
	line-height:16px;
	color: #999999;
}
#rectour ul li li.end{
	border-right:none;
}


/* contents */
#contents h2{
	clear:both;
}

#season{
	width:510px;
	float:left;
	margin-bottom:10px;
}
#season p{
	margin-bottom:6px;
}
#season ul li{
	line-height:1.5;
	margin:0 0 6px 0;
	padding:0;
}
#season ul li img{
	vertical-align:top;
	margin-bottom:2px;
}
#season ul li span{
	padding:0 0 3px 17px;
	background-position:left top;
	background-repeat:no-repeat;
}
#season ul li span.price{padding:0;}

#season ul li span.oki{background-image:url(../img/index/icon-oki.gif);}
#season ul li span.hok{background-image:url(../img/index/icon-hok.gif);}
#season ul li span.tyo{background-image:url(../img/index/icon-tyo.gif);}
#season ul li span.kyu{background-image:url(../img/index/icon-kyu.gif);}
#season ul li span.hski{background-image:url(../img/index/icon-hski.gif);}

#season ul li.left{
	float:left;
	margin-right:21px;
}
#season ul li.left2{
	float:left;
	margin-right:10px;
}

#hikaku{
	float:left;
	padding-bottom:20px;
}
#hikaku h3{
	font-size:12px;
	clear:both;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	width:488px;
	margin:0 auto;
	height:33px;
	background:url(../img/index/bg-hikaku-area.gif) no-repeat left top;
	text-align:center;
	padding-top:14px;
	margin-bottom:7px;
}
#hikaku h3 strong{
	font-size:18px;
}
#hikaku p.text{
	margin:0 12px 10px 12px;
}
#hikaku p.text span{
	font-size:10px;
	display:block;
	text-align:right;
}

#hikaku ul{
	width:508px;
	float:left;
	margin:0 0 12px 0;
	padding:0;
}
#hikaku ul li{
	float:left;
	width:132px;
	position:relative;
	padding:0 0 7px 93px;
	border-bottom:1px dotted #999;
	margin-left:16px;
	display:inline;
}
#hikaku ul p{
	line-height:1.3;
	height:42px;
	background:url(../img/index/icon-link.gif) no-repeat left 6px;
	padding:3px 0 0 9px;
}
#hikaku ul p.price{
	background:none;
	padding:0;
	height:auto;
	color:#f00;
	font-size:11px;
	line-height:1.1;
	font-family:Helvetica, Arial,"ヒラギノ角ゴ Pro W3","メイリオ", sans-serif;
	margin-bottom:9px;
}
#hikaku ul p.price span{
	font-size:24px;
	font-weight:bold;
}
#hikaku ul p.price span span{
	font-size:16px;
	vertical-align:middle;
}

#hikaku li.min .price{color:#f00;}
#hikaku li.max .price{color:#bb7c04;}


#hikaku ul li img{
	padding:2px;
	border:1px solid #ccc;
	
	position:absolute;
	left:0;
	top:0;
}
/* 発地リンク */
#hikaku ul li ul{
	width:auto;
	margin:0;
	padding:0;
	height:16px;
	background:none;
	margin-left:-55px;
}
#hikaku ul li li{
	width:auto;
	color:#999;
	float:left;
	border-bottom:none;
	margin:0 0 0 3px;
	padding:0 3px 0 0;
	height:16px;
	line-height:16px;
}
#hikaku ul li li.end{
	border-right:none;
}

/* RIGHT-SIDEBAR */
#area{
	float:left;
	padding-bottom:8px;
	margin-bottom:0;
}
#area h2{
	margin-bottom:0px;
}

#area h3{
	clear:both;
	padding:38px 0 0 70px;
	height:29px;
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	margin-bottom:12px;
}
#area h3.oki{background-image:url(../img/index/bg-area-oki.gif);}
#area h3.hok{background-image:url(../img/index/bg-area-hok.gif);}
#area h3.tyo{background-image:url(../img/index/bg-area-tyo.gif);}
#area h3.kyu{background-image:url(../img/index/bg-area-kyu.gif);}

#area ul{
	float:left;
	padding-bottom:3px;
}
#area ul li{
	line-height:1.2;
	background:url(../img/icon-menu.gif) no-repeat left 4px;
	padding:0 0 0 12px;
	margin:0 0 10px 14px;
}
#area ul.arealist{
	margin:0;
}
#area ul.arealist li{
	width:54px;
	float:left;
	display:inline;
}


















