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

 file name  :dayplan.css
 author     :Ability Consultant
 style info :詳細ページ　基本・共通設定　ハックは最下部に記述
=================================================================== */


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg_main.jpg) top center no-repeat;
}

/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#dayplan #main {
	width: 950px;
	overflow: hidden;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#dayplan #main .page_link{
	text-align:center;
	margin-bottom:40px;
	padding-top:40px;
}


#dayplan #main .page_link li{
	display:inline;
	border-style:solid;
	border-width:1px;
	background-color:#111111;
	border-color:#444;
	margin-left:5px;
	padding:10px;
	overflow:auto;
	font-size:medium;
	text-align:center;
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#dayplan #header {
	/* width: 950px; */
	width: 1080px;
	margin: 20px auto 0;
}

/* .con_logo　トップロゴ部分
----------------------------------------------------------- */
#dayplan #header .con_logo h1 {
	float: left;
	margin: 0 0 0 10px;
}

#dayplan #header .con_logo p {
	float: right;
	margin: 25px 0 20px;
}

#dayplan #header .con_logo h2 {
	clear: both;
	margin:0 0 15px 10px;
}

/* .con_reserve　オンライン予約
----------------------------------------------------------- */
#dayplan .con_reserve {
	border: solid 1px #333;
	background: #111;
	clear: both;
	overflow: hidden;
	/* width: 950px; */
	margin: 0 0 10px 0;
}

#dayplan .con_reserve .con_reserve_l {
	width: 330px;
	padding: 20px;
	border-right: 1px dotted #333;
	float: left;
}

#dayplan .con_reserve .con_reserve_l .bt_reserve {
	margin: 15px 0 0 0;
}

#dayplan .con_reserve .con_reserve_r {
	padding: 20px 0 20px 20px;
	width: 550px;
	float: left;
}

#dayplan .con_reserve .con_reserve_r02 {
	margin: 20px 0 20px 20px;
	width: 550px;
	float: left;
}

#dayplan .con_reserve .con_reserve_r02 img {
	margin: 0;
	float: left;
}

#dayplan .con_reserve .con_reserve_r h3 {
	margin: 0 0 25px 0;
}

#dayplan .con_reserve .con_reserve_r .txt {
	float: left;
}

.con_reserve .con_reserve_r span {
	margin: 0 0 0 15px;
	vertical-align: bottom;
	float: left;
}

/* .con_copy
----------------------------------------------------------- */
#dayplan #header .con_copy {
	clear: both;
	margin: 0 30px 20px 30px;
	overflow: hidden;
}

#dayplan #header .con_copy .txt {
	margin: 0 0 0 25px;
	float: left;
	width: 435px;
}


/* -----------------------------------------------------------
	#con_box
		コンテンツBOX（下部ライン用）
----------------------------------------------------------- */
#dayplan .con_box {
	border-bottom: 1px solid #333;
	margin: 0 0 70px 0;
	clear: both;
	overflow: hidden;
	padding-bottom: 30px;
}

#dayplan .con_box:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   #dayplan .con_box{display: inline-block;} 

    /* Hides from IE Mac */
    * html #dayplan .con_box {height: 1%;}
       #dayplan .con_box{display:block;}
    /* End Hack */ 

/* -----------------------------------------------------------
	#con_plan
		コンセプト
----------------------------------------------------------- */
#dayplan #con_plan {
	margin: 44px 0 0 0;
	clear: both;
	font-weight: normal;
}

#dayplan #con_plan span {
	font-size:small;
	font-weight:bold;
}
#dayplan #con_plan em{
	font-weight:normal;
}
#dayplan #con_plan span.special{
	font-size:small;
	font-weight:bold;
	color:#CC3333;
}

/* --コンセプト01-- */
#dayplan #con_plan .plan01 {
	width: 950px;
	margin: 0 auto 70px auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#dayplan #con_plan .plan01 .plan01_l {
	margin: 0;
	width: 497px;
/*	float: left;*/
}

#dayplan #con_plan .plan01 .plan01_l .txt {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
}

#dayplan #con_plan .plan01 .plan01_l h2 {
	padding: 0 0 0 20px;
	margin: 0 0 30px 10px;
	border-bottom: solid 1px #2d2a2e;
}

#dayplan #con_plan .plan01 .plan01_l table.plan_table {
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 25px;
}

#dayplan #con_plan .plan01 .plan01_l table.plan_table2 {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 20px;
}

#dayplan #con_plan .plan01 .plan01_l table.plan_table th,#dayplan #con_plan .plan01 .plan01_l table.plan_table2 th{
	font-weight:normal;
}

#dayplan #con_plan .plan01 .plan01_l .photo01 {
	float: left;
}

#dayplan #con_plan .plan01 .plan01_l .photo02 {
	margin: 0;
	float: left;
}

