@charset "utf-8";
/* ===================================================================
CSS information

 file name  :common.css
 author     :Ability Consultant
 style info :共通指定
=================================================================== */
body {
	background-image : url(bk.jpg);
	background-repeat : repeat-x;
	background-attachment : scroll;
	background-color: #FDE6DD;
	line-height:140%;
	font-size:12px;
	/*color:#6E2A2A;*/
	color: #745319;
}

a:link {
color: #805522;
text-decoration: underline;
}

a:visited {
color: #805522;
text-decoration: underline;
}

a:hover {
color: #DA3F4D;
text-decoration: underline;
}

a:active {
color: #805522;
text-decoration: none;
}

/*	common	*/
.cl {
	clear: both;
}

img {
    border:none;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*	ページトップへ	*/
p.pagetop {
	width: 652px;
	margin: 0 0 30px 0;
	text-align: right;
}


/*header
------------------------------------------------------------------*/

#header {
	width: 927px;
	height: auto;
	margin: 0 auto;
	padding: 3px 0 0 0;
}

/* header menu */

#header ul {
	width: 509px;
	height: 45px;
	margin: 0 0 0 418px;
	padding: 0;
	list-style: none outside;
	background : url(headermenu_01.jpg) no-repeat right top;
	behavior: expression(IEPNGFIX.fix(this));
}

#header li {
	margin: 0;
	padding: 0;
	display: inline;
}
#header ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#header ul li.access a {
	width: 140px;
	height: 29px;
	float: left;
}
#header ul li.faq a {
	width: 140px;
	height: 29px;
	float: left;
}
#header ul li.blog a {
	width: 223px;
	height: 40px;
	float: left;
}

/* hover */

#header ul li.access a:hover {
	background : url(headermenu_hover_02.jpg) no-repeat 0px 0px;
}
#header ul li.faq a:hover {
	background : url(headermenu_hover_02.jpg) no-repeat -140px 0px;
}
#header ul li.blog a:hover {
	background : url(headermenu_hover_02.jpg) no-repeat -280px 0px;
}


#header h1 {
	margin: -15px 0 0 0;
	padding: 0 0 10px 30px;
	background : url(logo_big.gif) no-repeat center top;
	width: 160px;
	height: 63px;
	float: left;
}
#header h1 a {
	width: 160px;
	height: 63px;
	display:block;
	margin:0 0 0 -15px;
	text-indent: -9999px;
	overflow: hidden;
}
#header p {
	margin: 0;
	padding: 20px 0 0 30px;
	width: 338px;
	height: 26px;
	font-size: 13px;
	float: left;
}
#header div.tel {
	margin: 4px 0 0 4px;
	padding: 8px 0 0 0px;
	width: 312px;
	height: 58px;
	background : url(tel.gif) no-repeat center top;
	float: right;
	text-indent:-9999px;
}



/*menu
------------------------------------------------------------------*/

#menu {
	width: 100%;
	height: 50px;
	margin: 0;
	clear: both;
	background : url(menu_back.jpg) repeat-x center top;
}
#menu ul {
	width: 920px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	list-style: none outside;
	background : url(globalmenu.jpg) no-repeat;
}
#menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#menu ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#menu ul li.welcom a {
	width: 152px;
	height: 50px;
	float: left;
}
#menu ul li.facility a {
	width: 154px;
	height: 50px;
	float: left;
}
#menu ul li.dish a {
	width: 153px;
	height: 50px;
	float: left;
}
#menu ul li.leisure a {
	width: 153px;
	height: 50px;
	float: left;
}
#menu ul li.plan a {
	width: 154px;
	height: 50px;
	float: left;
}
#menu ul li.bread a {
	width: 154px;
	height: 50px;
	float: right;
}

/* hover */

