@charset "utf-8";

* {
	margin: 0px;
}
body {
	-webkit-text-size-adjust: 100%;
	background-color:#351C0C;
}
header{
	width:100%;
	height:120px;
	border-bottom:1px solid #51452C;
	border-top:4px solid #351C0C;
	background-color:#EEECEB;
}
#h_wrapper{
	width:980px;
	margin:0 auto;
	height:100px;
}
#logo{
	text-align:center;
}

#logo h1{
	text-align:left;
	padding:3px 0 10px 20px;
	font-size:1em;
}
#otoi,#tizu{
	float:right;
	width:120px;
	margin-top:-77px;
	text-align:center;
	height:30px;
	background-color:#AA9F97;
}
#otoi{
	margin-right:120px;
	border-right:1px solid #877449;

}
#otoi p a,#tizu p a{
	color:#fff;
	line-height:30px;
	font-size:0.8em;
	letter-spacing:2px;
	display:block;
}


#top_nav{
	clear:both;
	width:100%;
	height:45px;
	line-height:45px;
	margin:0 auto;
	background-color:#492611;

}
#top_nav ul{
	width:980px;
	margin:0 auto;
}
#top_nav li{
	float:left;
	font-size:1em;
	border-right:1px solid #51452b;
	width:190px;
	text-align:center;
}
#top_nav li:first-child{
	border-left:1px solid #51452b;
}
#top_nav li a{
	display:block;
	color:#fff;
	font-size:0.9em;
}



/*slider**/
#slider{
	clear:both;
	overflow:hidden;
}

/**top_box**/
#box{
	width:980px;
	height:370px;
	margin:30px auto;
	
}
.box{
	float:left;
	width:300px;
	height:340px;
	background-color:rgba(255,255,255,1);
	padding:5px;
	margin:5px 8px;
	text-align:center;
}
.box h1{
	font-size:1.2em;
	color:#351C0C;
	font-weight:bold;
	border-bottom:1px solid #351C0C;
	width:250px;
	margin:10px auto;
}
.box span{
	font-size:0.8em;
	background-color:#351C0C;
	border-radius:2px;
	color:#fff;
	display:block;
	width:130px;
	margin:3px auto;
}
.box span:hover{
	background-color:#C93;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    display: block;
}

/**main**/
#main{
	width:980px;
	margin:50px auto;
	background-color:#fff;
	height:auto;
	overflow:hidden;
	border-radius:3px;
	padding-bottom:30px;
}
#hotel{
	width:750px;
	margin:0 auto;
}
#plan_w{
	height:600px;
	background-image:url(../img/rakuda_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:20px;
	background-color:#f6f5f4;
	margin-top:30px;
}
#plan h3{
	font-size:1.5em;
}
#plan_w span{
	background-color:#351C0C;
	border-radius:3px;
	color:#fff;
	padding:3px 10px;
	font-size:0.9em;
}
#plan{
	width:330px;
	float:left;
}
	

#setubi{
	padding-top:15px;
	margin-top:20px;
	width:380px;
	float:left;
}
#sisetu{
	width:700px;
	padding-top:15px;
	margin-top:20px;
	border-top:1px solid #351C0C;
}
#sisetu li{
	float:left;
	width:175px;
	text-align:center;
}
#icon{
	margin-top:20px;
}

#rakuda_map{
	width:400px;
	height:200px;
	margin-top:30px;
	float:left;
}
#rakuda_hotel{
	width:280px;
	float:left;
	margin-top:30px;
	margin-left:24px;
}
#rakuda_hotel img{
	margin-bottom:20px;
}
#rakuda_hotel p{
	font-size:0.9em;
	margin:3px;
}
#rakuda_hotel p a{
	text-decoration:underline;
}


/*****/

#main h2{
	width:700px;
	margin:30px auto;
	background-color:#f6f5f4;
	padding:10px 20px;
	border-left:5px solid #351C0C;
	font-size:1.3em;
}
#main table{
	width:740px;
	margin:0 auto;
}
#main table td{
	padding:20px;
	border:1px solid #d4cfcb;
}
#main table td.td_left{
	width:140px;
	background-color:#eeebea;
}

#company{
	width:740px;
	margin:30px auto;
	height:350px;
}
#access_map{
	width:300px;
	height:300px;
	float:left;
}
#contact{
	width:420px;
	height:300px;
	float:right;
}
#c_wrapper{
	width:375px;
	height:250px;
	margin-top:5px;
	background-color:#eeebea;
	margin:0 auto;
	padding:20px;
}
#c_wrapper img{
	margin-bottom:20px;
}
#c_wrapper p{
	margin-bottom:20px;
}
#c_wrapper p span{
	background-color:#351C0C;
	color:#fff;
	border-radius:3px;
	padding:3px;
	margin:4px;
}

#company h3{
	width:93%;
	background-color:#f6f5f4;
	border-left:5px solid #351C0C;
	padding:0 10px;
	margin:20px auto;
}
/**rental**/

#rental{
	width:745px;
	height:500px;
	margin:30px auto;
}

#contact p a,#rakuda_hotel p a,#thanks p a{
	color:#f00;
}

/**mail*/
#mail_form p{
	width:750px;
	margin:0 auto;
	background-color:#fff;
	margin-bottom:20px;
}
#privacy{
	width:750px;
	margin:0 auto;
	margin-top:30px;
	font-size:0.8em;
	padding-bottom:20px;
	
}
#thanks_text{
	width:745px;
	height:200px;
	margin:30px auto;
}
#thanks #c_wrapper{
	width:700px;
	margin-bottom:30px;
}
	



/***footer**/
#access{
	height:450px;
}
footer{
	clear:both;
	height:190px;
	text-align:center;
}
footer h1{
	padding-top:20px;
	margin-bottom:15px;
}
footer p{
	color:#ccc;
	letter-spacing:4px;
	font-size:1em;
}
footer ul{
	width:580px;
	margin:0 auto;
}
footer li{
	float:left;
	margin:21px;
}
footer li a{
	color:#ccc;
	font-size:0.9em;
}
#copy p{
	clear:both;
	font-size:0.6em;
	color:#999;
}

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}