/* CSS Document */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	background-image: url(images/background.jpg);
	color: #663300;
}
h1,h2,h3,p,dl{
margin:0;
}
h1,h2{
text-indent: -9999px;
}
a:link{
color:#0000ff;
background:transparent;
}
a:visited{
color:#800080;
background:transparent;
}
a:hover,a:active{
color:#ff0000;
background:transparent;
}

/*base--------------*/
#container {
	width: 795px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
#header {
	float: left;
	background-image: url(images/header.jpg);
	width: 795px;
	height: 106px;
}
#navi {
	float: left;
	background-image: url(images/menu.jpg);
	width:	795px;
	height: 75px;
}
#flash {
	float: left;
	background-color: #E2C289;
	width:	795px;
	height: 220px;
}
#contents {
	float: left;
	background-image: url(images/contents_back.jpg);
	background-repeat: repeat-y;
	width:	795px;
	height: auto;
	position: relative;
}
#c_left {
	float: left;
	width:	510px;
	height: auto;
	padding-left: 30px;
}
#c_right {
	float: right;
	width:	200px;
	height: auto;
	padding-right: 20px;
}
#footer {
	float: left;
	background-image: url(images/footer.jpg);
	width: 255px;
	height: 22px;
	color: #FFFFFF;
	padding-top: 20px;
	padding-left: 540px;
}

/*c_right--------------*/
.r_ban {
	float: left;
	width: 200px;
	height: 50px;
	padding-top: 10px;
}
.blog_ban {
	float: left;
	width: 200px;
	height: auto;
	padding-top: 10px;
}
#address {
	float: left;
	width: 180px;
	height: 85px;
	background-image: url(images/sub_ryokan.jpg);
	margin-top: 15px;
	font-size: 10px;
	padding-top: 65px;
	padding-left: 20px;
}
#panf {
	float: left;
	width: 200px;
	height: 70px;
	background-image: url(images/sub_punf.jpg);
}

/*c_footer--------------*/
#c_footer {
	float: left;
	width: 510px;
	height: auto;
	margin-top: 20px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #006666;
}

/*mainbtn--------------*/
#mainbtn {
	width: 795px;
	height: 50px;
	float: left;
	position: relative;
}
#mainbtn ul{
	width: 795px;
	height: 50px;
	margin: 0px;
	padding: 0px;
}
#mainbtn li{
	display:block;
	float:left;
	text-indent:-9999px;
}
#mainbtn li a{
	display:block;
	height: 50px;
	text-decoration:none;
	background-image: url(images/menu.jpg);
}
#mainbtn li#btna a{
	width:105px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
#mainbtn li#btnb a{
	width:115px;
	background-position:-105px 0px;
	background-repeat: no-repeat;
}
#mainbtn li#btnc a{
	width:114px;
	background-position:-220px 0px;
	background-repeat: no-repeat;
}
#mainbtn li#btnd a{
	width:113px;
	background-position:-334px 0px;
	background-repeat: no-repeat;
}
#mainbtn li#btne a{
	width:115px;
	background-position:-447px 0px;
	background-repeat: no-repeat;
}
#mainbtn li#btnf a{
	width:113px;
	background-position:-562px 0px;
	background-repeat: no-repeat;
}
#mainbtn li#btng a{
	width:120px;
	background-position:-675px 0px;
	background-repeat: no-repeat;
}

#mainbtn li#btna a:hover{background-position:0px -75px}
#mainbtn li#btnb a:hover{background-position:-105px -75px}
#mainbtn li#btnc a:hover{background-position:-220px -75px}
#mainbtn li#btnd a:hover{background-position:-334px -75px}
#mainbtn li#btne a:hover{background-position:-447px -75px}
#mainbtn li#btnf a:hover{background-position:-562px -75px}
#mainbtn li#btng a:hover{background-position:-675px -75px}

/*footerbtn--------------*/
#cf_navi {
	width: 510px;
	height: 18px;
	float: left;
	position: relative;
}
#cf_navi ul{
	width: 510px;
	height: 18px;
	margin: 0px;
	padding: 0px;
}
#cf_navi li{
	display:block;
	float:left;
	text-indent:-9999px;
}
#cf_navi li a{
	display:block;
	height: 18px;
	text-decoration:none;
	background-image: url(images/menu_contents.jpg);
}
#cf_navi li#btna a{
	width:78px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
#cf_navi li#btnb a{
	width:232px;
	background-position:-78px 0px;
	background-repeat: no-repeat;
}
#cf_navi li#btnc a{
	width:76px;
	background-position:-310px 0px;
	background-repeat: no-repeat;
}
#cf_navi li#btnd a{
	width:124px;
	background-position:-386px 0px;
	background-repeat: no-repeat;
}
/*
#cf_navi li#btna a:hover{background-position:0px -18px}
#cf_navi li#btnb a:hover{background-position:-78px -18px}
#cf_navi li#btnc a:hover{background-position:-310px -18px}
#cf_navi li#btnd a:hover{background-position:-386px -18px}
*/

/*top--------------*/
#top_midasi {
	float: left;
	width: 510px;
	height: 47px;
	background-image: url(images/top_midasi01.jpg);
}
.tex {
	float: left;
	width: 510px;
	height: auto;
	margin-top: 10px;
}
.top_bans {
	float: left;
	width: 510px;
	height: auto;
	padding-top: 20px;
}
.top_ban_left {
	float: left;
	width: 245px;
	height: 90px;
}
.top_ban_right {
	float: right;
	width: 245px;
	height: 90px;
}
#top_midasi_sincyaku {
	float: left;
	width: 510px;
	height: 33px;
	background-image: url(images/top_midasi_sincyaku.jpg);
	margin-top: 15px;
	background-repeat: no-repeat;
}
#top_midasi_sincyaku_back {
	float: left;
	width: 500px;
	height: 77px;
	background-image: url(images/top_midasi_sincyaku_back.jpg);
	background-repeat: no-repeat;
	padding-left:10px;
	font-size: 12px;
}

