@charset "UTF-8";
/* init */


/* 各レイアウト---------------------------
--------------------------------------------------------- */

body{
margin:0;
border-top:3px solid #E6E3E0;
background:#ffffff;
height:100%;
min-width:1200px;
color:#908884;
line-height:180%;
font-size:0.7em;
}

#container{
width:80%;
margin:50px auto;
	text-align: center;

}



/* 文字---------------------------
--------------------------------------------------------- */

h1{text-align: center;
margin:40px 0 !important;
}

h1 img{
width:240px;
}


 
.tx-s{
font-size:0.8em;
line-height:130%;
}

.tx-m{
font-size:0.9em;
line-height:130%;
}


.tx-l{
font-size:14px;
line-height:130%;
}


.tx-ll{
font-size:1.4em;
line-height:130%;
}


.caution{color:#CC0000;
 }
 

 a:link{
color:#666;
text-decoration: none;
}

a:visited{
color:#666;
text-decoration: none;
}

a:hover{
color:#dccfbc;
text-decoration: underline;
} 

.date{
color:#00508F;
}

a:hover img { /* roll over setting */
filter:alpha(opacity=65);
-moz-opacity:0.75;
opacity:0.75;
	
}

a:link img {
/* transition */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}

dl,dt,dd{
margin:0;
padding:0;
}

ul,ol{
margin:0 0 10px;
list-style-type:none;
padding:0;
}

img{
border: 0;
margin:0;
padding:0;
vertical-align:bottom;
}

.clear{
clear:both;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/


.gotop{
text-align:right;
margin:20px 0 0;
}




/* トップ下部---------------------------
--------------------------------------------------------- */

div#main_contents{
padding:20px 20px 50px 20px;
width:648px;
margin:0 auto;
}


div#main_contents .img{
float: left;
margin:0 10px 20px;
width:196px;
height:130px;}

div#main_contents img{
margin:0 auto 20px;
width:628px;}

.coda-slider, .coda-slider .panel {width:720px;margin-bottom:50px;} 
.coda-slider-wrapper.arrows .coda-slider { margin:0 5px }
.coda-slider-wrapper { clear:both; overflow:hidden; }
.coda-slider {
	float: left;
	overflow: hidden;
	position: relative;
	height: 521px;
}
.coda-slider .panel { display:block; float:left }
      
.coda-nav-left,.coda-nav-right {
float:left;
display:block;
position:relative;
left: 0;
right:auto;
margin-top:300px;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s ease; }

.coda-nav-right {
margin-top:280px;
}

.coda-nav-right { left:auto; right: 0;}

.coda-nav-left a,
.coda-nav-right a {
display:block;
text-align:center;
text-decoration:none;
background:url(../../works/images/prev.gif) no-repeat;
width:34px;
height:50px;
/* transition */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
margin-left:6px;
}

.coda-nav-right a { background:url(../../works/images/next.gif) no-repeat;
margin-left:0;}

.coda-nav-right a:hover,
.coda-nav-left a:hover{
 /* roll over setting */
filter:alpha(opacity=0.65);
-moz-opacity:0.65;
opacity:0.65;
}





.contact{width:1000px;
margin:50px auto;}

.contact p{
margin:0 0 20px 0;
text-align:left;}


.contact dt{width:100px;
clear:both;
float:left;
}

.contact dd{width:482px;
margin-left:18px;
color:#101010;
float:left;
text-align:left;
margin-bottom:20px;
}

.contact .form_area{width:472px;
padding:5px;
background-color:#FBFAF7;
border:none;
}

.contact .btn_single{width:472px;
margin:0 0 20px 120px;
clear:both;
}

.contact .btn_l{
float:left;
width:100px;
margin:0 20px 0 380px;
}

.contact .btn_r{
float:left;
width:100px;
margin:0 0 0 20px;
}

.contact .confirm_btn{
border:none;
width:100px;
height:25px;
display:block;
cursor: pointer !important;
}



.contact .back_btn{
border:none;
width:100px;
background:url([(site_url)]assets/images/common/btn_back.gif) no-repeat;
height:25px;
display:block;
cursor: pointer !important;
}


.contact .send_btn{
border:none;
width:100px;
background:url([(site_url)]assets/images/common/btn_send.gif) no-repeat;
height:25px;
display:block;
cursor: pointer !important;
}

.contact .top_btn a{
border:none;
width:100px;
background:url([(site_url)]assets/images/common/btn_top.gif) no-repeat;
height:25px;
display:block;
text-indent:-9999px;
}















div#success{
float:right;
width:579px;
border-right:1px solid #8CC3DE;
height:190px;
}


div#success dt{
background:url(../images/concept_ttl.jpg) no-repeat;
width:580px;
height:38px;
text-indent:-9999px;
display:block;
margin-bottom:10px;
}


.panel-overlay h2,.panel-overlay p{
margin:0;
font-size:14px;
}
.panel-overlay p {
-height: 1.2em;
}

div#myCube{
height:150px;
width:450px;
}

