/*----------------------------------------------------------
    reset
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}
/*p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu {
    margin-bottom: 1.5em;
}*/
html {
    font-size: 100%;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro Pro W3",'メイリオ','Meiryo',"Osaka",Arial,sans-serif;
    font-size: .875em;
    min-width: 1254px;
}

img {
    border: 0;
    margin:0;
    padding:0
}



ul li { list-style-type: none;}
ol { list-style: decimal outside none; }


.clear {
    clear: both;
}

.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}

a:hover img {
filter:brightness(130%);
}


/*----------------------------------------------------------
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
                frame
------------------------------------------------------------*/


#bg { background-color:#201504}

#wrap { width:1254px;
 margin:0 auto;}
	
#head{
	text-align:center;
	height:137px;}

#head img { padding:52px 0 0 0;}

#lead-bg {	background-image:url(../images/lead-bg.png);
	background-repeat:no-repeat;}


.line { background-color:#c4b471; height:2px;}


#cover{
	width:1254px;
	height: 535px;
	margin:0 auto;
	z-index: 0;
}



h1{
	width:510px;
	height: 324px;
	z-index: 0;
	text-indent: -9999px;
	overflow: hidden;
	top: 180px;
	left: 964px;
	margin-left: -475px;
	position: absolute;
}

.logo_h { text-align:center;
	padding:30px 0 0 0;
	margin:0 0 30px 0;
	}

#cnt { width:1000px;
	margin: 0 auto;
	position:relative;
	text-align:center;
	}

.lead { padding:0 0 69px 0; margin:0 auto; width:1254px;}

.p01 { padding:83px 0 0 0;}

.p02 { padding:83px 0 121px 0;}


#room { 
	text-align:right;
	}
	
.room_box_l {
	width:993px;
	}
	
.room_box_s_01 {
	width:244px;
	float:left;
	}
	
.room_box_s {
	width:244px;
	float:left;
	margin:0 0 
	0 7px;
	}

.box_02 { width:993px; margin:0 auto; padding:83px 0 0 0;}

.box_02_l { float:left;
	width:403px;}
	
.box_02_r { float:right;
	width:586px;}
	
.box_03 { width:993px; margin:0 auto; position:relative;
padding:83px 0 0 0;
}

	
.box_03_l { float:left;
	width:497px;}
	
.box_03_r {
	width:565px;
	position:absolute;
	left: 423px;
	top: 84px;
}


.box_03_r_in { width:495px;
margin:0 0 0 74px;}

#room p { 
	padding:18px 0 0 0;
	}

#flow {
	text-align:center;
	background-image:url(../images/flow_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:0 0 121px 0;
	}
	

.logo_f {
		background-image:url(../images/foot-bg.gif); background-repeat:repeat-x;
	text-align:center;
	}
	
.logo_f img {
	padding:68px 0 0 0 ;
	margin: 0 0 81px 0;}

/*----------------------------------------------------------
ふわっと
------------------------------------------------------------*/

.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(+30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(+30px); -ms-transform: translateY(+30px); transform: translateY(+30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}