#menu ul li.welcom a:hover {
	background : url(globalmenu_hover.jpg) no-repeat 0px 0px;
}
#menu ul li.facility a:hover {
	background : url(globalmenu_hover.jpg) no-repeat -152px 0px;
}
#menu ul li.dish a:hover {
	background : url(globalmenu_hover.jpg) no-repeat -306px 0px;
}
#menu ul li.leisure a:hover {
	background : url(globalmenu_hover.jpg) no-repeat -459px 0px;
}
#menu ul li.plan a:hover {
	background : url(globalmenu_hover.jpg) no-repeat -612px 0px;
}
#menu ul li.bread a:hover {
	background : url(globalmenu_hover.jpg) no-repeat -766px 0px;
}


/*maincontents
------------------------------------------------------------------*/

div#maincontents {
	width: 924px;
	height: auto;
	margin: 15px auto 0 auto;
	background : url(cont_base.gif) repeat-y center top;
}



/*rightcontents
------------------------------------------------------------------------------------*/

div#maincontents div#rightcontents {
	width: 657px;
	margin: 0 0 0 9px;
	padding: 0 10px 0 0;
	float: right;
}



/*leftcontents
-------------------------------------------------------------------------------*/

div#maincontents div#leftcontents {
	width: 235px;
	margin:10px 0 0 0;
 	float: left;
	text-align:left;
	font-size:13px;
}

div#maincontents div#leftcontents div#titleimage {
	width: 238px;
	height: 141px;
	margin: 0 0 0 4px;
	text-indent: -9999px;
}

div#maincontents div#yoyaku {
	width:238px;
	margin:0 0 0 6px;
	padding:0;
	background : url(yoyaku_bk.gif) repeat-y left top;
	text-align:center;
}

div#maincontents div#yoyaku h3 {
	width:238px;
	height:41px;
	margin:0;
	padding:0;
	background : url(yoyaku_title.gif) no-repeat left top;
	text-indent:-9999px;
}

div#maincontents div#yoyaku .yoyaku_tel {
	width:193px;
	height:52px;
	background : url(yoyaku_tel.gif) no-repeat;
	margin:12px auto 0 auto;
	padding:0;
	text-indent:-9999px;
}

div#maincontents div#leftcontents div#reserve_form {
	margin: 8px 0 12px 0;
	padding: 0 0 0 11px;
	width: 216px;
	text-align: left;
	line-height:160%;
}

div#maincontents div#leftcontents div#reserve_form input {
	margin: 8px 0 0 8px;
}

div#maincontents div#leftcontents span {
	font-size: 13px;
	font-weight: bold;
	color:#FD5152;
}


div#maincontents div#yoyaku .mobile {
	width:200px;
	height:61px;
	margin:15px auto 12px auto;
	background : url(QR_bnr.gif) no-repeat center center;
	text-indent:-9999px;
}


div#maincontents div#leftcontents p.roominfo {
	width:238px;
	height:117px;
	margin:11px 0 0 6px;
	padding:0 0 11px 0;
	background : url(bnr_01.jpg) no-repeat left top;
	border-bottom:1px dotted #999999;
}

div#maincontents div#leftcontents p.roominfo a {
	width:238px;
	height:117px;
	padding:0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}	


div#maincontents div#leftcontents p.golf {
	width:238px;
	height:113px;
	margin:11px 0 0 6px;
	padding:0 0 11px 0;
	background : url(bnr_02.jpg) no-repeat left top;
	border-bottom:1px dotted #999999;
}

div#maincontents div#leftcontents p.golf a {
	width:238px;
	height:100px;
	padding:0 0 11px 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}


div#maincontents div#leftcontents p.mountain {
	width:238px;
	height:167px;
	margin:11px 0 0 6px;
	padding:0 0 11px 0;
	background : url(bnr_03.jpg) no-repeat left top;
	border-bottom:1px dotted #999999;

}

div#maincontents div#leftcontents p.mountain a {
	width:238px;
	height:167px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
		


div#maincontents div#leftcontents p.faq {
	width:238px;
	height:40px;
	margin:10px 0 15px 6px;
	padding:0;
	background : url(faq.gif) no-repeat 15px 5px;
	border-bottom:1px solid #999999;
}

