@charset "utf-8";
/* CSS Document */


/* reset styles */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
hr {
	display: none;
}
li {
	list-style-type: none;	
}

/* common style */
body,textarea,input {
	font-size: 100.01%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.invisible {
	text-indent: -9999px;
	height: 0px;
	width: 0px;
	position: absolute;
}
#content:after,
div.srchgrp:after,
div.detail:after,
#kuchikomientry .waku01 .inner:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
div.srchgrp,
div.detail,
#kuchikomientry .waku01 .inner {
    display: inline-block; 
} 
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* blocks - basic */
#header,#content,#footer {
	width: 100%;
	clear: both;
	float: none;
	position: relative;
}

/* blocks */
#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-size: 90%;
}

/* Header */
#header {
	height: 102px;
}
#sitelogo {
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #0065BA;
	width: 332px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 96px;
}
#description {
	position: absolute;
	left: 188px;
	top: 23px;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
#description em {
	font-style: normal;
}
#bn_head {
	position: absolute;
	top: 6px;
	right: 0px;
}
#nav_head {
	right: 0px;
	position: absolute;
	top: 70px;
}
#nav_head li {
	float: left;
	margin-left: 2px;
}

/* Content */
#content {
	margin-top: 18px;
}

/* Content - Columns */
#content .column1 {
	float: left;
	width: 486px;
}
#content .column2 {
	float: right;
	width: 300px;
}


/* Map Layout */
#map {
	height: 285px;
	width: 486px;
	position: relative;
	background-image: url(img/top_map.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 7px;
}
#map li {
	position: absolute;
}

/* Map area layout */
#map #hokkaido {
	top: 18px;
	left: 265px;
}
#map #tohoku {
	top: 96px;
	left: 381px;
}
#map #niigata {
	top: 96px;
	left: 298px;
}
#map #fukushima {
	top: 122px;
	left: 381px;
}
#map #kanetsu {
	top: 122px;
	left: 298px;
}
#map #joshinetsu {
	top: 154px;
	left: 298px;
}
#map #toshin {
	top: 154px;
	left: 381px;
}
#map #shiga {
	top: 180px;
	left: 298px;
}
#map #hokushin {
	top: 180px;
	left: 381px;
}
#map #yatsugatake {
	top: 212px;
	left: 216px;
}
#map #shirakabako {
	top: 212px;
	left: 298px;
}
#map #hakuba {
	top: 212px;
	left: 381px;
}
#map #kiso {
	top: 238px;
	left: 298px;
}
#map #fujisan {
	top: 238px;
	left: 381px;
}
#map #hokuriku {
	top: 89px;
	left: 96px;
}
#map #gifu {
	top: 118px;
	left: 96px;
}
#map #kinki {
	top: 238px;
	left: 120px;
}
#map #chugoku {
	top: 177px;
	left: 27px;
}

/* Common - WAKU */
#content .waku01 {
	background-color: #E6F3FF;
	padding: 4px;
}
#content .waku01 .innner {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

/* Kodawari Search */
#kodawari {
	position: relative;
}
#kodawari .srchgrp {
	margin: 5px 3px 5px 5px;
}
#kodawari .srchgrp div {
	width: 100%;
	clear: both;
	background-image: url(img/dots01.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 3px 0;
}
.grp02 {background-color: #FFF7EE;}
.grp03 {background-color: #F3FFE8;}
.grp04 {background-color: #E8E8FF;}
.grp05 {background-color: #FFECEC;}
.grp06 {background-color: #FFECFF;}
#kodawari h3 {
	float: left;
	width: 78px;
}
#kodawari ul {
	float: right;
	width: 388px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#ski #kodawari ul {
	width: 488px;
}
#kodawari li {
	font-size: 84%;
	width: 96px;
	float: left;
	height: 1.5em;
}
#kodawari li.wd2 {
	width: 120px;
}
#search_submit {
	margin-top: -50px;
	margin-right: 0px;
	float: right;
	background-color: #FFFFFF;
	padding: 10px;
}

/* Banner */
div.bn {
	margin-top: 10px;
}
div.bn p {
	float: left;
	margin-right: 2px;
}
div.bn p.nomargin {
	margin-right: 0;
}

/* Information */
#ski_update ul,
#kuchi_update ul {
	padding: 3px 5px;
	overflow: auto;
}
#ski_update li,
#kuchi_update li {
	background-image: url(img/dots01.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	font-size: 82%;
	padding: 3px 0;
}
#ski_update li img {
	vertical-align: top;
}

