@charset "UTF-8";

a {
	outline: 0;
	color: #335FAC;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	outline: none;
	position: relative;
	top: 1px;
}
.clearfix {
	clear: both;
}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

/*------------------------------------*\
  基本
\*------------------------------------*/
body {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 87.5%;
	line-height: 180%;
	padding: 60px 0 20px 40px;
	margin:0;
}
img {
	border: none;
	vertical-align: bottom;/* IEでの画像の下の余白を無くす*/
	-ms-interpolation-mode: bicubic;/* IEでサムネイルを小さくしてもきれいに見える*/
}

h1 {
	padding: 0px 0px 10px;
	margin: 0 0px 10px;
	width: 300px;
	display: block;
	font-size: 2em;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: bolder;
	line-height: 1.2;
}
p {
	margin:0px 0px 10px;
	padding: 10px 0px 0;
	line-height: 180%;
	text-align: justify;
	text-justify: auto;
}
small {
	font-size: 0.75em;
	line-height: 130%;
	font-weight: normal;
}

/*-------------------------------------------------
定義リスト
-------------------------------------------------*/
dl {
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 10px 0 0;
	padding: 0px;
}
dd p {
	margin-bottom: 10px;
}

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

画像

-------------------------------------------------*/
figure {
	margin: 0;
}

/*-------------------------------------------------
レイアウト用
-------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	padding: 0 0px 50px;
	overflow: hidden;
	width: 980px;
}
.alignL {
	text-align: left;
}
.alignC {
	text-align: center;
}
.alignR {
	text-align: right;
	color: #DA2217;
}

/*	dl.data
----------------------------------------------------*/
.data{
	width: 290px;
	background: #FAF6EF;
	padding: 20px;
	font-size: 1.1rem;
	font-size: 11px;
	overflow: hidden;
	margin-bottom: 5px;
}
.data dt{
	display: none;
}
.data dd{
	margin: 0 5px 0 0;
	line-height: 1.5;

	
	*float: none;
} 
/*	icn
----------------------------------------------------*/
i.icn-contact,
i.icn-address,
i.icn-price,
i.icn-parking,
i.icn-access,
i.icn-time,
i.icn-holiday{
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 12px;
	margin: 0 2px 0px 0;
	overflow: hidden;
	background: url(../img/icn_jalan_bl.gif) no-repeat 0 0;
	vertical-align: middle;

	*display: inline;
	*zoom: 1;
}
i.icn-contact{	background-position: -24px -12px;}
i.icn-address{	background-position: -24px 0;}
i.icn-price{	background-position: -12px -12px;}
i.icn-parking{	background-position: -12px -24px;}
i.icn-access{	background-position: 0 -24px;}
i.icn-holiday{	background-position: 0 -12px;}
i.icn-time{	background-position: -12px 0;}



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

地獄

-------------------------------------------------*/
#jigoku {
	background: url(../jigoku/img/mark.gif) no-repeat 20px 30px;
}
#jigoku h1 {
	background: url(../jigoku/img/h1bg.gif) no-repeat left bottom;
	color: #900;
}

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

あそぶ

-------------------------------------------------*/
#asobu {
	background: url(../asobu/img/mark.gif) no-repeat 20px 30px;
}
#asobu h1 {
	background: url(../asobu/img/h1bg.gif) no-repeat left bottom;
	color: #F60;
}

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

温泉

-------------------------------------------------*/
#onsen {
	background: url(../onsen/img/mark.gif) no-repeat 20px 30px;
}
#onsen h1 {
	background: url(../onsen/img/h1bg.gif) no-repeat left bottom;
	color: #006699;
}

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

食べる

-------------------------------------------------*/
#taberu {
	background: url(../taberu/img/mark.gif) no-repeat 20px 30px;
}
#taberu h1 {
	background: url(../taberu/img/h1bg.gif) no-repeat left bottom;
	color: #F00;
}

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

雑貨

-------------------------------------------------*/
#zakka {
	background: url(../zakka/img/mark.gif) no-repeat 20px 30px;
}
#zakka h1 {
	background: url(../zakka/img/h1bg.gif) no-repeat left bottom;
	color: #663399;
}

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

宿

-------------------------------------------------*/
#hotel {
	padding: 40px 20px 20px 40px;
}
#hotel h1 {
	background: url(../hotel/img/h1bg.gif) no-repeat left bottom;
	color: #009999;
}
/*宿アイコン大*/
.featureIcon li {
	float: left;
	margin-right: 7px;
	background: url(../img/hotel/hotelIcon2.gif) no-repeat left top;
	height: 69px;
	width: 60px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 31px;
}
.featureIcon li.ctg_01 {
	background-position: -60px top;
}
.featureIcon li.ctg_02 {
	background-position: -120px top;
}
.featureIcon li.ctg_03 {
	background-position: -180px top;
}
.featureIcon li.ctg_04 {
	background-position: -240px top;
}
.featureIcon li.ctg_05 {
	background-position: -300px top;
}
.featureIcon li.ctg_06 {
	background-position: -360px top;
}
.featureIcon li.ctg_07 {
	background-position: -420px top;
}
.featureIcon li.ctg_08 {
	background-position: -480px top;
}
.featureIcon li.ctg_09 {
	background-position: -540px top;
}
.featureIcon li.ctg_10 {
	background-position: -600px top;
}
#hotel #btnL img {
	margin-bottom: 0;
}
#hotel .price {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	font-size: 2em;
}


.photo01 {
	width: 300px;
	margin-bottom: 2px;
}
.photo02 {
	float: left;
	width: 149px;
}
.photo03 {
	width: 149px;
	float: left;
	margin-left: 2px;
}
#contentsLeft {
	width: 300px;
	float: left;
	margin-right: 30px;
}
#contentsRight {
	width: 330px;
	float: left;
}
#btnL {
	float: left;
	width: 201px;
	margin-right: 0px;
	margin-bottom: 10px;
}
#btnL img {
	margin-bottom: 10px;
}
#btnR {
	float: right;
	width: 120px;
	margin-right: 0px;
	margin-bottom: 10px;
}
#hotel .plan {
	background: #FAF6EF url(../hotel/img/planTtl.gif) no-repeat left top;
	overflow: hidden;
	padding: 35px 20px 10px;
}
#hotel .plan dt {
	color: #D92117;
	font-size: 1.2em;
	font-weight: bold;
	background: url(../hotel/img/planLine.gif) no-repeat center bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 110%;
}
#contentsRight p {
	clear: both;
}
.plan dd {
	float: left;
}