@charset "utf-8";
/* ===================================================================
CSS information

 file name  :information.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

#header #mainimage p span {
	background: url(../images/main.jpg) center top no-repeat;
}

/* -----------------------------------------------------------
	#side　メニューhover状態
----------------------------------------------------------- */
#village #contents #side ul.submenu li.info a {
	background: url(../../images/side/img_side.gif) left -40px no-repeat;
}
#village #contents #side.east ul.submenu li.hotel a {
	background: url(../../images/side/img_side.gif) left bottom no-repeat;
}
#village #contents #side.east ul.submenu li.west a {
	background: url(../../images/side/img_side.gif) left -78px no-repeat;
}
#village #contents #side.index ul.submenu li.east a {
	background: url(../../images/side/img_side.gif) left -107px no-repeat;
}
#village #contents #side.cottage ul.submenu li.cottage a {
	background: url(../../images/side/img_side.gif) left -136px no-repeat;
}
#village #contents #side.camp ul.submenu li.camp a {
	background: url(../../images/side/img_side.gif) left -165px no-repeat;
}
#village #contents #side.ski ul.submenu li.ski a {
	background: url(../../images/side/img_side.gif) left -194px no-repeat;
}

/* -----------------------------------------------------------
	#main
----------------------------------------------------------- */

#main .idTabs {
	background: url(../images/bg_menu.gif) left top repeat-x;
	width:720px;
	height:58px;
}
#main .idTabs li {
	float:left;
	width:152px;
	height:58px;
}
#main .idTabs li a {
	display:block;
	width:152px;
	height:58px;
	font-size:1px;
	line-height:0;
	overflow:hidden;
	text-indent:-9999em;
}
#main .idTabs li.west ,
#main .idTabs li.west a {
	width:151px;
}
#main .idTabs li.hotel ,
#main .idTabs li.hotel a {
	width:150px;
}
#main .idTabs li.west a {
	background: url(../images/img_menu.jpg) left bottom no-repeat;
}
#main .idTabs li.west a.selected ,
#main .idTabs li.west a:hover {
	background: url(../images/img_menu.jpg) left top no-repeat;
}
#main .idTabs li.east a {
	background: url(../images/img_menu.jpg) -151px bottom no-repeat;
}
#main .idTabs li.east a.selected ,
#main .idTabs li.east a:hover {
	background: url(../images/img_menu.jpg) -151px top no-repeat;
}
#main .idTabs li.cottage a {
	background: url(../images/img_menu.jpg) -303px bottom no-repeat;
}
#main .idTabs li.cottage a.selected ,
#main .idTabs li.cottage a:hover {
	background: url(../images/img_menu.jpg) -303px top no-repeat;
}
#main .idTabs li.camp a {
	background: url(../images/img_menu.jpg) -455px bottom no-repeat;
}
#main .idTabs li.camp a.selected ,
#main .idTabs li.camp a:hover {
	background: url(../images/img_menu.jpg) -455px top no-repeat;
}
#main .idTabs li.ski a {
	background: url(../images/img_menu.jpg) -607px bottom no-repeat;
}
#main .idTabs li.ski a.selected ,
#main .idTabs li.ski a:hover {
	background: url(../images/img_menu.jpg) -607px top no-repeat;
}
#main .idTabs li.hotel a {
	background: url(../images/img_menu.jpg) right bottom no-repeat;
}
#main .idTabs li.hotel a.selected ,
#main .idTabs li.hotel a:hover {
	background: url(../images/img_menu.jpg) right top no-repeat;
}


/* タブ内 */
#main #tab1,
#main #tab2,
#main #tab3,
#main #tab4,
#main #tab5,
#main #tab6 {
	padding:17px 0 0 0;
}

#main h4.st {
	background: url(../../images/common/bg_ttl.gif) left top no-repeat;
	padding:8px 0 12px 23px;
	color:#4e1f0f;
	font-size:200%;
}
#main .con_photolist {
	width:720px;
	overflow:hidden;
	padding:15px 0 0 0;
}
#main .con_photolist .box_photoarea {
	float:left;
	width:158px;
	padding:0 11px 20px 11px;
}


#main .con_photolist .box_photoarea .image {
	position:relative;
	width:158px;
	margin:0 auto;
	text-align:center;
}
#main .con_photolist .box_photoarea  .image a {
	display:block;
	font-size:1px;
	width:140px;
	padding:8px 9px 7px 9px;
	line-height:0;
}
#main .con_photolist .box_photoarea .image a img {
	width:140px;
	height:105px;
}
#main .con_photolist .box_photoarea .image a.btn {
	position:absolute;
	left:0px;
	top:0;
	width:158px;
	height:120px;
	padding:0;
	z-index:9;
}
#main .con_photolist .box_photoarea .image a.btn img {
	width:158px;
	height:120px;
}

#main .con_photolist .box_photoarea h5.txt {
    background: url("../images/ic_title.gif") no-repeat scroll left 10px transparent;
    color: #708C27;
    font-size: 120%;
    font-weight: normal;
    margin: 3px 0 10px 0;
    padding: 2px 0 2px 30px;
}


/* 館内MAP */
#main .con_facmap {
	padding:20px 0 30px 0;
	width:720px;
}
#main .con_facmap p {
	border:1px solid #e5ddb8;
	padding:35px 0 30px 0;
	text-align:center;
	width:718px;
}

/* テーブル*/
#main .con_facinfo {
	padding:20px 0 50px 0;
	width:720px;
}
#main .con_facinfo h4 {
	padding:0 0 15px 0;
}
#main .con_facinfo table {
	width:720px;
	border-collapse:collapse;
}
#main .con_facinfo table th ,
#main .con_facinfo table td {
	padding:10px 8px;
	background:#edf7d9;
	border:1px solid #d9d0c3;
}
#main .con_facinfo table th {
	background:#558508;
	width:160px;
	text-align:center;
	color:#fff;
}


/* お問い合わせ */
#main .con_contact {
	padding:20px 0 50px 0;
	width:720px;
}
#main .con_contact h4 {
	margin:0 0 0 20px;
}
#main .con_contact dl {
    border: 1px solid #BFB594;
	border-top:0;
	margin:0 0 0 20px;
    overflow: hidden;
    width: 677px;
}
#main .con_contact dt {
    height: 30px;
}
#main .con_contact dt ,
#main .con_contact dd {
    float: left;
    vertical-align: middle;
}
#main .con_contact dt.tel {
    background: url("../../../images/common/ic_tel.gif") no-repeat scroll 240px 7px transparent;
    color: #3A1409;
    font-size: 180%;
    padding: 3px 14px 5px 270px;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

