@import url(/js/jscal/calendar-brown.css);

body {
    background-color: #000;
	font-size:12px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#fff;
}

/* for IE7 */
	*+html body {
	font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	font-size:75%;
	}
	
/* for IE6 */
	* html body {
	font-family:'ＭＳ Ｐゴシック';
	font-size:75%;
	}


/*** base color ****/

#container #policy {
	text-align:left;
}
a:hover { text-decoration:none; }
img { border:0; }
a:link, a:active, a:visited, a:hover {
    color: #fff;
    text-decoration:none;
}
.mgn20{
	margin:20px auto;
}

/* 上段メニュー　header */

#header{
	width:auto;
	position:relative;
	z-index:2;
	}

#header h1{
	float:left;
	width:auto;
	font-size: 14px;
}

#logo{
	border:none;
	}

#header ul#primalNavi{
	width:230px;
	float: right;
	text-align:right;
	margin: 20px 0;
	}
#header ul#primalNavi li{
	float:left;
	}
#header ul#primalNavi p{
	margin-bottom:3px;
}


ul#loopMenu{
	clear:both;
	background:#000;
	width: 100%;
	height: 50px;
	padding:0 2px;
	margin-bottom:20px;
	border-left:1px dotted #fff;
	}

ul#loopMenu li{
	font-weight:bold;
	float: left;
	line-height:50px;
	border-right:1px dotted #fff;

	}
ul#loopMenu li a{
	color:#fff;
	width:160px;
	display:block;
	text-align:center;
}
ul#loopMenu li a:hover{
	background:url('/images_template/103/loopMenuBg_on.gif');
	color:#fff;
}

/************TOP以外のページナビゲーション**************/

div#header .in_contents{
	position:relative;
	bottom:0;
	-moz-opacity:1;
	filter: alpha(opacity=100);
	z-index:1;
	margin-bottom:30px;
	border-bottom:1px solid #333;
}
div#header .in_contents li{
	border:none;
}
div#header .in_contents li a:hover{
	background:none;
	color:#999;
	border-bottom:1px solid #C30000;
}



/****************　inner contents ***************/

.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}

#container{
	width: auto;
	text-align:center;
	padding: 0px 0px 60px 0;
	background:url('/images_template/007/containerBg.gif') repeat-y left;
	}
	
/****************　SSL対応フォーム ***************/
#container_ssl{
	background:#fff;
	color:#000;
	padding:20px;
	text-align:center;
}
#container_ssl h2{
	border:none;
	padding:none;
}
#container_ssl h3{
	color:#000;
	font-weight:bold;
}
#container_ssl a:link,
#container_ssl a:visited,
#container_ssl a:active{
	color:#000;
	text-decoration:underline;
}
#container_ssl a:hover{
	color:#000;
	text-decoration:none;
}
	
/* パンくずテキスト */
p#pan{
	color:#999;
	font-size:11px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:5px 10px;
	text-align:left;
	}
	

h2{
	text-align:left;
	border-left:5px solid #c00000;
	padding-left:8px;
	margin:0;
	}

div#container h3.community,
div#container h3.menu{
	color:#fff;
	font-size: 15px;
	text-align: left;
	margin:20px 0;
	line-height:20px;
	}
div#container h3.community{
	font-weight:bold;
	border-top:none;
	border-bottom:1px dotted #fff;
}
div#container h3.menu{
	margin-top:40px;
	background:#4f0000;
	padding:10px;
}
div#container h3{
	color:#fff;
	font-size: 14px;
	text-align: left;
	margin:20px 10px 20px 0;
	border-bottom:1px dotted #333;
	border-top:1px dotted #333;
	padding:5px 0;
	font-weight:normal;
	}

h4{
	font-size:12px;
	font-weight:bold;
	border-left: 8px #660000 solid;
	color: #660000;
	padding-left: 6px;
	margin: 20px auto auto 16px;
	}

p#center{
	text-align:center;
	clear: both;
	}
	
.margin20{
	margin:20px auto;
	}

#contentsbox{
	
	}

#contentsbox_l{
	text-align:left;
	
	}
.f_red{
	color:#FF0000;
	}
	

div.send_button{
	width:auto;
	text-align:center;
	margin:30px auto;
	}

