@charset "Shift_JIS";


* {
	margin:			0px;
	padding:		0px;
	}

html{
	height:			100%;
	}

body{
	width:			100%;
	background:		url(../img/_hea_bg.gif) repeat-x left top;
	min-height:		100%;
	position:		relative;
	text-align:		center;
	color:			#555555;
	}

* html body{
	height:			100%;
	}

h1,h2,h3,h4,h5,h6{
	font-family:		'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:		normal;
	font-style:		normal;
	font-size:		10px;
	color:			#555555;
	}

p,th,td,li,dt,dd{
	font-family:		'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:		80%;
	line-height:		160%;
	color:			#555555;
	}

ul	{list-style-type:none;}
img	{border:none; vertical-align:top;}

a:link,
a:visited{color:#555555; text-decoration:underline;}
a:hover,
a:active{color:#666666; text-decoration:underline; cursor:pointer;}




.clearfix{
	zoom:1;/*for IE 5.5-7*/
	}
.clearfix:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
	}




/* 主に表の下の（）書き */
.notice{
	font-size:		70%;
	color:			#666666;
	}

/* ●から始まる要項箇条書き */
ul.list li{
	padding:		0px 0px 0px 1em;
	text-indent:		-1em;
	font-size:		70%;
	color:			#888888;
	}

/* 簡単な表題＆説明 */
dl.dl-list dt{
	font-weight:		bold;
	}

dl.dl-list dd{
	margin:			3px 0px 15px 10px;
	}

/* ページ上部へ戻るボタン */
p.pagetop{
	clear:			both;
	text-align:		right;
	}

/* 電話での問合せ */
div.inquiry-box{
	margin:			30px 0px 0px 0px;
	padding:		10px 0px 0px 0px;
	clear:			both;
	background:		url(../img/_bod_bg_inquiry.gif) no-repeat left top;
	}

div.inquiry-box p{
	padding:		0px 10px 10px 10px;
	background:		url(../img/_bod_bg_inquiry.gif) no-repeat right bottom;
	text-align:		right;
	}

div.inquiry-box p span{
	width:			370px;
	vertical-align:		middle;
	display:		block;
	float:			left;
	}

div.inquiry-box p img{
	display:		block;
	float:			right;
	}


/* 内部ページでだいたい共通のスタイル */
div.main-contents div.block{
	margin:			0px 0px 50px 0px;
	}

div.main-contents div.block h2{
	padding:		0px 0px 20px 0px;
	}

div.main-contents div.block p.cap-button{
	margin:			0px;
	padding:		0px 0px 20px 0px;
	width:			auto;
	height:			auto;
	float:			right;
	clear:			none;
	font-weight:		normal;
	font-size:		10%;
	}

/* ポップアップページ下部の閉じるボタン */
p.close-button{
	margin:			20px 0px 0px 0px;
	padding:		0px 0px 20px 0px;
	text-align:		center;
	}

/* ポップアップページのコピーライト */
p.popup-copyright{
	margin:			0px 10px 0px 0px;
	text-align:		right;
	}



/***********************************************/ 
/*header*/
/***********************************************/ 

div#header{
	width:			100%;
	background:		url(../img/_bod_bg_01.gif) repeat-x left top;
	text-align:		left;
	}

div#header div.navi-block{
	margin:			0px auto;
	width:			800px;
	}

div#header div.navi-block p.logo{
	width:			250px;
	float:			left;
	}

div#header div.navi-block p.lang-change{
	float:			right;
	}

div#header div.navi-block ul.sub-navi{
	float:			right;
	}

div#header div.navi-block ul.sub-navi li{
	margin:			0px 10px 0px 0px;
	display:		inline;
	}

div#header div.navi-block ul.global-navi{
	margin:			89px 0px 0px 0px;
	width:			485px;
	float:			right;
	}

div#header div.navi-block ul.global-navi li{
	display:		inline;
	}

div#header h1{
	margin:			0px auto;
	padding:		40px 0px 15px 0px;
	width:			800px;
	clear:			both;
	}



