@charset "shift_jis";


h2{margin:0;}
#contents{
min-height:100%;
}
#plan{padding:0;}
.cap{border:1px solid #ca4;}

#plan{
	background:url(../img/feature20/bg-lineup.gif) repeat left top;
}
/* CSS Document */
/* ステップ */
#step{
	width:922px;
	height:170px;
	background:#fff url(../img/feature20/bg-step.gif) no-repeat left top;
	padding:12px 0 0px 16px;
	margin-bottom:15px;
	position:relative;
}
#step h3{
	float:left;
	padding:0 10px 0 0;
}
#step p{
	padding-top:4px;
}

#step dl{
	width:170px;
	position:absolute;
	top:52px;
}
#step dt{
	margin-bottom:5px;
}
#step dd{
	line-height:1.5;
	margin:0 0 0 3px;
}
#step01{
	left:36px;
}
#step02{
	left:268px;
}
#step03{
	left:504px;
}






.btn:hover{
	opacity:0.75;
	filter: alpha(opacity=75);
}
.close{
	font-size:16px;
	font-family:"メイリオ";
	font-weight:bold;
	margin:0 auto;
	width:100px;
	text-align:center;
	background-color:#b8d6ff;
	padding:5px 10px;
}


div.areatab		{width:653px; height:12px; line-height:12px; position:relative; clear:both; margin:0 0 8px 0; background-color:#e6e6e6;}
div.areatab p	{height:12px; line-height:1; position:absolute; top:0; width:auto; padding:0 8px 0 12px; font-size:12px; font-family:"ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック", Osaka; background-color:#fff; color:#000;}
div.areatab p.p01{left:0; padding-left:0;}
div.areatab p.p02{left:210px;}
div.areatab p.p03{left:432px;}


div.hotelblock{
	width:668px;
	padding:24px 0 20px 15px;/* 
	background-color:#b8d6ff; */
	position:relative;
}
div.hotelblock .priceplus{position:absolute;top:7px;right:14px;}
div.hotelblock h5{
	color:#006;
	font-size:18px;
	font-weight:bold;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	padding:10px 0 10px 0;
	clear:both;
}
div.hotelblock h5 span{
	font-size:10px;
}
div.areatab{
	background-color:#ddd;
}
div.areatab p{
	font-size:14px;
	background-color:#fff;
}

div.hotelbox{
	margin-bottom:6px;
}



.plan01chk{
	clear:both;
	cursor:pointer;
}






div.hotelbox {width:206px; border:2px solid #bbbbbb; float:left; margin:0 12px 15px 0; display:inline; background-color:#fff;}
div.hotelbox img.pho	{float:right; width:72px; height:139px; margin:0; padding:0;}
div.hotelbox img.pho	{float:right; width:72px; height:139px; margin:0; padding:0;}
div.hotelbox .txt		{width:123px; height:135px; padding:4px 0 0 7px; float:left; position:relative;}

div.hotelbox .txt span	{display:block; font-family:"Times New Roman", Georgia, Times, serif; font-size:10px; line-height:12px; color:#777; margin:0 0 4px 0;}
div.hotelbox .txt p.title{color:#203cB6; font-size:12px; line-height:15px; min-height:34px; font-weight:bold; padding:0 0 0 5px; margin:0;}
div.hotelbox .txt p.plus0{border-left:4px solid #ff99cc;}
div.hotelbox .txt p.plus1{border-left:4px solid #ffcc99;}
div.hotelbox .txt p.plus3{border-left:4px solid #9ff39f;}
div.hotelbox .txt p.plus5{border-left:4px solid #99ccff;}
div.hotelbox .txt img{margin-bottom:5px;}

div.hotelbox .txt strong	{color:#d22d77; font-size:14px; margin-left:1px;}

div.hotelbox .txt p			{color:#707070; font-size:10px; line-height:13px; margin:0;}
div.hotelbox .txt p.detail	{text-align:right; height:13px; position: absolute;bottom:5px;right:3px;}
div.hotelbox .txt p.detail a{background:url(../../img/icon-detail.gif) no-repeat 0px 2px; padding-left:13px;}
div.hotelbox .txt p.or		{font-size:10px; color:#e26c6c;}

div.hotelbox .txt p.title a:link,
div.hotelbox .txt p.title a:visited{color:#203cB6;}
div.hotelbox .txt p.title a:hover,
div.hotelbox .txt p.title a:active{color:#94ECA4;}

div.hotelbox .txt a:link,
div.hotelbox .txt a:visited{color:#666060;}
div.hotelbox .txt a:hover,
div.hotelbox .txt a:active{color:#aaa;}


div.hotelbox dl	{clear:both; border-top:1px solid #bbbbbb; padding:4px 0 0 0px; margin:0; height:45px; background:#e9e9e9; line-height:1;}
div.hotelbox dl	dt{margin:0 0 5px 0; margin-left:3px;}
div.hotelbox dl	dd{float:left; margin-left:4px; display:inline;}
div.hotelbox dl img{vertical-align:bottom;}



/*****************************************************
		2011.1.12.サイズ戻した時に追加
*****************************************************/
.planbox .plan li.end { padding:0px; margin:0px;}
.planbox .plan li a:link , .planbox .plan li a:visited {
	padding:1px 3px;
	color:#5da130;
	text-decoration:underline;
	font-weight:bold;
}
.planbox .plan li a:active , .planbox .plan li a:hover {
	padding:1px 3px;
	color:#fff;
	text-decoration:underline;
	background:#469514;
}
.planbox ul.tour li{
	padding-right:3px;
}


/*****************************************************
					ボタン大きくした状態
*****************************************************/
/*
.planbox .plan { clear:both; width:649px; padding-bottom:15px;}
.planbox .plan p { font-size:18px;	height:30px; margin-bottom:8px;}
.planbox .plan p span.date { margin-right:15px; padding:0 15px;}
.planbox .plan ul { padding-left:7px;}
.planbox .plan li { margin-right:4px; padding:0px;}


/*****************************************************
					検討1
*****************************************************/
/*
.planbox .plan { clear:both; width:649px; padding-bottom:15px;}
.planbox .plan p { font-size:18px;	height:30px; margin-bottom:8px;}
.planbox .plan p span.date { margin-right:15px; padding:0 15px; height:30px;}
.planbox .plan ul {
	padding-left:50px;
}
.planbox .plan li {
	font-family:"メイリオ" , Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px; font-weight:bold;
	color:#5da130;
	padding-right:35px;
}
.planbox .plan li.end { padding:0px; margin:0px;}
.planbox .plan li a { margin-right:35px;}
.planbox .plan li a:link , .planbox .plan li a:visited {
	padding:1px 3px;
	color:#5da130;
	text-decoration:underline;
}
.planbox .plan li a:active , .planbox .plan li a:hover {
	padding:1px 3px;
	color:#fff;
	text-decoration:underline;
	background:#469514;
}


/*****************************************************
					検討2
*****************************************************/
/*
.planbox .plan { clear:both; width:370px; padding-bottom:15px;}
.planbox .plan p { font-size:16px;	height:27px; margin-bottom:8px;}
.planbox .plan p span.date { margin-right:15px; padding:0 15px; width:120px; height:27px;}
.planbox .plan ul {
	padding-left:7px;
}
.planbox .plan li {
	font-family:"メイリオ" , Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px; font-weight:bold;
	color:#5da130;
	padding-right:5px;
}
.planbox .plan li.end { padding:0px; margin:0px;}
.planbox .plan li a:link , .planbox .plan li a:visited {
	padding:1px 3px;
	color:#5da130;
	text-decoration:underline;
}
.planbox .plan li a:active , .planbox .plan li a:hover {
	padding:1px 3px;
	color:#fff;
	text-decoration:underline;
	background:#469514;
}

*/
/*****************************************************
					検討3
*****************************************************/
/*
.planbox .plan { clear:both; width:316px; padding-bottom:15px;}
.planbox .plan p { font-size:14px;	height:24px; margin-bottom:8px;}
.planbox .plan p span.date { margin-right:15px; padding:0 15px;}
.planbox .plan ul {
	padding-left:7px;
}
.planbox .plan li {
	font-family:"メイリオ" , Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px; font-weight:bold;
	color:#5da130;
}
.planbox .plan li.end { padding:0px; margin:0px;}
.planbox .plan li a:link , .planbox .plan li a:visited {
	padding:1px 3px;
	color:#5da130;
	text-decoration:underline;
}
.planbox .plan li a:active , .planbox .plan li a:hover {
	padding:1px 3px;
	color:#fff;
	text-decoration:underline;
	background:#469514;
}