div.send_button img{
	margin:0px 6px;
	cursor:pointer;
	}

p#subtitle{
	text-align:left;
	font-size:18px;
	color:#fff;
	margin:20px 10px 20px 0;
	letter-spacing:0.1em;
	font-weight:bold;
	padding-left:25px;
	background:url('/images_template/103/subtitle.gif') no-repeat left;
}

.clear{
	clear:both;
	}

.clearfix:after {
  content: ".";  /* new要素 */
  display: block;  /* blocklevel要素 */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

/****************　左メニュー ***************/	

.smallText{
	font-size:11px;
}
#left,
#right{
	margin: 0;
	height:100%;
	}

	
#left_support{
	min-height:100%;
	}

#left ul#leftMenu,
div#leftContact{
	margin:15px 20px 20px 0px;
	color:#999;
}
#left ul#leftMenu li{
	width:200px;
	height:30px;
}
#left ul#leftMenu li a{
	width:200px;
	display:block;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #333;
	color:#999;
}
#left ul#leftMenu li a:hover{
	color:#fff;
}

/****************　メイン（トップページ） ***************/	

#main_container{
	color: #FFF;
	width: auto;
	margin: 0;
	z-index:1;
	}

div#main_flash{
	position:relative;
	}
	
div#main_info{
	width:950px;
	margin: 20px auto 50px auto;
	padding:10px;
	background:url('/images_template/007/main_infoBg.gif');
	}

div#thmub_fla{
	width:450px;
	float: left;
	margin-right:15px;
	}

div#flow_flash{
	margin-top:10px;
	}

div#main_bn{
	width:230px;
	float: right;
	}
	
div#main_bn img{
	margin-bottom:5px;
	}

div#main_bbs_title{
	width:240px;
	float: left;
	}
div#main_bbs_title ul{
	margin-top:5px;
	font-size:11px;
}
div#main_bbs_title ul li{
	padding:5px 5px 5px 15px;
	background:#000;
	margin-bottom:3px;
	background:#000 url('/images_template/103/bbsBg.gif') no-repeat bottom left;
}
div#main_bbs_title ul li a{
	color:#fff;
}
div#main_bbs_title ul li a:hover{
	color:#000;
	background:#fff;
}

/************************　会社紹介 **************************/

/* 会社紹介画像 */

#co_contentsbox{
	margin-top:40px;
	}
	
#_company{
	width:30%;
	float:left;
	text-align:center;
}

/* 基本情報 */
div#company_data{
	width:50%;
	float:left;
	text-align:left;
	}
	
table#company_info{
	text-align:left;
	margin-top:20px;
	}

table#company_info th{
	width:20%;
	padding:4px 10px;
	color:#999;
	}
	
table#company_info td{
	width:77%;
	padding:4px 10px;
	border-left:1px solid #fff;
	}

div#co_intro{
	width:100%;
	text-align: left;
	clear: both;
	margin: 20px auto;
	border-top:1px dashed #fff;
	}

p#co_introduce{
	margin:20px auto;
	text-align: left;
	}		
	
/****************　おしらせ ***************/	

div#container div#page-wrap{
	background:#000;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
div#container div#page-wrap table.default{
	border:none;
}
div#container div#page-wrap table#board_list{
	margin-top:5px;
}
div#container div#page-wrap table#board_list th{
	background:none;
	text-align:center;
}
div#container div#page-wrap table#board_list th{
	color:#fff;
	border-top:#c30000 1px dotted;
	border-bottom:#c30000 1px dotted;
	font-size:10px;
}
div#container div#page-wrap table#board_list td{
	border-bottom:#333 1px solid;
	color:#fff;
}
div#container div#board_scope table.ftcolor2 a{
	color:#fff;
}
div#container div#board_scope div#board_info,
div#container div#board_scope div#board_search{
	color:#999;
	font-size:11px;
}
div#container div#board_scope div#board_search input#s_word{
	height:12px;
}
div#container div#board_scope div#paging{
	margin-top:20px;
}
div#container div#board_scope div#paging span.current_page{
	background:#333;
}
div#container div#board_scope div#paging a,
div#container div#board_scope div#paging span.no_link{
	padding:2px 6px;
}
div#container div#page-wrap table#board_view caption{
	color:#fff;
	font-size:10px;
	text-align:right;
}
div#container div#page-wrap table#board_view td{
	background:#000;
	border-bottom:1px dotted #333;
	color:#fff;
	font-weight:normal;
}