/***********************************************/ 
/*contents*/
/***********************************************/ 

div#contents{
	margin:			0px auto;
	padding:		0px 0px 150px 0px;
	width:			800px;
	text-align:		left;
	}

div#contents div.bread-crumbs{
	margin:			0px 0px 3px 0px;
	text-align:		right;
	}

div#contents div.bread-crumbs ul li{
	display:		inline;
	font-size:		70%;
	}

/***********************************************/ 
/*side-contents*/
/***********************************************/ 

div.side-contents{
	width:			220px;
	float:			right;
	text-align:		left;
	}

div.side-contents div.reserve-box{
	margin:			0px 0px 20px 0px;
	padding:		10px;
	background-color:	#ebebeb;
	}

div.side-contents div.reserve-box h2{
	padding:		0px 0px 20px 0px;
	font-size:		10px;
	}

div.side-contents div.reserve-box form{
	margin:			0px 0px 10px 0px;
	padding:		0px 0px 11px 0px;
	width:			200px;
	background:		url(../img/_bod_lin_dot_horizon.gif) no-repeat left bottom;
	font-size:		12px;
	}

div.side-contents div.reserve-box form p{
	float:			left;
	}

div.side-contents div.reserve-box form p select{
	margin:			0px 0px 8px 0px;
	}

div.side-contents div.reserve-box form p.year select{width: 58px; height:20px;}
div.side-contents div.reserve-box form p.month select,
div.side-contents div.reserve-box form p.day select{width: 44px; height:20px;}
div.side-contents div.reserve-box form p.period select,
div.side-contents div.reserve-box form p.person select,
div.side-contents div.reserve-box form p.room select{width: 40px; height:20px;}

div.side-contents div.reserve-box form p.search{
	width:			200px;
	float:			none;
	clear:			left;
	text-align:		center;
	}

div.side-contents div.reserve-box form p.search button{
	border:			none;
	background:		none;
	cursor:			pointer;
	}

div.side-contents div.reserve-box p.plan{
	margin:			7px 0px 0px 0px;
	float:			none;
	font-size:		100%;
	}

div.side-contents div.reserve-box p.plan img{
	padding:		0px 3px 0px 0px;
	vertical-align:		middle;
	}

div.side-contents div.reserve-box p.confirm-change{
	padding:		0px 0px 10px 0px;
	line-height:		100%;
	}

div.side-contents div.reserve-box p.text{
	font-size:		70%;
	line-height:		130%;
	}

div.side-contents div.reserve-box p.text a{
	color:			#006699;
	}

div.side-contents div.banner ul li{
	margin:			0px 0px 10px 0px;
	text-align:		center;
	}



/***********************************************/ 
/*main-contents*/
/***********************************************/ 

div.main-contents{
	width:			550px;
	float:			left;
	}



/***********************************************/ 
/*footer*/
/***********************************************/ 

div#footer{
	width:			100%;
	background:		url(../img/_hea_bg.gif) repeat-x left bottom;
	position:		absolute;
	left:			0px;
	bottom:			0px;
	text-align:		left;
	}

div#footer div.footer-contents{
	margin:			0px auto;
	width:			800px;
	}

div#footer div.footer-contents ul{
	padding:		0px 220px 20px 0px;
	text-align:		center;
	}

div#footer div.footer-contents ul li{
	display:		inline;
	font-size:		75%;
	}

div#footer div.footer-contents ul li a:link,
div#footer div.footer-contents ul li a:visited{color:#333333; text-decoration:none;}
div#footer div.footer-contents ul li a:hover,
div#footer div.footer-contents ul li a:active{color:#333333; text-decoration:underline;}

div#footer div.footer-contents address{
	margin:			3px 0px 0px 0px;
	font-size:		11px;
	line-height:		105%;
	font-weight:		normal;
	font-style:		normal;
	color:			#ffffff;
	float:			left;
	}

div#footer div.footer-contents p.copyright{
	float:			right;
	}