div#maincontents div#leftcontents p.faq a {
	width:238px;
	height:38px;
	margin:4px 0 0 0;
	padding:0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div#maincontents div#leftcontents p.access {
	width:235px;
	height:40px;
	margin:10px 0 15px 6px;
	padding:0;
	background : url(access.gif) no-repeat 15px 5px;
	border-bottom:1px solid #999999;
}

div#maincontents div#leftcontents p.access a {
	width:235px;
	height:38px;
	margin:4px 0 0 0;
	padding:0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div#maincontents div#leftcontents p.sougei {
	width:236px;
	height:163px;
	margin:20px 0 0px 6px;
	padding:0;
	background : url(sougei.jpg) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
}


div#maincontents div#leftcontents p.blog {
	width:236px;
	height:64px;
	margin:20px 0 0 6px;
	padding:0;
	background : url(blogbnr.jpg) no-repeat left top;
}

div#maincontents div#leftcontents p.blog a{
	width:236px;
	height:64px;
	padding:0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div#maincontents div#leftcontents p.index_link {
	font-weight:bold;
	color:#F66874;
	text-align:left;
	font-size:15px;
	margin:15px 0 0 6px;
	padding:0;
	text-align:left;
}

div#maincontents div#leftcontents p.linkbnr {
	width:155px;
	height:60px;
	background : url(linkbnr.jpg) no-repeat left top;
	margin:8px 0 0 6px;
	padding:0;
}

div#maincontents div#leftcontents p.linkbnr a {
	width:155px;
	height:60px;
	padding:0;
	text-indent: -9999px;	
	display: block;
	overflow: hidden;
}

div#maincontents div#leftcontents p.linkbnr a span {
	text-indent: -9999px;
}



/*フッターテキストリンク
-----------------------------------------------------------------*/

div#maincontents p.footer_txt {
	clear:both;
	padding:20px 0 15px 0;
	text-align:center;
}


div#maincontents p.footer_txt a{
	text-decoration:none;
	color:#773A3A;
}

div#maincontents p.footer_txt a:hover{
	text-decoration: underline;
	color:#A02121;
}



/*footter
------------------------------------------------------------------*/

div#footer {
	width:920px;
	height:95px;
	margin:0 auto;
	padding:0;
	background : url(footer_bk.jpg) repeat-x center top;
}

/*footer_l*/

div#footer #footer_l {
	width:345px;
	height:60px;
	float:left;
	margin:22px 0 0 15px;
}

div#footer #footer_l .flash_logo {
	width:29px;
	height:29px;
	float:left;
	margin:0;
	padding:0;
}

div#footer #footer_l .flash_txt {
	float:right;
	margin:5px 0 0 5px;
	padding:0;
}

div#footer #footer_l .copyright {
	clear:both;
	margin:0;
	padding:5px 0 0 0;
	color:#333333;
}

/*footer_r*/

div#footer #footer_r {
	width:320px;
	height:75px;
	float:left;
	margin:15px 10px 0 100px;
	padding:0;
}

div#footer #footer_r p.ad {
	text-align:right;
	margin:0;
	padding:0;
}

div#footer #footer_r p.ad strong {
	font-weight:bold;
}

div#footer #footer_r #footer_btn {
	width:189px;
	margin:0 0 0 130px;
}

div#footer #footer_r p.footer_map {
	width:68px;
	height:20px;
	float:left;
	margin:0;
	background : url(icon_map.gif) no-repeat right top;
}

div#footer #footer_r p.footer_map a {
	width:68px;
	height:20px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div#footer #footer_r p.footer_faq {
	width:120px;
	height:20px;
	float:right;
	background : url(icon_yokuarut.gif) no-repeat right top;
}

div#footer #footer_r p.footer_faq a {
	width:120px;
	height:20px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}


div#footer .gaikan {
	width:100px;
	height:75px;
	float:right;
	margin:15px 5px 0 0;
	padding:0;
	background : url(p_gaikan.jpg) no-repeat right top;
	text-indent: -9999px;
	overflow: hidden;
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}

*:first-child+html div#maincontents div#leftcontents div#reserve_form input {margin: 8px 0 0 0;}

/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

* html div#maincontents div#leftcontents div#reserve_form input {margin: 8px 0 0 0;}