@import "common.css";
@import "sub.css";
@import "h-f.css";

html,body{height:100%;}
body {
	margin:0;
	padding:0;
	font-size:62.5%;
	line-height:150%;
	text-align:center;
	color:#666;
	background: #fef7e5;
}

#upper_wrap{
	min-height:100%;
	background-image:url('../images/bg/body_bg.png');
	background-repeat:repeat-x;
	background-position:left bottom;
}

#lowwer_wrap {
	min-height:100%;
	background: url("../images/bg/continer.png") repeat-y center top;
}
#lowwer_inner {
	min-height:100%;
	background: url("../images/bg/continer_lowwer.png") no-repeat center bottom;
}

#container {
	margin:0 auto;
	width:1000px;
	min-height:100%;
	text-align:left;
	font-size:1.2em;
}


form input,
form select {
	border:1px solid #ccc;
	background-color:#fff;
}

/*
------------------------------------------------------------------------
for Search Form Set
----------------------------------------------------------------------*/
form#searchForm {
	margin:0;
	padding:0;
}

form#searchForm strong {
	font-weight:bold;
}

/*
form#searchForm td {
	border-bottom:1px dotted #ccc;
}

form#searchForm {
	padding:0.2em;
	border:1px solid #ccc;
}
*/

/*
#searchTable {
	width:250px;
	background:url(../images/bg/reserve_bg.png) no-repeat left top;
}
*/

.stay {
	margin-bottom:1.5em;
	background-color:#f6f1dc;
	border:1px solid #dfd7b8;
}
#searchTable td {
	padding-left:15px;
	color:#4b3e2e;
	font-weight:bold;
}
h3#search_title{
	margin:0;
	padding:0;
	width:244px;
	height:40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
	background:url(../images/search/serach_title.png) no-repeat left top;
}
#searchTable td#btArea {
	padding-left:0;
}

/*
------------------------------------------------------------------------
Block Layout Set
----------------------------------------------------------------------*/

div#container_lowwer {
	background:url(../images/bg/continer_lowwer.png) no-repeat right bottom;
}
/*
div#container_upper {	height:100%;	background:url(../images/bg/continer_upper.png) no-repeat left top;}
div#container_lowwer {	height:100%;	background:url(../images/bg/continer_lowwer.png) repeat-x left bottom;}
*/

div#main_visual_wrap {	margin-bottom:1.5em;}
div#contents_wrap {	margin-bottom:1.5em;}

div#main_visual_wrap {
	margin-bottom:1.5em;
	margin-right:50px;
	margin-left:50px;
	height:300px;
}
#main_visual_slideshow {
	margin-bottom:18px;
	margin-right:50px;
	margin-left:50px;
}
#main_visual_slidesub{
	margin-bottom:18px;
	margin-right:50px;
	margin-left:50px;
	width:900px;
	height:50px;
	/*
	position:absolute;
	top:250px;
	z-index:50;
	*/
}
div#contents_wrap {
	margin-top:0.5em;
	margin-bottom:50px;
	margin-right:50px;
	margin-left:50px;
}
div#main_contents_wrap {
	width:630px;
	float:left;
	position:relative;
}

div#side_wrap {
	margin-left:20px;
	width:250px;
	float:right;
}
div#footer_wrap {
	text-align:center;
	font-size:1.2em;
	margin-bottom:0px;
/*
	margin-right:50px;
	margin-left:50px;
*/
	position:relative;
	background: url("../images/bg/continer_lowwer2.png") no-repeat center bottom;
}

/*
------------------------------------------------------------------------
Header Wrap Detail
----------------------------------------------------------------------*/
div#header_wrap {
	height:90px;
	margin-bottom:0;
	margin-right:50px;
	margin-left:50px;
	position:relative;
}
div#header_wrap h1 {
	width:389px;
	height:70px;
	position:relative;
	top:9px;
	left:0px;
	float:left;
	background:url(../images/logo.png) no-repeat left top;
}
div#header_wrap h1 a {
	display:block;
	width:389px;
	height:70px;

	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}
