/************************************************
*	body										*
************************************************/
html, body {
	font-family:/*"メイリオ", Meiryo,*/ "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;	color:#333333;
	background-color: #ffffff;
	background-image: url(img/mainbg.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

/************************************************
*	Reset										*
************************************************/

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,blockquote,cite,q,address{
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	padding: 0px;
	margin:0px;
}

form{margin:0;}

img {
	border-style: none;
}


/************************************************
*	clearfix  									*
************************************************/

div:after , .clearfix:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* exlude IE6 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end IE6 */


/************************************************
*	Layout  									*
************************************************/


#content{
	text-align: left;
	margin:0 auto;
	padding: 0px;
	width: 860px;
	clear:both;
}

#content #head {
	text-align: left;
	margin:0px;
	padding:0px;
	width: 860px;
	height:88px;

}

#content #left{
	background-color: #0066CC;
	background-image: url(img/leftbg.png);
	/* background-repeat:repeat-y; */
        background-position: right bottom;
	float: left;
	margin:0 60px 40px 0;
	padding:24px 0 40px 0 ;
	width: 230px;
	display: inline;



}

#content #right{
	background-color: #FFFFFF;
	float: right;
	margin:24px 0 40px 0;
	width: 570px;
	display: inline;
}


#food{
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #0066FF;
	background-color: #CCCCCC;
	width: 100%;
        clear:both;
}
/************************************************
*	head  									*
************************************************/

#content #head #h-left{
	float: left;
	width: 230px;
	height:88px;
	margin:0 60px 0 0;
	display: inline;
}

#content #head #h-right{
	float: right;
	width: 570px;
	height:88px;
	display: inline;
	text-align:right;
}

#content #head #h-right h1{
	font-size: 64%;
	margin:6px 0 2px 0;
	text-align:left;
	color:#FFFFFF;

}

#content #head #h-right p{
	font-size: 64%;
	margin:0;
	color:#FFFFFF;
	text-align:left;
}

#content #head #h-right ul{
	margin:24px 0 0 0;
	padding:0;


}

#content #head #h-right ul li {
	display: inline;
	margin:0 0 0 20px;
	line-height:0;
	font-size: 80%;
	list-style-type:none;

}

#content #head #h-right ul li a{
	line-height:normal;
	margin:0;
	padding:0;
}

/************************************************
*	left 									*
************************************************/

#content #left p{
	margin:0 12px 8px 8px;
	padding:4px 0;
	
}

#content #left ul{

	margin:0;
	padding:0;
	/*margin:6px 16px 20px 24px;*/
	/*padding:6px 16px 20px 16px;*/
	/*list-style-image:url(img/left-yazirushi.png);*/
	list-style-position: outside;


}

#content #left ul li{


	/*list-style-position:inside;*/
	/*display: block;*/
 	list-style:none;  
	background-image:url(img/left-yazirushi.png);

	background-position:left center;
		
	background-repeat: no-repeat;
	margin:0px 16px 12px 16px;
	padding:0 0 0 16px;
	font-size: 80%;



}

#content #left ul li a{
	color:#ffffff;
	/*background-image:url(img/left-yazirushi.png);
	background-repeat: no-repeat;*/
	/*margin:4px 0 8px 0;*/
	/*padding:0 0 0 20px*/

}

/************************************************
*	right 									*
************************************************/

/* タイトル */

div#content #right .concept_title{
	background-image: url(img/top_title01.png);
	background-position: left top;
	background-repeat: no-repeat;
	color:#FFFFFF;
	margin-bottom:16px;
	padding-top:9px;
	padding-bottom:6px;
	padding-left:34px;
	padding-right:4px;
	font-size:100%;
	font-weight:bold;

}

div#content #right .guest-title{
	background-image: url(img/sub-title-bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	color:#0066CC;
	margin-bottom:16px;
	padding-top:5px;
	padding-bottom:8px;
	padding-left:18px;
	padding-right:4px;
	font-size:80%;
	font-weight:bold;

}

/*ie6用*/
* html div#content #right .guest-title{
	background-image: url(img/sub-title-bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	color:#0066CC;
	margin-bottom:16px;
	padding-top:6px;
	padding-bottom:7px;
	padding-left:18px;
	padding-right:4px;
	font-size:80%;
	font-weight:bold;

}

