@charset "utf-8";
/* ===================================================================
CSS information

 file name  :plan.css
 author     :Ability Consultant
style info  :xxxページ設定　ハックは最下部に記述
=================================================================== */
/*-----------------------------------------------------------
    gnavのactive設定
-----------------------------------------------------------*/
#gnav ul li.rsv a {
	background-position: bottom;
}
#pagetitle {
	background: url(../plan/images/bg_title.jpg) center top no-repeat;
}

/* -----------------------------------------------------------

	index.php

----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------------- */
.con_intro {
	margin-bottom: 35px;
}

.con_intro h3 {
	padding: 67px 0 40px 0;
	text-align: center;
}

.con_intro .box_intro {
	margin: 0 auto;
	border: 1px solid #c9c9c8;
	width: 948px;
	background: #fff6dd;
}

.con_intro .box_intro p.st {
	padding: 3px 0 0 0;
}

.con_intro .box_intro .title {
	background: url(../plan/images/bg_best.gif) center bottom repeat-x;
	padding: 0 0 0 39px;
	overflow: hidden;
	width: 909px;
}

.con_intro .box_intro .title h4 {
	float: left;
	width: 350px;
	padding: 6px 0 0 0;
}

.con_intro .box_intro .title p.txt {
	float: left;
	width: 538px;
	padding: 6px 0 20px 0;
}

.con_intro .box_intro .detail {
	padding: 19px 39px 20px 39px;
	width: 870px;
}

.con_intro .box_intro .detail .info {
	width: 870px;
	padding: 0 0 11px 0;
}

.con_intro .box_intro .detail .info h5 {
	background: #b73930;
	padding: 12px 0 12px 22px;
}

.con_intro .box_intro .detail .info p.txt {
	background: #b73930;
	padding: 0 0 12px 22px;
	color: #fff;
}

.con_intro .box_intro .detail .info ul {
	border: 1px solid #db9786;
	border-top: 0;
	width: 828px;
	padding: 8px 20px 0 20px;
	background: #fffbee;
	overflow: hidden;
}

.con_intro .box_intro .detail .info ul li {
	padding: 0 0 5px 27px;
}

.con_intro .box_intro .detail .info ul li.in1, .con_intro .box_intro .detail .info ul li.in1s {
	background: url(../plan/images/ic_one.gif) left top no-repeat;
}

.con_intro .box_intro .detail .info ul li.in1s {
	float: left;
	width: 380px;
}

.con_intro .box_intro .detail .info ul li.in2, .con_intro .box_intro .detail .info ul li.in2s {
	background: url(../plan/images/ic_two.gif) left top no-repeat;
}

.con_intro .box_intro .detail .info ul li.in2s {
	float: left;
	width: 380px;
}

.con_intro .box_intro .detail .info ul li.in3, .con_intro .box_intro .detail .info ul li.in3s {
	background: url(../plan/images/ic_three.gif) left top no-repeat;
}

.con_intro .box_intro .detail .info ul li.in3s {
	float: left;
	width: 800px;
}

/* -----------------------------------------------------------
	.con_style
----------------------------------------------------------- */
.con_style {
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
}

.con_style .box_stylearea {
	overflow: hidden;
	margin: 0 -27px 0 0;
}

.con_style .box_stylearea .box_style {
	float: left;
	width: 300px;
	margin: 0 24px 0 0;
	/* マウスオーバー時の背景カラー */
}

.con_style .box_stylearea .box_style h3 {
	border: 1px solid #d8ccb2;
	border-top: 5px solid #b08f52;
	background: #eae1d0;
	padding: 14px 0 0 0;
	height: 76px;
	text-align: center;
}

.con_style .box_stylearea .box_style .detail {
	border: 1px solid #d8ccb2;
	border-top: 0;
	border-bottom: 0;
	padding: 19px 0 0 0;
	background: #ffffff;
}

.con_style .box_stylearea .box_style .detail .photo {
	margin: 0 auto;
	width: 260px;
	min-height: 195px;
	overflow: hidden;
	text-align: center;
}