div#head_navi {
	width:400px;
	float:right;
	position:relative;
	top:10px;
	left:5px;
}

div#head_navi ul.langage_list {
	margin-bottom:10px;
}

div#head_navi li {
	padding-right:0.5em;
}
.head_gallery_btn {
	margin:0;
	display:block;
	width:102px;
	height:20px;
	position:absolute;
	top:45px;
	left:290px;
}
.head_gallery_btn a{
	display:block;
	width:102px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
	background-image:url('../images/btn/head_gallery_btn.png');
	background-repeat: no-repeat;
}
.head_gallery_btn a:link{	background-position:0px -20px;}
.head_gallery_btn a:hover{	background-position:0px 0px;}
.head_gallery_btn a:visited{	background-position:0px -20px;}
.head_gallery_btn a:active{	background-position:0px -20px;}



/*
------------------------------------------------------------------------
Global Navi Wrap Detail
----------------------------------------------------------------------*/
div#global_navi {
	margin-bottom:0.5em;
	height:50px;
	margin-bottom:0;
	margin-right:50px;
	margin-left:50px;
}
div#global_navi li {
	display:block;
/*	width:150px;*/
	height:50px;
	float:left;
}

div#global_navi li#li_plan,
div#global_navi li#li_restrant,
div#global_navi li#li_wedding,
div#global_navi li#li_banquet,
div#global_navi li#li_floors,
div#global_navi li#li_tourist{
	width : 128px;
}

div#global_navi li#li_access{
	width : 132px;
}


div#global_navi li a{
	display:block;
/*	width:150px;*/
	height:50px;
	background-image:url(../images/navi/gnavi.png);
	background-repeat:no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

div#global_navi li#li_plan a{
	width : 130px;
}
div#global_navi li#li_plan a,
div#global_navi li#li_restrant a,
div#global_navi li#li_wedding a,
div#global_navi li#li_banquet a,
div#global_navi li#li_floors a,
div#global_navi li#li_tourist a{
	width : 128px;
}
div#global_navi li#li_access a{
	width : 130px;
}


div#global_navi li a.plan:link,
div#global_navi li a.plan:visited,
div#global_navi li a.plan:active {
	background-position:0px -50px;
}
div#global_navi li a.restrant:link,
div#global_navi li a.restrant:visited,
div#global_navi li a.restrant:active {
	background-position:-130px -50px;
}
div#global_navi li a.wedding:link,
div#global_navi li a.wedding:visited,
div#global_navi li a.wedding:active {
	background-position:-258px -50px;
}
div#global_navi li a.banquet:link,
div#global_navi li a.banquet:visited,
div#global_navi li a.banquet:active {
	background-position:-386px -50px;
}
div#global_navi li a.floors:link,
div#global_navi li a.floors:visited,
div#global_navi li a.floors:active {
	background-position:-514px -50px;
}
div#global_navi li a.tourist:link,
div#global_navi li a.tourist:visited,
div#global_navi li a.tourist:active {
	background-position:-642px -50px;
}

div#global_navi li a.access:link,
div#global_navi li a.access:visited,
div#global_navi li a.access:active {
	background-position:-770px -50px;
}

div#global_navi li a.plan:hover     {	background-position:0px 0px;}
div#global_navi li a.restrant:hover {	background-position:-130px 0px;}
div#global_navi li a.wedding:hover  {	background-position:-258px 0px;}
div#global_navi li a.banquet:hover  {	background-position:-386px 0px;}
div#global_navi li a.floors:hover   {	background-position:-514px 0px;}
div#global_navi li a.tourist:hover   {	background-position:-642px 0px;}
div#global_navi li a.access:hover   {	background-position:-770px 0px;}

#PlanCategories div#global_navi li a.plan      {	background-position:0px 0px;}
#Rooms div#global_navi li a.plan               {	background-position:0px 0px;}
#RoomTypes div#global_navi li a.plan           {	background-position:0px 0px;}

