@charset "utf-8";

/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
}

body{
	font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Meiryo, Verdana, Arial, sans-serif;
	text-align:center;
	color:#333;
	font-size:80%;
}

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


a:visited{
	color:#333;
}

a:hover{
	color:#cc3300;
}


a:active{
	color:#cc3300;
}

/*------------------------------------------------
   common_parts
------------------------------------------------*/

.mgy30{
	margin:30px 0;
}
.mgr10{
	margin-right:10px;
}

.mgt10{
	margin-top:10px;
}

.mgb5{
	margin-bottom:5px;
}

.mgb10{
	margin-bottom:10px;
}

.mgb15{
	margin-bottom:15px;
}

.mgt20{
	margin-top:20px;
}

.mgb20{
	margin-bottom:20px;
}

.mgt30{
	margin-top:30px;
}

.mgb30{
	margin-bottom:30px;
}

.mgt40{
	margin-top:40px;
}

.mgb40{
	margin-bottom:40px;
}

.mgt50{
	margin-top:50px;
}

.mgb50{
	margin-bottom:50px;
}

.w40{
	width:40%;
}

.w50{
	width:50%;
}

.w60{
	width:60%;
}

.fs70{
	font-size:70%;
}

.fs80{
	font-size:80%;
}
.fs100{
	font-size:100%;
}
.fs110{
	font-size:110%;
}
.fs120{
	font-size:120%;
}
.lh140{
	line-height:140%;
}
.lh2{
	line-height:2em;
}

.left{
	float:left;
}

.right{
	float:right;
}

.tleft{
	text-align:left;
}
.tcenter{
	text-align:center;
}


header{
	width:100%;
	height:125px;
	background: url(../img/bg_header.gif) repeat-x;
	padding-top:15px;
}
header h1{
	margin:0 auto;
	width:241px;
	height:96px;
	background: url(../img/logo.png) no-repeat;
	overflow:hidden;
}
header h1 a{
	display:block;
	padding-top:96px;
}
/*------------------------------------------------
   contents
------------------------------------------------*/
#contents{
	width:1000px;
	margin:30px auto 30px;
}

/*------------------------------------------------
   中央エリア
------------------------------------------------*/
#main_area{
	float:right;
	width:694px;
}
#main_area2{
	float:left;
	width:694px;
}
.hotel_box{
	border:10px solid #d1bea8;
	padding:10px;
}
.hotelimg{
	width:151px;
	float:left;
}
.hotelexp{
	width:300px;
	float:left;
	text-align:left;
	padding:0 10px;
	line-height:1.8em;
}
.hotelbtn_area{
	width:170px;
	float:right;
	padding:0;
}

.hotelbtn {
	width:170px;
	padding:10px;
	height:69px;
	background:#746c52;
	color:#fff;
	font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Meiryo, Verdana, Arial, sans-serif;
	cursor:pointer;
}
/*------------------------------------------------
   左サイド
------------------------------------------------*/
#left_area{
	float:left;
	width:276px;
}
#right_area{
	float:right;
	width:276px;
}
#quick_box{
	width:256px;
	border:10px solid #d1bea8;
	margin:0 0 15px 0;
}
#quick_box dl{
	padding:0 15px;
}

#quick_box dl dt{
	text-align:left;
	padding:0 5px;
	border-left:3px solid #333;
}
#quick_box dl dd{
	text-align:left;
	margin:5px 0;
}

.search_btn{
	margin:10px 0;
	width:230px;
	padding:10px;
	background:#746c52;
	color:#fff;
	font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Meiryo, Verdana, Arial, sans-serif;
}


/*------------------------------------------------
   footer
------------------------------------------------*/

#pagetop{
	width:960px;
	margin:100px auto 0;
	height:17px;
	text-align:right;
}

#foot{
	text-align:center;
	margin-top:80px;
	background:#454545;
	height:120px;
}
#foot_address{
	width:1000px;
	margin:0 auto;
	padding:10px 0;
	background-color:#454545;
	color:#ffffff;
}

#foot_address .foot_link{
	width:40%;
	float:left;
}
.foot_link a{
	color:#ffffff;
}
#foot_address .copy{
	width:30%;
	float:right;
	text-align:right;
	font-size:80%;
	color:#fff;
}



/*------------------------------------------------
   for slideshow
------------------------------------------------*/
#hotel1{
	width:346px;
	float:left;
	border-right:1px solid #cdcdcd;
	text-align:left;
	padding-bottom:30px;
}
#hotel2{
	float:left;
	margin-left:31px;
	width:315px;
	text-align:left;
}

.Visual{
	float:left;
	width: 315px;
	text-align: center;
	color: #FFF;
	border-bottom: 2px solid #cdcdcd;
	margin:0 0 20px;
}
.slide{
	width: 315px;
	height:325px;
	margin: 0 auto;
	position: relative;
	box-shadow: 0px 3px 5px #cdcdcd;
}
.slide img{
	position: absolute;
	left: 0;
	top: 0;
}