/*ofuro--------------*/
#ofuro_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/nigi_h1.jpg);
}
#ofuro_h2 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/nigi_h2.jpg);
	margin-top: 15px;
}
.tex {
	float: left;
	width: 510px;
	height: auto;
	margin-top: 10px;
}
.tex strong{
	color: #CC0000;
}
.ofuro {
	float: left;
	width: 510px;
	height: auto;
	padding-top: 20px;
}
.ofuro_left {
	float: left;
	width: 250px;
	height: auto;
}
.ofuro_right {
	float: right;
	width: 250px;
	height: auto;
}

/*ryori--------------*/
#ryori_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/syokujii_h1.jpg);
}
#ryori_h2 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/syokuji_h2.jpg);
	margin-top: 15px;
}

/*enkai--------------*/
#enkai_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/enkai_h1.jpg);
	color: #EDE0C0;
}
#enkai_h2 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/enkai_h2.jpg);
	margin-top: 15px;
}

/*omaturi--------------*/
#omaturi_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/omaturi_h1.jpg);
	color: #EDE0C0;
}
#omaturi_h2 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/omaturi_h2.jpg);
	margin-top: 15px;
}

/*room--------------*/
#room_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/room_h1.jpg);
	color: #EDE0C0;
}
#room_h2 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/room_h2.jpg);
	margin-top: 15px;
}

/*event--------------*/
#event_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/event_h1.jpg);
}
#event_h2 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/event_h2.jpg);
}
.event_box {
	float: left;
	width: 510px;
	height: auto;
	padding-top: 30px;
}
.event_box_left {
	float: left;
	width: 250px;
	height: auto;
}
.event_box_right {
	float: right;
	width: 250px;
	height: auto;
}
.event_box_photo {
	float: left;
	width: 250px;
	height: auto;
	padding-bottom: 10px;
}

/*plan--------------*/
#plan_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/syukuhaku_h1.jpg);
}
#plan_h1_hyo {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/syukuhaku_h1_hyo.jpg);
}
#plan_h2_1 {
	float: left;
	width: 510px;
	height: 55px;
	background-image: url(images/syukuhaku_h2_1_2.jpg);
	margin-top: 15px;
}
#plan_h2_2 {
	float: left;
	width: 510px;
	height: 55px;
	background-image: url(images/syukuhaku_h2_2_2.jpg);
	margin-top: 15px;
}
#plan_h2_3 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/syukuhaku_h2_3.jpg);
	margin-top: 15px;
}
#plan_h2_4 {
	float: left;
	width: 510px;
	height: 55px;
	background-image: url(images/syukuhaku_h1_higaeri.jpg);
	margin-top: 20px;
}
#plan_h2_5 {
	float: left;
	width: 510px;
	height: 55px;
	background-image: url(images/syukuhaku_h1_kojin.jpg);
	margin-top: 20px;
}
.plan_box {
	float: left;
	width: 510px;
	height: auto;
	margin-top: 20px;
}
.plan_left {
	float: left;
	width: 280px;
	height: auto;
}
.plan_right_1 {
	float: right;
	width: 215px;
	height: 330px;
	background-image: url(images/syukuhaku_p01_1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.plan_right_2 {
	float: right;
	width: 215px;
	height: 330px;
	background-image: url(images/syukuhaku_p01_2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.plan_right_3 {
	float: right;
	width: 215px;
	height: 330px;
	background-image: url(images/syukuhaku_p01_3.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.plan_right_4 {
	float: right;
	width: 215px;
	height: 330px;
	background-image: url(images/syukuhaku_p01_4.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.plan_box h3{
	font-size: 12px;
}
.plan_hyo {
	float: left;
	width: 510px;
	height: auto;
	margin-bottom: 20px;
	margin-top: 10px;
}
.plan_hyo strong{
	color: #CC0000;
}

/*access--------------*/
#access_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/access_h1.jpg);
}
#access_h2 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/access_h2.jpg);
	margin-top: 15px;
}

/*access--------------*/
#ohanasi_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/ohanasi_h1.jpg);
}
#ohanasi_h2 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/ohanasi_h2.jpg);
	margin-top: 15px;
}
.ohanasi_tex {
	float: left;
	width: 510px;
	height: auto;
	margin-top: 10px;
	padding-bottom: 60px;
	background-image: url(images/ohanasi_map.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*panf--------------*/
#panf_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/panf_h1.jpg);
}
#panf_h2 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/panf_h2.jpg);
	margin-top: 15px;
}

/*yoyaku--------------*/
#yoyaku_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/yoyaku_h1.jpg);
}
#yoyaku_h2 {
	float: left;
	width: 510px;
	height: 40px;
	background-image: url(images/yoyaku_h2.jpg);
	margin-top: 15px;
}

/*blog--------------*/
#blog_h1 {
	float: left;
	width: 510px;
	height: 75px;
	background-image: url(images/blog_h1.jpg);
}
.blog_h2 {
	float: left;
	width: 495px;
	height: 40px;
	background-image: url(images/blog_h2.jpg);
	margin-top: 15px;
	padding-left: 15px;
	color: #CC0000;
}
.blog_st {
	float: left;
	width: 200px;
	height: auto;
	padding-top: 10px;
}
.blog_tex {
	float: left;
	width: 510px;
	height: auto;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #996600;
}