/****************　会員登録 ***************/	

#ssl_topback{
	float:right;
	margin:20px 0;
}
#rsv_info{
	background:#ccc;
	padding:5px 10px;
}
table#table_regist{
	text-align:left;
	margin:10px auto 10px auto;
	width: 680px;
	}
table#table_regist_nomember{
	width:400px;
	text-align:left;
	margin:10px auto 10px auto;
	border:1px solid #666;
}
table#table_regist caption{
	color:#FFF;
	font-weight:bold;
	background-color: #666699;
	line-height: 24px;
	text-indent: 12px;
	text-align: left;
	}
table#table_regist_nomember tr{
	border-bottom: #666 dotted 1px;
}
table#table_regist td{
	padding:10px;
	
}
table#table_regist_nomember caption{
	color:#FFF;
	font-weight:bold;
	background-color: #669999;
	line-height: 24px;
	text-indent: 12px;
	text-align: left;
	}

table#table_regist_nomember th{
	width:100px;
	background:#ccc;
	}
table#table_regist span.form_error{
	font-size:11px;
	color:#777;
}
table#table_regist_nomember td,
table#table_regist_nomember th{
	padding:10px;
}
table#table_regist td{
	border-bottom: #333 solid 1px;
	padding-left:20px;
	}	
table#table_regist th{
	border-bottom: #333 solid 3px;
	padding:10px 0 0;
}
table#table_regist #input{
	border:#555 solid 1px;
}

input{
	border:#CCC solid 1px;
	margin:0 2px;
	}
#complete{
	font-size:140%;
	color:#cc0000;
	font-weight:bold;
}
#caution{
	color:#cc0000;
	margin:10px auto 20px;
	padding:10px;
	width:80%;
	background:#ececec;
}
	
/****************　会員規約同意 ***************/	
textarea.rules{
	width:600px;
	height:180px;
	border:#666 dotted 1px;
	font-size:12px;
	padding:10px;
	padding-right:0;
	background:#111;
	color:#fff;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin-top:20px;
}

p#radio_area{
	text-align:center;
	line-height: 24px;
	width: 400px;
	margin: 20px auto 40px auto;
	background:#69624b;
	}

p#radio_area input{
	margin:4px;
	vertical-align: middle;
	border:none;
	}
	
/*** ページング ****/
div.paging {
    text-align:center;
}
div.paging a {
    cursor:pointer;
	padding:5px;
}
	
/**************** メニューリスト ***************/

#float-left{
	width:240px;
	float:left;
}
#float-left img{
	max-width:240px;
	min-width:200px;
}
* html #float-left img {
	width : expression(document.body.clientWidth < 200? "200px" : document.body.clientWidth > 240? "240px" : "auto"); /* IE */
}
#float-right{
	width:450px;
	float:right;
}
#float-right p{
	text-align:left;
}
#menutxt{
	font-size:114%;
	border-bottom:1px solid #333;
	padding-bottom:5px;
}
#price{
	font-size:114%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin:5px 0 15px;
	font-weight:bold;
}
#introduction{
	color:#666;
	margin-bottom:20px;
}
#float-right a img{
	float:right;
	margin-left:5px;
}

/**************** 客室タイプ詳細 ***************/
p#in_out{
	width:620px;
	}

p#in_out,
p#in_out_short{
	background:#FFFFEE;
	padding: 6px];
	padding: 6px;
	margin: 0 auto;
	text-align: left;
	line-height: 18px;
	}

span.bg_time{
	background-color:#FFECEC;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #ccc;
	margin-right: 10px;
	}

div#photo_main{
	text-align:center;
	}

div#photo_main img{
	border:#fff solid 5px;
	}
div.menu_detail{
	float:right;
	width:62%;
	text-align:left;
}
div#thumnail{
	width:;
	margin:10px auto;
	}

div#thumnail img{
	width:70px;
	height:60px;
	margin-right: 4px;
	}
	