/* --コンセプト02-- */
#dayplan #con_plan .plan02 {
	width: 950px;
	margin: 0 auto 70px auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
}

#dayplan #con_plan .plan02 .plan02_r {
	width: 497px;
}

#dayplan #con_plan .plan02 .plan02_r h2 {
	padding: 0 0 6px 35px;
	margin: 0 0 32px 0;
	border-bottom: solid 1px #2d2a2e;
}

#dayplan #con_plan .plan02 .plan02_r .photo01 {
	margin: 0 0 0 10px;
	float: left;
}

#dayplan #con_plan .plan02 .plan02_r .txt {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}


#dayplan #con_plan .plan02 .plan02_r .photo02 {
	margin: 0;
	float: left;
}

#dayplan #con_plan .plan02 .plan02_r table.plan_table {
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#dayplan #con_plan .plan02 .plan02_r table.plan_table th{
	font-weight:normal;
}

#dayplan #con_plan .plan02 .plan02_r table.plan_table2 th{
	font-weight:normal;
}

#dayplan #con_plan .plan02 .plan02_r table.plan_table2 {
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}


/* --左画像・右テキストの配置-- */
#dayplan #con_plan .plan02 .plan02_l {
	width: 497px;
	float: right;
	margin-left: 22px;
}

#dayplan #con_plan .plan02 .plan02_l h2 {
	padding: 0 0 6px 35px;
	margin: 0 0 32px 0;
	border-bottom: solid 1px #2d2a2e;
}

#dayplan #con_plan .plan02 .plan02_l .photo01 {
	margin: 0 0 0 10px;
	float: left;
}

#dayplan #con_plan .plan02 .plan02_l .txt {
	margin-top: 0;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
}


#dayplan #con_plan .plan02 .plan02_l .photo02 {
	margin: 0;
	float: left;
}

#dayplan #con_plan .plan02 .plan02_l table.plan_table {
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
}

#dayplan #con_plan .plan02 .plan02_l table.plan_table th{
	font-weight:normal;
}

#dayplan #con_plan .plan02 .plan02_l table.plan_table2 th{
	font-weight:normal;
}

#dayplan #con_plan .plan02 .plan02_l table.plan_table2 {
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
}







/* --コンセプト03-- */
#dayplan #con_plan .plan03 {
	width: 950px;
	margin: 0 auto 70px auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#dayplan #con_plan .plan03 .plan03_l {
	margin: 0;
	width: 497px;
/*	float: left;*/
}

#dayplan #con_plan .plan03 .plan03_l .txt {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
}

#dayplan #con_plan .plan03 .plan03_l h2 {
	padding: 0 0 0 20px;
	margin: 0 0 32px 0;
	border-bottom: solid 1px #2d2a2e;
}

#dayplan #con_plan .plan03 .plan03_l .photo01 {
	float: left;
}

#dayplan #con_plan .plan03 .plan03_l .photo02 {
	margin: 0;
	float: left;
}

#dayplan #con_plan .plan03 .plan03_l table.plan_table {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 0;
}

#dayplan #con_plan .plan03 .plan03_l table.plan_table th{
	font-weight:normal;
}

/* --コンセプト04-- */
#dayplan #con_plan .plan04 {
	width: 950px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

#dayplan #con_plan .plan04 .plan04_r {
	width: 375px;
	float: left;
}

#dayplan #con_plan .plan04 .plan04_r h2 {
	padding: 0 0 6px 30px;
	margin: 0 0 32px 0;
	border-bottom: solid 1px #2d2a2e;
}

#dayplan #con_plan .plan04 .plan04_r .photo01 {
	float: left;
}

#dayplan #con_plan .plan04 .plan04_r .txt {
	padding-left:20px;
}

#dayplan #con_plan .plan04 .plan04_r .photo02 {
	margin: 0;
	float: left;
}

#dayplan #con_plan .table_r {
	width: 500px;
	float: right;
}

#dayplan #con_plan .plan01 .img_r　{
/*	float:left;*/
	margin-right:10px;
}

#dayplan #con_plan .plan02 .img_l {
	width: 430px;
	margin-left:10px;
}

#dayplan #con_plan .plan03 .img_r
{
	float:right;
	margin-right:10px;
}

/* --コンセプト05-- */
#dayplan #con_plan .plan05 {
	width: 950px;
	margin: 0 auto 70px auto;
	display: flex;
	justify-content: space-between;
}

#dayplan #con_plan .plan05 .plan05_l {
	margin: 0;
	width: 497px;
}

#dayplan #con_plan .plan05 .plan05_l .txt {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#dayplan #con_plan .plan05 .plan05_l .txt img{
	display: block;
	margin: 0 0 0 auto;
}

