@charset "utf-8";
/*#############################################################
Name: TEMPLATE STYLE01
Date: 2010-04-26
Author: tenten
#############################################################*/


/**********  STANDARD ELEMENTS  **********/
body{
	margin:0;
	padding:0;
	line-height:120%;
	background-color::#000000;
	font-size:small;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", "sans-serif";
	color:#333333;
}
a:link{
	color:#ae430d;
	text-decoration:none;
}
a:visited{
	color:#ae430d;
	text-decoration:none;
}
a:hover{
	color:#d36f3d;
	text-decoration:underline;
}
a:active{
	color:#f6c8b1;
	text-decoration:none;
}
a:link.foot{
	color:#ffffff;
	text-decoration:none;
}
a:visited.foot{
	color:#ffffff;
	text-decoration:none;
}
a:hover.foot{
	color:#09600b;
	text-decoration:underline;
}
a:active.foot{
	color:#cfcfcf;
	text-decoration:none;
}
a:link.pagetoplink{
	color:#333333;
	text-decoration:underline;
}
a:visited.pagetoplink{
	color:#333333;
	text-decoration:underline;
}

td{
	text-align:left;
	vertical-align:top;
}
img{
	border-style:none;
	border-width:0;
}
/************    STRUCTURE    ************/
.w800{
	clear:both;
	width:800px;
	margin:0 auto;
}
/*-----------------------*/
/* header block          */
/*-----------------------*/
#header{
	width:100%;
	height:80px;
	background:transparent url(../images/bg_header.gif) repeat-x;
	background-position:left top;
	border-bottom:1px solid #c4b08f;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#header h1{
	float:left;
	width:205px;
	height:94px;
	background:transparent url(../images/logo.gif) no-repeat;
	background-position:left top;
	margin:10px 0 0;
	padding:0;
}
#header h1 a{
	display:block;
	padding-top:94px;
}
#tel_box{
	float:right;
	margin:22px 0 0 0;
	padding:0;
	text-align:right;
}
#tel_box img{
	margin-top:3px;
}
/*-----------------------*/
/* Menu block            */
/*-----------------------*/
#menu{
	width:100%;
	height:57px;
	background:transparent url(../images/bg_menu.gif) repeat-x;
	background-position:left top;
	border-bottom:1px solid #c4b08f;
	margin:0 auto;
	padding:0;
}
#menu ul{
	clear:both;
	width:800px;
	height:57px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
}
#menu ul li{
	display:block;
	overflow:hidden;
	height:57px;
	float:left;
}
#menu ul li a {
	display:block;
	height:57px !important;
	height /**/: 0px;
	padding:57px 0 0 0;
	background-image:url("../images/menu.gif");
}
#mn1 a{
	background-position:0px 0px;
	width:152px;
}
#mn2 a{
	background-position:-152px 0;
	width:150px;
}
#mn3 a{
	background-position:-302px 0;
	width:150px;
}
#mn4 a{
	background-position:-452px 0;
	width:188px;
}
#mn5 a{
	background-position:-640px 0;
	width:160px;
}
#mn1 a:hover,
#mn1 a:focus {
	background-position:0 -57px;
}
#mn2 a:hover,
#mn2 a:focus {
	background-position:-152px -57px;
}
#mn3 a:hover,
#mn3 a:focus {
	background-position:-302px -57px;
}
#mn4 a:hover,
#mn4 a:focus {
	background-position:-452px -57px;
}
#mn5 a:hover,
#mn5 a:focus {
	background-position:-640px -57px;
}

/*-----------------------*/
/* container block       */
/*-----------------------*/
#wrapper{
	clear:both;
	width:100%;
	margin:0 auto;
}
#top_img{
	width:100%;
	height:329px;
	background:transparent url(../images/bg_img_a.gif) repeat-x;
	background-position:left top;
	border-bottom:1px solid #c4b08f;
}
#container{
	clear:both;
	width:100%;
	margin:0 auto 0;
	padding:0 0 20px;
	background:#000000 url(../images/bg_contents.gif) repeat-x;
	background-position:left top;
	text-align:left;
}
#left_side{
	width:560px;
	float:left;
	margin:20px 20px 0 0;
	padding:0;
}
#search_box, #topics, #areamap{
	width:558px;
	background:#9b6b31 url(../images/bg_box01.gif) repeat-x;
	background-position:left top;
	border:1px solid #b18742;
	margin:0 0 20px;
}
#bg01{
	width:548px;
	background:#ffffff url(../images/bg_box02.gif) repeat-x;
	background-position:left top;
	border:1px solid #ececec;
	margin:0;
}
#bg01 h2{
	margin:8px 0 10px 15px;
}
#bg01 h2 span{
	display:block;
	float:right;
	margin:8px 10px;
}
#search_box form{
	margin:0 0 0 25px;
}
#search_box dl{
	width:330px;
	margin:0;
	padding:0;
}
#search_box dt{
	float:left;
	width:70px;
	padding:5px 0 7px 0px;
	clear:both;
}
#search_box dt img{
	margin-top:2px;
}
#search_box dd {  
	padding:5px 5px 5px 10px;
	font-size:90%;
}


