@charset "utf-8";

h1 {
	background:url(../img/h1-bg.gif) LEFT TOP no-repeat #eeeeee;
	FONT-SIZE:18px;
	padding:10px;
	top:0;}
	
.plan-top-waku {
	margin:0 auto;
	width:980px;}
	
.midokoro {
	background:#d1e7ff;
	margin-top:10px;
	padding:40px 20px 20px;
	margin-bottom: 4em;}

.midokoro .bottom {
	background:url(../img/midokoro-bg-bottom.jpg) left bottom no-repeat;}

.midokoro .cen {
    background: url("../img/midokoro-bg-cen.jpg") repeat-y scroll left top;
    left: -8px;
	margin:20px 0 0;
    position: relative;
    width: 960px;
}

.midokoro .top {
	background:url(../img/midokoro-bg-top.jpg) left top no-repeat;}

.midokoro-in {
	line-height: 2em;
    margin: 0 auto;
	width: 85%;
    padding: 0 0 30px;}
.midokoro-in h2 {
	text-align:center;
	padding:50px 0 10px;}
	
.midokoro .bottom p:first-child {position: relative;}
	
.midokoro .bottom p {
	font-size: 16px;
	padding-top:20px;
}

.midokoro .btn {text-align:center;}
	
.bold {font-weight:bold;}
	

div.bus-wrapper h4 {
    background: url("../img/h4-bg.gif") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    font-size: 160%;
    margin: 6px 0 0;
    padding: 0 0 5px;
}

.plan-top-date {margin:0 0 4em;}

.bus-wrapper {margin-bottom:4em;}
	
/**********************************************************************************************
当日のスケジュール
**********************************************************************************************/
.plan-top-box-left {
	font-size:16px;
	width:600px;
	float:left;
}

.plan-top-box-cate {
	font-size:14px;
	width:600px;
}

.heightLine-group1 {
	width:600px;
	height: auto !important;
}

.plan-top-box-cate tablel {
	width:100%;
	border-collapse:collapse;
}

.plan-top-box-cate table th,
.plan-top-box-cate table td {
	border:1px solid #cccccc;
}

.plan-top-box-cate table th {
	background-color:#ebeaea;
	text-align:center;
	font-size:16px;
	width:67px;
	font-weight: bold;
}
.plan-top-box-cate table td{
	padding:10px !important;
	line-height: 1.8;
}
.plan-top-box-cate table .bgcolor{
	background-color: #ffffcc;
}
.plan-top-box-cate .day{
	background-color:#d1e7ff !important;
	font-weight:bold;
}
.plan-top-box-cate .sch{
	background-color:#d1e7ff !important;
	font-weight:bold;
  text-align: center;
  font-size: 16px;
}

.plan-top-box-cate table.schedul-tbl tbody td.schedul-td p.mainTxt {
	margin:15px 15px 25px;
	line-height:1.8;
}

.plan-top-box-cate table.schedul-tbl tbody td.schedul-td p.mealTxt {
	background-color:#fffeed;
	padding:15px;
	border-top:1px solid #cccccc;
}
.plan-top-box-cate table.schedul-tbl tbody td.schedul-td p.hotelTxt {
	background-color:#fffeed;
	padding:15px;
	border-top:1px solid #cccccc;
}

.plan-top-box-cate dl {
	margin-top:20px;
	border: 1px solid #E2DEDE;
}

.plan-top-box-cate dl dt {
	background:#d1e7ff;
	padding:10px;
	font-size:90%;
}

.plan-top-box-cate dl dd {
	padding:10px;
	font-size:90%;

}

/*
.plan-top-box-cate table.schedul-tbl {
	width:100%;
	border-collapse:collapse;
}

.plan-top-box-cate table.schedul-tbl th,
.plan-top-box-cate table.schedul-tbl td {
	border:1px solid #cccccc;
}

.plan-top-box-cate table.schedul-tbl thead th {
	background-color:#d1e7ff;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding:10px;
}

.plan-top-box-cate table.schedul-tbl thead th.crammed {
	width:10%;
}

.plan-top-box-cate table.schedul-tbl tbody td.crammed-td {
	text-align:center;
	background-color:#f5f5f5;
	font-weight:bold;
}

.plan-top-box-cate table.schedul-tbl tbody td.schedul-td p.mainTxt {
	margin:15px 15px 25px;
	line-height:1.8;
}

.plan-top-box-cate table.schedul-tbl tbody td.schedul-td p.mealTxt {
	background-color:#fffeed;
	padding:15px;
	border-top:1px solid #cccccc;
}
.plan-top-box-cate table.schedul-tbl tbody td.schedul-td p.hotelTxt {
	background-color:#fffeed;
	padding:15px;
	border-top:1px solid #cccccc;
}

.plan-top-box-cate dl {
	margin-top:20px;
}

.plan-top-box-cate dl dt {
	background:#d1e7ff;
	padding:10px;
	font-size:90%;
  border-left: 1px solid #E2DEDE !important;
  border-right: 1px solid #E2DEDE !important;
  border-top: 1px solid #E2DEDE !important;
}

.plan-top-box-cate dl dd {
	padding:10px;
	font-size:90%;
	border:1px solid #E2DEDE;
}
*/
	
