@charset "utf-8";



/* CSS Document */







/*



基本13px、IE7はsmall、IE6はx-small



希望のフォントサイズ（px）:指定する値（%）



10px:77%;



11px:85%;



12px:92%;



13px:100%;



14px:107%;



15px:114%;



16px:122%;



17px:128%;



18px:136%;



19px:144%;



20px:152%;



21px:159%;



22px:167%;



23px:174%;



24px:182%;



25px:189%;



26px:197%;



*/



/*base*/



* {



margin: 0px;



padding: 0px;



}



a{



text-decoration:underline;



color:#0066FF;



}



a:hover{



text-decoration:none;



color:#FF6600;



}



body {



	font-size:13px;



	font-size: small;



	font: x-small;



	font-family:font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;



	text-align:center;



	background-color: #EFE7F7;



	/*background-image: url(img/back-body.gif);*/



	background-repeat: repeat-x;



	background-position: left top;



}



h1,h2,h3,h4,h5,h6,p,ul,ol,li,div{



margin: 0px;



padding:0px;



}



p{



line-height:150%;



font-size:92%;



}



ul,ol,li{



list-style:none;



}



address{



font-style:normal;



}



hr {



display:none;



}



img {



border:none;

clear:both;

/*vertical-align:bottom;*/



}



div:after{   



	content: ".";   



	display: block;   



	visibility: hidden;   



	height: 0.1px;   



	font-size: 0.1em;   



	line-height: 0;   



	clear: both;   



}



span.yellow{



	color:#FFCC00;



	font-size:114%;



}



span.red{



	color:#CC0000;



	font-weight:bold;



}



/*div#container*/



div#container{



	width:1000px;



	padding:0px 10px 0px 10px;



	margin:auto;



	background-color:#FFFFFF;



	text-align:left;



	background-image: url(../img/back-container.gif);



	background-repeat: repeat-y;



	background-position: left top;



}



/*div#content*/



div#content{



	width:980px;



	padding:10px;



	float:left;



}



div#content ul#pankuzu{



	float:left;



	width:980px;



	padding-bottom:10px;



}



div#content ul#pankuzu li{



	float:left;



	padding-right:10px;



}



div#content ul#pankuzu li a{



	float:left;



	padding-right:15px;



	background-image: url(../img/bred-grey.gif);



	background-repeat: no-repeat;



	background-position: right center;



}



/*div#header*/



div#header{



	background-image: url(../img/back-header.gif);



	background-repeat: repeat-x;



	background-position: left top;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #999999;



	padding:2px 10px 2px 10px;



	float:left;



	width:980px;



}



div#header h1{



	float:left;



}



div#header h2{



	float:left;



	font-size:92%;



	padding:30px 0px 0px 10px;



}



/*div#mainarea*/



div#mainarea{



	width:720px;



	padding:0px 10px 0px 0px;



	float:left;



}



div#mainarea p.name{



	background-image: url(../img/back-tit-hotel.gif);



	background-repeat: repeat-x;



	background-position: left top;



	padding:3px 0px 3px 5px;



}



div#mainarea p.picture{



	padding:2px;

	border: 1px solid #999999;

	width:210px;

	height:157px;

}



div#mainarea p.order{



	width:220px;



	height:34px;



	padding:5px 0px 5px 2px;



	float:left;



}



div#mainarea p.order a{



	width:220px;



	height:34px;



	background-image: url(../img/btn-order.gif);



	background-repeat: no-repeat;



	background-position: left top;



	display:block;



	text-indent:-9999px;



	overflow:hidden;



}



div#mainarea p.order a:hover{



	width:220px;



	height:34px;



	background-image: url(../img/btn-order.gif);



	background-repeat: no-repeat;



	background-position: left bottom;



	display:block;



	text-indent:-9999px;



	overflow:hidden;



}



div#mainarea div#hotel-1{

	width:444px;

	border: 1px solid #CCCCCC;

	padding:1px;

	float:left;

}



div#mainarea div#hotel-1 p.name{



	font-size:114%;

	font-weight:bold;



}



div#mainarea div#hotel-1 p.picture{



	padding:2px;

	border: 1px solid #999999;

	width:210px;

	height:157px;

	float:left;

}



div#mainarea div#hotel-1 ul{



	float:left;

	padding:0px 0px 0px 10px;
	
	width:215px;

}



div#mainarea div#hotel-1 span{



	color:#CC0000;

}



div#mainarea div#hotel-1 p.comment{



	padding:5px 5px 4px 5px;



	clear:both;



}



div#mainarea div#search{

	width:258px;

	float:right;

	margin-bottom:10px;

	border:1px solid #FFC8BA;

	padding:1px;

}

div#mainarea div#search h2{

	background-image: url(../img/back-tit-search.gif);

	background-repeat: repeat-x;

	background-position: left top;

	padding:3px 0px 3px 5px;

	font-size:114%;

}



div#mainarea div#hotel_searchbox dl{

	padding:10px;

	line-height:170%;

}



*html div#mainarea div#hotel_searchbox dl{

	line-height:140%;

}



div#mainarea div#hotel_searchbox dl dt{

	width:100px;

	float:left;

	margin-bottom:5px;

	font-weight:bold;



}



div#mainarea div#hotel_searchbox dl dd{

	margin-bottom:5px;

}



div#mainarea div#hotel_searchbox dl dd select{

	width:100px;

}



