@charset "UTF-8";
/* CSS Document */

/*======================================
	10px = 84%		16px = 134%		22px = 184%		28px = 234%
	11px = 92%		17px = 142%		23px = 192%		29px = 242%
	12px = 100%		18px = 150%		24px = 200%		30px = 250%
	13px = 109%		19px = 159%		25px = 209%		31px = 259%
	14px = 117%		20px = 167%		26px = 217%		32px = 267%
	15px = 125%		21px = 175%		27px = 225%		33px = 275%
=======================================*/


/* 芝政用サブナビ
----------------------------------------------------*/
ul#subnav.spot{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #0083F0;
	border-top-width: 2px;
}
ul#subnav.spot li{
	display: table-cell !important;
	float: none !important;
	font-size: 117%;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	width: 100%;
}
ul#subnav.spot li span{
	display: block;
	font-size: 85%;
}
ul#subnav.spot li a{
	display: block;
	padding: 5px 0;
	height: 100%;
	color: #000;
	text-decoration: none;
	border-right: 1px solid #89C6F7;
	background: #FBFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FBFFFF), to(#B5E5FC));
	background: -moz-linear-gradient(top, #FBFFFF, #B5E5FC);
	background: -ms-linear-gradient(top, #FBFFFF, #B5E5FC);
}
ul#subnav.spot li:last-of-type a{ border: none; }

ul#subnav.spot li a:hover,
ul#subnav.spot li a.active{
	display: block;
	color: #FFF;
	background: #0083F0;
	background: -webkit-gradient(linear, left top, left bottom, from(#0083F0), to(#005BC5));
	background: -moz-linear-gradient(top, #0083F0, #005BC5);
	background: -ms-linear-gradient(top, #0083F0, #005BC5);
}

/*
ul.spot{
	display: inline-block;
	width: 951px;
	margin-bottom: 5px;
	border: 1px solid #0083F0;
	border-top-width: 2px;
}
ul.spot li{
	display: inline-block;
	width: 20%;
	font-size: 117%;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
ul.spot li span{
	display: block;
	font-size: 85%;
}
ul.spot li a{
	display: block;
	height: 100%;
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 10px);
	padding: 5px 0;
	color: #000;
	text-decoration: none;
	border-right: 1px solid #89C6F7;
	background: #FBFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FBFFFF), to(#B5E5FC));
	background: -moz-linear-gradient(top, #FBFFFF, #B5E5FC);
	background: -ms-linear-gradient(top, #FBFFFF, #B5E5FC);
}
ul.spot li:last-of-type a{ border: none; }

ul.spot li a:hover,
ul.spot li a.active{
	display: block;
	color: #FFF;
	background: #0083F0;
	background: -webkit-gradient(linear, left top, left bottom, from(#0083F0), to(#005BC5));
	background: -moz-linear-gradient(top, #0083F0, #005BC5);
	background: -ms-linear-gradient(top, #0083F0, #005BC5);
}
*/

/* メインコンテンツ
----------------------------------------------------*/
#main {
	float: left;
	width: 620px;
}
#main h2 { margin: 0; }

ul#subImage { margin-bottom: 10px; }
#shibamasa ul#subImage { margin-top: -30px; }
ul#subImage li {
	display: table-cell;
	vertical-align: bottom;
	margin: 0;
}
 
/*for IE6 */
* html ul#subImage li {
	display: inline;
	zoom: 1;
}
 
/*for IE7 */
*:first-child+html ul#subImage li {
	display: inline;
	zoom: 1;
}

#etcImage{ margin-bottom: 30px; }


/* サイドコンテンツ
----------------------------------------------------*/
#side {
	float: right;
	width: 310px;
}

/* おすすめツアーポイント */
h3#pointTitle{
	display: block;
	overflow: hidden;
	*text-indent: -9999px;
	width: 310px;
	height: 54px;
	*background: url(../_common/point_title.jpg) no-repeat 0 0;
	z-index: 10;
}
h3#pointTitle:before {
	display: inline-block;
	content: url(../_common/point_title.jpg);
}

#point {
	margin-bottom: 20px;
	padding: 0 10px 10px 10px;
	background: url(../_common/point_bg.jpg);
	border-radius: 0 0 5px 5px !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
#point ul {
	padding: 10px 5px;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 7px #E58BA8;
	-moz-box-shadow: 0px 0px 7px #E58BA8;
	-webkit-box-shadow: 0px 0px 7px #E58BA8;
}

#point ul li {
	padding: 5px 0 5px 17px;
	background: url(../_common/point_mark.jpg) no-repeat 0 0.6em;
	border-top: 1px dotted #E5007E;
}
#point ul li:last-of-type { border-bottom: 1px dotted #E5007E; }

