@charset "utf-8";
/*

----------------------------------------------------


/********************************************************
   使いまわしようクラス
********************************************************/

.dotted{
	background:url(../img/cmn_dotline.gif) left bottom repeat-x;
	margin-bottom:20px;
}

.fl_l{
	float:left;
}
.fl_r{
	float:right;
}

.mag_btm15{
	margin-bottom:15px!important;
}

.mag_top23{
	margin-top:23px!important;
}

.mag_top14{
	margin-top:14px!important;
}

.mag_top20{
	margin-top:20px!important;
}

.mag_lft20{
	margin-left:20px!important;
}

.mag_lft130{
	margin-left:130px!important;
}

.mag_rgt30{
	margin-right:30px!important;
}

p.head{
background:url(../img/cmn_logo_head.gif) left top no-repeat;
padding-left:28px;
padding-top:-5px;
padding-bottom:5px;
line-height:2;
}

.brwn_bg{
background:url(../img/cmn_dotte_brn.gif) left top ;
}

.cursor_non a{
	cursor:default;
	}


/********************************************************
    clear
********************************************************/

#bath_box:after,
.value:after,
.about_box:after,
#point:after,
.bnr_box:after,
#contents_wide:after,
#contents:after{ 
  content: ".";
  display: block;
  visibility: hidden;
  height: 1%;
  font-size: 0;  
  line-height: 0;  
  clear: both;
}

#bath_box.
.value,
.about_box,
#point,
.after,
.bnr_box,
#contents_wide,
#contents{ zoom: 1; }

* html #bath_box,
* html .value,
* html .about_box,
* html #point,
* html .after,
* html .privileges_box,
* html .flow_box,
* html .bnr_box,
* html #contents{ height: 1%; }
* html #contents_wide{ height: 1%; }


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

.clearfix {
	min-height: 1px;
}

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

.clear {
  clear: both;
}
/*
UpdateHistory
09/0*******



html,body,img,h1,h2,h2{
	margin:0px;
	padding:0px;
	line-height:1em;
	}

default
----------------------------------------------------------------------------*/
div#container{
	margin:0 auto;
}

/* wrap
----------------------------------------------------------------------------*/
div#wrap{
	margin:0;
	color:#505050;
	font-size:12px;
	line-height:1.5em;
}

span,link{
	font-weight:bold;
	color:#256a0d;
	text-decoration:underline;
	display:block;
	text-align:left;
}

.link a:link {color:#256a0d;}
.link a:visited {color:#256a0d;}
.link a:hover {color:#256a0d;}
.link a:active {	color:#256a0d;}


/* header
----------------------------------------------------------------------------*/
#wrap #head_bg{
	width:100%;
	background:url(../img/cmn_head_bg.gif) repeat-x left top;
	margin:0px!important;
	height:94px;
}

#wrap #header{
	height:94px;
	/*width:100%;*/
	width:1040px;
	position:relative;

	margin:0px auto!important;
}

div#header h1#logo{
	position:absolute;
	top:18px;
	left:21px;
	height:60px;
	display:block;
}

div#header h2{
	position:absolute;
	top:45px;
	left:137px;
	height:32px;
	display:block;
	width:272px;
	font-size:1px;
	font-weight:normal;
	background:url(../img/cmn_head_txt.gif) left top no-repeat;
	text-indent:-9999px;
	}
	
/* theader
----------------------------------------------------------------------------*/

#wrap #theader{
	height:94px;
	width:100%;
	position:relative;
	background:url(../img/cmn_head_bg.gif) repeat-x left top;
	margin:0px!important;
	line-height:0!important;
}
	
#theader h1#logo{
	position:absolute;
	top:18px;
	left:21px;
	height:60px;
	display:block;
}

#theader h2{
	position:absolute;
	top:45px;
	left:137px;
	height:32px;
	display:block;
	width:272px;
	font-size:1px;
	font-weight:normal;
	background:url(../img/cmn_head_txt.gif) left top no-repeat;
	text-indent:-9999px;
	}


/* ヘッダ
----------------------------------------------------------------------------*/

#g_menu{
	width:569px;
	float:right;
}

#g_menu #sub_menu{
	width:280px;
	padding-left:293px;
	padding-top:15px;
	line-height:1px;

}

#g_menu #main_menu{
	width:565px;
	clear:left;
	line-height:1px;
	padding-top:8px;
}

#g_menu #sub_menu li{
	list-style-type:none;
	float:left;

}

#g_menu #main_menu li{
	list-style-type:none;
	float:left;

}

#g_menu #sub_menu li a{
	display:block;
	height:12px;
	text-indent:-9999px;
	text-decoration:none;
}

#g_menu #main_menu li a{
	display:block;
	height:38px;
	text-indent:-9999px;
	text-decoration:none;
}

a:focus{
/*\*/
	overflow: hidden;
/**/
}

#g_menu #sub_menu li#sub01 {background:url(../img/cmn_head_menu6.gif) top left no-repeat !important; width:58px;}
#g_menu #sub_menu li#sub02 {background:url(../img/cmn_head_menu7.gif) top left no-repeat !important; width:41px;}
#g_menu #sub_menu li#sub03 {background:url(../img/cmn_head_menu8.gif) top left no-repeat !important; width:63px;}
#g_menu #sub_menu li#sub04 {background:url(../img/cmn_head_menu9.gif) top left no-repeat !important; width:56px;}
#g_menu #sub_menu li#sub05 {background:url(../img/cmn_head_menu10.gif) top left no-repeat !important; width:43px;}

