@charset "shift_jis";

h2{margin-bottom:1px;}

#modelcourse,
#flow{margin:0 0 14px 13px;}

/* 背景の枠 */
#plan{
	width:938px;
	margin:0 0 0 1px;
	padding:10px 0 15px 0;
	background:url(../../plan/img/bg-lineup.gif) repeat left top;
	float:left;
	display:inline;
	position:relative;
}

#dounan #plan	{height:1625px;}
#douou #plan	{height:1525px;}
#douto #plan	{height:1230px;}


/*#shuyu #plan	{background-image:url(../img/bg-lineup-shuyu.gif);}
#sapporo #plan	{background-image:url(../img/bg-lineup-sapporo.gif);}
#zoo #plan		{background-image:url(../img/bg-lineup-zoo.gif);}*/
#furano #plan	{background-image:url(../../plan/img/furano/bg-lineup.gif);}
/*#dounan #plan	{background-image:url(../img/bg-lineup-dounan.gif);}
#douto #plan	{background-image:url(../img/bg-lineup-douto.gif);}
#douou #plan	{background-image:url(../img/bg-lineup-douou.gif);}*/


/* 新着 */
#topics{
	width:938px;
	height:105px;
	background-color:#fff;
	padding:0 0 12px 0;
	position:relative;
	margin-bottom:12px
}
#topics h3{
	width:181px;
	margin:0 16px 4px 0;
}
#topics .update{
	color:#666;
	width:181px;
	text-align:right;	
}
#topics dl{
	position:absolute;
	width:490px;
	left:197px;
	top:9px;

}
#topics dt,
#topics dd{
	font-size:12px;
	padding:5px 0 4px 0;
}
#topics dt{
	color:#5f606d;
	width:48px;
	padding-left:15px;
	font-weight:bold;
	float:left;
	clear:both;
	background:no-repeat 3px 8px;
}
#shuyu #topics dt	{background-image:url(../../plan/img/shuyu/icon-topics.gif);}
#sapporo #topics dt	{background-image:url(../../plan/img/sapporo/icon-topics.gif);}
#zoo #topics dt		{background-image:url(../../plan/img/zoo/icon-topics.gif);}
#furano #topics dt	{background-image:url(../../plan/img/furano/icon-topics.gif);}
#dounan #topics dt	{background-image:url(../../plan/img/dounan/icon-topics.gif);}
#douto #topics dt	{background-image:url(../../plan/img/douto/icon-topics.gif);}
#douou #topics dt	{background-image:url(../../plan/img/douou/icon-topics.gif);}

#topics dd{
	float:left;
	width:425px;
/*	padding-left:54px;*/
	color:#696a7b;
	background: url(../../plan/img/border-topics.gif) no-repeat left bottom;
}


/* ホテルカセット */
.planbox{
	clear:both;
	float:left;
	width:683px;
	background-color:#fff;
	margin:0 0 14px 13px;
	padding-bottom:2px;
	position:relative;
	display:inline;
}
.planbox h3{
	margin-bottom:14px;
}
.planbox .cap{
	position:absolute;
	right:14px;
	top:6px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
#shuyu .cap{border:1px solid #ccc;}
#sapporo .cap{border:1px solid #dab366;}
#furano .cap{border:1px solid #7ca;}
#feature26 .cap{border:1px solid #ccc;}

.planbox ul{
	float:left;
	margin:0 0 9px 0;
	padding-left:17px;
}
.planbox ul li{
	color:#666;
	float:left;
	padding-right:13px;
}
.planbox ul li img{
	vertical-align:bottom;
	margin-bottom:3px;
}
.planbox p.text{
	line-height:19px;
	width:166px;
	padding:3px 19px 0 0;
	float:right;
}
/*------------------モデルコース：ボタン----------------------------------*/
.planbox .btn_model{
	width:185px;
	float:right;
}
.planbox .btn_model a{
	display:block;
	width:169px;
	height:36px;
	margin-bottom:5px;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image:url(../../img/btn_model.gif);
}
.planbox .btn_model a:hover{
	background-position:0px -36px;
}
/*--------------------------------------------------*/
.planbox .plan{
	width:316px;
	float:left;
	padding:0 0 10px 17px;
}
.planbox .plan p{
	color:#927947;
	line-height:1.7;
	font-weight:bold;
	background:#e8e1d2;
	margin-bottom:7px;
}
.planbox .plan p span.date{
	color:#fff;
	background-color:#979289;
	padding:0 10px;
	margin-right:10px;
	display:block;
	float:left;
}
.planbox dl{
	width:316px;
	clear:both;
}
.planbox dl dt,
.planbox dl dd{
	float:left;
	padding:2px 0;
}
.planbox dl dt{
	color:#666666;
	width:112px;
	background:url(../../plan/img/sapporo/icon-plan.gif) no-repeat left center;
	clear:both;
	padding-left:9px;
}
.planbox dl dt img,
.planbox dl dd img{
	vertical-align:bottom;
}



/* サイドバー */
#sidebar{
	width:220px;
	position:absolute;
	right:10px;
	top:-18px;
	background:url(../../plan/img/bg-sidebar.gif) repeat-y left top;
	border-bottom:1px solid #bababa;
}
#sidebar h3{
	margin-bottom:9px;
}
#sidebar p{

	line-height:19px;
	margin:0 15px 12px 15px;
