@charset "utf-8";

/* ========== initialize & reset ========== */
*{margin:0; padding:0;}
img{border:none;}
caption,th{text-align:left;}
table{border-spacing:0;}
ul{list-style:none;}
* {outline:none;}
/* ========== clear ========== */
.clrFix:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
* html .clrFix{display:inline-block;}
*:first-child+html .clrFix {display:inline-block;}
.clr{clear:both;}

/* ========== common setting =========== */
/* hide from browser */
.hide{display:none;}
hr{display:none;}

/* ========== universal font size =========== */
body{font-family:/*"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",*/Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size:78%; color:#444444; background:#d8e3ee;}
.small {font-size:85%;} /* 11 */
.xsmall {font-size:75%;} /* 10 */
/* anchor */
a:link{color:#001ab0; text-decoration:none;}
a:visited{color:#006699; text-decoration:underline;}/* TEMP setting! Revise bofore luanch recommended. */
a:hover{color:#d48407!important;}
.a-ct {text-align:center;}


#informationFrame {width:218px; padding:0 0 0 10px;}
#informationFrame p.date {font-size:75%; margin-bottom:2px;}
#informationFrame div h3{text-indent:-9999px; width:208px; height:20px; border-bottom:1px solid #d8e3ee; overflow:hidden;}
#informationFrame div.sprit {background:url(../images/spritBg.gif) left top repeat-y; margin-bottom:6px;}
#informationFrame div.sprit.mb05 {margin-bottom:5px;}
#informationFrame div.sprit h3{width:101px;}
#informationFrame div.snowLevel {float:left; width:101px; margin:0 6px 0 0; text-align:center;}
#informationFrame div.snowLevel h3{background:url(../images/snowLevel.gif) no-repeat;}
#informationFrame div.snowLevel p {line-height:1.3;}
#informationFrame div.weather {float:left; width:101px; text-align:center;}
#informationFrame div.weather h3{background:url(../images/weather.gif) no-repeat;}
#informationFrame div.weather p{padding:1px 0 2px;}
#informationFrame div strong {font-size:180%;}
#informationFrame div.weatherForecast {background:#cccdce; width:208px; text-align:center; margin-bottom:6px;}
#informationFrame div.weatherForecast h3{background:url(../images/weatherForecast.gif) no-repeat; width:208px;}
#informationFrame div.weatherForecast img{margin:1px 2px 2px;}
#informationFrame div.temp {float:left; width:101px; margin:0 5px 0 0; text-align:center;}
#informationFrame div.wind {float:left; width:101px; text-align:center;}
#informationFrame div.temp h3{background:url(../images/temperatures.gif) no-repeat;}
#informationFrame div.wind h3{background:url(../images/windVelocity.gif) no-repeat;}
#informationFrame div.wind dl,
#informationFrame div.temp dl {float:left; line-height:1; width:50px; text-align:center; padding:4px 0; line-height:1.2;}
#informationFrame div.wind dt,
#informationFrame div.temp dt {font-size:75%;}
#informationFrame div.wind dd,
#informationFrame div.temp dd {font-size:75%;}

#informationFrame p.weatherDetail {margin-bottom:20px; line-height:1; width:107px; float:right; padding-right:10px;}
#informationFrame p.weatherDetail a{background:url(../images/btns.gif) left top no-repeat; height:19px; text-indent:-9999px; display:block; width:107px;}
#informationFrame p.weatherDetail a:hover{background-position:0 -19px;}

#informationFrame div.liveCamera {clear:both; margin-bottom:20px; width:208px;}
#informationFrame div.liveCamera h3 {background:url(../images/Title_Webcams.gif) no-repeat; height:40px; text-indent:-9999px; overflow:hidden;}
#informationFrame div.liveCamera h4.cam1 {background:url(../images/WebcamsHotel.gif) left bottom no-repeat; height:26px; text-indent:-9999px; margin-bottom:1px; overflow:hidden;}
#informationFrame div.liveCamera h4.cam2 {background:url(../images/WebcamsSlope.gif) left bottom no-repeat; height:28px; text-indent:-9999px; margin-bottom:1px; overflow:hidden;}
#informationFrame div.liveCamera h4,
#informationFrame div.liveCamera p  {width:165px; margin:0 auto;}

#informationFrame div.mess {clear:both; margin-bottom:20px; width:208px;}
#informationFrame div.mess h3 {background:url(../images/Title_message.gif) no-repeat; height:20px; text-indent:-9999px; margin-bottom:2px;}
#informationFrame div.mess p {font-size:85%;}

#informationFrame div.toDayNavi {clear:both; margin-bottom:5px; width:208px;}
#informationFrame div.toDayNavi h3 {background:url(../images/Title_Openinghour.gif) no-repeat; height:20px; text-indent:-9999px; border:none;}
#informationFrame div.toDayNavi table {width:208px; font-size:100%; background:#ffffff;border-left:1px solid #888888; border-bottom:1px solid #888888;}
 * html table{border-collapse:collapse;}
	*:first-child+html table{border-collapse:collapse;}
#informationFrame div.toDayNavi table th {background:#f3f3f3; border-top:1px solid #888888; border-right:1px solid #888888; padding:6px 5px; font-weight:normal;}
#informationFrame div.toDayNavi table td { border-top:1px solid #888888; border-right:1px solid #888888; padding:6px 5px;}

#informationFrame p.toDayDetail {margin-bottom:20px; line-height:1; width:107px; float:right; padding-right:10px;}
#informationFrame p.toDayDetail a{background:url(../images/btns.gif) -107px top no-repeat; height:19px; text-indent:-9999px; display:block; width:107px;}
#informationFrame p.toDayDetail a:hover{background-position:-107px -19px;}

#informationFrame .traffic {clear:both; font-size:85%; line-height:1.3;}
#informationFrame .traffic h3 {background:url(../images/Title_Traffic.gif) no-repeat; height:20px; text-indent:-9999px; margin-bottom:2px;}

#informationFrame div.mobileGuide {background:#ececec; padding:3px 0 0px 3px; margin-top:10px;}
#informationFrame h2 {height:42px; text-indent:-9999px; overflow:hidden;}
#informationFrame h3 {height:25px; text-indent:-9999px; overflow:hidden; margin-bottom:3px;}
#informationFrame div.mobileGuide h2{background: url(../images/h2_NaebaMobile.gif) no-repeat;margin-bottom:5px;}
#informationFrame div.mobileGuide h3{background: url(../images/h3_MobileCheck.gif) 5px top no-repeat; height:24px; width:164px; margin-bottom:10px;}
#informationFrame div.mobileGuide p {font-size:100%; margin-bottom:8px;}