.con_style .box_stylearea .box_style .detail h4 {
	background: url("../images/home/ic_style_arrow.png") 15px 20px no-repeat;
	padding: 15px 0 14px 31px;
	margin: 0 8px 9px 8px;
	border-bottom: 1px solid #e5dac6;
	min-height: 36px;
}

.con_style .box_stylearea .box_style .detail h4 a {
	color: #680000;
}

.con_style .box_stylearea .box_style .detail p.txt {
	padding: 0 20px 15px 20px;
}

.con_style .box_stylearea .box_style .detail .comm {
	width: 260px;
	overflow: hidden;
	padding: 0 20px 25px 20px;
}

.con_style .box_stylearea .box_style .detail .comm .comm_txt {
	float: left;
	width: 146px;
}

.con_style .box_stylearea .box_style .detail .comm .comm_txt p {
	font-weight: bold;
}

.con_style .box_stylearea .box_style .detail .comm .comm_txt p span {
	color: #680000;
}

.con_style .box_stylearea .box_style .detail .comm ul {
	float: left;
	width: 114px;
	overflow: hidden;
}

.con_style .box_stylearea .box_style .detail .comm ul li {
	float: left;
	width: 57px;
}

.con_style .box_stylearea p.planlink {
	border: 1px solid #d8ccb2;
	border-top: 0;
	background: #f2ebdd;
	text-align: center;
	padding: 8px 0;
}

.con_style .hovered .detail {
	background-color: #fdf7eb !important;
}

/* -----------------------------------------------------------
	.planbanner
----------------------------------------------------------- */
.planbanner {
	margin: 0 auto;
	width: 950px;
	padding: 50px 0;
	overflow: hidden;
}

.planbanner ul {
	margin: 0 -20px 0 0;
	overflow: hidden;
}

.planbanner ul li {
	float: left;
	padding: 0 20px 0 0;
}

/* -----------------------------------------------------------

	dayuse.php　　日帰り・ご休憩プランページ

----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_dayintro		INTRO
----------------------------------------------------------- */
.con_dayintro {
	margin-bottom: 35px;
}

.con_dayintro h3 {
	padding: 67px 0 40px 0;
	text-align: center;
}

.con_dayintro .box_intro {
	margin: 0 auto;
	border: 1px solid #c9c9c8;
	width: 948px;
	overflow: hidden;
	padding: 0 0 15px 0;
	background: url("../plan/images/dayuse/bg_intro.jpg") left top no-repeat;
}

.con_dayintro .box_intro p.photo {
	padding: 14px 0 0 14px;
	float: left;
	width: 375px;
}

.con_dayintro .box_intro .detail {
	float: left;
	width: 559px;
}

.con_dayintro .box_intro .detail h4 {
	padding: 30px 0 15px 0;
}

.pricetable {
	width: 950px;
	margin: 0 auto 50px auto;
}

/* -----------------------------------------------------------
	.con_day
----------------------------------------------------------- */

.con_day{
	width: 950px;
	margin: 0 auto 50px;
}

.con_day ul{
	width: 950px;
	overflow: hidden;
}

.con_day ul li{
	width: 298px;
	float: left;
	background-color: #fff;
	border: 1px solid #d8ccb2;
	padding: 20px 0;
}

.con_day ul li.single{
	margin: 0 25px 0 0;
}

.con_day ul li.double{
	margin: 0 25px 0 0;
}

.con_day ul li.twin{
	margin: 0;
}

.con_day ul li .photo{
	text-align: center;
	margin: 0 0 10px;
}

.con_day ul li h4{
	font-size: 14px;
	color: #862525;
	padding: 0 20px 15px;
}

.con_day ul li table{
	width: 260px;
	margin: 0 auto;
}

.con_day ul li table tr td{
	font-size: 14px;
	font-weight: bold;
}

.con_day ul li table tr td span{
	font-size: 12px;
	font-weight: normal;
}