#ski_update .oshirase {
	color: #FF0000;
}
#ski_update .hokkaido {
	color: #9ECEFF;
}
#ski_update .tohoku,
#ski_update .niigata,
#ski_update .fukushima,
#ski_update .kanetsu {
	color: #FFBE7D;
}
#ski_update .joshinetsu,
#ski_update .toshin,
#ski_update .shiga,
#ski_update .hokushin {
	color: #69D200;
}
#ski_update .yatsugata,
#ski_update .shirakaba,
#ski_update .hakuba,
#ski_update .kiso,
#ski_update .fujisan {
	color: #9E9EFF;
}
#ski_update .hokuriku,
#ski_update .gifu {
	color: #FF9E9E;
}
#ski_update .kinki,
#ski_update .chugoku {
	color: #FF9EFF;
}

#kuchi_update {
	margin-top: 4px;
}
#kuchi_update li img {
	vertical-align: middle;
}
#kuchi_update .comment {
	font-size: 90%;
	margin-left: 4px;
}

#kuchi_update .oshirase {
	color: #FF0000;
}
#kuchi_update .hokkaido {
	color: #9ECEFF;
}
#kuchi_update .tohoku,
#kuchi_update .niigata,
#kuchi_update .fukushima,
#kuchi_update .kanetsu {
	color: #FFBE7D;
}
#kuchi_update .joshinetsu,
#kuchi_update .toshin,
#kuchi_update .shiga,
#kuchi_update .hokushin {
	color: #69D200;
}
#kuchi_update .yatsugata,
#kuchi_update .shirakaba,
#kuchi_update .hakuba,
#kuchi_update .kiso,
#kuchi_update .fujisan {
	color: #9E9EFF;
}
#kuchi_update .hokuriku,
#kuchi_update .gifu {
	color: #FF9E9E;
}
#kuchi_update .kinki,
#kuchi_update .chugoku {
	color: #FF9EFF;
}


/* Banner */
.bn_side {
	margin: 6px 0;
}

/* Mobile */
#mobile {
	background-color: #F5F7F8;
	padding: 6px;
	margin-top: 8px;
	background-image: url(img/mob_qr.gif);
	background-repeat: no-repeat;
	background-position: 187px 3px;
	height: 105px;
}
#mobile p {
	font-size: 10px;
	margin-top: 4px;
	width: 176px;
}
#mobile h2 {
	padding: 1px;
}

/* Footer */
#footer {
	text-align: center;
	width: 100%;
	margin-top: 10px;
}
#footer ul {
	padding: 12px 0;
	font-size: 10px;
	clear:both;
}
#footer .subnavi {
	padding: 4px 0;
	background-color: #0065BA;
}
#footer li {
	display: inline;
	margin: 0 15px;
}
#footer .subnavi li a {
	color: #FFFFFF;
}

/* Other Pages */
/* Common */
#content h1 {
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
}
#content .topicpath {
	font-size: 12px;
	margin-left: 8px;
}
#content .pager {
	width: 586px;
	text-align: center;
	margin-bottom: 8px;
	font-size: 90%;
}
#content .pager img {
	vertical-align: middle;
}
.each  {
	position: relative;
	margin-bottom: 15px;
}

/* SKI Search */
#ski #content .date {
	top: 30px;
	right: 10px;
	font-size: 10px;
	width: 165px;
	position: absolute;
}
#ski #content .column1 {
	float: left;
	width: 586px;
}
#ski #content .column2 {
	float: right;
	width: 200px;
}
#ski #content .searchinfo {
	font-size: 90%;
	margin: 3px 8px 8px;
	line-height: 1.2;
}
#ski #content .searchinfo span {
	background-color: #FFFFCC;
	padding: 2px;
}
#ski .each .area {
	padding: 1px 0 4px 0;
}
#ski .each .icns {
	position: absolute;
	top: 6px;
	right: 18px;
	width: 300px;
	text-align: right;
}
#ski .each .icns li {
	display: inline;
	margin-left: 3px;
}
#ski .each .name {
	background-image: url(img/name_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 100%;
	padding-bottom: 3px;
	padding-left: 5px;
}
#ski .each .innner .pr {
	font-size: 76%;
	margin-top: 6px;
	margin-bottom: 2px;
	margin-left: 6px;
}
#ski .each .detail {
	width: 562px;
	padding: 7px;
}
#ski .each .left {
	float: left;
	width: 146px;
}
#ski .each .right {
	float: right;
	width: 407px;
}
#ski .each .links {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#ski .each .links li {
	display: inline;
}
#ski .each .links #official {
	margin-right: 5px;
}