#googlemap{
	float:left;
	margin:25px 12px 0;
}
#googlemap iframe{
	border:1px solid #ad9774;
}

#area_access{
	float:left;
	margin-top:25px;
	margin-bottom:15px;
	
}

#bg02{
	height:33px;
	background:#ddd9cd url(../images/bg_box03.gif) repeat-x;
	background-position:left top;
	margin:5px 3px 2px;
	padding:0;
	text-align:center;
}
#bg02 a{
	display:block;
	float:left;
	margin:12px 10px 0 10px;
}
.bg03{
	width:100%;
	height:2px;
	margin:0;
	background:#ffffff url(../images/bg_box04.gif) repeat-x;
	background-position:left top;
}
#topics_box{
	padding-top:3px;
}
.topics_box{
	width:48%;
	float:left;
	margin:0 10px 5px 0;
}
.topics_box img{
	border:2px solid #818181;
	float:left;
	margin-right:10px;
}
.topics_box h3{
	margin:0;
	padding:0 0 0 15px;
	font-size:100%;
	color:#9d5806;
}
.topics_box p{
	margin:5px 0;
	padding:0;
}

#right_side{
	width:215px;
	float:right;
	margin:20px 0 0 0;
	
}

#right_side_box01{
	background:transparent url(../images/bg_box14.gif) repeat;
	background-position:left top;
	margin-bottom:20px;
	padding-bottom:10px;
}
#right_side_box01 p{
	margin:0 auto 8px;
	padding:0;
	text-align:center;
}
#right_side_box02{
	padding:0 0 15px;
	background:transparent url(../images/bg_box05.gif) repeat;
	background-position:left top;
	border:1px solid #111111;
}
#right_side_box02 img{
	margin:0 auto 12px auto;
}
/*-----------------------*/
/* footer block          */
/*-----------------------*/
#footer{
	clear:both;
	width:100%;
	height:80px;
	background:transparent url(../images/bg_header.gif) repeat-x;
	background-position:left top;
	border-top:1px solid #a9a9a9;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#footer_copy{
	margin:8px 5px 20px;
	color:#ffffff;
}
#footer_copy img{
	margin:10px 0;
}

/************    SUB PAGE    ************/

#sub_img{
	width:100%;
	height:220px;
	background:transparent url(../images/bg_img_b.gif) repeat-x;
	background-position:left top;
	border-bottom:1px solid #c4b08f;
}
.container2{
	width:100%;
	background-color:#ffffff;
	margin:0 auto;
	padding:5px 0 0;
	text-align:left;
}
.component{
	margin:0 5px;
	background:#ffffff url(../images/bg_box06.gif) repeat-x;
	background-position:left top;
}
.component h2{
	margin:0;
	height:40px;
}
.component h2 img{
	margin:8px 0 10px 15px;
}
.inset1{
	width:782px;
	border:1px solid #ffffff;
	margin:0 auto;
	padding:0;
	background:#ffffff url(../images/bg_box07.gif) repeat-x;
	background-position:left top;
	border-right:1px solid #c7c7c7;
}
.paragraph{
	clear:both;
	margin:20px 18px 15px;
}
.pagetop{
	clear:both;
	margin:10px 5px;
	text-align:right;
}
#content_foot{
	width:800px;
	height:3px;
	margin:0 auto;
	padding-bottom:5px;
	background:#ffffff url(../images/bg_bottom.gif) no-repeat;
	background-position:left top;
}
.line{
	width:742px;
	height:1px;
	margin:20px auto 0;
	background:#ffffff url(../images/line.gif) no-repeat;
	background-position:left top;
}
/*----------------*/
/* facilities     */
/*----------------*/
.room_box{
	float:left;
	width:555px;
}
#ui-tab{
	margin:20px 18px 50px;
}
#ui-tab ul{
	width:186px;
	float:right;
	margin:0 0 0 3px;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}
/*----------------*/
/* access         */
/*----------------*/
.sightseeing_box{
	width:550px;
	float:left;
	margin:0 0 0 30px;
}
.sightseeing_box h4{
	margin:0 0 10px;
	padding:0;
}
.sightseeing_box h4 span{
	display:block;
	float:left;
	width:180px;
	margin:0;
	padding:0;
}
.sightseeing_box p{
	line-height:160%;
	text-align:justify;
}
/*----------------*/
/* reservation    */
/*----------------*/
.rsvbox01{
	float:left;
	width:236px;
	height:90px;
	margin:0 15px 0 0;
	background:transparent url(../images/bg_box08.gif) no-repeat;
	background-position:left top;
}
.rsvbox02{
	float:left;
	width:236px;
	height:90px;
	margin:0 15px 0 0;
	background:transparent url(../images/bg_box09.gif) no-repeat;
	background-position:left top;
}
.rsvbox03{
	float:left;
	width:200px;
	height:90px;
	margin:0;
	background:transparent url(../images/bg_box10.gif) no-repeat;
	background-position:left top;
}
.rsvbox01 p{
	margin:40px 0 0 12px;
}
.rsvbox02 p{
	width:160px;
	margin:40px 0 0 25px;
}
.rsvbox03 p{
	width:185px;
	margin:40px 0 0 10px;
}

