/* CSS Document */
/*----------------------------common--------------------------------*/
body{
	margin: 0;
	padding: 0;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	text-align:center;
	background:top repeat-x url("../img/bg.gif");
	color:#302B24;}
	
.clear_both { 
	margin:0;
	padding:0;
	font-size:0;
	line-height:0em;
	clear:both;}

th{
	font-weight:normal;
	text-align:left;}

img{
	border:0px;
	margin:0px;
	padding:0px;
	vertical-align: bottom; }
	
/* link */
a img {	border: none;}
a {	color: #006888;
	text-decoration: underline;}

a:hover {
	color: #C7264E;	text-decoration: underline;}
	.copyurl		{ color:#FFFFFF; text-decoration:none;}
	.copyurl:hover	{ color:#FFFFFF; text-decoration:underline;}

/* headline */
h1 h2 h3 h4 ol ul li {
	margin-top:0px;
	margin-bottom:0px;
	position:absolute;
	padding:0px;
	margin:0px}

/* position */
.po_l{ text-align:left; }
.po_r{ text-align:right; }
.po_c{ text-align:center; }
.po_t{ vertical-align:top; }
.po_b{ vertical-align:bottom; } 
.po_m{ float:right}
.po_h{ float:left}
.spw8{ margin:0 8px 0 8px}
.sph8{ margin:8px 0 8px 0}
.spwb8{ margin:0 8px 5px 8px}
.sp8{ margin:8px}
.sphr5{ margin:5px 5px 5px 0}
.pad15t{ padding-top:15px;}
.pad5w{ padding:0 5px;}
/* font */
.f70{font-size:70%; line-height:160%}
.f80{font-size:80%; line-height:160%}
.f90{font-size:90%; line-height:160%}
.f110{font-size:110%; line-height:160%}
.bd{font-size:80%;color:#302B24;line-height:160%}
.pink{color:#C7264E}
.brown{color:#6E5B42;}
.bg_cha{background-color:#F7F4EA;}
/* hr */
.line01{color: #BEB6AB; width:560px;}
.line02{ background:url("../img/dot.gif") bottom repeat-x;}
.icon01{ background: url("../img/arrow.gif") no-repeat;padding-left:12px;}

/*float*/
.fl_l{
	float:left;
	margin-right:10px;
}
.fl_r{
	float:right;
	margin-left:10px;
}

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

.clearfix {
  min-height: 1px;
}

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

/*----------------------------common layout--------------------------------*/
/* layout */
#area{
	margin: 0;
	padding: 0;
	text-align:center;
	background:top no-repeat url("../img/contents_bg.gif")}

/* header */
#head{
	position:relative;
	width:800px;
	margin:0;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	text-align:center;}

#head_l{
	position:relative;
	width:250px;
	height:50px;
	float:left;
	padding:10px 0 0 20px;}

#head_r{
	position:relative;
	width:500px;
	height:62px;
	float:right;
	padding:0 20px 0 0;}

#head_r #seo_txt{
	font-size:10px;
	line-height:22px;
	color:#737373;
	text-align:right;
	margin:5px 0px 5px 0px;
	font-weight:normal; }


/* remote navi */
#head_r #remote{
	margin:0;
	padding:0;
	list-style-type:none;}

#head_r #remote li{
	margin:0;
	padding:0;
	float:right;
	display:inline;}

/*#global_bg{
	width:100%;
	height:35px;
	margin:0;
	padding:0;
	text-align:center;
	background:top repeat-x url("../img/bg_global.gif")}*/

#global{
	position:relative;
	width:800px;
	margin:0;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	text-align:center;}

/* pankuzu */
#pan h2{
 	font-size:10px;
 	font-weight:normal;
 	display:inline;
	margin:0;
	padding:0;}	

#pan{
	position:relative;
	width:780px;
	margin:0;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	color:#777777;
	font-size:10px;
	line-height:16px;
	text-align:right;}

/* contents
#contents_bg{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	background:top repeat-x url("../img/bg_contents.gif")} */

#contents{
	/*position:relative;*/
	width:800px;
	margin:0;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	/*background:top no-repeat url("../img/contents.gif")*/}