#ski .kasso {
	border: 1px solid #CCCCCC;	
}
#ski .kasso td img {
	margin: 3px 4px;
}

#ski .kasso .sekisetsu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 10px;
	margin: 6px 0;
}
#ski .kasso .zenjitsuhi {
	font-size: 10px;
	margin: 6px 0;
}
#ski .kasso .sekisetsu span,
#ski .kasso .zenjitsuhi span {
	margin-left:3px;
}
#ski .kasso .sekisetsu span {
	font-size: 24px;
	font-weight: bold;
}

#ski .each .lift,
#ski .each .parking {
	background-color: #CCCCCC;
}
#ski .each .lift td,
#ski .each .lift th,
#ski .each .parking td,
#ski .each .parking th {
	background-color: #FFFFFF;	
	text-align: center;
	font-size: 90%;	
	padding: 3px 0;
	font-weight: normal;
}
#ski .each .lift th,
#ski .each .parking th {
	background-image: url(img/ryokin_bg_nor.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
#ski .each .lift th.kyuujitsu,
#ski .each .parking th.kyuujitsu {
	background-image: url(img/ryokin_bg_kyu.gif);
}
#ski .each .lift {
	float: left;
	width: 200px;
	margin-right: 7px;
}
#ski .each .parking {
	float: right;
	width: 200px;
}
#ski .each .lift caption {
	background-image: url(img/ryokin_lift.gif);
	text-indent: -9999px;
	height: 18px;
}
#ski .each .parking caption {
	background-image: url(img/parking.gif);
	text-indent: -9999px;
	height: 18px;
}
#ski .each .weather {
	clear: both;
	width: 100%;
	background-color: #CCCCCC;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#ski .each .weather th {
	width: 33%;
}
#ski .each .weather th.kyo {background-color: #91CDFF;}
#ski .each .weather th.asu {background-color: #B9E0FF;}
#ski .each .weather th.asatte {background-color: #DCF0FF;}

#ski .each .weather td {
	background-color: #FFFFFF;	
}
#ski .each .weather .tenki {
	width: 44px;
	text-align: center;
	padding: 0 5px;

}
#ski .each .weather .kion {
	width: 70px;
}
#ski .each .weather .kion p {
	margin: 2px 6px;
	font-size: 84%;
}
#ski .each .weather .kion span {
	margin-left: 5px;
}
#ski .each .comment {
	clear: both;
	padding: 5px;
	width: 560px;
	font-size: 90%;
	line-height: 1.4;
}

/* KUCHIKOMI Search */

#kuchikomi #content .waku01 {
	background-color: #FFF8F1;
	padding: 4px;
}
#kuchikomi #content .waku01 .innner {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#kuchikomi #content .column1 {
	float: left;
	width: 200px;
}
#kuchikomi #content .column2 {
	float: right;
	width: 586px;
}
#kuchikomi #content .searchinfo {
	font-size: 110%;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 214px;
	height: 34px;
	margin-top: -34px;
}
#kuchikomi .each .area {
	padding-top: 1px;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: -18px;
	margin-left: 5px;
	margin-top: 3px;
}
#kuchikomi .each .icns {
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: 1px;
	margin-left: 3px;
}
#kuchikomi .each .icns li {
	display: inline;
 	margin-right: 3px;
}
#kuchikomi .each .date {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 90%;
}

#kuchikomi .each .name {
	background-image: url(img/k_name_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 100%;
	padding-bottom: 6px;
	padding-left: 90px;
}
#kuchikomi .each .radioname {
	background-image: url(img/radio_name.gif);
	background-position: 6px center;
	padding-left: 90px;
	font-size: 90%;
	font-weight: bold;
	margin-top: 8px;
	background-repeat: no-repeat;
}
#kuchikomi .each .comment {
	background-image: url(img/dots02.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 555px;
	margin: 4px 10px;
	padding-top: 10px;
	line-height: 1.4;
	font-size: 90%;
}
#kuchikomi .column1 select {
	width: 175px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	font-size: 12px;
}
#kuchikomi #content .column1 #f_ski {
	margin-bottom: 5px;
}

#kuchikomi #content .column1 label {
	display: block;
	padding-left: 5px;
	font-size: 12px;
	margin-bottom: 4px;
}
#kuchikomi #content .column1 label img {
	vertical-align: text-bottom;
	margin-right: 3px;
}

#kuchikomi #search_submit {
	margin-top: -50px;
	margin-right: 0px;
	float: right;
	background-color: transparent;
	padding: 10px;
}