.plan-top-waku h3 {
    background: url("../img/h4-bg.gif") no-repeat scroll left bottom;
    font-size: 160%;
    padding: 0 0 5px;
	margin:6px 0 0 0;
    padding-bottom:20px\9; /* IE8 */
	padding-bottom:20px\0/; /* IE9 */
}

.plan-top-box-right {
	float:right;
	position:relative;
	width:360px;
}

.plan-list-box-in-icon {padding-top:15px;}

.plan-list-box-in-icon, .plan-list-box-in-right input {
    height: 30px;
    margin: 0 0 10px;
}

.btn-plan-list {
    position: absolute;
    right: 0;
    top: 5px;
}

.plan-list-box-in-icon ul li:first-child {
	float:left;
	margin-left:0;
}

.plan-list-box-in-icon ul li {
	float:left;
	margin-left:10px;
}


.plan-list-box-in-cap table {
   border: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
}

.plan-list-box-in-cap table tbody {padding:1px;}

.plan-list-box-in-cap table tr {
	border-bottom:1px solid #ccc;
	padding:5px 0 5px 10px;
}

.plan-list-box-in-cap table tr th {
	padding: 20px 5px 20px 10px;
	background:#ebeaea;
	width: 33%;
}

.plan-list-box-in-cap table tr td {
	padding:20px 5px 20px 10px;
	width: 67%;
}

.plan-list-box-in-cap {
	width:100%;
	font-size:14px;
}

.plan-list-box-in-cap table .price {
	font-size:140%;
	font-weight:bold;
	color:red;
}

.plan-list-box-in-cap table .price span {
	font-size:60%;
}

.plan-list-box-in-cap table .number {font-weight:bold;}


/**********************************************************************************************
出発日を選ぶ
**********************************************************************************************/
.plan-top-day p.lead {
	font-size:14px;
	margin:15px 0 30px 5px;
	line-height:1.8;
}
.plan-top-day p.lead span {
	font-weight:bold;
}
.plan-top-day div.room-type {
	border:1px solid #eeeeee;
	padding:15px 20px;
	background-color:#f4f4f4;
	margin-bottom:15px;
    border-radius: 10px;      
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}
.plan-top-day div.room-type dl dt,
.plan-top-day div.room-type dl dt {
	float:left;
}

.plan-top-day div.room-type dl dt {
	font-size:18px;
	font-weight:bold;
	color:#286bcc;
}
.plan-top-day div.room-type dl dd select {
	min-width:110px;
}

#calendarArea .monthArea .monthTxt {
	float:none;
	text-align:center;
	font-size:36px;
	font-weight:bold;
}
#calendarArea .monthArea .monthChanger {
	font-size:24px;
	position:relative;
}
#calendarArea .monthArea .monthChanger a:link,
#calendarArea .monthArea .monthChanger a:visited,
#calendarArea .monthArea .monthChanger a:hover {
	color:#2068b7;
}
#calendarArea .monthArea .monthChanger a:hover {
	text-decoration:underline;
}

#calendarArea .monthArea .monthChanger .nextMonth {
	float:right;
	margin-top:15px;
}
#calendarArea .monthArea .monthChanger .nextMonth:after {
	content: "»";
	font-size:160%;
	margin-left: 5px;
	position: relative;
	color: #377ecc;
}

#calendarArea .monthArea .monthChanger .prevMonth {
	float:left;
	margin-top:15px;
}
#calendarArea .monthArea .monthChanger .prevMonth:before {
	content: "«";
	font-size:160%;
	margin-right: 5px;
	position: relative;
	color: #377ecc;
}

#calendarArea table {
	table-layout: fixed;
	width:100%;
	margin-bottom:30px;
}


#calendarArea table th,
#calendarArea table td {
	border:1px solid #ccc;
	text-align:center;
}
#calendarArea table th {
	background-color:#F3F1F1;
}
#calendarArea table td {
	vertical-align:top;
	padding:2px 5px 2px;
	height:119px;
}

