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

 file name  :search.css
 author	 :Ability Consultant
 style info :検索結果ページ用css
=================================================================== */


/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	margin:0 auto;
	height:442px;
	z-index:1;
	background: url(../../images/village/bg_header.gif) left top repeat-x;
}
#header .con_header .hnav {
	width: 240px;
	padding: 18px 10px 0 14px;
}
#header .con_header .hnav p.gassyuku {
	float:left;
	height:19px;
	width:125px;
	margin:0 0 0 3px;
	padding:3px 1px 3px 6px;
	background:#426205;
	font-size:95%;
}
* html #header .con_header .hnav p.gassyuku {
	margin:0 0 0 2px;
}
#header .con_header .hnav p.gassyuku a {
	color:#fff;
	text-decoration:none;
	padding:0 0 0 12px;
}

#header .rsvs {
	position:absolute;
	right:0;
	top:70px;
	width:280px;
}
#header .rsvs p {
	text-align:center;
	padding:0 0 5px 0;
}
#header .rsvs ul {
	width:280px;
	overflow:hidden;
}
#header .rsvs ul li.tel {
	float:left;
	background: url(../../images/village/ic_head_tel.gif) left top no-repeat;
	padding:0 0 0 26px;
	font-size:120%;
	color:#fceb5a;
	width:143px;
}
#header .rsvs ul li.contact {
	float:left;
	width:107px;
}
#header .con_read {
	width:100%;
	margin:0 auto;
	height:313px;
	background: url(../images/header/bg_title.jpg) center top no-repeat;
}
#header .con_read h2 {
	font-size:1px;
	line-height:0;
	text-indent:-9999em;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/
#contents #main {
	width:930px;
	padding:20px 0;
}
#contents #main .con_attention {
	width:890px;
	padding:0 20px 20px 20px;
	overflow:hidden;
}
/* 村の説明エリア */
#contents #main .con_attention .box_read {
	float:left;
	background: url(../../images/village/bg_photo.jpg) left top no-repeat;
	width:480px;
	padding:30px 10px 0 40px;
}
#contents #main .con_attention .box_read h3 {
	padding:0 0 15px 0;
}
#contents #main .con_attention .box_read p.reserve {
	padding:30px 0 0 0;
}
/* インフォメーション */
#contents #main .con_attention .villageinfo {
	float:left;
	background: url(../../images/village/bg_box.gif) left top;
	width:353px;
}
#contents #main .con_attention .villageinfo .info {
	background: url(../../images/village/bg_infohead.gif) left top no-repeat;
	padding:19px 9px 14px 9px;
	width:335px;
}
#contents #main .con_attention .villageinfo .info .infoarea {
	background:#fff;
	padding:2px 13px;
	width:309px;
}
#contents #main .con_attention .villageinfo .info .infoarea h5 {
	color:#708c27;
	padding:0 0 9px 0;
	margin:0 7px 5px 7px;
	border-bottom:1px solid #8dc05a;
}
#contents #main .con_attention .villageinfo .info .infoarea table {
	margin:0 7px;
	width:295px;
}
#contents #main .con_attention .villageinfo .info .infoarea table th ,
#contents #main .con_attention .villageinfo .info .infoarea table td {
	border:0;
	background:none;
}
#contents #main .con_attention .villageinfo .info .infoarea table th {
	width:65px;
	padding:2px 0 0 0;
	vertical-align:top;
}
#contents #main .con_attention .villageinfo .info .infoarea table td {
	padding:3px;
}
#contents #main .con_attention .villageinfo .info .infoarea table td a {
	color:#343131;
}
#contents #main .con_attention .villageinfo .info  ul {
	width:322px;
	background:#fff;
	overflow:hidden;
	padding:3px 0 0 13px;
	font-size:1px;
	line-height:0;
}
#contents #main .con_attention .villageinfo .info ul li {
	float:left;
	padding:0 4px 4px 0;
}