#box_l{
	width:190px;
	float: left;
	text-align:left;
	margin-left:8px;}

#box_r{
	width:564px;
	float: left;
	text-align:left;
	margin-left:20px;
	margin-bottom:16px;}

#box_r h3{
	background:url(../img/h3_bg.gif);
	/*background-color:#9E9181;*/
	color:#FFFFFF;
	font-size:80%;
	line-height:16px;
	text-indent:10px;
	width:560px;
	margin:10px 0 4px 0 ;
	padding:4px;}
h4 {
	color: #C7264E;
	font-size:100%;
	line-height:20px;
	margin:4px 0 4px 0 ;
	padding: 4px 4px 4px 8px; 
	border-width: 0px 0px 1px 5px;
	border-style: solid;
	border-color: #C7264E;
	line-height: 100%;}	
		
	 h5{
	background-color:#9E9181;
	color:#FFFFFF;
	font-size:12px;
	line-height:16px;
	text-indent:10px;
	width:560px;
	margin:10px 0 0 0 ;
	padding:0;}	
	
#box560{
	border-top:5px solid #B2D2C8;
	border-bottom:5px solid #B2D2C8;
	width:560px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;}


#box_event{
	border:3px solid #F2BDCA;
	background-color:#FFFFFF;
	padding:5px;
	margin-right: auto;
	margin-left: auto;}
	
#box_01{
	border:1px solid #BEB6AB;
	width:98%;
	margin-top:10px;
	margin-right: auto;
	margin-left: auto;}
	
#box_02{
	width:98%;
	margin-top:10px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;}
	
#box_03{
	width:98%;
	background-color:#F7F4EA;
	margin-top:10px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;}
	
#box_04{
	width:98%;
	background:url("../img/box04_bg.gif") repeat-x;
	/*background-color:#E6F4F0;*/
	margin-top:10px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;}
	
#bg_img02{ background:url(../guide/img/img02.gif) repeat-y;}
#bg_img04{ background:url(../guide/img/img04.gif) repeat-y;}
#bg_img06{ background:url(../guide/img/img06.gif) no-repeat;}
	
#back{
	margin-top:20px;
	width:98%;
	text-align:center;
	border-top:1px solid #9A9796;
	margin-right: auto;
	margin-left: auto;}
/* to top */
#up{
	width:750px;
	margin:10px;
	font-size:10px;
	text-align:right;}
#up2{
	width:98%;
	margin:10px;
	font-size:10px;
	text-align:right;}
.top{ color:#393939;
	text-decoration:underline;}
			
/* footer */
#footer_navi{
	font-size:11px;
	color:#3D2403;
	line-height:30px;
	text-align:center;
	border-bottom:1px solid #9A9796;
	width:100%;}

#copy{
	width:100%;
	font-size:11px;
	color:#FFFFFF;
	margin:0;
	padding:10px 0 10px 0;
	line-height:20px;
	text-align:center;
	border:1px solid #FFFFFF;
	background:top repeat-x url("../img/bg_foot.gif")}

/* print lock */
#img_none	{ }

/* font color*/
.red {
	color:#900;
}

/*----------------------------枕レンタル--------------------------------*/
#table_makura{
	margin-left:5px;
}

#table_makura th , #table_makura td{
	padding:0 0 0 5px;
}

#table_makura th{
	height:28px;
	background:#d4e2f5;
	font-weight:bold;
	border-right:#fff solid 2px;
}

#table_makura td{
	padding:5px 0;
}

#table_makura td.text{
	padding:5px;
	vertical-align:top;
	font-size:90%;
}


/*----------------------------フロアガイド--------------------------------*/

#guidebox{
	font-size:75%;
}

.floor{
	border-top:#666 dotted 1px;
	padding:0 0 0 10px;
	margin-bottom:40px;
}

.floortop{
	float:left;
	padding-top:10px;
}

.caption{
	width:290px;
	height:80px;
	margin:5px 0 10px 10px;
}

.floorsub{
	clear:both;
}

.floorsub img{
	margin-right:8px;
}

.end{margin:0;}

#rand{
	margin-top:10px;
	background:#f4ede8;
	padding:10px;
}
#rand img{
	margin-right:8px;
}