#RoomServices div#global_navi li a.plan        {	background-position:0px 0px;}
#RoomCharges div#global_navi li a.plan         {	background-position:0px 0px;}
#FaqCategories div#global_navi li a.plan       {	background-position:0px 0px;}
#ReserveCancels div#global_navi li a.plan      {	background-position:0px 0px;}

#Weddings div#global_navi li a.wedding         {	background-position:-258px 0px;}
#WeddingPlans div#global_navi li a.wedding     {	background-position:-258px 0px;}
#WeddingStyles div#global_navi li a.wedding    {	background-position:-258px 0px;}
#WeddingParties div#global_navi li a.wedding   {	background-position:-258px 0px;}
#WeddingKitchens div#global_navi li a.wedding  {	background-position:-258px 0px;}
#BetrothalGifts div#global_navi li a.wedding   {	background-position:-258px 0px;}
#StaffComments div#global_navi li a.wedding    {	background-position:-258px 0px;}
#HappyVoices div#global_navi li a.wedding      {	background-position:-258px 0px;}

#Restaurants div#global_navi li a.restrant {	background-position:-130px 0px;}
#Hachikens div#global_navi li a.restrant   {	background-position:-130px 0px;}
#Kurashikis div#global_navi li a.restrant  {	background-position:-130px 0px;}
#Bars div#global_navi li a.restrant        {	background-position:-130px 0px;}
#Ravennas div#global_navi li a.restrant    {	background-position:-130px 0px;}
#Recommends div#global_navi li a.restrant  {	background-position:-130px 0px;}


/* -- 宴会・会議セレクト ---------------------------------------------*/
#Banquets div#global_navi li a.banquet  {	background-position:-386px 0px;}
#BanquetRooms div#global_navi li a.banquet  {	background-position:-386px 0px;}
#BanquetSelectins div#global_navi li a.banquet  {	background-position:-386px 0px;}
#Meetings div#global_navi li a.banquet  {	background-position:-386px 0px;}
#EquipmentCategories div#global_navi li a.banquet  {	background-position:-386px 0px;}

#Floors div#global_navi li a.floors     {	background-position:-514px 0px;}

#Tourist div#global_navi li a.tourist     {	background-position:-642px 0px;}

#Accesses div#global_navi li a.access     {	background-position:-770px 0px;}

/*
------------------------------------------------------------------------
Side Wrap Detail
----------------------------------------------------------------------*/

div#side_wrap h3 {
	margin-bottom:0.5em;
}
div#side_wrap h3.rest_bar {
	height:30px;
	background:url(../images/rest_bar.gif) no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}


div#side_wrap h3.side_banner {
	width:200px;
	height:40px;
	border:1px solid #ccc;
}
div#side_wrap ul {
	margin-bottom:2em;
}
div#side_wrap ul li{
	margin-bottom:0.5em;
}

.qr_code {
	margin-right:0.5em;
	float:left;
}
/*
------------------------------------------------------------------------
	Side Navi
----------------------------------------------------------------------*/
div#side_wrap form {
	margin-bottom:1em;
}

ul#plan_side_navi li,
ul#restaurants_link li{
	width:250px;
	height:70px;
	margin-bottom:0.5em;

}
ul#plan_side_navi li a,
ul#restaurants_link li a {
	display:block;
	width:250px;
	height:70px;
	background-repeat:no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}
