@charset "UTF-8";
@import "common.css";

body {
	background: #fff url(/imgs/body_bg.jpg) repeat-x 0 0;
	line-height: 1.5;
	font-size: 13px;
	color: #444;
	text-align: center;
}
a:link {
	color: #0066ff;
	text-decoration: none;
}
a:visited {
	color: #0066ff;
	text-decoration: none;
}
a:hover {
	color: #88c73b;
}
/* @group background */
#top {
	background: url(/imgs/topbg_daisen.png) no-repeat center top;
}
#top #bgsnow {
	background: url(/imgs/topbg_snow.png) repeat-x 0 350px;
}
#top #bg {
	background: url(/imgs/snowborder.png) no-repeat center 0;
}
#page {
	background: url(/imgs/pagebg_daisen.png) no-repeat center top;
}
#page #bgsnow {
	background: url(/imgs/topbg_snow.png) repeat-x 0 260px;
}
#page #bg {
	background: url(/imgs/page_snowborder.png) no-repeat center 0;
}
/* @end */
/* @group header */
#header {
	width: 960px;
	height: 80px;
	margin: 0 auto 10px;
	text-align: left;
}
#header .Lbox {
	width: 632px;
	height: 70px;
	margin-right: 10px;
	padding: 10px 0 0 8px;
	float: left;
}
#header .Rbox {
	width: 310px;
	float: right;
}
#header h1 {
	margin: 3px 0 0;
	float: left;
}
#header h1 a {
	width: 290px;
	height: 65px;
	background: url(/imgs/h1_logo.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
#header .pumph {
	float: right;
}
#header .pumph a {
	width: 320px;
	height: 70px;
	display: block;
	text-indent: -9999px;
	background: url(/imgs/bnr_pumph.jpg) no-repeat 0 0;
}
ul#headLink {
	height: 33px;
	margin: 0;
	padding: 3px 0 0 34px;
	list-style: none;
	background: url(/imgs/headerlink_bg.png) no-repeat 0 0;
	color: #2a3f5f;
	font-size: 12px;
}
ul#headLink li {
	float: left;
	background: url(/imgs/list_link.gif) no-repeat 0 6px;
	margin: 0 16px 0 0;
	padding-left: 10px;
}
#parking {
	padding: 0 0 0 50px;
	text-indent: -9999px;
}
#parking a {
	width: 204px;
	height: 44px;
	background: url(/imgs/btn_parking.gif) no-repeat 0 0;
	display: block;
}
/* @end */
/* @group navi */
#navi {
	clear: both;
	height: 64px;
	margin: 0 0 24px 0;
	background: url(/imgs/menu_bg.png) repeat-x 0 0;
}
#navi ul {
	width: 960px;
	height: 64px;
	margin: 0 auto;
	text-align: left;
	list-style: none;
}
#navi li {
	float: left;
	margin: 0;
}
#navi li a {
	height: 64px;
	display: block;
	text-indent: -9999px;
	background: url(/imgs/navi.png) no-repeat;
	margin: 0;
}
#navi li.news a {
	width: 102px;
	background-position: 0 0;
}
#navi li.event a {
	width: 102px;
	background-position: -102px 0;
}
#navi li.gelande a {
	width: 202px;
	background-position: -210px 0;
}
#navi li.school a {
	width: 116px;
	background-position: -412px 0;
}
#navi li.food a {
	width: 108px;
	background-position: -528px 0;
}
#navi li.stay a {
	width: 104px;
	background-position: -636px 0;
}
#navi li.link a {
	width: 110px;
	background-position: -740px 0;
}
#navi li.access a {
	width: 110px;
	background-position: -850px 0;
}
#navi li.news_on a,
#navi li.news a:hover {
	width: 102px;
	background-position: 0 -64px;
}
#navi li.event_on a,
#navi li.event a:hover {
	width: 102px;
	background-position: -102px -64px;
}
#navi li.gelande_on a,
#navi li.gelande a:hover {
	width: 202px;
	background-position: -210px -64px;
}
#navi li.school_on a,
#navi li.school a:hover {
	width: 116px;
	background-position: -412px -64px;
}
#navi li.food_on a,
#navi li.food a:hover {
	width: 108px;
	background-position: -528px -64px;
}
#navi li.stay_on a,
#navi li.stay a:hover {
	width: 104px;
	background-position: -636px -64px;
}
#navi li.link_on a,
#navi li.link a:hover {
	width: 110px;
	background-position: -740px -64px;
}
#navi li.access_on a,
#navi li.access a:hover {
	width: 110px;
	background-position: -850px -64px;
}
/* @end */
/* @group topimg */
#topimg {
	width: 940px;
	height: 300px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	background: url(/imgs/topimg_bg.png) no-repeat 0 0;
}
#topimg #flash {
	float: left;
}
#topimg ul {
	width: 400px;
	height: 300px;
	float: right;
	margin: 0;
	padding: 0;
}
#topimg li {
	margin: 0;
	padding: 0;
}
#topimg li a {
	width: 400px;
	height: 100px;
	display: block;
	text-indent: -9999px;
}
#topimg li.thxticket a {
	background: url(/imgs/bnr_ticket39.jpg) no-repeat 0 0;
}
#topimg li.livecamera a {
	background: url(/imgs/bnr_livecameara.jpg) no-repeat 0 0;
}
#topimg li.busrakuski a {
	background-image: url(/imgs/bnr_busraku.jpg);
}
/* @end */
/* @group pageimg */
#pageimg {
	width: 940px;
	height: 160px;
	padding: 10px;
	margin: 0 auto;
	text-align: left;
	background: url(/imgs/pageimg_bg.png) no-repeat 0 0;
}
#pageimg .Lbox {
	width: 540px;
	height: 160px;
	float: left;
}
#pageimg ul {
	width: 400px;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#pageimg ul li.over {
	width: 400px;
	height: 40px;
	margin: 0;
	padding: 0;
}
* html #pageimg ul li.over {
	margin: 0 0 -2px 0;
}