.rsvbox04,.rsvbox06{
	width:697px;
	height:119px;
	margin:0;
	background:transparent url(../images/bg_box11.gif) no-repeat;
	background-position:left top;
}
.rsvbox04 div,.rsvbox06 div{
	margin:0 0 0;
	padding:10px 12px 0;
	clear:left;
}
.rsvbox06 img{
	float:left;
	margin-right:20px;
}
.rsvbox06 p{
	float:left;
	margin:0;
	padding:0;
}
.rsvbox05{
	width:697px;
	height:90px;
	margin:0;
	background:transparent url(../images/bg_box12.gif) no-repeat;
	background-position:left top;
}
.rsvbox05 div{
	padding:10px 12px 0;
}
.rsvbox05 p{
	width:470px;
	float:left;
	margin:5px 0;
	padding:0;
}
/*----------------*/
/* topics         */
/*----------------*/
.topics_caption{
	width:742px;
	height:38px;
	background:transparent url(../images/bg_caption.gif) no-repeat;
	background-position:left top
	font-size:110%;
	padding:12px 0 0 20px;
	margin:0 0 20px;
}
.date{
	float:right;
	font-size:80%;
	font-weight:normal;
	margin:0 25px 0 0;
}

/************    misc    ************/

/*----------------*/
/* block          */
/*----------------*/
.boxstyle01{
	width:50%;
	margin:0;
	padding:0;
}
.boxstyle02{
	width:95%;
	margin:0 auto;
	padding:0;
}

/*----------------*/
/* list          */
/*----------------*/
.lststyle01{
	width:99%;
	margin:0 0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
}
.lststyle01 li{
	clear:left;
	padding:5px;
	border-bottom:1px dotted #bababa;
}
.lststyle01 li span{
	display:block;
	width:150px;
	float:left;
	margin:0 0 0 20px;
}

/*----------------*/
/* table          */
/*----------------*/
.tblstyle01{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
}
.tblstyle01 td{
	padding:2px;
	border-collapse:collapse;
}
/*----------------*/
/* padding        */
/*----------------*/

/*----------------*/
/* color          */
/*----------------*/
.col01{
	color:#aa0000;
}
/*----------------*/
/* font           */
/*----------------*/
.small{
	font-size:0.8em;
}
.em{
	font-weight:bold;
}
.fs90{
	font-size:90%;
}
/*----------------*/
/* style          */
/*----------------*/
.border_a1{
	border:1px solid #bababa;
}
.border_b1{
	border-bottom:1px dotted #cecece;
}
/*----------------*/
/* width          */
/*----------------*/
.w800{
	width:800px;
}
.wr70{
	width:70%;
}
.wr60{
	width:60%;
}
.wr50{
	width:50%;
}
.wr49{
	width:49%;
}
.wr30{
	width:30%;
}
.wr25{
	width:25%;
}
/*----------------*/
/* margin         */
/*----------------*/
/** top **/
.mgt10{
	margin-top:10px;
}
.mgt15{
	margin-top:15px;
}
.pgt15{
	padding-top:15px;
}
/** right **/
.mgr10{
	margin-right:10px;
}
.mgr20{
	margin-right:20px;
}

/** left **/
.mgl10{
	margin-left:10px;
}
.mgl15{
	margin-left:15px;
}
.mgl20{
	margin-left:20px;
}
/** bottom **/
.mgb10{
	margin-bottom:10px;
}
.mgb20{
	margin-bottom:20px;
}
.mgb25{
	margin-bottom:25px;
}

/** all **/
.mrg4{
	margin:4px;
}
.mrg10{
	margin:10px;
}
.mrg15{
	margin:15px;
}
.mrg15a{
	margin:15px 15px 10px 15px;
}
.mrg20{
	margin:20px;
}
/*----------------*/
/* layout         */
/*----------------*/
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.textjustify{
	text-align:justify;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.textcenter{
	text-align:center;
}
.verticaltop{
	vertical-align:top;
}
.verticalmiddle{
	vertical-align:middle;
}
.verticalbottom{
	vertical-align:bottom;
}
/*----------------*/
/* structure      */
/*----------------*/
.block{
	display:block;
}
.cler{
	clear:both;
}
.hide{
	display:none;
}