@charset "UTF-8";


.surf_title{margin-bottom:20px;}
.arrow{ display:block; padding-left:9px; background:url(../img/arrow.gif) 0em 0.35em no-repeat;}

/*X-Small*/
.xs{font-size:87.5%;}
html* .xs{font-size:77.5%;}
* html .xs{font-size:80%;}
*:first-child+html{font-size:100%;}

/* GlobalArea */
div#GlobalArea table td{width:104px; vertical-align:bottom;}
div#GlobalArea table td a{ display:block; width:122px; background:url(../img/menu_01_01.gif) 0% 0% no-repeat; text-decoration:none; cursor:pointer;}
div#GlobalArea table td a span{ display:block; width:112px; padding:8px 5px 6px 5px; background:url(../img/menu_01_02.gif) 100% 0% no-repeat; font-weight:bold; text-align:center; text-decoration:none;}
div#GlobalArea table td.current a{ background:url(../img/menu_02_01.jpg) 0% 0% no-repeat;}
div#GlobalArea table td.current a span{ background:url(../img/menu_02_02.jpg) 100% 0% no-repeat;}
div#GlobalArea table td.current a{color: #ffffff;}


/* SearchArea */
div#SearchArea{ margin-bottom:0px; padding:7px 0; background:#dbf5f3; border:solid #02695f; border-width:5px 0 2px 0; text-align:center;}
div#SearchArea table{ margin:0 auto;}
div#SearchArea table td{ vertical-align:middle;}
div#SearchArea p{ margin:0 10px 0 5px; font-weight:bold; color:#02695f;}
div#SearchArea input.text{ width:320px; margin-right:5px; color:#999999;}

/* スキー場地図 */
#findski-resortArea{ width:633px; margin-bottom:15px; border:solid #cecfce; border-width:0 1px 1px 1px; background:#f7fbff;}
#findski-resortArea .title01{ padding:5px 0 4px 9px; background:#dbf5f3; font-weight:bold; color:#02695f; text-align:left;}
#findski-resortArea .title02{ padding:5px 0 4px 9px; background:#dbf5f3; font-weight:bold; color:#02695f; border-top:1px solid #cecfce;}
#findski-resortArea table{ width:633px;}
#findski-resortArea table th{ width:420px; border-right:1px solid #cecfce; padding-bottom:7px; vertical-align:middle;}

#findski-resortArea table th .map{ position:relative; margin:0 0 0 10px;}
#findski-resortArea table th .map .hokkaido{ position:absolute; top:39px; left:298px; }
#findski-resortArea table th .map .tohoku{ position:absolute; top:121px; left:296px; }
#findski-resortArea table th .map .kanto{ position:absolute; top:208px; left:258px; }
#findski-resortArea table th .map .hokuriku{ position:absolute; top:166px; left:220px;}
#findski-resortArea table th .map .kansai{ position:absolute; top:211px; left:150px;}
#findski-resortArea table th .map .tyukyo{ position:absolute; top:250px; left:221px;}
#findski-resortArea table th .map .tyugoku{ position:absolute; top:247px; left:15px;}

#findski-resortArea table td ul{ display:block; margin:0px 0 5px 0;}
#findski-resortArea table td ul#highway{ display:block; margin:0px 0px 3px 0px;}
#findski-resortArea table td ul li{ display:block; margin:0 0 1px 10px;}
#findski-resortArea table td p.title01,
#findski-resortArea table td p.title02{ margin:0 0 7px 0;}


/* おすすめゲレンデ特集 */
#kuchikomiArea{ width:635px; margin:0px; padding:0 0 10px 0; background:#ffffff;}
#kuchikomiArea a{ display:block;}
#kuchikomiArea p{ width: 300px; margin:0 10px 10px 6px; padding-bottom:20px; background:url(../img/line_dot01.gif) 0% 100% repeat-x; float:left}
#kuchikomiArea p.right{ width: 300px; margin:0 0px 10px 6px; padding-bottom:20px; background:url(../img/line_dot01.gif) 0% 100% repeat-x; float:left}
#kuchikomiArea p.last{ background:none;}
#kuchikomiArea a img{ float:left;}
#kuchikomiArea p span{ display:block; width:auto; margin:0 0 0 170px;} 


/* その他情報 */
#other{ background:#ecd9b8; border:3px solid #9ac678; padding:10px; text-align:left; margin-top:20px;}
#other ul{ display:block; margin:0px auto 5px;}
#other ul li{ float:left; width:270px;}
#other ul li p{ width:200px; padding: 20px 0px 0px 65px;}

#other ul li div.snow{ height:80px; background:url(../img/btn_snowinfo_01.jpg) 0em 0.35em no-repeat;}
#other ul li div.weather{ height:80px; background:url(../img/btn_wetherinfo_01.jpg) 0em 0.35em no-repeat;}
#other ul li div.coupon{ height:80px; background:url(../img/btn_couponinfo_01.jpg) 0em 0.35em no-repeat;}
#other ul li div.info{ height:80px; background:url(../img/btn_gelandeinfo_01.jpg) 0em 0.35em no-repeat;}
#other ul li div.yado{ height:80px; background:url(../img/btn_yadoinfo_01.jpg) 0em 0.35em no-repeat;}
#other ul li div.mobile{ height:80px; background:url(../img/btn_mobileinfo_01.jpg) 0em 0.35em no-repeat;}


/*---------------------------------------------
 float clear
---------------------------------------------*/
.clfix{zoom:1;}

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

.clfix{
display:inline-block;
min-height:1%; /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clfix{
height: 1%;
}
.clfix{
display: block;
}