/*ie7用*/
*:first-child+html div#content #right .guest-title{
	background-image: url(img/sub-title-bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	color:#0066CC;
	margin-bottom:16px;
	padding-top:6px;
	padding-bottom:7px;
	padding-left:18px;
	padding-right:4px;
	font-size:80%;
	font-weight:bold;

}

/*div#content #right .guest-title{
	font-size:80%;
	color:#0066CC;
	padding:2px 2px;
	margin-bottom:16px;
	border-width: 1px;
	border-style: solid;
	border-color: #0066CC;
	clear:both;
}*/


/********* TOPページ *********/

/*メインタイトルト*/
div#content #right #main{
	width:570px;
	margin-bottom:26px;


}

/*コンセプト*/

div#content #right #concept{
	width:570px;
	margin-bottom:26px;

}

div#content #right #concept #c-left{
	width:210px;
	float:left;
	display: inline;
}

div#content #right #concept #c-right{
	width:360px;
	float:left;
	display: inline;
}

div#content #right #concept #c-right h3{
	font-size:80%;

}

div#content #right #concept #c-right p{
	font-size:80%;

}

/*動画メッセージ*/
div#content #movie{
	width: 570px;
	margin-bottom:26px;

}

div#content #movie #m-left{
	width: 230px;
	display: inline;
	margin-right:10px;
	float:left;

}

div#content #movie #m-right{
	width: 316px;
	display: inline;
	float:left;

}

div#content #movie #m-right h3{
	font-size:90%;
	margin-bottom:6px;

}

div#content #movie #m-right h4{
	font-size:80%;
	line-height: 1.3em;
	margin-bottom:10px;

}

/*宿泊プラン*/

div#content #top-stya{
	width: 570px;
	margin-bottom:26px;

}

div#content #top-stya #ts-left{
	width: 158px;
	display: inline;
	margin-right:10px;
	float:left;

}

div#content #top-stya #ts-right{
	width: 402px;
	display: inline;
	float:left;

}

div#content #top-stya #ts-right h3{
	font-size:80%;
	margin-bottom:2px;
}

/*最新情報*/
div#content #right #whats{

	width: 570px;
	height:100px;
	margin-top:10px;
	margin-bottom:26px;
	overflow: auto;

}

div#content #right #whats p{
	margin-bottom:6px;
	font-size:80%;
	text-align:left;

}

/*div#content #right #t-ext{
	background-image: url(img/title-bg.png);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	color:#660000;
	margin-bottom:8px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:34px;
	font-size:90%;
	font-weight:bold;

}

div#content #right #t-ext02{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	color:#660000;
	margin-bottom:8px;
	font-size:90%;
	font-weight:bold;

}

div#content #right #t-ext03{
	background-color:#FFFFCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	overflow: hidden;
	margin-bottom:20px;
	padding:4px 4px;
	font-size:80%;

}
*/

/********* ゲストルーム・ロケーション・施設案内 *********/
div#content #right .roominfo{
	margin-bottom:4px;
	font-size:80%;	

}

div#content #right .roominfo02{
	margin-bottom:20px;
	font-size:80%;	

}

div#content #right .roominfo03{
	margin-bottom:14px;
	font-size:80%;	

}

div#content #right .roominfo04{
	margin-bottom:8px;
	font-size:80%;	

}

div#content #right #guest01{
	width: 570px;
	margin-bottom:14px;
        clear:both;

}

div#content #right #guest01 .g-left{
	width: 180px;
	margin-right:15px;
	float:left;
	display: inline;


}

div#content #right #guest01 .g-right{
	width: 180px;
	float:left;
	display: inline;


}


div#content #right .guest02{
	font-size:80%;
	margin-bottom:26px;
        clear:both;
	overflow: hidden;
}

div#content #right .guest02 img{
	float:left;
	margin-right:10px;

} 

div#content #right .guest03{
	font-size:80%;
	margin-bottom:26px;
        clear:both;
	overflow: hidden;
}

div#content #right .guest03 img{
	float:right;
	margin-left:10px;

}