#calendarArea table th.saturday, 
#calendarArea table td.saturday {
	background-color:rgba(224, 240, 255, 0.52);
	color:#0033FF;
}
#calendarArea table th.sunday, 
#calendarArea table td.sunday,
#calendarArea table td.holiday {
	background-color:rgba(255, 221, 221, 0.42);
	color:#f00;
}

#calendarArea table td a:link,
#calendarArea table td a:visited,
#calendarArea table td a:hover {
	color:#2068b7;
	text-decoration:none;
}
#calendarArea table td a p.price:hover {
	text-decoration:underline;
}


#calendarArea table td p {
	margin:0 auto 5px;
	text-align:center;
}

#calendarArea table td p.day {
	color:#333;
	margin-bottom:5px;
	text-align:left;
}
#calendarArea table td p.saikou {
	height:22px;
}
#calendarArea table td p.saikou span {
	display:block;
	padding:3px 0;
	font-size:12px;
	color:#333;
}

#calendarArea table td p.saikou span.active {
	background-color:#ffce9f;
	color:#333;
}
#calendarArea table td p.saikou span.gray {
	background-color:#dddddd;
}
#calendarArea table td p.price {
	margin:5px 0;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:#C70000;
}

#calendarArea table td p.price span {
	font-size:12px;
}

#calendarArea table td.saturday p.day {
	color:#0033FF;
}
#calendarArea table td.sunday p.day {
	color:#f00;
}
#calendarArea table td p.zaiko {
	color:#333;
}

#calendarArea table th {
	font-weight:bold;
	font-size:16px;
	padding:5px;
}


#calendarArea table td p.day {
	font-size:14px;
	font-weight:bold;
}
#calendarArea table td p.day span.zaiko {
	color:#333;
}

#calendarArea table td p.cvButton {
	width:80%;
	padding:5px 0;
	font-size:14px;
	color:#fff;
	border:1px solid #ff7e00;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	background-color:#ffa305;
	background: -moz-linear-gradient(top,#ffa305 0%,#fc7f00);
	background: -webkit-gradient(linear, left top, left bottom,from(#ffa305),to(#fc7f00));
	filter: 　　progid:DXImageTransform.Microsoft.gradient(Enabled=1,GradientType=0,StartColorStr='#ffa305',EndColorStr='#fc7f00');
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa305, EndColorStr=#fc7f00)";	zoom:1;
	background: linear-gradient(to bottom, #ffa305, #fc7f00);/* IE10+, W3C */
}

#calendarArea .pager {
	width:100%;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:30px;
}

#calendarArea .pager span {
  background: #d1e7ff;
  border: 1px solid #377ecc;
  color: #333;
  font-weight: bold;
  display: inline-block;
  margin: 0 5px;
  padding: 7px 15px;
  text-decoration: none;
}
#calendarArea .pager a {
  background: #efefef;
  border: 1px solid #377ecc;
  color: #2068b7;
  font-weight: bold;
  display: inline-block;
  margin: 0 5px;
  text-decoration: underline;
  padding: 7px 15px;
}
#calendarArea .pager a:hover {
	text-decoration:none;
}

.tel-contact {
	width:900px;
	background: #ffe3c9;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 20px;
	font-size:16px;
}	
.tel-contact p:first-child {width:39%;}

.tel-contact .fl {
	float:left !important;
	padding-left: 77px !important;
}
.tel-contact .fr {
	float:left !important;
}
.tel-contact p{
	text-align:left;
	margin-bottom: 0 !important;
	padding-top: 10px;
	padding-left: 61px;
}

.tel-contact-ng {
	width:832px;
	background: #eceae8;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 20px;
	font-size:16px;
}	
.tel-contact-ng p:first-child {width:39%;}

.tel-contact-ng .fl {
	float:left !important;
	padding-left: 77px !important;
}
.tel-contact-ng .fr {
	float:left !important;
}
.tel-contact-ng p{
	text-align:left;
	margin-bottom: 0 !important;
	padding-top: 10px;
}

/**********************************************************************************************
プランタブ

**********************************************************************************************/

.tab-left {
	font-weight:bold;
	float:left;
	width:20%;}
	
.tab-right {
	width:75%;
	float:right;}