#dayplan #con_plan .plan05 .plan05_l h2 {
	padding: 0 0 6px 30px;
	margin: 0 0 32px 0;
	border-bottom: solid 1px #2d2a2e;
}

#dayplan #con_plan .plan05 .img_r
{
/*	float:left;*/
}

/* -----------------------------------------------------------
	.con_yoga　ヨガ
----------------------------------------------------------- */
.con_yoga {
	border-top: 1px solid #333;
	text-align: center;
}
.con_yoga .txt {
	margin-top: 30px;
	margin-bottom: 20px;
}


/* -----------------------------------------------------------
	#facilities
			館内施設
----------------------------------------------------------- */
#dayplan #con_spa {
	clear: both;
	border-bottom: 1px solid #333;
	margin: 30px 0 20px 0;
	padding-bottom: 70px;
	overflow: hidden;
}

#dayplan #con_spa h2 {
	margin: 0 0 30px 0;
}

/* --テーブル-- */
#dayplan table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:12px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
}

#dayplan td {
	padding: 10px;
	color: #000;
	border:#999 dotted 1px;
	background:#fff;
}
#dayplan th strong,
#dayplan td strong{
	color:#930;
	font-size:120%;
}


#dayplan th {
	padding: 10px;
	color: #000;
	text-align: left;
	border:#999 dotted 1px;
	background: #d5d0c3;
}


#dayplan table.spaprice {
	width: auto;
	margin: 0;
}

#dayplan table.spaprice th {
	white-space:nowrap;
}

#dayplan table.spaprice th,
#dayplan table.spaprice td{
	padding: 0px 5px;
	text-align: left;
	border:none;
	background: none;
	vertical-align:top;
}


/* --施設写真一覧-- */
#dayplan #con_spa .con_faci_photo {
	margin: 0 auto;
}

#dayplan #con_spa .con_faci_photo ul {
	margin-left: 20px;
}
#dayplan #con_spa .con_faci_photo li {
	float: left;
}

#dayplan #con_spa .con_faci_photo li img {
	vertical-align: bottom;
}

#dayplan #con_spa .faci_space {
	clear: both;
	margin-top: 30px;
}

.btn{
	 margin-left: 20px;
	 padding-top: 5px;
}
/* -----------------------------------------------------------
	#access
			アクセス
----------------------------------------------------------- */
#dayplan #map {
	width:790px;
	height:390px;
	margin:20px auto 10px;
	border:5px solid #c5b686;
	color: #000;
	}

#dayplan .map_txt {
	width:790px;
	margin:0px auto 30px;
	}

#dayplan #con_access {
	margin: 40px 0 80px 0;
}

#dayplan #con_access h2 {
	margin: 0 0 30px 0;
}

#dayplan #con_access .con_train {
	width: 910px;
	margin: 0 auto 30px auto;
}

#dayplan #con_access .con_car {
	width: 910px;
	margin: 0 auto 0 auto;
}


/* -----------------------------------------------------------
	#fotter
			フッター
----------------------------------------------------------- */
#dayplan #footer {
	clear: both;
	padding: 47px 0 0 0;
	width: 100%;
	background: url(../images/bg_f_cont02.jpg) top center repeat-x;
}

#dayplan #footer ul li {
	display: inline;
}

#dayplan #footer .copyright {
	text-align: center;
}

#dayplan #footer .con_fbox {
	width: 950px;
	margin: 0 auto;
}

#dayplan #footer .pagetop {
	float: right;
	margin: 0 0 38px 0;
}

#dayplan #footer .con_add {
	margin: 20px 0 50px 0;
}

#dayplan #footer .con_add .f_logo {
	clear: both;
	margin: 20px 0 50px 0;
	float: left;
}

#dayplan #footer .con_add .txt {
	margin: 20px 0 0 30px;
	float: left;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================
* html #dayplan #con_plan .plan01 .plan01_l .txt { margin: 0 30px 0 15px; }
* html #dayplan #con_plan .plan01 .plan01_l { width: 656px; }
* html #dayplan #con_plan .plan01 .plan01_l h2 { width: 625px; }
* html #dayplan #con_plan .plan02 .plan02_r { width: 505px; float: right; }
* html #dayplan #con_plan .plan03 .plan03_l { width: 505px; }
* html #dayplan #con_plan .plan02 .plan02_r .photo01 { margin: 0 0 0 5px; float: left; }
* html #dayplan #con_plan .plan03 .plan03_l .txt { margin: 0 30px 0 15px; }
* html #dayplan #con_plan .plan03 .plan03_l h2 { width: 475px; padding: 0 0 67px 20px; margin: 0 0 32px 10px; }
* html #dayplan #con_plan { margin-top: 0; }
* html #dayplan #con_plan .plan04 { width: 953px; }
* html #dayplan #con_spa { zoom: 1 ; }
*/