@charset 'utf-8';
@import url("./common.css");

/* ====================================
  INDEX sub.css
 --------------------------------------
  1.side
  2.service
  3.Institution
  4.Restaurant
  5.Healing
  6.Location
  7.Access
  8.Contact
  9.about
===================================== */


/* 1.side
=====================================*/		
.side{
	width		: 240px;
	float		: right;
	margin-right: 10px;
	line-height	: 1.8;
	}

.side_box{
	width		: 240px;
	margin-bottom	: 20px;
	color		: #ffe4e1;
	float		: left;
	line-height	: 1.8;
	border		: solid 1px #680808;
	background	: #680808;
	}
	
.side_box h2,
.side_box h3{
	margin		: 2px 1px;
	}

.side_box p{
	margin		: 5px 10px;
	}

.cafe{
	float		: left;
	margin		: 5px 10px 10px 5px;
	}

.syousai{
	float		: right;
	margin		: 5px 5px 5px 0;
	}
	
	
/* 2.service
=====================================*/	
.service_box{
	width		: 615px;
	float		: left;
	}

.service_box h3{
	margin		: 15px 0;
	}

.service_boxL img,
.service_boxR img{
	margin		: 5px 0;
	}

.area_box{
	width		: 140px;
	margin		: 5px 10px 5px 0;
	float		: left;
	}

.area_box h4{
	font-size   : 14px
	font-weight	: normal;
	margin-bottom: 5px;
	text-align	: center;
	}
	
.area_box p{
	font-size   : 10px
	}

.miryoku_box{
	width		: 295px;
	margin		: 0 5px 5px 5px;
	float		: left;
	}

.miryoku_box p{
	font-size   : 11px
	}

.yoyaku{
	width		: 615px;
	border		: solid 1px #999;
	}

.yoyaku p{
	margin		: 10px;
	}


/* 2.tariff
=====================================*/
.kids,
.checkin,
.checkout,
.cansel,
.pay{
	margin		: 15px 0 0 0;
	padding		: 0 0  15px 160px;
	}

.longstay,	
.group{
	margin		: 15px 0;
	padding-left	: 310px;
	}

.kids{		background		: url("../img/tariff02.gif") no-repeat top left;}
.checkin{	background		: url("../img/tariff05.gif") no-repeat top left;}
.checkout{	background		: url("../img/tariff06.gif") no-repeat top left;}
.cansel{	background		: url("../img/tariff07.gif") no-repeat top left;}
.pay{		background		: url("../img/tariff08.gif") no-repeat top left;}
.longstay{	background		: url("../img/tariff03.gif") no-repeat top left;}
.group{		background		: url("../img/tariff04.gif") no-repeat top left;}
	
	
.tariff_tbl table{
	width		: 800px;
	margin		: 15px 0;
	font-size	: 11px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-top	: solid 1px #180D0F;
	border-left	: solid 1px #180D0F;
	}

.tariff_tbl th,
.tariff_tbl td{
	padding		: 6px 5px;
	empty-cells	: show;
	background	: #fdf5e6;
	font-color	: #180D0F;
	border-collapse	: collapse;
	border-right	: solid 1px #180D0F;
	border-bottom	: solid 1px #180D0F;
	}

.tariff_tbl th{
	text-align	: center;
	}

.tariff_tbl td{
	padding		: 6px 15px;
	}

.cansel dl{
	width		: 80%;
	border-collapse	: collapse;
	border-top		: 1px solid #180D0F;
	border-left		: 1px solid #180D0F;

	}

.cansel dt{
	width		: 60%;
	padding		: 5px 5px 5px 15px;
	float		: left;
	clear		: both;
	display		: block;
	font-weight	: bold;
	border-collapse	: collapse;
	border-bottom	: 1px solid #180D0F;
	}

.cansel dd{
	margin		: 0 0 0 225px;
	padding		: 5px 5px 5px 10px;
	border-collapse	: collapse;
	border-right	: 1px solid #180D0F;
	border-bottom	: 1px solid #180D0F;
	}

.option table{
	width		: 800px;
	margin		: 15px 0;
	font-size	: 11px;
	}
	
.option td,
.option th{
	padding		: 5px 15px;
	color		: #180D0F;
	background	: #D8BFA3;
	border-bottom	: solid 5px #180D0F;
	}

	
/* 3.course_box
=====================================*/	
#special,
#body,
#facial,
#cream,
#foot{
	width		: 585px;
	margin-left	: 30px;
	margin-bottom: 25px;
	}
	
.special h2,
.body h2,
.facial h2,
.cream h2,
.foot h2{
	margin		: 0 0 0 150px;
	display		: inline;
	}
	
.price{
	border		: solid 1px #948049;
	}

.price p{
	margin		: 5px 25px;
	}

.face{
	padding		: 20px 0;
	border		: solid 1px #320404;
	}

.face h4{
	font-size	: 16px;
	}


/* 4.en
=====================================*/
.en_news{
	width		: 600px;
	color		: #fffff0;
	margin-bottom	: 20px;
	margin-left	: 5px;
	float		: left;
	background	: url("../img/bg_long.gif") top left repeat-y #000000;
	}
	
.en_news h2{
	margin		: 5px 0 10px 1px;
	}