hr {
	border:#ccc 1px solid;}
.clear {clear:both;}


.tab-plan04 {
	margin:4em 0 4em 0;}


	
ul.tabs {list-style:none; font-size:18px;}
ul.tabs li:first-child {margin-left:0;}
ul.tabs li {float:left; border-radius: 6px 6px 0 0; margin-left:10px; background:#eeeeee; color:#231815;padding: 10px 5px;}
ul.tabs li.active {margin-bottom:-1px; background:#d1e7ff;}
ul.tabs li a {display:block; padding:5px 10px; letter-spacing:-1px; outline:none; text-decoration:none;}
ul.tabs li.active a {background:#d1e7ff;}

div.tabContent {width:95%; border:1px solid #ccc;}
div.tabContent > div {padding:10px;}

ul.tabs {
    list-style: none;
}
ul.tabs li {
    float: left;
    margin-right: 10px;
    padding: 10px;
    background-color: #eee;
    cursor: pointer;
	width:21%;
	text-align:center;
}
ul.tabs li:hover {
	opacity:0.5;
}
ul.tab li.active {
    background-color: #d1e7ff;
}
div.tabContent {
    clear: both;
    border: 1px solid #ccc;
    padding: 20px;
    display: none;
}
div.active {
    display: block;
}

.tab-waku {
	margin:4em 0;
}


/******************************************************************
planLog
******************************************************************/
.planLog {
	display:none;
}

/******************************************************************
slides
******************************************************************/
ul.slides li p {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88ffffff', endColorstr='#88ffffff');
	font-size: 14px;
    padding: 10px 0;
    text-align: center;
position: absolute;
bottom: 0;
width: 100%;

}

.main-slides {
	width:640px;
	margin:0 auto;}

.noPhoto {
	width:280px;
	margin:0 auto;
}

.noPhoto img {
	width:100%;
	max-width:280px;
}

/******************************************************************
end_plan
******************************************************************/
#plan-wrapper {
	width:980px;
	margin:0 auto;
}
#plan-wrapper .start-erea-box{
	width:100%;
}

#text_sorry {
color: #7e9ed7;
font-size: 22px;
margin: 80px auto 30px;
text-align: center;
}
#text_link {
text-align: center;
font-size: 16px;
margin-bottom: 80px;
}


/******************************************************************
end_plan 20150529
******************************************************************/
.start-erea-box-n{
	width:980px;
	margin-bottom:40px;}

.start-erea-box-n-in dl {
	margin-top: 20px;
    padding: 15px 0 0;
	border-top:1px dotted #ccc;}

.start-erea-box-n-in dl:last-child {

	border-top:none;}

.start-erea-box-n-in dl.last {
	border-top:none;}


.start-erea-box-n-in dl:first-child {
	margin-top:0;
	padding-top:0;
	border-top:none}

.start-erea-box-n dl dt {
	float: left;
    font-size: 16px;
    font-weight: bold;
    width: 120px;
	margin-bottom:3px;
	border-left: 5px solid #d60008;
	padding: 0 0 0 10px;}

.start-erea-box-n dl dd {
	float:left;
	width:660px;
	line-height:1.7;}
	
.start-erea-box-n h2{
	margin: 13px 0 20px 30px;
	padding: 0 0 8px 0px;
	background: url(../img/bg_h201.png) left bottom no-repeat;
	font-size: 20px;
	font-weight: bold;}
	
.start-erea-box-n {
	background:#fff;
	border-radius:4px;
	padding-bottom: 10px;
	border: 2px solid #72a0d2;}

.start-erea-box-n-in {
	margin: 0 10px;
	background:#fff;
	padding: 20px 30px 10px;
	border-radius:4px;}

.bus-wrapper {
	width:980px;
	margin:0 auto;}

.start-erea-box-n-in-left ul li {
	float:left;
	margin-right:12px;
}

.start-erea-box-n-in-left ul li:before {
	content: "▶";
    font-size: 70%;
    margin-right: 3px;
    position: relative;
	color:#377ecc;
}

.start_jpanarea {
  clear: both;
  position: relative;
  margin: 0 0 0;
  padding: 25px 23px 15px 81px;
  background: url(../img/bg_ttl01.png) 3px 0 no-repeat;
}

.start_jpanarea h2 {
  padding: 0 0 8px;
  margin: 0;
  border-bottom: 2px solid #cccccc;
  font-size: 22px;
}

/*-----  area_list  -----*/
.area_list { margin:0 23px 33px; width:934px;}
.area_list th, .area_list td { background:url(../img/bg_td01.png) left bottom repeat-x;}
.area_list th { padding:5px 14px 6px 0; text-align:left;}
	.area_list th span { font-weight:normal;}
.areafb {font-weight: bold; font-size:15px;}
.area_list td {}
	.area_list .off { color:#999;}
.area_list td ul {}
.area_list td ul li { float:left; margin-right:14px;}
.area_list td ul li a { padding-right:10px; background:url(../img/bg_li02.png) right 7px no-repeat;}
	.area_list td ul.sub li a { padding-right:0; margin-right:10px; font-size:90%; background:none;}