/* スケジュール */
h3#scheduleTitle {
	height: 33px;
	padding: 5px 0 0 55px;
	color: #FFF;
	font-size: 125%;
	font-weight: bold;
	background: url(../_common/schedule_titlebg.jpg) no-repeat;
}
#schedule {
	margin-bottom: 30px;
	padding: 5px 10px 10px;
	border: 1px solid #CCC;
	border-top: none;
}
dl.carrier{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
dl.carrier dt.bin{
	color: #0083F0;
	font-size: 117%;
	font-weight: bold;
	padding-left: 17px;
	background: url(../_common/schedule_mark.jpg) no-repeat 0 0.1em;
}
dl.carrier dt.bin span{
	padding-left: 10px;
	color: #333;
	font-size: 72%;
	font-weight: normal;
}
dl.carrier dd{
	padding-left: 1em;
	padding-bottom: 5px;
}
dl.caution{
	margin-top: 5px;
	padding: 5px 0;
	line-height: 1.3;
	text-align: center;
	background: #E3F2FE;
}
dl.caution dd em{
	font-size: 134%;
	font-weight: bold;
	color: #F00;
}


/* プラン共通
----------------------------------------------------*/
h3.planTitle{
	position: relative;
	height: 45px;
	padding: 3px 0 0 70px;
	color: #000;
	font-size: 200%;
	font-weight: bold;
	background: url(../_common/plan_titlebg.jpg) no-repeat;
}
h3.planTitle span{
	font-size: 75%;
	padding-left: 20px;
}
h3.planTitle img{
	position: absolute;
	left: -10px;
	top: -25px;
}
.plan{
	margin-bottom: 30px;
	padding: 10px 20px 20px;
	background: url(../_common/plan_bg.jpg);
	border-radius: 0 0 5px 5px !important;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.plan em{
	display: inline-block;
	font-size: 117%;
	margin-bottom: 10px;
}


/* 日帰りプラン
----------------------------------------------------*/
#tourBox{
	float: left;
	width: 610px;
}
.tour{
	margin-bottom: 10px;
	padding: 10px;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #AAA;
	-moz-box-shadow: 0 0 5px #AAA;
	-webkit-box-shadow: 0 0 5px #AAA;
}
.tour:last-child{ margin-bottom: 0; }


/* 日帰りプラン：詳細
----------------------------------------------------*/
.tourDep{
	position: relative;
	float: left;
	width: 114px;
	padding: 10px 3px 0 3px;
	background: #E3007E;
	border-radius: 5px 0 0 5px !important;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tourDep h4{
	text-align: center;
	color: #FFF;
	font-size: 175%;
	font-weight: bold;
	line-height: 1.3;
}
.tourDep dl{
	position: absolute;
	top: 50px;
	width: 108px;
	padding: 5px 3px;
	font-size: 84%;
	background: #FCE6F2;
}
.tourDep dl dt:last-of-type{ padding-top: 5px; }

.tourInfo{
	float: right;
	width: 470px;
}
.tourInfo h4{
	min-height: 40px;
	padding: 10px 0 0 35px;
	color: #E3007E;
	font-size: 175%;
	font-weight: bold;
	background: #FCE6F2 url(../_common/plan_markstarl.jpg) no-repeat 5px center;
	border-radius: 0 5px 0 0 !important;
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
h4 span.high{ font-size: 86%; }
h4 span.caption{
	color: #333;
	font-size: 57%;
	font-weight: normal;
}
dl.busDate{ margin: 5px 0 5px 10px; }
dl.busDate dt{
	padding-left: 18px;
	color: #0083F0;
	font-size: 117%;
	font-weight: bold;
	background: url(../_common/plan_markcalendar.jpg) no-repeat left center;
}
dl.busDate dt span.sub{
	color: #333;
	font-size: 86%;
	font-weight: normal;
}
dl.busDate dt span.sub span,
dl.busDate dd span{ color: #F00; }


/* オプション
----------------------------------------------------*/
#optBottom{ width: 610px; }
#optSide{
	float: right;
	width: 290px;
}
#optBottom dl,
#optSide dl{
	margin-bottom: 10px;
	padding: 0 10px 10px;
	background: #FFF;
	border: 1px solid #E3007E;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#optBottom dl:last-of-type,
#optSide dl:last-of-type { margin-bottom: 0; }
#optBottom dl dt,
#optSide dl dt {
	margin-bottom: 5px;
	padding: 6px 0 5px 30px;
	font-size: 134%;
	font-weight: bold;
	color: #E3007E;
	border-bottom: 1px dotted #E3007E;
	background: url(../_common/plan_markbomb.jpg) no-repeat left 5px;
}
#optBottom dl dd span.sub,
#optSide dl dd span.sub { font-size: 84%; }


/* ホテル宿泊プラン
----------------------------------------------------*/
dl.busStopInfo{
	margin: -5px 0 10px 0;
	padding: 5px 30px;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
dl.busStopInfo dt.bin{
	float: left;
	padding: 4px 10px 0 20px;
	color: #E3007E;
	font-weight: bold;
}
dd.busStop{
	float: left;
}
dd.busStop dl{
	margin-right: 5px;
	padding: 5px 8px;
	font-size: 84%;
	background: #FCE6F2;
}
dd.busStop dl dt,
dd.busStop dl dd{
	float: left;
	padding: 0 2px;
}

.htlBox{
	margin-bottom: 10px;
	padding: 10px;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 5px #AAA;
	-moz-box-shadow: 0 0 5px #AAA;
	-webkit-box-shadow: 0 0 5px #AAA;
}
.htlBox:last-of-type{ margin-bottom: 0; }
.htlTitle{
	margin-bottom: 10px;
	padding: 3px 3px 3px 20px;
	min-height: 44px;
	background: #E3007E;
	border-radius: 5px 5px 0 0 !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.htlTitle h4{
	float: left;
	padding-top: 7px;
	color: #FFF;
	font-size: 175%;
	font-weight: bold;
}
dl.priceBox{
	min-height: 44px;
	float: right;
	padding: 0 5px;
	line-height: 1.2;
	background: #FCE6F2;
	border-radius: 0 5px 0 0 !important;
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
dl.priceBox dt{
	padding-left: 25px;
	color: #E3007E;
	font-size: 175%;
	font-weight: bold;
	background: url(../_common/plan_markstars.jpg) no-repeat left center;
}
dl.priceBox dt span.high{ font-size: 86%; }
dl.priceBox dt span.caption{
	padding-left: 10px;
	color: #333;
	font-size: 57%;
	font-weight: normal;
}
dl.priceBox dt span.caption span{
	color: #E3007E;
	font-weight: bold;
	margin: 0;
}
dl.priceBox dd{ padding-left: 25px; }


/* ホテル宿泊プラン：詳細
----------------------------------------------------*/
.htlMain{
	float: left;
	width: 485px;
}
dl.htlImg{
	position: relative;
	font-size: 84%;
}
dl.htlImg dd { margin-bottom: 5px; }
dd.roomImg{
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
}
dd.etcImg{  }
dd.etcImg dl{
	float: left;
	width: 240px;
	margin-right: 5px
}
dd.etcImg dl:nth-of-type(even){ margin-right: 0; }


/* ホテル情報
----------------------------------------------------*/
.htlSide{
	float: right;
	width: 395px;
}
.htlSide table {  }
.htlSide table caption{
	padding: 3px 0;
	color: #FFF;
	text-align: center;
	font-size: 117%;
	font-weight: bold;
	background: #E3007E;
}
.htlSide table th,
.htlSide table td{
	padding: 8px 5px;
	border-bottom: 1px dotted #E3007E;
}
.htlSide table th{
	background: #FCE6F2;
	white-space: nowrap;
	vertical-align: top;
}


/* 日帰りプラン&ホテル宿泊：申込みボタン
----------------------------------------------------*/
ul.dayOrder{ margin-left: 5px; }
dl.stayOrder{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
dl.stayOrderLtd,
dl.stayOrder:last-of-type{ padding-top: 15px; }
dl.stayOrder dt,
dl.stayOrderLtd dt{
	margin-bottom: 10px;
	padding: 3px 0;
	color: #E3007E;
	text-align: center;
	font-size: 117%;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
dl.stayOrder dt.stayBus{ background: #B7E4F9 url(../_common/plan_markbus.png) no-repeat 100px 0.4em; }
dl.stayOrder dt.stayCar{ background: #B7E4F9 url(../_common/plan_markcar.png) no-repeat 100px 0.4em; }
dl.stayOrderLtd dt.stayBus{ background: #FFE4A4 url(../_common/plan_markbus.png) no-repeat 100px 0.4em; }


ul.dayOrder li,
dl.stayOrder dd,
dl.stayOrderLtd dd{
	float: left;
	margin-left: 5px;
	line-height: 1.2;
	font-size: 117%;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
dl.stayOrder dd,
dl.stayOrderLtd dd { margin-left: 12px; }
dl.stayOrder dd:first-of-type,
dl.stayOrderLtd dd:first-of-type{ margin-left: 5px; }
ul.dayOrder li a,
dl.stayOrder dd a,
dl.stayOrderLtd dd a{
	display: table-cell;
	width: 150px;
	height: 65px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	background: url(../_common/order_btnbg01.jpg) no-repeat;
	text-shadow: 1px 1px 0 #000;
}
dl.stayOrderLtd dd a{
	height: 75px;
	background: url(../_common/order_btnbg02.jpg) no-repeat;
}
ul.dayOrder li a:hover,
dl.stayOrder dd a:hover,
dl.stayOrderLtd dd a:hover{
	text-shadow: 2px 2px 0 #000;
	background-position: -150px 0;
}