/* ページメニュー */
#contents #main .con_village {
	background: url(../../images/village/bg_pagemenu.gif) center 24px no-repeat;
	width:890px;
	padding:0 20px 20px 20px;
}
#contents #main .pagemenu {
	background: url(../../images/village/img_menu.gif) left top no-repeat;
	width:773px;
	height:37px;
	margin:0 0 20px 0;
}
#contents #main .pagemenu li {
	float:left;
	font-size:1px;
	line-height:0;
}
#contents #main .pagemenu li.price {
	width:166px;
}
#contents #main .pagemenu li.enjoy ,
#contents #main .pagemenu li.access ,
#contents #main .pagemenu li.contact {
	width:167px;
}
#contents #main .pagemenu li.top {
	width:106px;
}
#contents #main .pagemenu li a {
	display:block;
	text-indent:-9999em;
	width:164px;
	height:37px;
}
#contents #main .pagemenu li.top a {
	width:106px;
	height:37px;
}
#contents #main .pagemenu li.price a:hover {
	background: url(../../images/village/img_menu.gif) left bottom no-repeat;
}
#contents #main .pagemenu li.enjoy a:hover {
	background: url(../../images/village/img_menu.gif) -166px bottom no-repeat;
}
#contents #main .pagemenu li.access a:hover {
	background: url(../../images/village/img_menu.gif) -333px bottom no-repeat;
}
#contents #main .pagemenu li.contact a:hover {
	background: url(../../images/village/img_menu.gif) -500px bottom no-repeat;
}
#contents #main .pagemenu li.top a:hover {
	background: url(../../images/village/img_menu.gif) right bottom no-repeat;
}
/* 各ページでのメニュー表示 */
body#homepage #contents #main .pagemenu li.price a {
	background: url(../../images/village/img_menu.gif) left bottom no-repeat;
}
body#enjoy #contents #main .pagemenu li.enjoy a {
	background: url(../../images/village/img_menu.gif) -166px bottom no-repeat;
}
body#contact #contents #main .pagemenu li.contact {
	background: url(../../images/village/img_menu.gif) -500px bottom no-repeat;
}

/* 料金エリア */
#contents #main .con_price {
	padding:0 0 30px 0;
}
#contents #main .con_price h4 {
	padding:0 0 20px 0;
}
#contents #main table {
	width:890px;
	margin:0 0 10px 0;
}
#contents #main table th ,
#contents #main table td {
	padding:9px 5px;
	background:#f2f0e2;
	border-collapse:collapse;
	border:1px solid #d9d0c3;
}
#contents #main table th {
	background:#e3deb8;
	text-align:right;
	padding:9px 10px;
}
#contents #main table th.center ,
#contents #main table td.center {
	text-align:center;
}
#contents #main table th.center {
	background:#eeeacd;
}
#contents #main p.rice {
	padding:0 0 0 1em;
	text-indent:-1em;
}
/* お料理エリア */
#contents #main .con_dishes h4 {
	width:890px;
	padding:0 0 20px 0;
}
#contents #main .box_disharea {
	overflow: hidden;
	padding: 0 0 30px 13px;
	width:872px;
}
#main .box_disharea .box_dish {
	float: left;
	padding: 0 8px 0 0;
	width: 210px;
}
#main .box_disharea p.image {
	position: relative;
	width: 210px;
}
#main .box_disharea p.image a {
	border: 5px solid #DAE0C9;
	display: block;
	font-size: 1px;
	line-height: 0;
}
#main .box_disharea p.image a img {
	width:200px;
	height:150px;
}
#main .box_disharea p.image a.btn {
	border: 0 none;
	bottom: 5px;
	position: absolute;
	right: 5px;
	width: 15px;
}
#main .box_disharea p.image a.btn img {
	width: 15px;
	height:15px;
}

#main .box_disharea h5.txt {
	background: url("../../images/village/ic_title.gif") no-repeat scroll left 10px transparent;
	color: #708C27;
	font-size: 120%;
	font-weight: normal;
	margin: 3px 0 10px;
	padding: 2px 0 2px 30px;
}


