/***********************************
			body,html
***********************************/
img {
    border-style:none;
	 -ms-interpolation-mode: bicubic;
}

*{
	padding: 0;
	margin: 0;
}

html, body	{
	_height: 100%;   
	_overflow: auto;
	
}


body { background: url(../img/bg_02.jpg) repeat;

}

.cb { clear:both; }

h1 {
	font-size:8px;
}

h2 {
	font-size:8px;
}
.tx_1 {
	font-size:8px;
}

/************************************
		    contents
************************************/

#contents {
	position: relative;
	margin-top:10px;
	text-align:center;
	
}

#left_contents {
	text-align:left;
	position:absolute;
	left:0px;
	top:0px;
	margin-top:40px;
	width:22%;
	z-index:2;
}

#right_contents {
	text-align:right;
	position:absolute;
	right:0px;
	top:0px;
	margin-top:40px;
	width:22%;
	border:1px #333 sol;
	float:right;
	
}



#image_txt_r {
position: absolute;
top:7%;
left:50%;
}
#image_txt_l {
	position: absolute;
	top:7%;
	right:50%;
}

#contents_1 {
	margin-top:30px;
	text-align:center;
	margin-left:40px;
	
		
}
#contents_2 {
	margin-top:30px;
	text-align:center;
	margin-left:40px;
	
}




/**********************************
		header,navigation
**********************************/


header {
	margin:0 auto;
	max-width:1300px;
}



#head_nav2 {
	float:right;
	margin-top:0px;
}
#head_nav2 a {
	margin-right:5px;
}

#head_nav {
	float:right;
	margin-top:50px;
	margin-right:30px;
}
#head_nav a {
	margin-right:5px;
}

#header_1 {
	float:left;
	margin-top:40px;
}
#head_nav_2 {
	margin-top:20px;
	text-align:left;
}

#footer_list {
	margin-bottom:10px;
	text-align:center;
	margin-top:20px;
}




#kousiki {
	text-align:right;
	margin-top:15px;
	float:right;
	margin-bottom:14px;
	
	
	
}
#box_r{ float:right; width:70%; margin-right:30px; }


#c_txt {
	margin-top:30px;
	text-align:center;
}


/********************************
			footer
********************************/

#spacer{
	width:100%;
	height:0px;
}

footer {
	position:absolute;
	position:relative\9;
	margin-top:-100px\9;
	bottom:0px;
	margin-bottom:0px;
	width:100%;
}



#footer {
	width:100%;
}

/*******************************
			css3
*******************************/

/* CSS3 HoverAnimation
-------------------------- */

@-webkit-keyframes hoverSpread {
	0% {-webkit-transform:scale(1);opacity: 1;}
	100% {-webkit-transform:scale(1.1);opacity: 1;}
}

#contents_1 a img:hover {
	-webkit-animation-name: hoverSpread;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform: scale(1.1);
	
	opacity: 1;
	z-index: 20;
}
#contents_2 a img:hover {
	-webkit-animation-name: hoverSpread;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform: scale(1.1);
	
	opacity: 1;
	z-index: 20;
}

/********************************
			roomolan
********************************/

#roomplan {
	margin-top:40px;
	text-align:center;
	
}

/*******************************
			h
*******************************/

h3 {
	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	font-weight:normal;
}

#outline_txt {
	width:1000px;
	color:#FFF;
	margin-top:60px;
	
}

/*****************************
		    datail
*****************************/

.s_box{ width:68%; height:auto; background-color:#000; margin:0 auto;}
.fr{ float:right;}
.fl{ float:left;}

.w70{ width:70%; margin:0 auto;}
.pa_t1{ padding-top:0%; padding-left:3%; text-align:left; z-index:100; width:20%;}
.pa_v{ width:100%; background-color:#FFF;}
.pa_box{ width:70%; margin:0 auto; background-color:#FFF;}
.pa_box2{ width:70%; margin:0 auto;}
.pa_t2{ padding-top:2%; padding-left:3%; text-align:left; width:13%;}
.start{ border:#CCC solid 1px; padding:5px; font-size: 11px; line-height: 1.5; color:#CCC; width:87%; margin-bottom:8px; white-space:normal;}
.room2{ background-color:#FFF;}
.b_det{
	width: 20%;
	position: absolute;
	left: 41%;
	top: 60%;
}
.b_det2{
	width: 20%;
	position: absolute;
	left: 64%;
	top: 60%;
}
.room3{ background-color:#FFF; position:relative;}