div.cube { position:relative; cursor:pointer;
margin-top:-70px;
margin-left:-50px;
}
div.plane { position:absolute; }
div.tri { position:absolute; width:0; height:0; }
div.quad { position:absolute; }
div.card { display:none; position:absolute; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:13px;padding-left:10px; }
div.card a { color:#000; font-family:Verdana, Geneva, sans-serif; font-size:13px;text-decoration:none; }
div.cube strong{color:#3399CC;
display:inline-block;
font-size:1.4em;
margin-bottom:5px;}
		

/* フッター部分---------------------------
--------------------------------------------------------- */

#footer{
background:url(../images/footer_bg.jpg) repeat-x;
background-color:#EDE4CD;
padding:20px 0;
}


#footer ul{
margin-left:45px;
height:26px;
}

#footer li{
float:left;
height:16px;
overflow: hidden;
}

#footer li a:link,
#footer li a:visited,
#footer li a:hover {
	display: block;
	height: 16px;
	/* \*/
	overflow: hidden;
	/**/
	text-indent: -9999px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#footer li a:hover
 {
	background-position: 0 -16px;
}

#footer li.navi01 a {
	background-image: url(../images/footer_navi01.jpg);
	width:58px;
	margin-right:10px;
	border-right:1px solid #887F7A;
padding-right:10px;
}
#footer li.navi02 a {
	background-image: url(../images/footer_navi02.jpg);
	width:89px;
	margin-right:10px;
	border-right:1px solid #887F7A;
padding-right:10px;
}
#footer li.navi03 a {
	background-image: url(../images/footer_navi03.jpg);
	width:119px;
	margin-right:10px;
	border-right:1px solid #887F7A;
padding-right:10px;
}
#footer li.navi04 a {
	background-image: url(../images/footer_navi04.jpg);
	width:85px;
	margin-right:10px;
	border-right:1px solid #887F7A;
padding-right:10px;
}
#footer li.navi05 a {
	background-image: url(../images/footer_navi05.jpg);
	width:153px;
	margin-right:10px;
	border-right:1px solid #887F7A;
padding-right:10px;
}
#footer li.navi06 a {
	background-image: url(../images/footer_navi06.jpg);
	width:82px;
	margin-right:10px;
	border-right:1px solid #887F7A;
padding-right:10px;
}


#footer li.navi07 a {
	background-image: url(../images/footer_navi07.jpg);
	width:82px;
	margin-right:10px;
	border-right:1px solid #887F7A;
padding-right:10px;
}

#footer li.navi08 a {
	background-image: url(../images/footer_navi08.jpg);
	width:116px;
}


#footer .hotel_list{
font-size:1em;
line-height:180%;
margin-bottom:30px;
}


#footer .hotel_list a:link,#footer .hotel_list a:visited{
color:#887F7A;
}

#footer .hotel_list a:hover{
color:#887F7A;
text-decoration:underline;
}


#footer .copyright{
background:url(../images/copyright.png) no-repeat;
float:left;
width:223px;
height:12px;
display:block;
text-indent:-9999px;
margin-left:138px;
}


.floatl{float:left;}
.floatr{float:right;}

/* margin */
.tmg01 { margin-top:10px; }
.tmg02 { margin-top:20px; }
.tmg03 { margin-top:30px; }
.tmg04 { margin-top:40px; }
.tmg05 { margin-top:50px; }

.rmg01 { margin-right:10px; }
.rmg02 { margin-right:20px; }
.rmg03 { margin-right:30px; }
.rmg04 { margin-right:40px; }
.rmg05 { margin-right:50px; }

.bmg01 { margin-bottom:10px; }
.bmg02 { margin-bottom:20px; }
.bmg03 { margin-bottom:30px; }
.bmg04 { margin-bottom:40px; }
.bmg05 { margin-bottom:50px; }
.bmg06 { margin-bottom:60px; }

.lmg5 { margin-left:5px; }
.lmg01 { margin-left:10px; }
.lmg02 { margin-left:20px; }
.lmg03 { margin-left:30px; }
.lmg04 { margin-left:40px; }
.lmg05 { margin-left:50px; }
.lmg06 { margin-left:60px; }


/* padding */
.tpd01 { padding-top:10px; }
.tpd02 { padding-top:20px; }
.tpd03 { padding-top:30px; }
.tpd04 { padding-top:40px; }
.tpd05 { padding-top:50px; }

.rpd5 { padding-right:5px; }
.rpd01 { padding-right:10px; }
.rpd02 { padding-right:20px; }
.rpd03 { padding-right:30px; }
.rpd04 { padding-right:40px; }
.rpd05 { padding-right:50px; }

.bpd01 { padding-bottom:10px; }
.bpd02 { padding-bottom:20px; }
.bpd03 { padding-bottom:30px; }
.bpd04 { padding-bottom:40px; }
.bpd05 { padding-bottom:50px; }

.lpd01 { padding-left:10px; }
.lpd02 { padding-left:20px; }
.lpd03 { padding-left:30px; }
.lpd04 { padding-left:40px; }
.lpd05 { padding-left:50px; }