/* 宿情報エリア */
#contents #main .con_stay {
	padding:0 0 30px 0;
}
#contents #main .con_stay h4 {
	width:890px;
	padding:0 0 20px 0;
}
#contents #main .con_stay table th {
	background:#e3deb8;
	text-align:right;
	width:180px;
	padding:9px 10px;
}

/* 施設エリア */
#contents #main .con_facilities h4 {
	width:890px;
	padding:0 0 20px 0;
}
#contents #main .box_facarea {
	overflow: hidden;
	padding: 0 0 30px 13px;
	width:872px;
}
#contents #main .box_facarea .box_fac {
	float: left;
	padding: 0 8px 0 0;
	width: 210px;
}
#contents #main .box_facarea .box_fac p.image {
	position: relative;
	width: 210px;
}
#contents #main .box_facarea .box_fac p.image a {
	border: 5px solid #DAE0C9;
	display: block;
	font-size: 1px;
	line-height: 0;
}
#contents #main .box_facarea .box_fac p.image a img {
	width:200px;
}
#contents #main .box_facarea .box_fac p.image a.btn {
	border: 0 none;
	bottom: 5px;
	position: absolute;
	right: 5px;
	width: 15px;
}
#contents #main .box_facarea .box_fac p.image a.btn img {
	width: 15px;
}

#contents #main .box_facarea .box_fac h5.txt {
	background: url("../../images/village/ic_title.gif") no-repeat scroll left 10px;
	color: #708C27;
	font-size: 120%;
	font-weight: normal;
	margin: 3px 0 10px;
	padding: 2px 0 2px 30px;
}


/* お問い合わせエリア */
#contents #main .con_contact {
	width:674px;
	background: url("../../images/village/bg_bottom_line.gif") repeat-x left bottom;
	padding:0 0 10px 0;
	margin:30px auto 0 auto;
}
#contents #main .con_contact .box_contact {
	background: url("../../images/village/bg_foot_contact.gif") no-repeat left top;
	width:674px;
	overflow:hidden;
}
#contents #main .con_contact .comment {
	float:left;
	width:456px;
	padding:10px 20px 0 15px;
}
#contents #main .con_contact .comment h4 {
	padding:0 0 7px 7px;
}
#contents #main .con_contact .comment p {
	padding:0 0 19px 17px;
}
#contents #main .con_contact .comment ul {
	width:426px;
	overflow:hidden;
    padding:5px 0 0 130px;
}
#contents #main .con_contact .comment ul li {
	float:left;
	width:193px;
	padding:3px 0 0 0;
}
#contents #main .con_contact .comment ul li.tel {
	background: url("../../images/village/ic_foot_tel.gif") no-repeat left 3px;
	padding:0 0 0 32px;
	width:173px;
	font-size:180%;
}
#contents #main .con_contact .image {
	float:left;
	width:170px;
	padding:25px 0 0 0;
}