/* @end */

/* @group snowreport */
#snowreport {
	width: 938px;
	height: 256px;
	margin: 20px auto 0;
	background: url(/imgs/snowreport_bg.gif) no-repeat 0 0;
	padding: 11px;
	text-align: left;
}
#snowreport .rBox {
/*	width: 342px; */
	float: left;
}

#snowreport h3 {
	margin: 0 0 0 12px;
	width: 164px;
	height: 34px;
	background: url(/imgs/snowreport_h3.gif) no-repeat 0 0;
	text-indent: -9999px;
}
ul#tabMenu {
	list-style: none;
	margin: 5px 15px 0 10px;
	padding: 0;
	line-height: 100%;
	width: 256px;
}
ul#tabMenu li {
	width: 256px;
	height: 26px;
	margin: 0 0 2px 0;
	padding: 0 0 0 12px;
	font-weight: bold;
	cursor:pointer;
	font-size: 15px;
	line-height: 26px;
	overflow: hidden;
	clear: right;
}

ul#tabMenu li .skiname {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 150px;
}
ul#tabMenu li .snow {
  display: block;
  margin: 0;
  padding: 0 16px 0 0;
  height: 26px;
  font-size: 15px;
  line-height: 26px;
}

ul#tabMenu li a {
	background: none;
}
ul#tabMenu li.mouseover { background: url(/imgs/snowreport_areabg.jpg) no-repeat 0 0; }
ul#tabMenu li.selected{ background: url(/imgs/snowreport_areabg.jpg) no-repeat 0 0; }
.boxBody {
	width: 620px;
	height: 160px;
	float: right;
	padding: 14px 14px 14px 6px;
}
.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody h4 {
	margin: 0 8px 4px;
	padding: 0 4px 3px;
	font-size: 16px;
	border-bottom: solid 1px #1c2a47;
/*	line-height: 1; */
	height: 22px;
	line-height: 22px;
}
.boxBody h4 .skiname a {
	text-decoration: none;
	color: #0e1d3c;
}
.boxBody h4 .skiname a:visited {
	color: #0e1d3c;
	text-decoration: none;
}
.boxBody h4 .skiname a:hover {
	color: #88c73b;
}
.boxBody h4 .skiname {
  float: left;
}
.boxBody h4 .day {
	font-size: 13px;
	color: #666;
	padding: 0 30px 0 15px;
  float: left;
}
.boxBody h4 .gosite {
  display: block;
  float: right;
  width: 113px;
}
.boxBody p {
  margin: .25em 0;
  padding:0 4px 3px;
  line-height: 1.1;
  font-size: 11px;
}
ul.weather {
  padding: 0 0 4px;
	margin: 0 20px 0 4px;
	list-style: none;
	line-height: 1.1;
	font-size: 15px;
}
ul.weather li {
	padding: 0;
	margin: 0 10px;
	float: left;
}
#snowreport table.deco-tb th {
	border: solid 1px #a5a8af;
	background: url(/imgs/deco-tb_bg.gif) repeat-x 0 0;
	padding: 0 6px;
	font-weight: bold;
	color: #0e1d3c;
}
#snowreport table.deco-tb td {
	border: solid 1px #a5a8af;
	padding: 1px 6px 0;
	font-size: 11px;
	background-color: #fff;
}
#snowreport table.deco-tb td.title {
	font-weight: bold;
	white-space: nowrap;
}
#snowreport table.deco-tb td {
  width: auto;
}
#snowreport table.deco-tb td.title.liftname {
  width: 90px;
}
#snowreport table.deco-tb td.operationtime {
  white-space: nowrap;
  width: auto;
}
#snowreport table.deco-tb td.liftoperation {
  text-align: center;
  font-weight: bold;
  width: 18px;
}
#snowreport table.deco-tb td.liftoperation span.lift_stop {
  color: #900;
}
#snowreport #courseclose {
  height: 158px;
  overflow-y: scroll;
}
#snowreport #courseclose h4 {
  margin: 0 8px 4px 0;
}
#snowreport #courseclose table {
  margin: 2px;
}

