@charset "UTF-8";

body{
	margin: 0 auto;
	padding: 0 auto;
	background-color: #523e36;
	font: 14px "Arial", "Helvetica", "Verdana", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;;
	*font-size:small;
	*font:x-small;
	line-height: 180%;
	text-align: center;
}
.dess{display: none;}
/* Set the page width */
.wrap{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.container{
	width: 952px;
	margin: 0 auto;
	padding: 0 0;
	text-align: center;
}

/* text color */
/* head, footer */
body{color: #fff;}

/* contents text color */
#wrapper-contents{color: #000;}

/* link text color
------------------------------------ */
/* total text link style */
a{color: #fff;text-decoration: none;} 
a:hover{color:#d2b48c; text-decorasion:underline;}

/* contents text link style */
#wrapper-contents a{color: #5b0e12;}
#wrapper-contents a:hover{color: #d2b48c;}


/* link decoration
------------------------------------ */
a.arrowLink{background: url("../images/arrow.gif") no-repeat left center; padding-left: 14px;}
a.arrowLink2{background: url("../images/arrow0.gif") no-repeat left center; padding-left: 14px;}

/* link image border off
------------------------------------ */
a img{border: none;}

/* Design (Background-color, text-align, Size, Font-family)
--------------------------------------------------------------------- */
#wrapper-info{text-align: left; height: 140px; overflow: hidden;}
#wrapper-headline{background-color: #fff;}

.main{
	margin-top: 30px;
	background-color: #fff;
	text-align: left;
}

.left{
	text-align: left;
}
/* 用途別 class
------------------------------------ */
/* list表示設定 */
.listNone{list-style-type: none; margin: 0; padding: 0;}
.listFloat{margin: 0; padding: 0; list-style-type: none;}
.listFloat li{float: left; display: block;}
.listInline{padding: 0; margin: 0 auto;}
.listInline li{display: inline; list-style-type: none; padding: 0; margin: 0;}
table{border-collapse: collapse; font-size: 85%;}
th{text-align: left; font-weight: normal; padding: 3px;}
td{text-align: left; padding: 3px;}
p{margin: 0; padding: 5px 0; line-height: 170%; font-size: 85%;}
hr{height: 2px; margin: 1em 40px 1em; padding: 0; background: #fff url("../images/splitter.jpg"); border: 0px none;}

/* ------------------------------------ ページ全体共通要素 ------------------------------------ */
/* Head
------------------------------------ */
/* language */
.language{
	text-align: right;
	font-size: 80%;
	width: 952px;
	line-height: 100%;
}

.toplogo{margin-top: 30px;margin-left: 700px; display: block;}
h1{margin: 0; padding: 0; font-size: 12px; font-weight: normal; line-height: 100%; text-align: left; color: #fff;}

.infoLink{text-align: left; overflow: hidden; _zoom: 1;}

.infoLink li{
	border-left: 1px solid #a0a0a0;
	padding: 2px 2px 2px 6px;
	font-size: 80%;
	margin-left: -1px;
}

/* イメージヘッダ
------------------------- */
.headline{
	line-height: 100%;
	height: 350px;
	overflow: hidden;
}

#topimages{ /* index.html */
	background: url("../images/topimg_view.jpg") no-repeat left top;
	width: 700px;
	height: 350px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

.pageheadline{
	line-height: 100%;
	height: 300px;
	overflow: hidden;

}

#pageimages{ /*  */
	background: url("../images/topimg_view.jpg") no-repeat left top;
	width: 700px;
	height: 300px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

/* イメージヘッダ画像かぶせ
------------------------- */
#headphoto{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 700px;
	height: 180px;
	text-align: left;
	line-height: 140%;
}
#headphoto202{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 700px;
	height: 202px;
	text-align: left;
	line-height: 140%;
}

/* menu 設定
------------------------- */
#wrapper-menu{clear:both;}
#menuList{
	margin: 0;
	margin-top: 10px;
	padding: 0;
	line-height: 100%;
	float:right;
	width: 252px;
}
.menu li{
	text-align: left;
	margin-bottom:7px;
	padding-left: 14px;
	font-size: 13px;
}

.menu li a{
	color: #333;
	display: block;
	margin: 0;
	padding:5px 7px;
	font-family:Georgia,arial,helvetica,sans-serif;
	border-bottom: 1px solid #fff;
}

.menu li .ja{color: #fff; 
	font-size: 11px;
	font-size: 9px\9;
	*font-size: 9px;
	_font-size:9px;
	 text-align: right; float: right; width: 125px; display: block;}

head/* */body .menu li .ja{  
    font-size /***/: 78%9; 
}  

.menu li a:hover{background-color: #fff; color: #7c4d54; border-bottom: 1px solid #5b0e12;}
.menu li a:hover .ja{color: #5b0e12;}
.menu li a.here{background: url("../images/select_triangle.gif") no-repeat left 10px; color: #7c4d54;}
.tab_ja{display: block; font-size: 80%; padding-top: 3px;}

/* アコーディオン メニュー
------------------------------------ */
#accordion{margin-top: 30px; margin-bottom: 100px;}
.bmenuli{position: relative;}
.bmenuText{
	position:absolute;
	top:5px; left:255px;
	width:435px;
	margin-right: 10px;
	color: #000;
	text-align: right;
	font-size: 85%;
}


/* h* Design
------------------------------------ */

h2{margin: 0px 20px; padding: 10px 0; font-weight: normal;}
h3{margin: 0 30px; padding: 10px 0; font-weight: normal;}
h4{margin: 0 40px; padding: 5px 0; font-weight: normal;}

/* footer
------------------------------------ */


/* address box
------------------------------------ */
#addressbox{
	margin: 100px 0 5px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#ad_ns{padding: 0; margin: 0 15px; border-bottom: 1px solid #f1efec; font-size: 12px; font-weight: normal;}
address{font-style: normal; font-size: 12px;}

/* twitter updates
------------------------- */
#twitter_div{
	clear: both;
	margin:  5px 80px 30px;
	text-align: left;
	line-height: 100%;
}
#twitter_title{font-size: 12px; margin: 0; padding: 0; letter-spacing: 0;}
#twitter_update_list{margin: 0; padding: 0; list-style-type: none; font-size: 11px;}


/* foot link (Corporate, Link, Press)
------------------------------------ */
#footnavi{
	text-align: left;
	float: left;
}

#footnavi li{
	background: url("../images/foot-triangle.gif") no-repeat left center;
	padding-left: 12px;
	font-size: 12px;
}


/* Copyright
------------------------- */
#copy{text-align: right; font-size: 80%; margin: 0; padding: 0;}


/* ------------------------------------ 共通要素 終了 ------------------------------------ */

/* main area
------------------------------------ */
#topicpath{
	text-align: right;
	margin-right: 5px;
	margin-top: 5px;
	font-size: 12px;
}

#topicpath li a{
	background: url("../images/topicpath.gif") no-repeat right center;
	padding-right: 11px;
	
}
.page_top{text-align: right;}
.page_top a{
	background: url("../images/pagetop_triangle.gif") no-repeat left center;
	padding: 0 9px;
	font-size: 12px;
}

/* h2, h3 midashi
------------------------------------ */
h2{
	font-family: "Times New Roman","Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.3em;
}

h2 span{display: block; font-size: 12px; font-family: "Hiragino Mincho Pro", "ＭＳ Ｐゴシック";}

h3,h4{
	font-family: "Times New Roman","Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.2em;
}
/* paragraph style
------------------------------------ */
.p_style{margin-left: 76px;}
.p_style2{margin-left: 76px; margin-right: 76px;}
.claim{font-weight: bold;}
.p_left{float: left; width: 530px; margin-left: 76px;} /* 画像が250px以下の場合 */
.p_left2{float: left; width: 540px; margin-left: 76px;}/* 画像が240px以下の場合 */
.p_left3{float: left; width: 480px; margin-left: 76px;}/* 画像が300px以下の場合 */
.p_left4{float: left; width: 450px; margin-left: 76px;}/* 画像が328px以下の場合 */
.p_left5{float: left; width: 530px; margin-left: 76px;}/* 画像が170px以下の場合 */
.p_left6{float: left; width: 560px; margin-left: 76px;}/* 画像が146px以下の場合 */

.p_right{float: right; width: 530px; margin-right: 76px;}
.p_right2{float: right; width: 460px; margin-right: 76px;}
.dishtxt{float: left; padding-top: 25px; padding-left: 10px; width: 220px; font-size: 12px;}
.dishtxt2{float: right; padding-top: 25px; padding-right: 10px; width: 220px; font-size: 12px;}

/* image style
------------------------------------ */
.topimages7{margin: 5px 126px 5px 126px;}
.topimages8{margin: 5px 76px 5px 76px;}
.img_right{float: right;}
.img_left{float: left;}

/* layout box style
------------------------------------ */
.infobox{padding-bottom: 30px; margin-right: 76px;}/* 左テキスト 右イメージ用box  */
.infobox2{padding-bottom: 30px; margin-left: 76px;}/* 右テキスト 左イメージ用box  */
.infobox3{width: 800px; margin-left: 76px; }/* Room type */
.infobox4{margin-left: 80px; margin-right: 80px;}/* access */
.menubox{padding-bottom: 30px;}/* treatment menu */
.roombox,.coursebox,.sitemapbox{margin-left: 76px; margin-right: 76px; padding-bottom: 30px;}/* room spec */
.chartbox{margin-left: 140px; margin-right: 140px;}
.planbox{margin-left: 0px; margin-right: 76px;}
.disharea{margin-left: 40px;}
.dishtxtbox{width: 500px; float: right; margin-right: 40px;}


/* price style
------------------------------------ */
.price{text-align: right;}
.pricedown{text-decoration: underline; font-size: 130%; letter-spacing: 1px; font-family: "Times New Roman",serif;}
.pricedel{text-decoration: line-through; font-size: 11px; color: #737373;}
.pricesize{font-size: 140%;}


/* table style
------------------------------------ */
.table_dot{/* 縁点線 背景色あり */
	border: 1px dotted #fff;
}
.table_dot th,.table_dot td{padding: 3px 3px 0 3px;}
.table_dot tr.tr1 th,.table_dot tr.tr1 td{padding-top: 30px;}
.table_dot th,.table_dot td{border-bottom: 1px dotted #999;}
.table_dot td.entry{border-bottom: 1px solid #999;}

.table_solid{/* 直線 背景色なし */
	border: 1px solid #999;
	width: 625px;
	font-size: 93%;
	margin-top: 20px;
}
.table_solid th,.table_solid td{padding:3px 5px; border:1px solid #999;}

caption{text-align: left;}
.nowrap{white-space: nowrap;}

/* School table style
------------------------------------ */
.coursename{color: #758A9A; font-size: 100%; line-height: 120%;}
.jaa{font-size: 85%;}
.courcetxt{font-size: 93%;}
.times,.pricetitle,.none{text-align: center; white-space: nowrap;}

/* School Flow chart
------------------------------------ */
.flowchart{text-align: center; float: left; width: 250px;}
.flowchart li{background: url("../images/yajirushi.gif") #dcdcdc no-repeat center bottom; padding-top: 5px; padding-bottom:40px;}
.flowchart li.end{padding-top: 5px; padding-bottom:5px; background: #dcdcdc;}

.chart_right{float: right; text-align: center; width: 350px;}
.chart_right p{line-height: 170%; padding: 15px 5px;}
.chart_title{font-size: 120%; font-weight: bold; color: #758A9A;}


/* Schedule table style
------------------------------------ */
.tb_center{text-align: center;}


.schedule{
	font-size: 93%;
	border: 1px solid #fff;
	width: 100%;
}
.schedule th,.schedule td{padding:3px 5px; border:none;}
.schedule th{vertical-align: top; width: 60px;}

/* "Kuwashiku ha kochira" Link design
------------------------------------ */
a.kwsk{
	display: block;
	width: 115px;
	height: 21px;
	text-indent: -9999px;
	background-image: url("../images/kwsk.gif");
	background-repeat: no-repeat;
}

a.kwsk:hover{
	background-image: url("../images/kwsk_over.gif");
	background-repeat: no-repeat;
}

/* "Price list ha kochira" Link design
------------------------------------ */
a.price_kochira{
	display: block;
	width: 115px;
	height: 21px;
	text-indent: -9999px;
	background-image: url("../images/pricekochira.gif");
	background-repeat: no-repeat;
}

a.price_kochira:hover{
	background-image: url("../images/pricekochira_over.gif");
	background-repeat: no-repeat;
}

/* "Schedule ha kochira" Link design
------------------------------------ */
a.schedule_jump{
	display: block;
	width: 155px;
	height: 21px;
	text-indent: -9999px;
	background-image: url("../images/schedule.gif");
	background-repeat: no-repeat;
}

a.schedule_jump:hover{
	background-image: url("../images/schedule_over.gif");
	background-repeat: no-repeat;
}

/* ↑↑ Link float settei
------------------------------------ */
.a_left{float: left;}


/* list style
------------------------------------ */
/* Treatment Menu list
------------------------------------ */
.esuteList{
	padding:0 0 10px 0;
	width: 700px;
}

.esute_content{padding: 20px 0; margin: 0 0 0 76px;}
.title{padding-left: 10px; padding-bottom: 0; width: 445px; float: left; color: #758A9A; font-size: 100%;}
.title span{padding-left: 10px; line-height: 100%; font-size: 11px; font-weight: normal;}
.price .pricedown{text-align: right; padding-right: 15px; font-weight: bold; float: right; color: #242D35;}
.entry{border-bottom: 1px dashed #ccc; padding: 0 10px; margin: 0; clear: both;}
.part{color: #737373; font-style: italic; padding: 0 10px;}
ul.part li{
	background: url("../images/topicpath.gif") no-repeat right center;
	padding-right: 11px;
	font-size: 12px;
}

ul.part li.end{padding-right: 0; background: none;}

/* Room Type & Room 
------------------------------------ */
.room_type{
	width: 830px;
	margin-top: 30px;
	margin-right: -30px;
	overflow: hidden;
	_zoom:1;
}
.room_type li{
	float: left;
	margin-right: 30px;
	width: 385px;
	padding-bottom: 20px;
}

/* Plan "Tokuten" list
------------------------------------ */
.tokuten{
	margin-left: 76px;
	font-size: 85%;
}
.tokuten li{
	background: url("../images/migiyajirushi.gif") no-repeat left 7px;
	padding-left: 14px;
}


/* Plan "Osusume" list
------------------------------------ */
.osusume{
	margin-left: 76px;
	font-size: 85%;
}
.osusume li{
	background: url("../images/maru.gif") no-repeat left 7px;
	padding-left: 14px;
}


/* Corpolate Profile "jigyou" list
------------------------------------ */
.jigyou{
	font-size: 93%;
	margin-left: 0px;
}
.jigyou li{
	background: url("../images/maru.gif") no-repeat left 7px;
	padding-left: 14px;
}
/* 
------------------------------------ */
.anti5point{
	margin-left: 76px;
	font-size: 100%;
}
.anti5point li{margin-bottom: 20px;}
.pointtitle{font-weight: bold;}
.anti5point p{
	font-size: 85%;
	margin-right: 76px;
}


/* Sitemap list
------------------------------------ */
.sitemapbox{width: 800px;}
.sitemap{
	 font-size: 85%;
	 margin-bottom: 20px;
	 width: 400px;
	 float: left;
}
.sitemap li{background: url("../images/migiyajirushi.gif") no-repeat left 7px; padding-left: 14px;}
.sitemap li.hierarchy{background: url("../images/maru.gif") no-repeat 14px 7px; padding-left: 25px;}
.sitemap li.sitemaptitle{
	background: url();
	padding-left: 0;
}


/* Link list
------------------------------------ */
.originalp{
	width: 780px;
	 font-size: 85%;
	 margin-bottom: 20px;
}

.originalp li{background: url("../images/migiyajirushi.gif") no-repeat left 7px; padding-left: 14px; margin-bottom: 20px;}


.links{
	 font-size: 85%;
	 margin-bottom: 20px;
	 width: 400px;
	 float: left;
}
.links li{background: url("../images/migiyajirushi.gif") no-repeat left 7px; padding-left: 14px;}
.links li.hierarchy{background: url("../images/maru.gif") no-repeat 14px 7px; padding-left: 25px;}
.links li.linktitle{
	background: url();
	padding-left: 0;
}

/* Media list
------------------------------------ */
.medialink{
	font-size: 93%;
	margin-left: 76px;
}
.medialink li{
	background: url("../images/maru.gif") no-repeat left 7px;
	padding-left: 14px;
}
/* Dinner menu list
------------------------------------ */
#dinnermenu{
	width: 350px;
	height: 600px;
	list-style-type: none;
	background: url("../images/organic_garden-menulist.png") no-repeat 0px 0px;
	float: left;
	margin: 0;
	padding: 0;
}

#dinnermenu li{
	text-indent: -9999px;
}

/* Plan list
-----------------------------------  */
#planList{
	list-style-type: none;
	margin: 0;
	margin-left: 0px;
	padding: 10px 0;
	width: 700px;
	}
.plan_content{padding: 5px 0;}
#planList li:hover{cursor: pointer; background-color: #F7F7F7;}
.plan_img{
	float: left;
	margin: 5px 15px 5px 76px;
	border: 4px solid #ccc;
}

.plan_category{
	background-color: #ccc;
	color: #333;
	font-size: 11px;
	text-align: center;
	padding:3px 10px;
	margin-left: 0px; margin-top: 10px; margin-right: 10px;
	float: left;
	line-height: 100%;
}

.plan_title{
	margin-left: 10px;
	margin-right: 0;
	padding-top: 12px;
	padding-bottom: 0;
	font-size: 13px;
	display: block;
	text-align: left;
	line-height: 100%;
	letter-spacing: 0;
}

.plan_txt{
	margin-left: 170px;
	padding-top: 13px;
	font-size: 12px;
	border-bottom: 1px dashed #ccc;
	display: block;
}

.plan_date{
	font-size: 12px;
	color: #6d6d6d;
	background: url("../images/plan_carender.gif") no-repeat 220px center;
	padding: 0; padding-left: 235px;
}

.plan_kwsk{margin-left: 220px; font-size: 12px;}

/* plan list end
------------------------------------ */

/* News
------------------------------------ */
.news_entry{margin-left: 40px; width: 660px; height: 500px; overflow: auto;}
.news_entry li{border-left:1px solid #737373; margin: 17px 0; padding-left: 5px;}
.news_entry p{padding: 0;}

/* Access
------------------------------------ */
.map_img{border: 1px solid #ccc;}

.infobox4 h4{margin-left: 0; margin-top: 30px;}




/* Gallery
------------------------------------ */
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}


/* clearfix
------------------------------------ */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}