#g_menu #main_menu li#g01 {background:url(../img/cmn_head_menu1.gif) top left no-repeat !important; width:90px;}
#g_menu #main_menu li#g02 {background:url(../img/cmn_head_menu2.gif) top left no-repeat !important; width:100px;}
#g_menu #main_menu li#g02b {background:url(../img/cmn_head_menu2b.gif) top left no-repeat !important; width:79px;}
#g_menu #main_menu li#g03 {background:url(../img/cmn_head_menu3.gif) top left no-repeat !important; width:113px;}
#g_menu #main_menu li#g04 {background:url(../img/cmn_head_menu4.gif) top left no-repeat !important; width:84px;}
#g_menu #main_menu li#g05 {background:url(../img/cmn_head_menu5.gif) top left no-repeat !important; width:88px;}

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

#wrap #footer{
	height:89px;
	display:block;
	width:992px;
	margin:0px auto!important;
	padding:1px 0 0 0px !important;
	background-color:#fff;
	padding-top:15px!important;
}

#wrap #footer #foot_list{
padding-bottom:4px;
height:18px;

}

#footer li{
	list-style-type:none;
	float:left;

}

#footer li a{
	display:block;
	height:12px;
	text-indent:-9999px;
	text-decoration:none;
}

a:focus{
/*\*/
	overflow: hidden;
/**/
}

#footer li#list01 {background:url(../img/cmn_foot_menu1.gif) top left no-repeat !important; width:58px;}
#footer li#list02 {background:url(../img/cmn_foot_menu2.gif) top left no-repeat !important; width:78px;}
#footer li#list03 {background:url(../img/cmn_foot_menu3.gif) top left no-repeat !important; width:48px;}
#footer li#list04 {background:url(../img/cmn_foot_menu4.gif) top left no-repeat !important; width:78px;}
#footer li#list05 {background:url(../img/cmn_foot_menu5.gif) top left no-repeat !important; width:119px;}
#footer li#list06 {background:url(../img/cmn_foot_menu6.gif) top left no-repeat !important; width:58px;}
#footer li#list07 {background:url(../img/cmn_foot_menu7.gif) top left no-repeat !important; width:51px;}

#wrap #footer #foot_add{
	clear:both;
	display:block;
	padding-top:16px;
	text-indent:-9999px;
	text-decoration:none;
	width:425px;
	height:12px;
	background:url(../img/cmn_foot_txt.gif) left top no-repeat; 
}

#wrap #footer #copy{
	clear:both;
	display:block;
	padding-top:4px;
	text-indent:-9999px;
	text-decoration:none;
	width:262px;
	height:11px;
	background:url(../img/cmn_foot_c.gif) left top no-repeat; 
}

/*-------------------
 * 2ペイン左 *
--------------------*/

#contents #left_box{
	width:666px!important;
	float:left;
	padding-left: 14px;
}

#contents_wide #left_box{
	width:950px!important;
	float:left;
	padding-left: 14px;
}
/*-------------------
 * 2ペイン右 *
--------------------*/

#contents #right_box{
	width:270px!important;
	float:left;
	padding-top: 14px;
}

/*-------------------
 * メインの部分 *
--------------------*/

#wrap{
text-align:left;
background-color:#fff;
}

#wrap #contents{
	background-color:#fff;
	border:2px solid #e6e9e2;
	width:964px;
	padding:14px;
	margin:0 auto;
}

#wrap #contents_wide{
	background-color:#fff;
	border:2px solid #e6e9e2;
	width:964px;
	padding:14px;
	margin:0 auto;
}

/*-------------------
 * パンくず *
--------------------*/

#wrap #pankz{
width:992px;
margin:0 auto;
font-size:10px;
font-weight:bold;
color:#988a76;
padding:12px 0px 4px 0px;
}

/*-------------------
 * ページ概要 *
--------------------*/

#contents_wide h3#page_sum{
	padding:14px 0 17px 0px;
	background:url(../../common/img/page_title_line.gif) bottom left repeat-x;
	width: 935px;
	clear: both;
}

/*-------------------
 * サイド右コンテンツ *
--------------------*/

#wrap #contents .side_cont{
	width:232px;
	padding:25px;
	text-align:center;
}

/*-------------------
 * 予約バー *
--------------------*/

.reserve_bar{
	display:block;
	height:50px;
	width:922px;
	color:#FFFFFF;
	font-size:10px;
	padding:10px 10px 10px 14px;
	clear:both;
	background:url(../img/cmn_reservebar_foot.gif) bottom left no-repeat #251403;
}

.reserve_bar ul{
float:right;
}

.reserve_bar li{
float:left;
margin-top:4px;
margin-left:5px;
}

.reserve_bar p{
	display:inline;
	width:380px;
	float:left;
}


.reserves{
	height:50px;
	color:#FFFFFF;
	font-size:10px;
	padding:0px 15px 0px 0px;
	clear:both;
	text-align:left;
	/*background:url(../img/cmn_reservebar_foot.gif) bottom left no-repeat #251403;*/
}

.reserves ul{
	float:right;
}

.reserves li{
	float:left;
	margin-top:4px;
	margin-left:4px;
}