/*----------------------------------------------------

	enjoy.asp	お楽しみページ

----------------------------------------------------*/
#contents #main .con_enjoy h3 {
	padding:0 0 20px 0;
}
#contents #main .con_enjoy .box_spotarea {
	width:875px;
	padding:0 0 0 15px;
}
#contents #main .con_enjoy .box_spotarea h4 {
	float:left;
	width:214px;
}
#contents #main .con_enjoy .box_spotarea #spotmap {
	float:left;
	width:650px;
	height:345px;
	border:5px solid #dae0c9;
}
#contents #main .con_enjoy .box_spotarea p.up {
	clear:both;
	margin:5px 0 0 214px;
	background: url(../../images/enjoy/ic_zoom.gif) left 5px no-repeat ;
	padding:2px 0 10px 18px;
}
/* 楽しむページ内メニュー */
#contents #main .con_enjoy ul.enjoynav {
	width:890px;
	padding:15px 0;
	overflow:hidden;
}
#contents #main .con_enjoy ul.enjoynav li {
	float:left;
	width:190px;
	height:58px;
}
#contents #main .con_enjoy ul.enjoynav li.sps {
	background: url(../../images/enjoy/menu_sports.jpg) left top no-repeat ;
}
#contents #main .con_enjoy ul.enjoynav li.exp {
	background: url(../../images/enjoy/menu_exp.jpg) left top no-repeat ;
}
#contents #main .con_enjoy ul.enjoynav li.sgt {
	background: url(../../images/enjoy/menu_sight.jpg) left top no-repeat ;
}
#contents #main .con_enjoy ul.enjoynav li a {
	display:block;
	font-size:1px;
	line-height:0;
	width:187px;
	height:58px;
	text-indent:-9999em;
	text-align:left;
}
#contents #main .con_enjoy ul.enjoynav li.sps a:hover {
	background: url(../../images/enjoy/menu_sports.jpg) left bottom no-repeat ;
}
#contents #main .con_enjoy ul.enjoynav li.exp:hover {
	background: url(../../images/enjoy/menu_exp.jpg) left bottom no-repeat ;
}
#contents #main .con_enjoy ul.enjoynav li.sgt:hover {
	background: url(../../images/enjoy/menu_sight.jpg) left bottom no-repeat ;
}

/* 各スポットボックス */

#main #sports ,
#main #exp ,
#main #sight {
	width:890px;
	overflow:hidden;
	padding:0 0 30px 0;
}
#main #sports h4,
#main #exp h4 ,
#main #sight h4 {
	padding:0 0 20px 0;
}

#main .box_spot {
	float:left;
	width:200px;
	padding:0 5px 10px 15px;
}
#main .box_spot .box_spotinfo {
	width:200px;
	background:#f4eedc;
	padding:10px 0;
	color:#725637;
}
#main .box_spot .box_spotinfo h5 {
	padding:7px 5px 7px 20px;
	color:#fff;
	font-weight:normal;
	background:#3c8fa4;
}
/* スポーツエリアのタイトルカラー */
#main #exp .box_spot .box_spotinfo h5 {
	background:#2e659f;
}
/* 観光エリアのタイトルカラー */
#main #sight .box_spot .box_spotinfo h5 {
	background:#e2823a;
}
#main .box_spot .box_spotinfo .image {
	width:170px;
	height:130px;
	margin: 17px 0 5px 15px;
	position:relative;
}
#main .box_spot .box_spotinfo .image a {
	display:block;
	font-size:1px;
	width:160px;
	height:120px;
	line-height:0;
	border:5px solid #dae0c9;
}
#main .box_spot .box_spotinfo .image img {
	border:5px solid #f4eedc;
	width:160px;
	height:120px;
}
#main .box_spot .box_spotinfo .image a img {
	border:0;
}
#main .box_spot .box_spotinfo .image a.btn {
	position:absolute;
	right:5px;
	bottom:5px;
	width:15px;
	height:15px;
	border:0;
}
#main .box_spot .box_spotinfo .image a.btn img {
	width:15px;
	height:15px;
}
#main .box_spot .box_spotinfo p.txt {
	font-size:90%;
	margin:0 18px 7px 18px;
}
#main .box_spot .box_spotinfo ul {
	width:155px;
	padding:0 0 0 30px;
	overflow:hidden;
}
#main .box_spot .box_spotinfo ul li {
	float:left;
	padding:0 2px 0 0;
}
#main .box_spot .box_spotinfo dl dt {
	float:left;
	width:77px;
}
#main .box_spot .box_spotinfo p.access {
	padding:3px 5px 3px 20px;
	font-size:85%;
	background: url(../../images/enjoy/ic_ac.gif) left 4px no-repeat #fff;
	margin:5px 20px;
	color:#725637;
}


