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

body {
    background-image: url('/images_template/101/bg_main.gif');
    background-color: #D32424;
    background-repeat: repeat-x; 
	font-size:12px;
	font-family:verdana,"ＭＳ Ｐゴシック",
}

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

#layout-body {
   background-color:transparent;
}

/*** base color ****/


a:hover { text-decoration:none; }
img { border:0; }
a:link, a:active, a:visited, a:hover {
    color: #006598;
    text-decoration:none;
}

/* 上段メニュー　header */

#header{
	width:auto;
	}

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

#logo{
	border:none;
	}

#shop_name{
	font-weight:bold;
	}

#header ul#primalNavi{
	width:300px;
	float: right;
	color: #FFF;
	margin: 20px auto;
	}
#header ul#primalNavi li{
	float:left;
	list-style-type:none;
	margin: 0;
	}


#header ul#loopMenu{
	clear:both;
	background:repeat-x url('/images_template/101/bg_gnavi.gif') !important;
	width:960px;
	padding: 10px 0 0 10px;
	height: 24px;
	margin: 0;
	float: left;
	}
	
#header ul#loopMenu li,
#header ul#loopMenu li a{
	color:#FFF;
	font-weight:bold;
	list-style-type:none;
	float: left;
	padding:0 4px;
	}

#header ul#loopMenu li{
	border-right: 1px solid #fff;
	}


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


#container{
	background: #FFF;
	width: auto;
	text-align:center;
	padding:20px 16px 20px;
	margin-top:0;
	}
	
/* パンくずテキスト */
p#pan{
	text-align:right;
	line-height:20px;
	color:#99CC00;
	padding-right: 20px;
	}

h2{
	text-align:left;
	margin-bottom:20px;
	clear: both;
	}


h2#ssl{
	width:630px;
	margin:20px auto;
	}
div#popup_container h2{
	margin:10px 20px;
	}
	
h3{
	color:#333;
	width:640px;
	background-image:url('/images_template/101/bg_h3.gif');
	background-repeat:no-repeat;
	font-size: 13px;
	text-align: left;
	text-indent: 20px;
	line-height: 30px;
	margin: 10px auto;
	}


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;
	background:url('/images_template/101/icon_subtitle.gif') no-repeat;
	line-height: 16px;
	text-indent: 20px;
	width:700px;
	margin:0 auto;
	font-size:14px;
	font-weight:bold;
	color:#993300;
}

.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;
  /**/
}



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

  /*左メニュー背景色*/
  
#layout-left{
	background-color:#CC0000;
}

#left,
#right{
	margin: 0;
	height:100%;
	}

	
#left_support{
	min-height:100%;
	border-top:dotted #FFFF00 2px;
	border-bottom:dotted #FFFF00 2px;
	margin: 60px 6px;
	}

#left ul#leftMenu,
#left_support ul#leftMenu{
	margin:10px 0;
}
	
#left ul#leftMenu li a,
#left_support ul#leftMenu li,
#right ul#rightMenu li a{
	color:#fff;
	list-style-type: none;
	font-weight:bold;
	display:block;
	line-height:18px;
	margin-left:16px;
	}
/****************　メイン（トップページ） ***************/	

#main_container{
	color: #FFF;
	width: auto;
	margin: 0;
	}

div#main_flash{
	background-color:transparent;
	margin-bottom: 20px;
	}
	
div#main_info{
	width:100%;
	margin: 20px auto;
	padding:20px auto;
	background-color:#CC0000;
	}

div#thmub_fla{
	width:520px;
	float: left;
	text-align: center;
	margin-left: 20px;
	}

div.thmub_fla_in{
	width:auto;
	}

div#main_bn{
	width:160px;
	float: left;
	margin: 0 10px;
	}
	
div#main_bn img{
	padding: 0px 4px 10px 4px;
	}

div#main_bbs_title{
	width:200px;
	float: left;
	}
	
div#main_bbs{
	width:200px;
	float: left;
	background:url('/images_template/101/bg_notice.gif') no-repeat;
	height: 160px;
	}
	
		
/************************　店舗紹介 **************************/

/* 会社紹介画像 */

#co_contentsbox{
	background:url('/images_template/101/company_01_bg.gif') no-repeat;
	padding-bottom: 30px;
	}
	
#photo_company{
	width:30%;
	float:left;
	margin: 20px 30px 20px 50px;
	clear: left;
}

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

table#company_info th{
	width:auto;
	font-weight:bold;
	padding:4px 10px;
	}
	
table#company_data td{
	width:auto;
	padding:4px 10px;
	}

div#co_intro{
	width:80%;
	background:url('/images_template/101/company_02_bg.gif');
	text-align: left;
	border: 3px dotted #FFCCCC;
	padding: 20px auto;
	clear: both;
	margin: 30px auto;
	}

p#co_introduce{
	width:94%;
	margin:10px 20px;
	text-align: left;
	}		
	