/* @end */

/* @group topevent */

#topevent {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#topevent h3 {
	margin: 0 0 15px 0;
	background: url(/imgs/event_index.jpg) no-repeat 0 0;
	text-indent: -9999px;
}
#topevent h3 a {
	width: 960px;
	height: 40px;
	display: block;
}
#topevent ul {
	list-style: none;
	padding: 0 1px;
	margin: 0;
}
#topevent ul li {
	width: 158px;
	margin: 0 0 0 2px;
	float: left;
}
#topevent ul li.first {
	margin: 0;
}
#topevent ul li .outline {
	padding: 0 4px 10px;
	font-size: 12px;
}
#topevent ul li .more {
	width: 49px;
	height: 15px;
	float: right;
	margin: 0;
	font-size: 1px;
}
#topevent ul li .more a {
	width: 49px;
	height: 15px;
	background: url(/imgs/btn_more.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
#topevent ul li .more a:hover {
	background-position: 0 -15px;
}
/* @end */
/* @group topnews */
#topmain {
	clear: both;
	width: 960px;
	margin: 0 auto 20px;
	padding: 20px 0 0 0;
	text-align: left;
}
#topmain .Lbox {
	width: 650px;
	float: left;
	padding: 0 0 30px;
	margin: 0 20px 0 0;
}
#topnews {
	margin: 0 0 30px;
}
#topnews h3 {
	margin: 0;
	text-indent: -9999px;
}
#topnews h3 a {
	width: 650px;
	height: 40px;
	background: url(/imgs/news_index.jpg) no-repeat 0 0;
	display: block;
}
#topnews h3 a:hover {
	background-position: 0 -40px;
}
#topnews ul {
	list-style: none;
}
#topnews ul li {
	clear: both;
	margin: 0;
	padding: 4px 0 4px 15px;
	border-bottom: dotted 1px #99b2d0;
	background: url(/imgs/list_news.gif) no-repeat 4px 9px;
}
#topnews ul li .icon {
	width: 70px;
	height: 24px;
	float: right;
	padding-left: 10px;
	padding-right:7px;
}
/* @end */
/* @group pagetop link */
.gotop {
	clear: both;
	float: right;
	padding: 0 10px 0 0;
}
.gotop a {
	width: 146px;
	height: 32px;
	background: url(/imgs/go_top.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
.gotop a:hover {
	background-position: 0 -32px;
}
/* @end */
/* @group pagemain */
#pagemain {
	width: 940px;
	margin: 0 auto;
	padding: 10px 10px 20px;
	text-align: left;
}

#pagemain .Lbox {
	width: 640px;
	margin: 0 20px 0 0;
	float: left;
}
#pagetitle h3 {
	font-size: 1.4em;
	color: #515574;
	text-shadow: 1px 1px #fff;
	width: 615px;
	min-height: 32px;
	height: auto !important;
	height: 32px;
	background: url(/imgs/pagetitle_bg.jpg) no-repeat 0 0;
	margin: 0;
	padding: 8px 10px 0 15px;
}
#pagetitle .outline {
	margin: 4px 15px;
	font-size: 12px;
}
/* @end */
/* @group folder */
#folder ul {
	margin: 0 10px 20px;
	list-style: none;
}
#folder ul li {
	margin: 0;
	padding: 10px 0; 
	border-bottom: dotted 1px #dbdbdb;
}
#folder ul li .icon {
	float: left;
	padding: 0 10px 10px 0;
}
#folder ul li .title {
	border-bottom: solid 1px #99b2d0;
	margin: 0 0 8px 130px;
	padding: 0 8px 3px 12px;
	background: url(/imgs/list_news.gif) no-repeat 2px 6px;
}
#folder ul li .title a {
  width: auto;
  display: inline;
}
#folder ul li .day {
	float: right;
	font-size: 0.8em;
	color: #999;
	padding: 0;
	width: 70px;
	text-align: right;
}
#folder ul li .outline {
	margin: 0 70px 0 130px;
}
#folder ul li .more {
	width: 49px;
	height: 15px;
	float: right;
	margin: 0;
	font-size: 1px;
}
#folder ul li .more a {
	width: 49px;
	height: 15px;
	background: url(/imgs/btn_more.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
#folder ul li .more a:hover {
	background-position: 0 -15px;
}
/* @end */
/* @group ContsBox */
#ContsBox {
	border-bottom: dotted 1px #dbdbdb;
	padding: 0 0 20px;
}
#pagemain .day {
	font-size: 0.8em;
	color: #999;
	padding: 6px 10px 20px;
	float: right;
}
/* @end */
/* @group side menu */
#topmain .Rbox,
#pagemain .Rbox {
	width: 280px;
	float: right;
}
#sidenavi {
	width: 280px;
	margin: 0;
	padding: 0 0 10px;
	border-bottom: dotted 1px #dbdbdb;
}
#sidenavi ul {
	list-style: none;
	margin: 0;
}
#sidenavi ul li {
	margin: 0 0 2px;
	padding: 1px;
	background-color: #fff;
	border: solid 1px #99b2d0;
}
#sidenavi ul li.mail a {
	width: 276px;
	height: 54px;
	background: url(/imgs/side_mail.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
#sidenavi ul li.mobile a.title {
	width: 185px;
	height: 54px;
	background: url(/imgs/side_mobile.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
#sidenavi .outline {
	font-size: 12px;
	padding: 4px 8px;
}
/* @end */
/* @group banner */
#bnrBox {
	padding: 10px 0 30px 0;
}
#bnrBox ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#bnrBox ul li {
	margin: 0 0 1px;
	padding: 0;
}
/* @end */
/* @group footer */
#footer {
	clear: both;
	background: url(/imgs/footer_bg.jpg) repeat-x 0 0;
	font-size: 12px;
	line-height: 1.2;
	padding: 60px 0 20px;
}
.infooter {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
}
.infooter h3 {
	width: 400px;
	height: 70px;
	float: left;
	background: url(/imgs/footer_logo.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	margin: 0 20px 0 0;
}
ul.footLink {
	margin: 0;
	list-style: none;
}
ul.footLink li.first {
	border-left: solid 1px #444;	
}
ul.footLink li {
	float: left;
	margin: 0;
	padding: 0 8px;
	border-right: solid 1px #444;
}
.infooter address {
	margin: 26px 0 0;
}

/* @end */

#pageimg ul,
#topimg ul {
  list-style-type: none;
}

#topicPath {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 8px 0 0;
	font-size: 0.9em;
	color: #666;
}