/*	background:url(../img/sidebar-border.gif) left bottom;*/
}
#sidebar .box{
	width:174px;
	margin:0 auto;
	background-color:#fff;
	padding:11px 12px;
	margin-bottom:10px;
	-moz-border-radius:4px;	
	-webkit-border-radius:4px;
}
#sidebar .box img{
	margin-bottom:4px;
}
#sidebar .box img.btn{
	margin:0 auto;
	padding:5px 0 0 0;
	display:block;
}
#sidebar .box h4{
	margin-bottom:6px;
}
#sidebar .box p{
	margin:0;
	background:none;
}

#sidebar .car,
#sidebar .jr,
#sidebar .free{
	width:184px;
	margin:0 auto;
	background-color:#fff;
	padding:7px 7px 11px 7px;
	margin-bottom:11px;
}
#shuyu #sidebar .car{background:#fff url(../../plan/img/bg-car.gif) no-repeat left bottom;}
#shuyu #sidebar .jr{background:#fff url(../../plan/img/bg-jr.gif) no-repeat left bottom;}
#shuyu #sidebar .free{background:#fff url(../../plan/img/bg-free.gif) no-repeat left bottom;}

#shuyu #sidebar .box p,
#douou #sidebar .box p,
#dounan #sidebar .box p,
#douto #sidebar .box p{
	line-height:17px;
	padding:0 7px;
}

#sidebar ul.hote{
	width:174px;
}
#sidebar ul.hotel li{
	color:#595959;
	font-size:11px;
	background:no-repeat left 1px;
	padding:1px 0 6px 39px;
/*	letter-spacing:-1px;*/
}
#sidebar ul.hotel li a:link,
#sidebar ul.hotel li a:visited{color:#595959;}
#sidebar ul.hotel li a:hover,
#sidebar ul.hotel li a:active{color:#999;}

#sidebar ul.hotel li.sapporo	{background-image:url(../../plan/img/icon-sapporo.gif);}
#sidebar ul.hotel li.otaru		{background-image:url(../../plan/img/icon-otaru.gif);}
#sidebar ul.hotel li.jozankei	{background-image:url(../../plan/img/icon-jozankei.gif);}
#sidebar ul.hotel li.kiroro		{background-image:url(../../plan/img/icon-kiroro.gif);}
#sidebar ul.hotel li.rusutsu	{background-image:url(../../plan/img/icon-rusutsu.gif);}
#sidebar ul.hotel li.niseko		{background-image:url(../../plan/img/icon-niseko.gif);}
#sidebar ul.hotel li.noboribetsu{background-image:url(../../plan/img/icon-noboribetsu.gif);}
#sidebar ul.hotel li.kitayusawa	{background-image:url(../../plan/img/icon-kitayusawa.gif);}
#sidebar ul.hotel li.toya		{background-image:url(../../plan/img/icon-toya.gif);}
#sidebar ul.hotel li.yunokawa	{background-image:url(../../plan/img/icon-yunokawa.gif);}
#sidebar ul.hotel li.hakodate	{background-image:url(../../plan/img/icon-hakodate.gif);}
#sidebar ul.hotel li.furano		{background-image:url(../../plan/img/icon-furano.gif);}
#sidebar ul.hotel li.sounkyo	{background-image:url(../../plan/img/icon-sounkyo.gif);}
#sidebar ul.hotel li.asahidake	{background-image:url(../../plan/img/icon-asahidake.gif);}
#sidebar ul.hotel li.asahikawa	{background-image:url(../../plan/img/icon-asahikawa.gif);}
#sidebar ul.hotel li.tomamu		{background-image:url(../../plan/img/icon-tomamu.gif);}
#sidebar ul.hotel li.sahoro		{background-image:url(../../plan/img/icon-sahoro.gif);}
#sidebar ul.hotel li.obihiro	{background-image:url(../../plan/img/icon-obihiro.gif);}
#sidebar ul.hotel li.kushiro	{background-image:url(../../plan/img/icon-kushiro.gif);}
#sidebar ul.hotel li.akan		{background-image:url(../../plan/img/icon-akan.gif);}
#sidebar ul.hotel li.kawayu		{background-image:url(../../plan/img/icon-kawayu.gif);}
#sidebar ul.hotel li.kusyaro	{background-image:url(../../plan/img/icon-kusyaro.gif);}
#sidebar ul.hotel li.shiretoko	{background-image:url(../../plan/img/icon-shiretoko.gif);}
#sidebar ul.hotel li.abashiri	{background-image:url(../../plan/img/icon-abashiri.gif);}
#sidebar ul.hotel li.saroma		{background-image:url(../../plan/img/icon-saroma.gif);}
#sidebar ul.hotel li.kitami		{background-image:url(../../plan/img/icon-kitami.gif);}
#sidebar ul.hotel li.tokachi	{background-image:url(../../plan/img/icon-tokachi.gif);}
#sidebar ul.hotel li.yubari		{background-image:url(../../plan/img/icon-yubari.gif);}

#sidebar ul.area{
	width:174px;
	margin-left:3px;
}
#sidebar ul.area li{
	background:url(../../plan/img/icon-arealist.gif) no-repeat left center;
	padding:3px 0 3px 12px;
}