div#mainarea div#hotel_searchbox dl dd input#btn-submit{

	padding:0 0 0 75px;

}







div#mainarea div#adsence{

	clear:both;

}

div#mainarea h3#tit-content{



	background-image: url(../img/back-tit-recomend.gif);



	background-repeat: repeat-x;



	background-position: left top;



	border-top-width: 2px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-left-width: 1px;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



	border-left-style: solid;



	border-top-color: #D40000;



	border-right-color: #CCCCCC;



	border-bottom-color: #CCCCCC;



	border-left-color: #CCCCCC;	



	padding:3px;



	margin-bottom:10px;



	clear:both;



}



/*div#recommend-hotel*/



div#mainarea div#recommend-hotel{



	clear:both;



	margin:0px 0px 10px 0px;



}



div#mainarea div#recommend-hotel div.entries{



	width:229px;



	height:auto;



	float:left;



	border: 1px solid #CCCCCC;



	padding:1px;



	margin-right:10px;



}



div#mainarea div#recommend-hotel div.entries{



	width:229px;



	height:auto;



	float:left;



	border: 1px solid #CCCCCC;



	padding:1px;



}



div#mainarea div#recommend-hotel div.entries p.picture{



	margin-left:3px;



	margin-bottom:5px;



}



div#mainarea div#recommend-hotel div.entries div.inner-entries{



	background-image: url(../img/back-inner-entries.gif);



	background-repeat: repeat-x;



	background-position: left top;



}



div#mainarea div#recommend-hotel div.entries div.inner-entries h4{



	font-size:114%;



	padding:3px;



}



div#mainarea div#recommend-hotel div.entries div.inner-entries ul{



	margin-left:3px;



}



div#mainarea div#recommend-hotel div.last{



	margin-right:0px;



}



/*div#searchmenu*/



div#mainarea div#searchmenu h4{



	background-image: url(../img/icon-search.gif);



	background-repeat: no-repeat;



	background-position: left top;



	padding:5px 0px 5px 30px;



	border-bottom-width: 1px;



	border-bottom-style: dashed;



	border-bottom-color: #D40000;



}



div#mainarea div#searchmenu ul{



	padding:5px 5px 10px 5px;



}



div#mainarea div#searchmenu ul li{



	display:inline;



	padding-right:10px;



	line-height:150%;



}



div#mainarea ul#news-list{



	line-height:180%;



	font-size:100%;



}



/*div#subarea*/



div#subarea{



	width:250px;



	float:left;



}



/*knowledge*/



div#subarea div#knowledge{



	border: 1px solid #CCCCCC;



	padding:1px;



	margin-bottom:10px;	



}



div#subarea div#knowledge h3{



	background-image: url(../img/back-tit-side.gif);



	background-repeat: repeat-x;



	background-position: left top;



	padding:5px;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #CCCCCC;



	font-size:100%;	



}



div#subarea div#knowledge ul{



	padding:5px;



}



div#subarea div#knowledge ul li{



	width:235px;



	border-bottom-width: 1px;



	border-bottom-style: dashed;



	border-bottom-color: #CCCCCC;



	padding:5px 0px 5px 0px;



}



div#subarea div#knowledge ul li a{



	line-height:150%;



	background-image: url(../img/bred-grey.gif);



	background-repeat: no-repeat;



	background-position: left center;



	padding-left: 13px;



	display:block;



}



div#subarea div#knowledge ul li.first{



	padding:0px 0px 5px 0px;



}



div#subarea div#knowledge ul li.last{



	padding:5px 0px 0px 0px;



	border:none;



}



/*ranking*/



div#subarea div#ranking{



	border: 1px solid #CCCCCC;



	padding:1px;



	margin-bottom:10px;	



}



div#subarea div#ranking h3{



	background-image: url(../img/back-tit-side.gif);



	background-repeat: repeat-x;



	background-position: left top;



	padding:5px;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #CCCCCC;



	font-size:100%;		



}



div#subarea div#ranking ul{



	padding:5px;



	line-height:150%;



}



div#subarea div#ranking ul li{



	border-bottom-width: 1px;



	border-bottom-style: dashed;



	border-bottom-color: #CCCCCC;



	padding:5px 0px 5px 0px;



}



/*



div#subarea div#ranking ul li a{



	line-height:180%;



}



*/



div#subarea div#ranking ul li.first{



	padding:8px 0px 8px 35px;



	background-image: url(../img/rank-1.gif);



	background-repeat: no-repeat;



	background-position: left center;



}



div#subarea div#ranking ul li.second{



	padding:8px 0px 8px 35px;



	background-image: url(../img/rank-2.gif);



	background-repeat: no-repeat;



	background-position: left center;



}



div#subarea div#ranking ul li.third{



	padding:8px 0px 8px 35px;



	background-image: url(../img/rank-3.gif);



	background-repeat: no-repeat;



	background-position: left center;



}



div#subarea div#ranking ul li.forth{



	padding:8px 0px 8px 35px;



	background-image: url(../img/rank-4.gif);



	background-repeat: no-repeat;



	background-position: left center;



}



div#subarea div#ranking ul li.last{



	background-image: url(../img/rank-5.gif);



	background-repeat: no-repeat;



	background-position: left center;



	padding:8px 0px 8px 35px;



	border:none;



}



/*div#footer*/



div#footer{



	clear:both;



	text-align:center;



	font-family:Arial, Helvetica, sans-serif;



}