.en_news p{
	margin		: 5px 10px;
	}

.en{
	float		: left;
	margin		: 0 10px 10px 10px;
	}
	
.en_news li{
	margin-bottom: 15px;
	line-height	: 100%;
	}

.en_news li.space0{
	margin-right: 0;
	}
	
	
/* 5.siryou
=====================================*/
.siryou_news{
	width		: 600px;
	color		: #fffff0;
	margin-bottom	: 20px;
	margin-left	: 5px;
	float		: left;
	background	: url("../img/bg_long.gif") top left repeat-y #000000;
	}
	
.siryou_news h2{
	margin		: 5px 0 10px 1px;
	}

.siryou_news p{
	margin		: 5px 10px;
	}

.siryou{
	float		: left;
	margin		: 0 10px 10px 0px;
	}
	
.siryou_news li{
	margin-bottom: 15px;
	line-height	: 100%;
	}

.siryou_news li.space0{
	margin-right: 0;
	}

/* 6.Location
=====================================*/
.loc {
	width		: 615px;
	margin		: 5px 0 5px 0;
	float		: left;
	}
	
.main_loc img{
	margin		: 0 0 5px 0;
	float		: left;
	}
	
.loc_boxL,
.loc_boxR{
	width		: 295px;
	}
	
.loc_boxL img,
.loc_boxR img{
	margin		: 5px 0;
	}
	
.loc_boxL h3,
.loc_boxR h3{
	margin		: 3px;
	font-size	: 1.4em;
	}

.loc_boxL{
	float		: left;
	}

.loc_boxR{
	float		: right;
	}

.loc_info{
	margin-bottom	: 20px;
	border		: solid 1px #999;
	background	: url("../img/bg_location.gif") top left repeat-y #281C1E;
	}

.loc_info p{
	margin		: 5px 10px;
	color		: #fffff0
	}


/* 7.Access
=====================================*/	
.map{
	width		: 850px;
	padding		: 5px;
	clear		: both;
	border		: solid 1px #999;
	background	: #000000;
	}

.map ul{
	margin		: 5px 0 5px 55px;
	}

.map li{
	float		: left;
	}

.map img{
	vertical-align	: bottom;
	}


/* 8.Contact　お問い合わせ
=====================================*/	
.contact_box{
	width		: 600px;
	text-align	: left;
	margin		: 20px auto 20px 5px;
	}

.contact_box h2{
	margin		: 5px auto 5px 10px;
	text-align	: left;
	font-weight	: bold;
	}
	
.contact_box table{
	margin-left	: 10px;
	font-size	: 11px;
	text-align	: left;
	background	: #680808;
	border-collapse	: collapse;
	border-top	: solid 1px #BB8981;
	border-left	: solid 1px #BB8981;
	}

.contact_box th,
.contact_box td{
	padding		: 6px 5px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-right	: solid 1px #BB8981;
	border-bottom	: solid 1px #BB8981;
	}
	
.contact_box th,
.btn_send{
	text-align	: right;
	}

.btn_send input{
	padding		: 0 15px;
	}

.thanks{
	width		: 550px;
	margin		: 20px auto 20px 5px;
	padding		: 15px;
	background	: #680808;
	border		: solid 1px #BB8981;
	}

	
/* 8.News 新着情報
=====================================*/		
.news_box{
	width		: 530px;
	margin		: 15px 0;
	float		: left;
	}

.news_box h3{
	margin		: 5px 0;
	color		: #E1B375;
	font-size	: 1.3em;
	}
	
.news_box h3 a,
.news_box h3 a:hover{
	color		: #E1B375;
	}

.entry_body{
	margin		: 10px;
	}

.entry_footer{
	padding		: 5px 5px 50px 0;
	text-align	: right;
	clear		: both;
	border-top	: solid 1px #FFF;
	}
	
.content_nav{
	text-align	: center;
	}


/* 9.about 会社概要
=====================================*/
.about_box{
	margin		: 15px 0 0 150px;
	}

.about_tbl caption{
	margin		: 0;
	padding		: 6px 5px;
	font-weight	: bold;
	letter-spacing	: 0.1em;
	background	: #666;
	border-top	: solid 1px #999;
	border-right	: solid 1px #999;
	border-left	: solid 1px #999;
	}

.about_tbl table{
	width		: 500px;
	margin		: 15px 0;
	font-size	: 11px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-top	: solid 1px #999;
	border-left	: solid 1px #999;
	}

.about_tbl th,
.about_tbl td{
	padding		: 6px 5px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-right	: solid 1px #999;
	border-bottom	: solid 1px #999;
	}

.about_tbl th{
	text-align	: center;
	letter-spacing	: 0.1em;

	}

.about_tbl td{
	padding		: 6px 15px;
	text-align	: left;

	}

.about_tbl td.no_b{
	padding		: 6px 15px 0 15px;
	border-bottom	: 0;
	}
	
.about_tbl td.no_rb{
	padding		: 6px 15px 0 15px;
	border-right	: 0;
	border-bottom	: 0;
	}

/* 8.sitemap　お問い合わせ
=====================================*/	
.sitemap_box{
	width		: 615px;
	text-align	: left;
	margin-top	: 30px;
	margin-left	: 50px;
	}