@charset "UTF-8";

/* ==============================================
 * 初期化
 */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

html>/**/body {
	overflow:-moz-scrollbars-vertical;
}

div:after {
	content: "";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 82%;
	line-height: 1.2em;
	background:url(../images/body_bg.gif);
}

h1 {
	line-height: 1.2em;
	font-size:136%;
}

h2 {
	line-height: 1.2em;
	font-size:129%;
}

h3 {
	line-height: 1.2em;
	font-size:122%;
}

h4 {
	line-height: 1.2em;
	font-size:114%;
}

h5 {
	line-height: 1.2em;
	font-size:107%;
}

h6 {
	line-height: 1.2em;
	font-size:100%;
}


/* ==============================================
 * テーマ
 */
#container {
	width:888px;
	margin:0 auto 0 auto;
	background:url(../images/bg.jpg) repeat-y;
}

#header {
	width:100%;
	height:450px;
	background:url(../images/header.jpg);
}

#space {
	width:858px;
	height:30px;
	margin:0 auto 0 auto;
	background:#d89500;
	border-top:solid 2px #c59402;
	border-bottom:solid 2px #c59402;
}

#contents {
	width:100%;
	min-height:500px;
	height: auto !important;
	height: 500px;
}

#content_main {
	position:relative;
	float:left;
	left:15px;
	width:630px;
	min-height:400px;
	height: auto !important;
	height: 400px;
	border-right:solid 1px #c0c0c0;
}

#content_right {
	position:relative;
	float:left;
	left:20px;
	width:222px;
}


#navi {
	width:600px;
	margin:30px auto 0 auto;
	padding:0px 10px 0px 10px;
}

#navi span {
	display:none;
}

#navi #top_left {
	position:relative;
	float:left;
	width:300px;
	height:88px;
}

#navi #top_right {
	position:relative;
	float:left;
	width:300px;
	height:88px;
}

#navi #bottom_left {
	position:relative;
	float:left;
	width:300px;
	height:88px;
}

#navi #bottom_right {
	position:relative;
	float:left;
	width:300px;
	height:88px;
}



#navi #top_left a {
	display:block;
	width:300px;
	height:88px;
	background:url(../images/link_1.jpg) no-repeat;
}

#navi #top_left a:hover {
	display:block;
	width:300px;
	height:88px;
	background:url(../images/link_1_.jpg) no-repeat;
}

#navi #top_right a {
	display:block;
	width:300px;
	height:88px;
	background:url(../images/link_2.jpg) no-repeat;
}

#navi #top_right a:hover {
	display:block;
	width:300px;
	height:88px;
	background:url(../images/link_2_.jpg) no-repeat;
}

#navi #bottom_left a {
	display:block;
	width:300px;
	height:88px;
	background:url(../images/link_3.jpg) no-repeat;
}

#navi #bottom_left a:hover {
	display:block;
	width:300px;
	height:88px;
	background:url(../images/link_3_.jpg) no-repeat;
}

#navi #bottom_right a {
	display:block;
	width:300px;
	height:88px;
	background:url(../images/link_4.jpg) no-repeat;
}

#navi #bottom_right a:hover {
	display:block;
	width:300px;
	height:88px;
	background:url(../images/link_4_.jpg) no-repeat;
}


#greeting {
	width:600px;
	margin:30px auto 0 auto;
	min-height:200px;
	height: auto !important;
	height: 200px;
}

#greeting h1 span {
	display:none;
}

#greeting h1 {
	width:100%;
	height:36px;
	background:url(../images/title1.jpg) no-repeat;
	border-bottom:solid 2px #DC7D0C;
}

#access {
	width:600px;
	margin:30px auto 0 auto;
	min-height:200px;
	height: auto !important;
	height: 200px;
}

#access #access_left {
	float:left;
	width:400px;
	height:200px;
	padding:20px 0px 0px 40px;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
}

#access #access_left span {
	font-weight:normal;
	font-size:12px;
}


#access #access_right {
	float:left;
	width:160px;
	height:100px;
	margin:40px 0px 0px 0px;
}




#access h1 span {
	display:none;
}

#access h1 {
	width:100%;
	height:36px;
	background:url(../images/title2.jpg) no-repeat;
	border-bottom:solid 2px #DC7D0C;
}

#access #access_right span {
	display:none;
}

#access #access_right a {
	display:block;
	width:110px;
	height:30px;
	background:url(../images/map.jpg) no-repeat;
}

#access #access_right a:hover {
	display:block;
	width:110px;
	height:30px;
	background:url(../images/map1.jpg) no-repeat;
}


#footer {
	width:858px;
	height:30px;
	background:#d89500;
	border-top:solid 2px #c59402;
	border-bottom:solid 2px #c59402;
	margin:0 auto 0 auto;
}

#speacer {
	height:50px;
}

#ski {
	width:219px;
	margin:10px auto 0 auto;
	padding-right:22px;
}

#ski_head {
	width:100%;
	height:70px;
	background:url(../images/ski_head.jpg) no-repeat;
}

#ski_body {
	width:100%;
	min-height:100px;
	height: auto !important;
	height: 100px;
	background:url(../images/ski_body.jpg) repeat-y;
}

#ski_body ul li {
	list-style:none;
	font-size:18px;
	font-weight:bold;
	line-height:28px;
	padding-left:10px;
	width:200px;
	margin:0 auto 0 auto;
	border-bottom:solid 1px #c0c0c0;
	height:40px;
	line-height:40px;
}

#ski_body ul li a {
	color:#6565d5;
}

#ski_foot {
	width:100%;
	height:15px;
	background:url(../images/ski_foot.jpg);
}




#onsen {
	width:219px;
	margin:10px auto 0 auto;
	padding-right:22px;
}


#onsen_head {
	width:100%;
	height:70px;
	background:url(../images/onsen_head.jpg) no-repeat;
}

#onsen_body {
	width:100%;
	min-height:100px;
	height: auto !important;
	height: 100px;
	background:url(../images/onsen_body.jpg) repeat-y;
}

#onsen_foot {
	width:100%;
	height:15px;
	background:url(../images/onsen_foot.jpg) no-repeat;
}

#onsen h1 span {
	display:none;
}

#onsen h1 {
	position:relative;
	float:left;
	left:30px;
	width:156px;
	height:46px;
	background:url(../images/zyurou.jpg) no-repeat;
}

#onsen #onsen_image {
	position:relative;
	float:left;
	left:7px;
	width:205px;
}

#onsen #onsen_msg {
	position:relative;
	float:left;
	left:12px;
	width:205px;
}

#onsen #onsen_msg p {
	width:195px;
	font-weight:bold;
	text-align:center;
	color:#ff0000;
	font-size:14px;
	line-height:18px;
}