#kuchikomi #toko {
	margin: 15px 0 0 13px;
}
#kuchikomi #toko a {
	display: block;
	/* \*/
	overflow: hidden;
	/* */
	text-indent: -9999px;
	width: 173px;
	height: 34px;
	background-image:url(img/kuchikomi_entry.gif);
	background-position: left top;
	background-repeat:no-repeat;
}
#kuchikomi #toko a:hover {
	background-position: left bottom; 
}
#kuchikomientry {
	width: 100%;
}
#kuchikomientry .innner {
	padding: 10px;
}

#kuchikomientry h2 {
	font-size: 84%;
	font-weight: bold;
	width: 120px;
	clear: both;
	float: left;
	margin-top: 8px;
}
#kuchikomientry p {
	width: 630px;
	float: left;
	margin-top: 5px;
}
#kuchikomientry select {
	width: 200px;
	font-size: 84%;
	display: block;
	margin-bottom: 6px;
}
#kuchikomientry input,
#kuchikomientry textarea {
	font-size: 100%;
}
#kuchikomientry #attention {
	font-size: 84%;
	color: #FF0000;
	margin: 8px 0 8px 120px;
}
#kuchikomientry p#search_submit {
	float: none;
	clear: both;
	margin: 0 0 0 120px;
	padding: 0;
}

#pages .section {
	margin-bottom: 10px;
}
#pages .section p {
	line-height: 1.4;
	margin: 0 13px 6px 18px;
	font-size: 90%;
}
#pages #mobile {
	width: 300px;
	margin: 0 13px 6px 18px;
	background-position: 198px 3px;
}
#pages #mobile p {
	font-size: 10px;
	margin: 4px 0 0 0;
	width: 182px;
}
#mobile p#mobilelogo {
	margin: 0;
	padding: 1px;
}

#pages .section ul,
#pages .section ol {
	margin: 20px 13px 6px 18px;
}
#pages .section li {
	line-height: 1.4;
	font-size: 90%;
}
#pages .section ul li {
	background-image: url(img/pages_ulli.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 16px;
}

#pages h2 {
	background-image: url(img/pages_h2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 100%;
	font-weight: bold;
	color: #0065BA;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 795px;
	padding-right: 0px;
	padding-left: 15px;
	margin-top: 20px;
	margin-bottom: 15px;
}
#pages h3 {
	font-size: 95%;
	color: #003399;
	background-image: url(img/pages_h3.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 22px;
	margin-left: 15px;
	margin-bottom: 6px;
	margin-top: 12px;
}
#pages .section .link {
	background-image: url(img/pages_link.gif);
	display: block;
	padding: 6px 0 0 18px;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-bottom: 6px;
}
#pages  #dorocam {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
	margin-bottom: 0px;
}
#pages #dorocam th {
	width: 80px;
	padding: 5px;
	vertical-align: top;
	border-right-width: 3px;
	border-right-style: solid;
}
#pages #dorocam th.hokkaido {
	background-color: #EEF7FF;
	border-right-color: #9ECEFF;
}
#pages #dorocam th.tohoku,
#pages #dorocam th.fukushima,
#pages #dorocam th.niigata {
	background-color: #FFF7EE;
	border-right-color: #FFBE7D;
}
#pages #dorocam th.toshin,
#pages #dorocam th.shiga,
#pages #dorocam th.hokushin {
	background-color: #F2FFE6;
	border-right-color: #69D200;
}
#pages #dorocam th.yatsugatake,
#pages #dorocam th.shirakabako,
#pages #dorocam th.hakuba,
#pages #dorocam th.kiso,
#pages #dorocam th.fujisan {
	background-color: #EEEEFF;
	border-right-color: #9E9EFF;
}
#pages #dorocam th.gifu,
#pages #dorocam th.hokuriku {
	background-color: #FFF7F7;
	border-right-color: #FF9E9E;
}
#pages #dorocam th.kinki,
#pages #dorocam th.chugoku {
	background-color: #FFFBFF;
	border-right-color: #FF9EFF;
}
#pages #dorocam td {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0C9E3;
	font-size: 90%;
}
#pages .sample {
	background-image: url(img/mail_sample_bg.gif);
	background-repeat: repeat-y;
	float: right;
	width: 490px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-size: 90%;
	margin-top: 10px;
}
#pages .mailmg {
	float: left;
	width: 280px;
}






/* 更新情報高さ定義（for TOP） */

#ski_update ul {
	height: 128px;
}
#kuchi_update ul {
	height: 85px;
}

/* 更新情報高さ定義（for 2nd） */

#ski #ski_update ul {
	height: 250px;
}
#ski #kuchi_update ul {
	height: 250px;
}