/****************　会員登録 ***************/	

table#table_regist,
table#table_regist_nomember{
	text-align:left;
	margin: 10px auto;
	width: 600px;
	border-collapse:collapse;
	}

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 caption{
	color:#FFF;
	font-weight:bold;
	background-color: #669999;
	line-height: 24px;
	text-indent: 12px;
	text-align: left;
	}

table#table_regist th{
	background-color:#FFECEC;
	padding:3px 6px;
	border: #ccc solid 1px;
	width:180px;
	}

table#table_regist_nomember th{
	background-color:#CDDEDE;
	padding:3px 6px;
	border: #ccc solid 1px;;
	width:180px;
	}
	
table#table_regist td,
table#table_regist_nomember td{
	background-color:#FFFFEE;
	border: #ccc solid 1px;
	padding:3px 6px;
	}	


#h3_nomember{
	margin-top: 20px;	
	background-image:url('/images_template/101/bg_h3nomember.gif');
	background-repeat:no-repeat;
}

input{
	border:#CCC solid 1px;
	margin:0 2px;
	}
	
/****************　会員規約同意 ***************/	
.rules{
	width:600px;
	height:180px;
	border:#CCC solid 1px;
	}

p#radio_area{
	text-align:center;
	line-height: 24px;
	border: dotted 2px #FFCCCC;
	width: 460px;
	margin: 20px auto;
	}

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

/****************　予約入力 ***************/	
p#rsv_info{
	width:640px;
	text-align:left;
	clear:both;
	}

/**************** メニューリスト ***************/

div#typelist{
	text-align:center;
	margin: 16px auto;
	width: 90%;
	border-top:#CC3300 dotted 3px;
}

div#float-left{
	width:30%;
	float: left;
	clear: left;
	margin-top:20px;
}

div#float-left img{
	border:solid 10px #FFE4DD;
        width:250px;
}

div#float-right{
	width:60%;
	float: right;
	margin:20px auto 50px 30px;
}

div#float-right img{
	margin:10px 4px;
	cursor: pointer;
	border: 0;
}

table#table_typelist{
	border:#999 solid 1px;
	margin-bottom:18px;
	text-align: left;
	width: 100%;
	}

table#table_typelist th{
	border:#ccc dotted 1px;
	padding:4px;
	text-align: left;
	background-color: #FFECEC;
	width: 128px;
	white-space: nowrap;
	}

table#table_typelist td{
	border:#ccc dotted 1px;
	padding:4px;
	}
	
p#introduction{
	width:90%;
	margin:10px 0 10px 20px;
	line-height:16px;
	text-align:left;
	}

p#menutxt{
	width:300px;
	border-left:#FFCC00 solid 6px;
	text-indent:14px;
	text-align:left;
	color:#CC3300;
	float:left;
	margin-left:30px;
	}

p#price{
	width:auto;
	float:left;
	color:#CC3300;
	clear:right;
	}
	
/**************** 客室タイプ詳細 ***************/
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;
	margin:18px auto;
	}

div#photo_main img{
	height:200px;
	border:#CCC solid 1px;
	}

div#thumnail{
	width:;
	margin:0px auto;
	}

div#thumnail img{
	width:70px;
	height:60px;
	margin-right: 4px;
	}
	
div#type{
	width:600px;
	border:#CCC dotted 1px;
	margin:10px auto;
	text-align:left;
	padding:10px 16px;
	}

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: 0px auto;
	}

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

	margin: 2px;
	}

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

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:10px 0px;
	}
div.login_box img{
	border:0;
	margin: 10px 2px;
	}
	
div#login_box_w{
	background:#FFF;
	width:320px;
	float:left;
	padding: 10px;
	}
	
table#loginform.,
table#nomemberform{
	border:0;
	}

table#loginform input{
	width:80px;
	}
	
table#loginform td,
table#nomemberform td{
	text-align:left;
	padding:2px;
	}

/****************　予約詳細 ***************/	

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: 2px 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#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 dotted #CC3300;
	}

table.sitemap th{
	background:#FFCC33;
	padding: 4px;
	font-size: 12px;
	font-weight:bold;
	color:#993300;
	border-bottom: 1px dotted #FFCC00;
	}
	
table.sitemap td{
	color:#333;
	padding: 2px;
	text-align: left;
	}

ul#ul_sitemap li{
	list-style-type:none;
	margin: 2px 4px;
	}

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

#footer{
	width:auto;

	height:60px;
	color:#fce7be;
	text-decoration:none;
	vertical-align: middle;
	margin-top: 20px;
	text-align: center;
	}
	
/****************　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_form{
	width:100%;
	background-color:#e2e0d8;
	margin: 10px auto;
	text-align: center;
	}
dl#form_idform{
	width:280px;
	text-align: left;
	margin: 20px auto;
	}

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

	
/****************　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;
}