ul#plan_side_navi li a:link,
ul#plan_side_navi li a:visited,
ul#plan_side_navi li a:active {
	background-position:0px 0px;
}
#PlanCategories ul#plan_side_navi li a.PlanCategories,
#Plans ul#plan_side_navi li a.PlanCategories,
#Rooms ul#plan_side_navi li a.Rooms,
#RoomServices ul#plan_side_navi li a.RoomServices_on,
#RoomServices ul#plan_side_navi li a.side_navi_child_on,
#RoomCharges ul#plan_side_navi li a.RoomCharges,
#FaqCategories ul#plan_side_navi li a.FaqCategories,
#ReserveCancels ul#plan_side_navi li a.ReserveCancels,
ul#plan_side_navi li a:hover {
	background-position:-250px 0px;
}
li a.side_navi_1   {background-image:url(../images/plans/side_navi_1.gif);}
li a.side_navi_2   {background-image:url(../images/plans/side_navi_2.gif);}
li a.side_navi_2_2 {background-image:url(../images/plans/side_navi_2_2.gif);}
li a.side_navi_3   {background-image:url(../images/plans/side_navi_3.gif);}
li a.side_navi_4   {background-image:url(../images/plans/side_navi_4.gif);}
li a.side_navi_5   {background-image:url(../images/plans/side_navi_5.gif);}
li a.side_navi_6   {background-image:url(../images/plans/side_navi_6.gif);}
li a.side_navi_7   {background-image:url(../images/plans/side_navi_child.gif);}
li a.side_navi_child_on   {background-image:url(../images/plans/side_navi_child.gif);}

/*-- Restaurants Link ------------------------------------------------*/
ul#restaurants_link li a:link,
ul#restaurants_link li a:visited,
ul#restaurants_link li a:active {
	background-position:0px 0px;
}

#Hachikens ul#restaurants_link li a.hachiken_link ,
#Kurashikis ul#restaurants_link li a.kurashiki_link ,
#Bars ul#restaurants_link li a.bar_link ,
#Ravennas ul#restaurants_link li a.ravenna_link ,
ul#restaurants_link li a:hover {
	background-position:-250px 0px;
}

li a.hachiken_link   {background-image:url(../images/hachiken.jpg);}
li a.kurashiki_link  {background-image:url(../images/kurashiki.jpg);}
li a.bar_link        {background-image:url(../images/bar_heisa.jpg);}
li a.ravenna_link    {background-image:url(../images/cafe_lave.jpg);}
li a.party_law_link  {background-image:url(../images/restaurants/law.gif);}



/*
------------------------------------------------------------------------
Contents Wrap Detail
----------------------------------------------------------------------*/
div#contents_visual_wrap {
	margin-bottom:1.5em;
	width:630px;
	height:250px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}


.page_link li {
	display:inline;
}

.return_top {
	text-align:right;
}

div#main_contents_wrap img {
	padding:5px;
	border:1px solid #8d8356;
}

/*
------------------------------------------------------------------------
	Plan List Wrap
----------------------------------------------------------------------*/
div#plan_list_wrap {
	margin-bottom:100px;
}
div#plan_list_wrap div.clearfix{
	margin-bottom:0.5em;
	border-bottom:1px dotted #ccc;
}
div#plan_list_wrap h3 {
	margin-bottom:0.5em;
	height:35px;
	background:url(../images/title/selection_title.png) no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}
div.plan_list_img {
	width:110px;
	margin-right:15px;
	margin-bottom:0.5em;
	float:left;
}
div.plan_list_text {
	width:500px;
	float:right;
}
div.plan_list_text h4 {
	margin-bottom:0.5em;
}
div.plan_list_text h4 a {
	color:#8d8356;
	font-weight:bold;
	text-decoration:underline;
}

div#plan_list_wrap img {
	border:1px solid #bda565;
}

div#plan_list_wrap ul {
	margin-bottom:1em;
	padding-left:0.5em;
	border-left:8px solid #036;
}

/*
------------------------------------------------------------------------
Footer Wrap Detail
----------------------------------------------------------------------*/
div#footer_wrap {
	font-size:1em;
}
div#footer_wrap p {
	margin:0;
	padding-bottom:29px;
}
div#footer_wrap img {
	margin-bottom:15px;
}
address {
	margin-bottom:10px;
	padding-bottom:15px;
	background:url(../images/bg/address_bg.gif) no-repeat center bottom;
}
#footer_navi{
	margin:0 0 20px 0;
	padding:0;
}
#footer_navi li{
	margin:0;
	padding:0 0.3em;
	display:inline;
	line-height:1em;
	border-right:1px solid #666;
}
#footer_navi li a{
	color:#333;
}
#footer_navi li.end_fig{
	border-right:none;
}