#type{
	padding-bottom:10px;
	margin:10px auto;
	text-align:left;
	}
dl.price{
	text-align:right;
}
dl.price dt,
dl.price dd{
	display:inline;
	font-family:'Georgia',serif;
	font-size:15px;
}	
dl.price dt{
	color:#f6be26;
	font-weight:bold;
	margin-right:10px;
}
div#other_info{
	width:600px;
	border:#CCC dotted 1px;
	margin:10px auto;
	text-align:left;
	padding:10px 16px;
	background-color: #EBEBEB;
	}	

p.info_text,
ul.info_list{
	width:600px;
	text-align:left;
	margin:10px auto;
	padding:10px 16px;
	}

ul.info_list li{
	text-align:left;
	margin-bottom: 4px;
}
	
/****************　ログイン ***************/	

div#login_member,
div#login_regist,
div#login_nomember,
div#login_nomember_regist{
	width:640px;
	padding: 16px;
	margin: 20px auto;
	border:3px solid #fff;
	}

div#login_member{
	background-color:#000;
	}
	
div#login_member img{

	margin: 2px;
	}

div#login_regist,
div#login_nomember_regist{
	background-color:#810202;
	}

div#login_nomember{
	background-color:#FFEEEE;
	}
	
div.loginbox_l{
	width:180px;
	float:left;
	padding: 10px;
	}

div.loginbox_r{
	width:auto;
	float:left;
	padding: 0px 20px;
	}

div.loginbox_r h4,
div.loginbox_r p,
div.loginbox_l h4,
div.loginbox_l p{
	text-align:left;
	margin:0 0 10px 0;
}
div.login_box img{
	border:0;
	margin: 10px 2px;
	}
div.loginbox_r h4,
div.loginbox_l h4{
	color:#fff;
	border-left:none;
	border-bottom:1px dashed #fff;
	padding-bottom:5px;
}
div.loginbox_l h4{
	width:600px;
}
div.loginbox_r h4{
	width:250px;
}
div#login_box_w{
	background:#FFF;
	width:320px;
	float:left;
	padding: 10px;
	color:#000;
	}
	
table#loginform.,
table#nomemberform{
	border:0;
	}

table#loginform input{
	width:80px;
	}
	
table#loginform td,
table#nomemberform td{
	text-align:left;
	padding:2px;
	}
	
/****************　予約詳細 ***************/	
div#container div.reservation_wrap{
	background:#000;
	margin-top:40px;
}
div.reservation_wrap div.step{
	background:#9c8867;
	padding:4px 12px;
	border:none;
	color:#fff;
	margin-bottom:20px;
}
div.reservation_wrap div.title{
	background:#000;
	color:#dcdcdc;
	font-weight:normal;
	border:none;
	border-left:3px solid #c30000;
	padding:3px 7px;
	font-size:12px;
}
div#container div.reservation_wrap div.selected{
	background:#000;
	color:#f6be26;
	font-weight:normal;
	border-left:3px solid #f6be26;
	font-size:12px;
	text-align:left;
}
div.reservation_wrap div#days div#use_days_desc{
	font-size:x-small;
	margin:0;
}
/*中の設定*/

div#container div.reservation_wrap div#calendar,
div#container div.reservation_wrap div#time_input,
div#container div.reservation_wrap div#person,
div#container div.reservation_wrap div#user_input,
div#container div.reservation_wrap div#add_product_list{
	background:#000 url('/images_template/007/main_infoBg.gif');
	border:1px solid #000;
	margin-top:10px;
	color:#fff;
}
div#container div.reservation_wrap div#time_input table td,
div#container div.reservation_wrap div#person table td{
	color:#fff;
}
div#container div.reservation_wrap div#person table td label{
	color:#000;
}
div.reservation_wrap div#section_left1{
	width:185px;
}
div.reservation_wrap div#section_center1,
div.reservation_wrap div#section_center2{
	width:162px;
}
div.reservation_wrap div#section_left1,
div.reservation_wrap div#section_center1,
div.reservation_wrap div#section_center2{
	margin-right:10px;
}
div.reservation_wrap div#section_right1{
	width:225px;
}
div.reservation_wrap div#memo_info{
	width:515px;
}