/* 各スポットボックス */
#access.con_access {
	width:890px;
	padding:0;
}
#access.con_access h3 {
	width:890px;
	padding:0 0 17px 0;
}
#main h4.txt {
	background: url("../../images/enjoy/ic_h4txt.gif") no-repeat scroll left top transparent;
	border: 1px solid #C7D79E;
	color: #412800;
	font-size: 110%;
	margin: 0 0 15px 0;
	width:856px;
	padding: 7px 7px 7px 25px;
}
#access.con_access .box_sougei ,
#access.con_access .box_access {
	overflow:hidden;
	width:890px;
	padding:0 0 30px 0;
}
#access.con_access .box_sougei .image {
	float:left;
	padding:0 0 0 40px;
	width:285px;
}
#access.con_access .box_sougei .info {
	float:left;
	width:530px;
}
/* .box_access */
#access.con_access .box_access .routeinfo {
	float:left;
	width:522px;
	padding:0 10px 0 13px;
}
#access.con_access .box_access .routeinfo h5 {
	background: url("../../images/enjoy/bg_h5line.gif") no-repeat scroll left top transparent;
	padding:12px 0 5px 10px;
	font-size:140%;
	font-weight:normal;
}
#access.con_access .box_access .routeinfo dl {
	padding:0 0 20px 59px;
	width:463px;
	overflow:hidden;
}
#access.con_access .box_access .routeinfo dl dt {
	float:left;
	width:120px;
	padding:0 0 5px 0;
}
#access.con_access .box_access .routeinfo dl dd {
	float:left;
	width:343px;
	padding:0 0 5px 0;
}
#access.con_access .box_access .maparea {
	float:left;
	width:330px;
}
#access.con_access .box_access #accessmap {
	width:320px;
	height:250px;
	border:5px solid #dae0c9;
}
#access.con_access .box_access .maparea p.widemap {
	padding: 0;
	text-align:right;
}


/*----------------------------------------------------

	contact.asp	お問い合わせページ

----------------------------------------------------*/
#contents #main .con_contactarea {
	padding:0 0 20px 0;
}
#contents #main .con_contactarea .txt_tel {
	background: url("../../images/contact/ic_tel.gif") no-repeat scroll left top;
	padding:0 0 0 30px;
	font-size:170%;
}
#contents #main .con_contactarea .txt_info {
	padding:15px 0 25px 0;
}
#contents #main .con_contactarea .tel_comm {
	padding:10px 0 14px 0;
}
#contents #main .con_contactarea .tel_time {
	padding:0 0 50px 30px;
}

/*----------------------------------------------------
	table
----------------------------------------------------*/
#contents #main .con_contactarea table {
	border-collapse:collapse;
	width:870px;
	margin:0 10px 10px 10px;
}
#contents #main .con_contactarea table th ,
#contents #main .con_contactarea table td {
	border-collapse:collapse;
	border:1px solid #d9d0c3;
	padding:10px;
	background:#f2f0e2;
	line-height:1.4;
}
#contents #main .con_contactarea table th {
	color:#710514;
	width:150px;
	background-color:#e3deb8;
}

#contents #main .con_contactarea p.center {
	text-align:center;
	padding:0 0 30px 0;
}

#contents #main .con_contactarea td select ,
#contents #main .con_contactarea td textarea ,
#contents #main .con_contactarea td input.middle ,
#contents #main .con_contactarea td input.short ,
#contents #main .con_contactarea td input.long {
	border:1px solid #d9d0c3;
}
#contents #main .con_contactarea td textarea ,
#contents #main .con_contactarea td input.long {
	padding: 3px;
	width: 520px;
}
#contents #main .con_contactarea td input.middle {
	padding: 3px;
	width: 80px;
}
#contents #main .con_contactarea td input.short {
	padding: 3px;
	width: 40px;
}
#contents #main .con_contactarea td textarea {
	height:230px;
}

#contents #main .con_contactarea td input.radio {
	margin:0 5px 0 0;
}
#contents #main .con_contactarea td label.error {
	margin: 0 10px 0 5px;
	font-weight: bold;
	color: #C81010;
}
#contents #main .con_contactarea td input.radio {
	margin:0 5px 0 0;
}
#contents #main .con_contactarea td p input {
    background-color: #fff;
    border: 0;
    color: #000;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: left;
}



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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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