/*
------------------------------------------------------------------------
	Main Wrap Banner
----------------------------------------------------------------------*/

.main_banner {
	position:absolute;
	bottom:0;
	left:0;
	height:75px;
}
.main_banner li {
	margin-right:12px;
	margin-left:18px;
	display:block;
	width:250px;
	height:69px;
	float:left;
}
div#main_contents_wrap div.main_banner img {
padding:0;
border:none;
}


/*
------------------------------------------------------------------------
	Group Banner Wrap
----------------------------------------------------------------------*/
.group_banner {
	margin-bottom:75px;
	margin-right:50px;
	margin-left:50px;
}
.group_banner ul {
	margin-bottom:1.5em;
}
.group_banner li {
	margin-right:12px;
	margin-bottom:0.5em;
	display:block;
	width:170px;
	height:45px;
	float:left;
}
.group_banner li.banner_end{
	float:right;
	margin-right:0;
}

div#main_contents_wrap ul.group_banner li img {
	padding:0;
	border:none;
}

/*
------------------------------------------------------------------------
Price Disp 
----------------------------------------------------------------------*/
.price_dsp {
	text-align:right;
}

/*
------------------------------------------------------------------------
Plan Side List
----------------------------------------------------------------------*/
div#plan_list_wrap {margin-bottom:1.5em;}
.plan_side_list li a {
	margin-left:1em;
	padding-left:1.5em;
	color:#006699;
	text-decoration:underline;
	background:url('../images/plans/marker.gif') no-repeat 0 0px;
	line-height:1.5em;
}


/*
------------------------------------------------------------------------
Admin 
----------------------------------------------------------------------*/
.reactive {
	color:#f00;
}

/*
------------------------------------------------------------------------
各国対応
----------------------------------------------------------------------*/
/* menu styles */
#jsddm{
	margin: 0;
	padding: 0;
	margin-left:328px;
	position:relative;
}
div#head_navi ul#jsddm li {
	text-align:right;
	padding: 0;
}
#jsddm li	{
	margin:0;
	float: left;
	list-style: none;
}

#jsddm li a	{
	display: block;
	text-decoration: none;
	width: 120px;
}
		
#jsddm li ul	{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index: 3;
}
		
#jsddm li ul li	{
	float: none;
	display: inline;
}
			
#jsddm li ul li a	{	width: auto;}
			
/*
------------------------------------------------------------------------
Head Navi
----------------------------------------------------------------------*/
ul#head_sub_navi {
	margin-bottom:1em;
	/* padding-left:130px; */
	padding-left:61px; /* M&C 160122 */
}
ul#head_sub_navi li {
	height:13px;
    margin-top: 5px;
	display:block;
	float:left;
}
#head_sub_navi a {
	display:block;
	height:12px;
	background-image:url(../img/head_navi.gif);
	background-repeat:no-repeat;
	float:left;
	text-indent: -99999px;
	/*white-space: nowrap;*/
	overflow:hidden;
}
.head_home{width:55px;	background-position:0 0;}
.head_qa{width:86px;	background-position:-55px 0;}
.head_mail{width:89px;	background-position:-141px 0;}
.head_recruits{width:66px;	background-position:-230px 0;}
.head_poli{width:127px;	background-position:-296px 0;}
.head_english{width:68px;	background-position:-430px 0;} /* M&C 160122 */
.head_han{width:55px;	background-position:-498px 0;} /* M&C 160122 */
.head_kan{width:58px;	background-position:-557px 0;} /* M&C 160122 */
.head_fra{width:110px;	background-position:-614px 0;} /* M&C 160122 */


/*-- レストランクーポンバナー ----------------------------------------*/
.coupon_banner {
	display:block;
	width:250px;
	height:50px;
	background-image:url('../images/banner/coupon_banner.gif');
	background-repeat:no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

a.coupon_banner:hover {
	background-position:0 -50px;
}