@charset "utf-8";

/* 平山温泉サブページ（共通） */

* {
	margin: 0px;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}
ul {
	list-style-type:none;
}
dl,dd,dt {
	margin:0;
	padding:0;
}
img {
	border: 0px;
}
a:link,
a:visited {
	color:#6b6b6b;
	text-decoration:underline;
}
a:hover,
a:active {
	color:#000000;
	text-decoration:none;
}

/* for modern browser */
.clearfix {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac ¥*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */
html {
	height:100%;
}
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	line-height:160%;
	background-color:#FFFFFF;
	color:#444444;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:url(../images/bg_texture.jpg) repeat left top;
}

div#container {
	width:1000px;
}

/* 左メニュー */
div#leftMenu {
	width:150px;
	float:left;
}
div#leftMenu h1 {
	width:64px;
	height:235px;
	padding:39px 0 50px 40px;
}
div.line {
	background:url(../images/line_left.gif) no-repeat left center;
	width:130px;
	height:1px;
	margin:0 auto;
}
div.line hr {
	display:none;
	height:1px;
}
ul#leftnavi {
	width:150px;
	padding-top:10px;
	padding-bottom:10px;
}
ul#leftnavi li {
	height:28px;
}
ul#leftnavi li.list01 {
	background:url(../images/leftnavi01.gif) no-repeat left 0;
	height:28px;
	overflow:hidden;
}
ul#leftnavi li.list02 {
	background:url(../images/leftnavi02.gif) no-repeat left 0;
	height:28px;
	overflow:hidden;
}
ul#leftnavi li.list03 {
	background:url(../images/leftnavi03.gif) no-repeat left 0;
	height:28px;
	overflow:hidden;
}
ul#leftnavi li.list04 {
	background:url(../images/leftnavi04.gif) no-repeat left 0;
	height:28px;
	overflow:hidden;
}
ul#leftnavi li a {
	height:29px;
	display:block;
	text-decoration:none;
}
ul#leftnavi li.list01 a:hover {
	background:url(../images/leftnavi01.gif) no-repeat left -28px;
	background-color:#ffffff;
	height:28px;
}
ul#leftnavi li.list02 a:hover {
	background:url(../images/leftnavi02.gif) no-repeat left -28px;
	background-color:#ffffff;
	height:28px;
}
ul#leftnavi li.list03 a:hover {
	background:url(../images/leftnavi03.gif) no-repeat left -28px;
	background-color:#ffffff;
	height:28px;
}
ul#leftnavi li.list04 a:hover {
	background:url(../images/leftnavi04.gif) no-repeat left -28px;
	background-color:#ffffff;
	height:28px;
}
ul#leftnavi li a span {
	visibility:hidden;
}
ul#leftnavi2 {
	list-style-type:disc;
	list-style-position:inside;
	padding:15px 0 15px 10px;
	color:#e4e4e4;
	font-size:77%;
}
ul#leftnavi2 li {
	padding-bottom:3px;
}
ul#leftnavi2 li a.leftlink:link,a.leftlink:visited {
	color:#e4e4e4;
	text-decoration:none;
}
ul#leftnavi2 li a.leftlink:hover,a.leftlink:active {
	color:#ffffff;
	text-decoration:underline;
}
p.copyright2 {
	padding:9px 0 0 10px;
}

/* センタータイトル */
div#wrapper {
	float:left;
	background:url(../images/center_texture2.jpg) repeat-y left top;
}
div#wrapper2 {
	float:left;
	background-color:#FFFFFF;
}
div#centerTitle {
	width:190px;
	height:100%;
	float:left;
}

/* コンテンツ */
div#contents {
	width:660px;
	float:left;
	background-color:#ffffff;
}
div#contentWrapper {
	padding:40px 40px 100px 30px;
}
div#topMenu {
	width:100%;
	float:right;
	border-bottom:1px #e5ddd6 solid;
}
ul#topnavi {
	height:164px;
	padding-right:12px;
}
ul#topnavi li {
	width:12px;
	float:right;
	padding-left:20px;
}
div#contentWrapper {
}

/* お宿紹介 */
div.spaBox {
	clear:both;
}
div.spaBox h3 {
	padding:34px 0 25px 0;
}
div.spaBox p {
	color:#3b3b3b;
	line-height:170%;
	padding-bottom:23px;
}
div.spaBox div.leftImg {
	width:324px;
	height:230px;
	float:left;
}
div.rightWrap {
	width:260px;
	float:right;
}
div.spaBox div.thumbnail {
	width:260px;
	float:right;
	padding-top:4px;
}
div.spaBox div.thumbnail img {
	padding:3px;
	border:1px #e7e7e7 solid;
	margin-left:7px;
	margin-bottom:7px;
}
div.spaBox div.thumbnail a:hover img {
	padding:3px;
	border:1px #565656 solid;
	margin-left:7px;
	margin-bottom:7px;
}
dl.spaDate {
	width:250px;
	margin:0;
	padding:7px 0 0 0;
	float:right;
}
dl.spaDate dt {
	clear:both;
	width: 53px;
	height:18px;
	float: left;
	padding-bottom:4px;
	text-indent: 0em;
	line-height: 150%;
}
dl.spaDate dd {
	height:18px;
	padding-bottom:4px;
	padding-left:7px;
	line-height: 150%;
	font-size:85%;
	color:#6b6b6b;
}
div.priceBox {
	width:250px;
	float:right;
	padding-top:6px;
}
ul.priceDate {
	list-style-type:circle;
	list-style-position:inside;
	border-bottom:1px #e5e5e5 solid;
	font-size:85%;
	color:#6b6b6b;
	padding-top:4px;
	padding-bottom:4px;
}

/* pagetop */
p.pagetop {
	width:590px;
	background:url(../images/dot.gif) repeat-x left bottom;
	padding-bottom:11px;
	padding-top:30px;
	text-align:right;
	clear:both;
}