@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;
}

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;

}