/********* 宿泊プラン・料金 *********/

div#content #right .price-table{
	font-size:80%;
	border-spacing:0;
	padding:2px 2px;
	text-align: center;

}

/********* 宿泊予約 *********/

div#content #right .reservation{
	width: 570px;
	height:400px;
	margin-bottom:16px;
}

div#content #right .reservation-text01{
	font-size:80%;
	margin-bottom:10px;
}

div#content #right .reservation-text02{
	font-size:80%;
	margin-bottom:16px;
}

/********* アクセス *********/
div#content #right .access{
	margin-bottom:6px;
	font-size:80%;
}

div#content #right .access02{
	margin-bottom:16px;
	font-size:80%;
}

/********* 概要 *********/
div#content #right .profile{
	/*background-color: #0066CC;
	color:#ffffff;*/
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	font-size:80%;
	margin-bottom:16px;
	padding:6px;

}


/********* Q&A *********/
div#content #right .question{
	background-color: #0066FF;
	color:#ffffff;
	font-size:80%;
	margin-bottom:8px;
	padding:2px 4px;

}

div#content #right .question02{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	font-size:80%;
	margin-bottom:8px;

}

div#content #right .question03{
	font-size:80%;
	margin-bottom:8px;

}
div#content #right .question04{
	font-size:80%;
	margin-bottom:30px;

}

div#content #right .ra-info{
	margin-bottom:16px;
	font-size:90%;
	font-weight: bold;
}

/* 施設案内 */
/*div#content #right .facilities{
	background-color: #0099FF;
	color:#FFFFFF;
	font-size:80%;
	margin-bottom:14px;
	padding:6px;

}*/

/*********  site map ********* /
div#content #right .sitemap{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	font-size:80%;
	margin-bottom:20px;
	padding:6px;

}


div#content #right .sitemap02{
	font-size:80%;
	margin-bottom:20px;

}




/* all h2 h3 h4 */

div#content #right h3{
zoom: 100%;
}

div#content #right h2{
	margin-bottom:14px;

}


div#content #right .plan{
	font-size:80%;
	margin-bottom:26px;
	overflow: hidden;
	width: 556px;

}


div#content #right .stayplan{
	font-size:80%;
	margin-bottom:10px;
	overflow: hidden;
	width: 556px;

}
div#content #right h3 img{
	float:left;
	margin-right:6px;

}

div#content #right p{
	margin-bottom:16px;
}



/************************************************
*	food  									*
************************************************/

div#food address{
	color:#333333;
	font-weight: bold;
	font-size: 70%;
	margin-left: auto;
	margin-right: auto;
 	padding-top:20px;
 	padding-bottom:20px;
	text-align: right;
	width: 860px;
}

#corporate{

	padding:10px 0 10px 0;
	font-weight: bold;
	font-size: 70%;
}
/************************************************
*	form  									*
************************************************/

/*フォーム全体の幅*/
.maintable{
width:556px;
text-align:left;
}

.maintable p{
font-weight: bold;
font-size: 80%;
margin-bottom:10px;
}


/*入力項目名*/
.tabletitle{
width:200px;
padding-left:10px;
padding-right:10px;
margin-bottom:30px;
margin-right:20px;
vertical-align:top;
font-size: 80%;
line-height: 130%;
font-weight: blod;

}

.maintable .hikou{

color:#990000;


}


/*入力部分・確認画面の入力内容*/
.tableform{
width:460px;
vertical-align:top;
padding-bottom:30px;
font-size: 80%;
line-height: 130%;
}


/*各入力部分についてのコメント（文字制限等）*/
.formsubcomment{
font-size:80%;
}


/*フォームボタン*/
.submit{
margin:30px 10px;
padding:2px 15px;
}




/*以下は著作権表示部分（削除・変更禁止）*/
.copyright {
text-align:center;
font-size:10%;
}

.copyright a:link{
color: #777777;
text-decoration: none;
}
.copyright a:visited {
color: #777777;
text-decoration: none;
}
.copyright a:hover {
color: #777777;
text-decoration: none;
}
.copyright a:activ {
color: #777777;
text-decoration: none;
}