div#container_detail{
	background-color:#FFF;
	text-align: left;
	width: 520px;
	margin: 0;
	padding: 14px;
	}

table.detail_list{
	width:500px;
	border-left:#ccc solid 1px;
	border-top:#ccc solid 1px;
	margin: 2px auto 60px auto;
	border-spacing:0;
	}	

table.detail_list th{
	background-color:#FFFFEE;
	color:#000066;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	padding: 4px;
	}

table.detail_list td{
	color:#333;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	padding: 4px;
	text-align: center;
	}
	
/****************　マイページメイン ***************/	

div.allview_btn{
	width:640px;
	text-align:right;
	margin:0px auto;
	}

table.mypage_list{
	width:640px;
	border-left:#ccc solid 1px;
	border-top:#ccc solid 1px;
	margin:10px auto 60px auto;
	border-spacing:0;
	}	

table.mypage_list th{
	background-color:#FFFFEE;
	color:#333;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	padding: 4px;
	}

table.mypage_list td{
	color:#333;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	padding: 4px;
	text-align: center;
	}

ul#myinfo{
	border:#CCC dotted 2px;
	padding:20px;
	width: 600px;
	margin: 10px auto;
	}
	
ul#myinfo li{
	color:＃333;
	text-align: left;
	list-style-type: none;
	line-height: 24px;
	}

/****************　マイページ　クーポンリスト ***************/	
div#container div.coupon{
	margin:40px auto;
	padding:5px 15px;
}
div#container div.contents,
div#container div.contents2{
	color:#000;
}
div#container div.section,
div#container div.section2{
	padding-bottom:10px;
}
div#container div.contents2 div.section-bottom2,
div#container div.contents2 div.coupon-info2{
	text-align:left;
	font-size:10px;
}
div#coupon_search{
	width:660px;
	text-align:left;
	font-weight: bold;
	line-height: 18px;
	margin: 0px auto 60px auto;
	}

div#coupon_search input{
	border:solid 1px #CCC;
	width:90px;
	margin:2px;
	}

div#coupon_search img{
	margin:0;
	}

	
/****************　サイトマップ ***************/	

#container_sitemap{
	width: 720px;
	text-align:center;
	margin: 0px auto;
	}
	
div.box_sitemap{
	width:240px;
	float:left;
	margin: 20px auto;
	}

table.sitemap{
	width:220px;
	border: 1px dashed #666;
	}

table.sitemap th{
	background:#D7DCF2;
	padding: 6px;
	font-size: 14px;
	color: #003366;
	border-bottom: 1px dashed #CCC;
	}
	
table.sitemap td{
	color:#666;
	padding:10px 0x;
	text-align: left;
	}

ul#ul_sitemap li{
	list-style-type:disc;
	padding:2px 0;
	margin-left: 0px;
	}

/****************　下段 ***************/	

#footer{
	width:auto;
	color:#555;
	text-align:right;
	font-size:10px;
	margin-top:30px;
	border-top:1px solid #555;
	padding:5px 0;
	}
#footerLeftNav{
	padding:10px;
	padding-left:0;
}
#footerRightNav{
	padding:10px 20px;
	background:#1a1a1a;
	color:#fff;
}
#copyright{
	font-size:10px;
	text-align:center;
	padding:10px 0;
	color:#7c7c7c;
}
	
/****************　popup ***************/	

div#popup_container{
	width:460px;
	background-color:#FFF;
	text-align: center;
	height: 450px;
}

div#popup_container img{
	clear:both;
	margin:20px auto;
}
div#popup_container h2{
	border:none;
}
div#popup_form{
	width:100%;
	background-color:#555;
	margin: 10px auto;
	text-align: center;
	padding:10px 0 5px;
	}
dl#form_idform{
	width:280px;
	text-align: left;
	margin:0px auto 10px;
	}

dl#form_idform dt{
	width:100px;
	padding:2px;
	float: left;
	}
	
dl#form_idform dd{
	width:160px;
	padding: 2px;
	float:right;
	}

	
/****************　reset ***************/	
	
body, div, dl, dt, dd, ul, ol, li, pre,  
fieldset, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}