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

/*---------------
Course.html
---------------*/
.SecondPages h2{
    color: #061E47;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 208.3%;
    font-weight: bold;
    padding-bottom: 15px;
    width: 50%;
}
.SecondPages h2.ttl{
    clear: both;
}
.premium_banner{
    float: right;
    width: 50%;
    text-align: right;
}


#CourseMap{
    background: #07396e;
    padding: 2px;
    text-align: center;
    width: 450px;
}


#CourseMap > img{
    padding-bottom: 4px;
}


#CourseText{
    width: 470px;
}


#CourseText h3{
    color: #061E46;
    font-size: 150%;
    font-weight: bold;
    padding-bottom: 15px;
}


#CourseText p{
    font-size: 92%;
    line-height: 140%;
    padding-bottom: 25px;
}



#CourseDataBox{
    border: #e4e4e4 solid 1px;
    overflow: hidden;
    padding: 8px;
    width: 458px;
}

#CourseText #CourseDataBox{
    width:452px;
}


.PhotoText #CourseDataBox{
    width: 452px !important;
}


#CourseDataBox dl.left{
    width: 230px;
}


#CourseDataBox dl.left dt{
    font-size: 108%;
    font-weight: bold;
    padding-bottom: 5px;
}


#CourseDataBox .right{
    /*width:180px;*/

}

#CourseDataBox table{
    width: 100%;
}


#CourseDataBox td{
    height: 24px;
}


#CourseDataBox th {
    background: none !important;
}


#CourseDataBox #Technique th.level01{
    color: #8cbe82;
}


#CourseDataBox #Technique th.level02{
    color: #3b8dbf;
}


#CourseDataBox #Technique th.level03{
    color: #c87985;
}



#CourseDataBox dl.left dd{
    margin-bottom: 30px;
}


#CourseDataBox div.right dl{
    border-bottom: #e4e4e4 dotted 1px;
    overflow: hidden;
    padding:10px 0 10px;
    width: 195px;
}

#CourseDataBox div.right dl:first-child{
    padding:0px 0 10px;
}


#CourseDataBox div.right dl dt{
    float: left;
    font-weight: bold;
    width: 95px;
    font-size:108%;
}


#CourseDataBox div.right dl dd{
    clear: right;
    float: right;
    font-size: 92%;
    letter-spacing: 0;
    width: 100px;
}




h3.BlueLine{
    background: #061e4a;
    border: #e4e4e4 solid 1px;
    color: #FFF;
    font-weight: bold;
    height: 28px;
    margin-bottom: 20px;
    width: 930px;
}


h3.BlueLine span{
    border-left: #FFF solid 3px;
    display: block;
    font-size: 109%;
    height: 16px;
    line-height: 120%;
    margin: 6px 7px;
    padding: 0 6px;
}


h3.Course{
    color: #061E46;
    font-size: 150%;
    font-weight: bold;
    padding-bottom: 15px;
}


.DataTableBox{
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 60px;
    width: 932px;
}


.DataTableBox table{
    margin: 0 auto;
    text-align: left;
    width: 930px;
}


.DataTableBox table th{
    font-weight: bold;
    text-align: center;
    width: 120px;
}


.DataTableBox table th.num{
    text-align: center;
    width: 50px;
    padding-bottom:3px;
}


.DataTableBox table th.name{
    text-align: left;
    width: 400px;
}


.DataTableBox table td{
    text-align: center;
    vertical-align: middle;
}




.LineTop td{
    padding-top: 5px;
}


.LineBottom td{
    padding-bottom: 6px;
}


.SingleLine td,.SingleLine th{
    padding: 5px 0;
}





#Lift th{
    width:170px;
}
#Lift .name{
    width: 370px;
}
#Lift th.num{
    width:50px;
}




#Other th{
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
    width: 120px;
}


#Other td{
    padding-left: 10px;
}

.CourseImage{
    padding: 2px;
    text-align: center;
    width: 440px;
    float:left;
}
.left_box{
    width:430px;
    float:left;
    padding-left:30px;
}

.DataTableBox .CourseInfo {
    margin-top: 10px;
    clear:both;
}
.DataTableBox .CourseInfo li{
    float: left;
    width: 50%;
    padding:5px 0px;
    /*font-size: 92%;*/
}
.DataTableBox .CourseInfo li span{
    font-weight:bold;
    display:inline-block;
    width:80px;
}

.DataTableBox p.pr{
    margin:20px 0 10px;

}


.clear {
/*  clear: both;*/
}

/*---------------
borderLine
---------------*/

.PhotoText table tr,.FastLine,.LineBottom,.SingleLine{
    background: url(../img/bg/border_dot.gif) repeat-x 0 100%;
}


.LineTop td.border{
    background: url(../img/bg/border_dot.gif) repeat-x 0 100%;
}


.LineTop fast #Other,.PhotoText table.border{
    border-top: #030E21 solid 1px;
}

/*---------------
pickup.html
---------------*/


.pickup{
    width: 470px;
}


.pickup p{
    font-size: 92%;
    line-height: 140%;
    padding: 10px 0 10px;
}

.pickup p.fb{
    font-weight:bold;

}

.pickup p.line{
    font-size: 92%;
    line-height: 140%;
    padding: 10px 0 0px;
    border-bottom:#666 1px solid;
    font-weight:bold;
    margin-bottom:10px;
}


.pickup p.date{
    margin: 10px 0px 0px;
    line-height: 15px;
    padding: 10px 0px;
    font-weight:bold;
}


.pickup h5{
    font-weight: bold;
    padding:0px 0 0 0px;
    border-bottom:#666 1px solid;
    margin-top:10px;
    background:no-repeat !important;
}


.pickup ul.list{
    padding: 10px 0 30px 18px;
    font-size: 92%;

}
.pickup .right ul.list li{
    list-style: disc;
}


.pickup table {
    width: 470px;
}

.pickup table tr{
    background: url(../img/bg/border_dot.gif) repeat-x 0 100%;
}

.pickup table th.non-comp,
.pickup table th.comp{
    font-weight:100 !important;

}



.pickup table td{
    height: 22px;
    text-align: center;
    vertical-align: middle;
}
.pickup table th{
    padding-top:5px !important;
    text-align: center;
}


.pickup table th.num{
    width: 50px;
}


.pickup table th.name{
    text-align: left;
    width: 180px;
}


.pickup table th.parkth{
    width: 120px;
}


.pickup table.Frame01{
    margin-top:20px;

}

.pickup .left{
    float:left !important;
    width:240px !important;
}


.pickup table#PowderData,
.pickup table.Courses{
    width: 240px !important;
    margin:0px auto 30px;
    font-size: 92%;
}
.pickup table#PowderData td{
    height: 24px;
    text-align: center;
    color: #FFF;
    line-height:24px;
}
.pickup table#PowderData td.non-comp{
    background-color: #9AC8E8;

}
.pickup table#PowderData td.comp{
    background-color: #2B6F7F;

}
.pickup table.Courses td{
    color:#FFF;
}

.pickup table.Courses tr{
    background:none;
}
.pickup table.Courses td{
    white-space:nowrap;

}


.pickup table.Courses td.level01{background:#9AC8E8;}
.pickup table.Courses td.level02{background:#2B6F7F;}
.pickup table.Courses td.level03{background:#BF3978;}
.pickup table.Courses th.level01{color:#9AC8E8;}
.pickup table.Courses th.level02{color:#2B6F7F;}
.pickup table.Courses th.level03{color:#BF3978;}


.pickup table#PowderData th {
    background: none !important;
}


.pickup table#PowderData th.non-comp{
    color: #9AC8E8;
    text-align: left;
}


.pickup table#PowderData th.comp{
    color: #2B6F7F;
    text-align: right;
}
.pickup table#PowderData tr{
    background: none;
}
.pickup table#PowderData dt{
    font-weight: bold;
    padding: 30px 0 5px 0;
}


.pickup dl.notice{
    clear: both;
    color: #000;
    margin: 20px 0 0;
   position: static;
}

.pickup dl.notice dt{
    font-weight:bold;

}

.pickup #CourseDataBox h5{
    margin-bottom:10px;

}


.pickup #CourseDataBox{
    width: 452px !important;

}




/*---------------
Park.html
---------------*/
.PhotoLine{
    overflow: hidden;
    padding-bottom: 60px;
    width: 950px;
}



.PhotoBox{
    background: none repeat scroll 0 0 #07396E;
    padding: 2px;
    text-align: center;
}


.PhotoBox .mainImage{
    padding-bottom: 2px;
}



.PhotoBox ul{
    width: 440px;
}



.PhotoText{
    width: 470px;
}


.PhotoText p{
    font-size: 92%;
    line-height: 140%;
    padding: 20px 0 30px;
}


.PhotoText table{
    font-size: 92%;
    margin: 30px 0 0;
    width: 470px;
}




.PhotoText table th{
    /*font-weight: bold;*/
}


.PhotoText table td,.PhotoText table th{
    height: 22px;
    text-align: center;
    vertical-align: middle;
}


.PhotoText table th.num{
    width: 50px;
}


.PhotoText table th.name{
    text-align: left;
    width: 180px;
}


.PhotoText table th.parkth{
    width: 120px;
}


.attention{
    color: #AE0000;
    font-size: 92%;
    font-weight: bold;
}



table.Frame01 strong{
    font-size: 108%;
    font-weight: bold;
}


table.Frame01 th,table.Frame01 td{
    text-align: left;
}


table.Frame01 th{
    text-indent: 15px;
}


table.Frame01 td.bld{
    padding-right: 40px;
    text-align: right;
    width: 30%;
}


/* 20130623
*****************/
.PhotoLine table.mgb30{
    margin-bottom: 30px;
}

.PhotoLine table#SnowParkData{
    width: 230px;
    margin: 0 auto;
}
.PhotoLine table#SnowParkData td{
    height: 24px;
    text-align: center;
    color: #FFF;
}
.PhotoLine table#SnowParkData td.mens{
    background-color: #2B6F7F;

}
.PhotoLine table#SnowParkData td.female{
    background-color: #BF3978;

}
.PhotoLine table#SnowParkData td.ski{
    background-color: #215BA6;

}
.PhotoLine table#SnowParkData td.boad{
    background-color: #2FA2A3;

}
.PhotoLine table#SnowParkData td.levelA{
    background-color: #d86879;

}
.PhotoLine table#SnowParkData td.levelB{
    background-color: #3b8dbf;

}
.PhotoLine table#SnowParkData td.levelC{
    background-color: #8cbe82;

}

.PhotoLine table#SnowParkData th {
    background: none !important;
}


.PhotoLine table#SnowParkData th.mens{
    color: #2B6F7F;
    text-align: left;
}
.PhotoLine table#SnowParkData th.female{
    color: #BF3978;
    text-align: right;
}
.PhotoLine table#SnowParkData th.ski{
    color: #215BA6;
    text-align: left;
}
.PhotoLine table#SnowParkData th.boad{
    color: #2FA2A3;
    text-align: right;
}
.PhotoLine table#SnowParkData th.levelA{
    color: #d86879;
    text-align: center;
}
.PhotoLine table#SnowParkData th.levelB{
    color: #3b8dbf;
    text-align: center;
}
.PhotoLine table#SnowParkData th.levelC{
    color: #8cbe82;
    text-align: center;
}

.PhotoLine table#SnowParkData tr{
    background: none;
}

/*---------------
price.html
---------------*/
.LiftPrice{
    margin-bottom: 5px !important;
}


.LiftPrice tr td,.LiftPrice tr th{
    width: 155px;
}


.LiftPrice tr td.bld{
    padding-left: 10px;
    text-align: left;
}


.ImagesLine{
    clear: both;
    margin: 0 auto;
    width: 928px;
}


.ImagesLine li{
    float: left;
    font-size: 84%;
    padding: 30px 0 0 2px;
    width: 230px;
}


.ImagesLine li p{
    padding: 5px 7px;
}


/*---------------
restaurant.html
---------------*/
.centerHouse{
    overflow: hidden;
    padding-bottom: 30px;
    width: 950px;
}




.Facilities{
    margin: 0 auto;
    overflow: hidden;
    padding-top: 30px;
    width: 946px;
}



.Facilities li{
    padding-left: 0;
    width: 440px;
}


.Facilities li.right{
    float: right !important;
}


.Facilities li h4,.Facilities li p{
    clear: right;
    float: right;
    padding: 0;
    width: 200px;
}


.Facilities li p{
    padding-top: 10px;
}

ul.ImagesLine li p.menu{
    font-weight:bold;

}

ul.ImagesLine li p.iconArea{
    width:75px;
    margin:0px auto;
}
ul.ImagesLine li p span.img{
    padding:0 5px 5px 0;
    float:left;

}

ul.ImagesLine li p span.fb{
    font-weight:bold;
    display:block;
}

.cleartop{
    content:"";
    clear:both;
    float:none;
    display:block;
    height:14px;

}


p.menu{
    overflow: hidden;
    width: 100%;
    font-size: 125%;
    font-weight: bold;
    margin-bottom:-10px;
}


/*---------------
infomation.html
---------------*/
h4.line .time{
    font-size: 92%;
    font-weight: normal;
}


.DataTableBox p.infotext{
    line-height: 140%;
    padding: 15px 5px 0;
}

.infoBox{
    overflow: hidden;
    padding: 0 0 100px;
    width: 932px;
}

.infosPhoto{
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #F8F8F8;
    float: left;
    float: left;
    padding: 1px;
}

.infosPhoto span{
    background: none repeat scroll 0 0 #BDBDBD;
    border: 1px solid #D7D7D7;
    float: left;
    padding: 1px;
}

.infosPhoto img{
    border: 2px solid #FFFFFF;
}

.infoBox div.right{
    width: 660px;
}

.infoBox div.right p{
    font-size: 92%;
    padding: 20px 0;
}

span.Eventdata{
    border-bottom: #030E21 solid 3px;
    clear: left;
    display: block;
    font-size: 117%;
    font-weight: bold;
}


.linkText {
    border-bottom: 2px solid #ccc;
    line-height: 1.5;
    margin-bottom: 30px;
    padding-left: 25px;
}


.linkText a {
    margin-right: 25px;
}



.linkText a:visited {
    text-decoration: none;
}


.linkText a:hover{
    border-bottom: #007FBF solid 2px;
    color: #007FBF;
    text-decoration: none;
}




.EventLine{
    padding-bottom: 60px;
}


.EventLine li{
    border-bottom: #061E4A dotted 1px;
    overflow: hidden;
    padding: 7px 0;
    width: 932px;
    position: relative;
}


.Eventphoto{
    border: #dadada solid 1px;
    float: left;
    padding: 2px;
}


.Eventdetail{
    display: inline;
    float: left;
    min-height: 93px;
    padding-left: 10px;
    width: 590px;
}


.Eventdetail dt{
    font-size: 109%;
    font-weight: bold;
}

.Eventdetail dt img{
    background: url(../img/sprite01.png) no-repeat 0 0;
    height: 15px;
    width: 63px;
    margin-right: 10px;
}

.Eventdetail dt .icon00{
    background-position: -528px -370px;
}

.Eventdetail dt .icon01{
    background-position: -528px -235px;
}


.Eventdetail dt .icon02{
    background-position: -528px -250px;
}


.Eventdetail dt .icon03{
    background-position: -528px -265px;
}


.Eventdetail dt .icon04{
    background-position: -528px -280px;
}


.Eventdetail dt .icon05{
    background-position: -528px -295px;
}


.Eventdetail dt .icon06{
    background-position: -528px -310px;
}


.Eventdetail dt .icon07{
    background-position: -528px -325px;
}


.Eventdetail dt .icon08{
    background-position: -528px -340px;
}


.Eventdetail dt .icon09{
    background-position: -528px -355px;
}


.Eventdetail dd.text{
    font-size: 92%;
    margin-top: 8px;
}


.Eventdetail dd.icon,
.Eventdetail dd.guide{
    bottom: 0;
    margin-top: 10px;
}


.Eventdetail dd.icon span{
    color: #BA0001;
    font-weight: bold;
}



.Eventbtn{
    float: right;
    position: relative;
    width: 100px;
}

.EventMorebtn {
    position: absolute;
    right: 0;
    top: 7px;
}
.EventLine .EventMorebtn {
    position: absolute;
    text-align: right;
}

.EventMorebtn p {
    margin-left: 10px;
    display: inline-block;
    padding: 10px;
    color: #051F3F;
    margin: 2px 0 0 5px;
    float: right;
}
.EventMorebtn .reservationBtn {
    margin: 0px 0 0 5px;
}


.Eventbtn .fb{
    float: right;
    overflow: hidden;
    padding-top: 5px;
    width: 74px;
    width: 100px;
}

/*
.Eventbtn .detail{
    bottom: 0;
    position: absolute;
}*/


/*---------------
infomation.html#Jobs
---------------*/
.jobBox{
    overflow: hidden;
    padding: 0 0 100px;
    width: 932px;
}


.jobsPhoto{
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #F8F8F8;
    float: left;
    float: left;
    padding: 1px;
}


.jobsPhoto span{
    background: none repeat scroll 0 0 #BDBDBD;
    border: 1px solid #D7D7D7;
    float: left;
    padding: 1px;
}


.jobsPhoto img{
    border: 2px solid #FFFFFF;
}



.jobBox div.right{
    width: 660px;
}


.jobBox div.right p{
    font-size: 92%;
    padding: 20px 0;
}



/*---------------
access.html
---------------*/
#mapBox{
    margin: 0 auto;
    overflow: hidden;
    width: 934px;
}


div#gmap {
    float: left;
    height: 500px;
    width: 930px;
}


#mapBox table th{
    font-size: 109%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 135px;
}


#mapBox #accessbox{
    border-bottom: #030E21 dotted 1px;
    border-top: #030E21 dotted 1px;
    margin: 10px 0;
    padding: 10px 0;
}


#mapBox table#map,#mapBox table#access{
    clear: right;
    width: 910px;
    margin:0px auto;
}

#mapBox table#map td img{
    width:440px;
    height:330px;
}

#mapBox table#map .mapimage{
    padding-bottom: 10px;
    vertical-align: middle;
    width: 450px;
}



#mapBox a.map_arrow{
    background: url(../img/bg/map_btn.gif) no-repeat 0 10px;
    height: 50px;
    padding: 10px 0 0 25px;
}


#mapBox table#map .address{
    line-height: 150%;
    vertical-align: top;
}

#mapBox table#map .address h4{
    margin-bottom:5px;
    font-size:110%;
}


#mapBox table td{
    padding: 10px;
    vertical-align: middle;
}

#mapBox table td.title{
    white-space: nowrap;
    width: 80px;
}


#accessInfo{
    float: left;
    width: 580px;
}


#QRcode{
    border-left: #FFF dotted 1px;
    float: right;
    height: 88px;
    margin: 10px 0;
    padding: 0 10px;
    width: 260px;
}


#QRcode img{
    padding-right: 10px;
}


#QRcode b{
    display: block;
    padding-bottom: 5px;
}


#access .arrow2{
    margin-left: 5px;
}


#mapBox #accessbox02 {
    margin-top: 15px;
}

#mapBox #accessbox02 table#access {
    margin-top: 15px;
    width: 950px;
}

#mapBox #accessbox02 table#access tr {

}

#mapBox #accessbox02 table#access tr.last {
    border-bottom: none;
}

#mapBox #accessbox02 table#access tr th {
    border-bottom: 1px  dotted #030E21;
    padding: 15px 0;
    text-align: left;
    width: 290px;
}

#mapBox #accessbox02 table#access tr td {
    border-bottom: 1px  dotted #030E21;
    padding: 15px 0;
    text-align: left;
}


/*---------------
Movie.html
---------------*/
.movie .DataTableBox{
    width: 690px;
}


.DataTableBox .movie{
    padding: 20px 0 10px;
    text-align: center;
}

.DataTableBox .movie .Box{
    width:600px;
    height:370px;
    background:#000;
    margin:0 auto;
}

.DataTableBox .fb{
    padding: 20px 0 10px;
}




/*---------------
smoothTabs
---------------*/

.smoothTabs{
    display: inline;
    height:440px;
    overflow:hidden;
    width:440px;
}



.smoothTabs p{
    float: left;
    overflow: hidden;
    width: 440px;
}


.smoothTabs p img{
    float: left;
}



.TabsControll{
    clear: both;
    overflow: hidden;
    width: 440px;
}


.TabsControll li{
    cursor: pointer;
    display: inline;
    float: left;
    padding: 1px 1px 0 0;
}


.TabsControll li.right{
    padding-right: 0;
}


.TabsControll li:hover{
    opacity: 0.8;
}


.smoothTabsDivHidden {
    display: none;
    text-indent: -9999px;
}


.smoothTabsDivVisible{
}



/*---------------
Coupon.html
---------------*/

.coupon_info {
    text-align: right;
}

#couponArea {
    /* background: url(../img/coupon/coupon_sprite.png) 0 -167px no-repeat; */
    border: 1px solid #0482bf;
    margin: 20px auto 30px;
    padding: 6px;
    width: 586px;
}

#couponArea.premium {
    /* background: url(../img/coupon/coupon_sprite.png) 0 -167px no-repeat; */
    border: 1px solid #b26e25;
    margin: 20px auto 30px;
    padding: 6px;
    width: 586px;
}

#couponArea ul.title {
    padding: 0;
}

#couponArea ul.title li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}

#couponArea .logo{
    /* background: url(../img/coupon/coupon_sprite.png) -305px -88px ; */
    /* height: 19px; */
    margin: 0 0;
    text-align: center;
    /* text-indent: -9999px; */
    width: 414px;
}

#couponBanner {
    width: 600px;
    margin: 20px auto 30px;
}

#ski_name {
    background-color: #cce7f2;
    font-weight: bold;
    margin: 15px 0 40px;
    padding: 3px;
    text-align: center;
    width: 414px;
}

#couponArea.premium #ski_name,
#couponArea.premium #text_box p.limit {
    background-color: #feeed5;
    color: #865000;
}

#text_box {
    padding: 0 38px 32px;
}

#text_box ul.pr {
    margin-bottom: 15px;
}

#text_box ul.pr li {
    color: #ff0000;
    font-weight: bold;
    line-height: 1.4;
}

#text_box p {
    border-bottom: 1px solid #ccc;
    margin: 12px 0;
    padding-bottom: 12px;
}

#text_box p.limit {
    background-color: #e6e6e6;
    border-bottom: none;
    line-height: 1.4;
    margin-bottom: 15px;
    padding: 5px 8px;
}

#text_box ul.topics li {
    background: url(../img/coupon/coupon_sprite.png) -591px -120px no-repeat;
    color: #000;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 2px;
    padding-left: 13px;
}

#text_box table {
    margin: 20px 0 40px;
    width: 100%;
    border-collapse: collapse;
}

#text_box table th {
    background-color: #e6e6e6;
    border: 1px solid #cccccc;
    font-weight: bold;
    padding: 3px 8px;
    width: 17%;
}

#text_box table td {
    border: 1px solid #cccccc;
    padding: 3px 8px;
    width: 83%;
}

#couponArea.premium #text_box table th {
    background-color: #feeed5;
    border: 1px solid #e09c38;
    color: #865000;
}

#couponArea.premium #text_box table td {
    border: 1px solid #e09c38;
}

.print {
    background: url(../img/coupon/coupon_sprite.png) -585px -84px no-repeat;
    height: 30px;
    margin: 25px auto 30px;
    padding-left: 10px;
    text-align: center;
    width: 100px;
}

.close {
    height: 30px;
    margin: 25px auto 30px;
    text-align: center;
    width: 100px;
}

dl.option {
    margin: 25px auto 30px;
    width: 600px;
}

dl.option dt {
    height: 28px;
    text-align: center;
    text-indent: -9999px;
    width: 600px;
}

dl.option dt.thankyou {
    background: url(../img/coupon/coupon_sprite.png) 0 0 no-repeat;
}

dl.option dt.premium {
    background: url(../img/coupon/coupon_sprite.png) 0 -38px no-repeat;
}

dl.option dt.premium02 {
    background: url(../img/coupon/coupon_sprite.png) 0 -256px no-repeat;
}

dl.option dd {
    border: 1px solid #051f3c;
    border-width: 0 1px 1px 1px;
    font-weight: bold;
    padding: 20px;
}

dl.option dd.premium {
    border: 1px solid #B26E25;
}



dl.option dd p.title{
    margin: 5px 0 15px;
    text-align: center;
}

dl.option dd p.info{
    color: #ff0000;
    margin-bottom: 15px;
}

dl.option dd .button a{
    background: url(../img/coupon/coupon_sprite.png) 0 -76px ;
    display: block;
    float: right;
    height: 45px;
    text-indent: -9999px;
    width: 291px;
}

dl.option dd .button a:hover {
    background: url(../img/coupon/coupon_sprite.png) 0 -121px ;
}

dl.option dd ul {
    width: 450px;
    margin: 0 auto;
}

dl.option dd ul.short {
    width: 565px;
    margin: 0 auto;;
}

dl.option dd ul.short li {
    float: left;
    width: 260px;
}

dl.option dd ul li.qr img,
dl.option dd ul li.qr02 img {
    float: left;
}

dl.option dd ul li.qr,
dl.option dd ul li.qr02{
    padding: 0 10px;
}

dl.option dd ul li.qr p.title {
    float: left;
    text-align: left;
}

dl.option dd ul li.qr02 p.title {
    float: left;
    text-align: left;
    width: 170px;
}

#app{
    margin: 40px auto 30px;
    width: 602px;
}


/*---------------
Hotel.html
---------------*/

ul#result {
    margin-bottom: 15px;
    width: 950px;
}

ul#result li.right {
    margin-left: 20px;
}

ul#result li.right span{
    color: #999;
    font-weight: bold;
}

#searchcontent-menu {
    float: left;
    width: 170px;
}

#searchcontent-menu dl {
    margin-bottom: 25px;
}

#searchcontent-menu dt.BlueLine {
    background: none repeat scroll 0 0 #061E4A;
    border: 1px solid #E4E4E4;
    color: #FFFFFF;
    font-weight: bold;
    height: 28px;
    margin-bottom: 10px;
    width: 168px;
}

#searchcontent-menu dt.BlueLine span {
    border-left: 3px solid #FFFFFF;
    display: block;
    font-size: 109%;
    height: 16px;
    line-height: 120%;
    margin: 6px 7px;
    padding: 0 6px;
}

#searchcontent-menu dl dd {
    padding-left: 5px;
}

#searchcontent-menu dl dd ul li{
    padding-bottom: 5px;
}

#searchcontent-main {
    float: right;
    width: 770px;
}

#searchcontent-main h4.line {
    border-bottom: 1px solid #030E21;
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

#searchcontent-main h4.line span {
    border-bottom: 2px solid #030E21;
    float: left;
    padding: 0 5px 3px 0;
}

.hotelBox {
    border-bottom: 1px dotted #08204b;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 20px;
    width: 770px;
}

.hotelPhoto {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #F8F8F8;
    float: left;
    padding: 1px;
}

.hotelPhoto span {
    background: none repeat scroll 0 0 #BDBDBD;
    border: 1px solid #D7D7D7;
    float: left;
    padding: 1px;
}

.hotelPhoto img {
    border: 2px solid #FFFFFF;
}

.hotelBox div.right{
    padding-right: 24px;
    width: 540px;
}

.hotelBox div.right dl {
    margin-bottom: 14px;
}

.hotelBox div.right dl dt,
.hotelBox div.right dl dd {
    margin-bottom: 8px;
}

.hotelBox div.right dl dd.genre {
    color: #999;
}

.hotelBox div.right dl.hotel_plan dt.line {
    border-bottom: 1px solid #030E21;
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}

.hotelBox div.right dl.hotel_plan dt.line span {
    border-bottom: 2px solid #030E21;
    float: left;
    padding: 0 5px 3px 0;
}

.hotelBox div.right ul {
    margin-top: 5px;
}

.hotelBox div.right ul li {
    float: left;
    padding: 0;
}

.hotelBox div.right ul li.plan_name {
    padding-right: 15px;
    width: 285px;
}

.hotelBox div.right ul li.room {
    width: 90px;
}

.hotelBox div.right ul li.charge {
    color: #FF0000;
    width: 150px;
}

#paging {
    margin-top: 15px;
    text-align: center;
    width: 770px;
}

#paging ul {
    margin: 0 auto;
}

#paging ul li.list span {
    color: #666;
    font-weight: bold;
}


/*---------------
snowpark_review.html
---------------*/
#Evaluation{
    overflow:hidden;
    width:654px;
    padding:20px;
    border:#07396E solid 3px;
    margin:0 auto;
}
#Evaluation dl.top{
    float:left;
    overflow:hidden;
    width:390px;
}
#Evaluation dl dt{
    float:left;
    font-size:150%;
    font-weight:bold;
}
#Evaluation dl.top dt{
    padding-top:3px;
    padding-right:10px;
}



#Evaluation dl dd.star{
    overflow:hidden;
    width:165px;
    margin:0;
}
#Evaluation dl dd.star img{
    float:left;
    margin-top:2px;
    padding-right:5px;
}
#Evaluation dl dd.star p{
    float:right;
    display:inline;
    padding:4px 0 0 12px;
    background:url(../img/sprite01.png) no-repeat 0 -551px;
    width:24px;
    height:23px;
    font-size:108%;
    letter-spacing:0;
    font-family:Verdana, Geneva, sans-serif;
}
.detailEvaluation {
    padding-top:15px;
}
.detailEvaluation td,.detailEvaluation th{
    vertical-align:top;
    padding:5px 0;
}
.detailEvaluation th{
    text-align:right;
    font-size:93%;
    padding-right:5px;
    letter-spacing:0;
}
.detailEvaluation td.stars{
    width:73px;
    padding-right:5px;
}
.detailEvaluation td.bar img{
    padding-right:3px;
}
.detailEvaluation td.bar .count{
    font-size:83%;
    letter-spacing:0;
}

.bottombox{
    clear:both;
    width:654px;
    overflow:hidden;
}
.bottombox dl{
    overflow:hidden;
    width:290px;
    background:url(../img/bg/rate_bg.gif) no-repeat 100% 20px;
}
.bottombox dt{
    float:none !important;
    font-size:125% !important;
    color:#55B9B1;
}
.bottombox dd{
    padding-top:16px;
}
.bottombox dd td,.bottombox dd th{
    vertical-align:middle;
    padding-top:5px;
    padding-bottom:5px;
}
.bottombox dd th{
    width:75px;
    text-align:right;
    padding-right:2px;
    color:#388781;
    font-size: 93%;
}
.bottombox dd td img{
    padding-right:5px;
}
.bottombox dd td .Rate{
    font-size: 83%;
    letter-spacing: 0;
}
#search{
    padding-top:35px;
}
#search h3{
    padding-left:30px;
    background:url(../img/sprite01.png) no-repeat 0 -522px;
    font-size:133%;
    font-weight:bold;
    width: 30%;
}
#search #searchbox{
    width:674px;
    margin-top:5px;
    padding:6px 12px 0 12px;
    border:#07396E solid 1px;
    background:#fbfbfb;
}
#search #searchbox li{
    overflow:hidden;
    width:674px;
    border-bottom:#033461 dotted 1px;
    padding:10px 0;
}
#search #searchbox li strong{
    float:left;
    padding-left:19px;
    padding-right:10px;
    background:url(../img/bg/circle.gif) no-repeat 0 2px;
    color:#033461;
    font-weight:bold;
    /padding-top:5px;/*IE6 7 */
    /background-position:0 6px;
}
#search #searchbox li strong.age{
    margin-left:20px;
}

#search #searchbox li strong{
    width: 80px;
}

#search #searchbox li label{
    float:left;
    font-size:93%;
    padding-right:0px;
    width: 75px
}

#search #searchbox li label.long{
    width: 110px
}

#search #searchbox li label input{
    float:left;
    margin:0 5px 0 0;
    padding:0;
}
#search #searchbox li label span{
    float:left !important;
    /padding-top:5px;/*IE6 7 */
}

#searchbox li span{
    float:right;
}

#ReviewsList{
    padding-top:40px;
}
#ReviewsList h3{
    color:#061E4A;
    font-size:117%;
    font-weight:bold;
    padding-bottom:2px;
    border-bottom:#061E49 solid 5px;
}
#ReviewsList h3 .num{
    font-family:Verdana, Geneva, sans-serif;
    font-size:130%;
    padding-right:2px;
}
#ReviewsList .Order{
    padding-top:12px;
    color:#4E4E4E;
}
#ReviewsList .Gallery .line{
    padding-bottom:30px;
}
#ReviewsList .Gallery .line,
#ReviewsList .Gallery .line dl{
    overflow:hidden;
    width:700px;
    position:relative;
}
#ReviewsList .Gallery .line dl{
    position:relative;
}
#ReviewsList .Gallery .line dd.corner3,
.review_detail dd.corner3{
    margin-right:10px;
}
#ReviewsList .Gallery .line dd.text{
    float:none;
    display:inline;
    width:auto;
    overflow:hidden;
    padding:5px 0 0 0;
    font-size:92%;
    line-height:1.5;
    margin-bottom:30px;
}
#ReviewsList .Gallery .line dd.text a.right{
    margin-bottom:20px;
}
#ReviewsList .Gallery .line dd.text a.title{
    display:block;
    font-size:127%;
}

#ReviewsList .Gallery .line dd.text p{
    margin: 5px 0;
}

#ReviewsList .databox{
    position:absolute;
    bottom:0;
    right:0;

}
.databox{
    font-size:93%;
}
.databox li{
    width:auto;
}
.databox .playdata{
    padding-left:17px;
    background:url(../img/sprite01.png) no-repeat -46px -568px;
}
.databox .reviewdata{
    margin-left:10px;
    padding-left:19px;
    background:url(../img/sprite01.png) no-repeat -46px -549px;
}
.databox span{
    color:#AB0000;
    font-weight:bold;
}

.line .who{
    overflow:hidden;
    width:688px;
    padding:6px;
    background:#F8F8F8;
    color:#666666;
}
.line .who span.block{
    float:left;
    display:inline;
    padding-left:5px;
    font-size:83%;
    width:125px;
}
.line .who ul{
    float:right;
    overflow:hidden;
    width:514px;
    padding-left:6px;
    font-size:83%;
    background:url(../img/bg/who_line.gif) repeat-y 0 0;
}
.line .who ul li{
    width:auto;
    text-align:right;
    padding:3px 0;
}
.line .who ul li.set01{width:148px;}
.line .who ul li.set02{width:188px;}
.line .who ul li.set03{width:178px;}

.line .who ul li span{
    padding-right:5px;
    letter-spacing:0;
    line-height:1.5;
}

#ReviewsList a.glass{
    float:right;
    padding-left:20px;
    background:url(../img/sprite01.png) no-repeat 0 -522px;
    height:20px;
}




/*---------------
snowpark_reviewdetail.html
---------------*/




.review_detail{
    border-bottom:#073566 dotted 1px;
}

.review_detail dd.text{
    float:left;
    width:500px;
}

.review_detail .databox{
    width:500px;
    overflow:hidden;
    padding-top:20px;
}
.review_detail .databox li{
    clear:both;
    margin:0;
    margin-bottom:5px;
}

.socialFB{
    width:700p;
    margin-top:-22px;
    _margin-top:0;
    text-align:right;
}
#reviewArticle {
    overflow:hidden;
    margin-top:15px;
    width:700px;
    height:auto;
}




#reviewArticle .TabsControll{
    width:125px;
    padding-top:5px;
}
#reviewArticle .TabsControll li{
    float:none;
    width:125px;
}
#reviewArticle .TabsControll li img{
    padding-bottom:15px;
}

#reviewDoc{
    width:700px;
    overflow:hidden;
    padding:30px 0;
    border-bottom: 1px solid #073566;
}
#reviewDoc h2{
    font-size:127%;
    padding-bottom:5px;
    color: #061E47;
    font-family: Verdana,Geneva,sans-serif;
    font-weight: bold;
}
#reviewDoc .skiname{
    padding-bottom:5px;
}

#point{
    width:700px;
    overflow:hidden;
}
#point .Reportbtn{
    padding:10px;
}
#point .Report{
    text-align:center;
    display:block;
    font-size:92%;
    width:90px;
    height:16px;
    padding-top:2px;
    background:url(../img/sprite_review.png) no-repeat 0 -91px;
}

#point .stars{
    padding:20px 0;
    font-size: 83%;
    overflow: hidden;
    width: 700px;
    color:#666666;
}

#point .stars li{
    float:left;
    width: 200px;
    padding:5px 0;

    text-align:right;
}
#point .stars li.set02{
    padding-right:30px;
}
#point .stars li span{
    padding-right:5px;
}
.pointbox{
    width:700px;
    overflow:hidden;
}
.pointbox dl.left{
    width:385px;
    _width:395px;
}
.pointbox dl.right{
    width:287px;
    _width:300px;
    padding:0 !important;
}
.pointbox dl dt{
    float:left;
    display:inline;
    text-align:right;
    font-size: 83%;
    color:#666666;
    width:100px;
    padding-right:3px;
    letter-spacing:0;
    padding-top:5px;
    overflow:hidden;
}
.pointbox dd.icon {
    min-height: 20px;
    overflow: hidden;
    width: 282px;
    overflow:hidden;
}
.pointbox .right dd.icon {
    width: 184px;
    overflow:hidden;
}

.pointbox dd.icon span {
    background: url(../img/sprite01.png) no-repeat scroll -407px -205px transparent;
    display: inline;
    float: left;
    color:#062341;
    text-align:center;
    font-size: 83%;
    height: 17px;
    letter-spacing:0;
    margin: 3px 1px;
    padding-top: 3px;
    width: 90px;
}

.reviewkind{
    width:700px;
    padding-bottom: 20px;
    overflow:hidden;
}
.reviewkind dl dt{
    float:left;
    display:inline;
    text-align:right;
    font-size: 83%;
    color:#666666;
    width:100px;
    padding-right:3px;
    letter-spacing:0;
    padding-top:5px;
    overflow:hidden;
}
.reviewkind dd.icon {
    min-height: 20px;
    overflow: hidden;
}
.reviewkind dd.icon span {
    background: url(../img/sprite01.png) no-repeat scroll -302px -205px transparent;
    display: inline;
    float: left;
    color:#062341;
    text-align:center;
    font-size: 83%;
    height: 17px;
    letter-spacing:0;
    margin: 3px 1px;
    padding-top: 3px;
    width: 105px;
}




/*---------------
Photo Gallery
---------------*/
p#galler_num{
    text-align:right;
    color: #061E4A;
    font-size: 117%;
    font-weight: bold;
    padding-bottom: 30px;
}

p#galler_num span{
font-family: Verdana,Geneva,sans-serif;
    font-size: 130%;
    padding-right: 2px;
}
#galleryArticle li.line{
    overflow:hidden;
    width:700px;
    padding-bottom:30px;
}
#galleryArticle li dl{
    width:222px;
    overflow:hidden;
    float:left;
    padding-right:10px;
}
#galleryArticle li dd p{
    margin-left:0;
}

#galleryArticle li dd.corner3 span a img{
    width:210px;
    border: 2px solid #FFFFFF;
}
#galleryArticle li dd.corner3 span.corner3 a{
    background: none repeat scroll 0 0 #BDBDBD;
    border: 1px solid #D7D7D7;
    border-bottom:none;
    float: left;
    padding: 1px 1px 0;
    width: 214px;
}
#galleryArticle li dd.corner3 span{
    float: left;
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #F8F8F8;
    border-bottom:none;
    padding: 1px;
    width: 218px;
}
#galleryArticle li dd.corner3{
    float: left;
    padding-bottom:10px;
    background:url(../img/bg/gallery_bg.jpg) no-repeat center bottom;
}
#galleryArticle li .who{
    clear:left;
    background:#FFF;
    color: #666666;
    overflow: hidden;
    padding: 0px;
    width: 222px;
}
#galleryArticle li .who .title{
    display:block;
    font-size:92%;
}



a.camera {
    background: url(../img/sprite01.png) no-repeat scroll 0 -593px transparent;
    float: right;
    height: 20px;
    padding-left: 20px;
}


/*---------------
Weather.html
---------------*/
#weather h2 { float: none; }
#weather th,
#weather .SingleLine { white-space: nowrap; }
#weather th,
#weather td { padding: 5px 10px; border-bottom: 1px solid #000; }
#weather .scrollTable {
    visibility: hidden;
    border: 1px solid #000;
}
#weather .scrollTable .date td {
    text-align: left;
    font-weight: bold;
}
#weather .borderLeft { border-left: 3px double #ccc; }
#weather .base { position: relative; height: 1em; }
#weather .dateText {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
}
#weather table,
#weather tr { background: none; }
.night { background-color: #BFCEE9; }
#weather .night.borderLeft { border-left: 3px double #99a5ba; }
.divBorder {
    position:absolute;
    top:0;
    right:0;
    border-left:1px solid #000;
    width:0;
}

.WeatheBox{
    width:628px;
    color: #AB0000;
}
#weatherImage{
    width:620px;
    padding:3px;
    border:#cccccc solid 1px;
}
.weatherText{
    float:left;
    display:inline;
    width:950px;
    /* border-top:#030E21 solid 1px; */
}
.weatherText li{
    float: left;
    padding-right: 15px;
    white-space: nowrap;
    /* border-bottom:#030E21 solid 1px; */
}
.WeatherTableBox{
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 60px;
    width: 950px;
}
.WeatherTableBox table tr td,.WeatherTableBox table tr th{
    text-align:center;
    vertical-align:middle;

}
.WeatherTableBox table{
    width:100%;
    border-top:1px solid #030E21;
}
.WeatherTd td{
    font-size:91%;
}
.MaximumTemperature{
    color:#F00;
}
.LowestTemperature{
    color:#00F;
}
p.WeatherComment{
    font-size:91%;
}

.PhotoLine { position: relative; }

.PhotoLine .time{
    color:#f00;
    margin-top: 10px;
    margin-bottom: 10px;
}

.PhotoLine a.map_arrow{
    background: url(../img/bg/map_btn.gif) no-repeat 0 10px;
    height: 18px;
    padding: 10px 0 0 25px;
}

.PhotoLine .notice {
    color: #FFF;
    width: 260px;
    position: absolute;
    top: 180px;
    left: 345px;
}
.PhotoLine .notice p { padding-bottom: 1em; }

#pageTab {
    clear: both;
    padding: 0 98px 29px;
    background: url(../img/tab/tab_base.gif) no-repeat left bottom;
}
#pageTab .button {
    float: left;
}

#pageTab .button a{
    display:block;
    width:250px;
    height:30px;
    text-indent:-9999px;
}


#pageTab .snow a{
    background: url(../img/tab/we_on.gif) no-repeat left bottom;
}

#pageTab .snow a:hover{
    background: url(../img/tab/we_on.gif) no-repeat left top;
}

#pageTab .hour_1 a{
    background: url(../img/tab/we1_on.gif) no-repeat left bottom;
}

#pageTab .hour_1 a:hover{
    background: url(../img/tab/we1_on.gif) no-repeat left top;
}

#pageTab .hour_3 a{
    background: url(../img/tab/we3_on.gif) no-repeat left bottom;
}

#pageTab .hour_3 a:hover{
    background: url(../img/tab/we3_on.gif) no-repeat left top;
}

#pageTab .mesh_now a{
    background: url(../img/tab/sn_on.gif) no-repeat left bottom;
}

#pageTab .mesh_now a:hover{
    background: url(../img/tab/sn_on.gif) no-repeat left top;
}

#pageTab .mesh_past a{
    background: url(../img/tab/sn1_on.gif) no-repeat left bottom;
}

#pageTab .mesh_past a:hover{
    background: url(../img/tab/sn1_on.gif) no-repeat left top;
}

#pageTab .wind a{
    background: url(../img/tab/wi_on.gif) no-repeat left bottom;
}

#pageTab .wind a:hover{
    background: url(../img/tab/wi_on.gif) no-repeat left top;
}


#pageTab a:hover img { opacity: 1; }
/*.pageTab a{
    display: block;
    width: 250px;
    height: 15px;
    padding: 10px 0 5px;
    background: url(../img/btn/pageTab.gif) no-repeat center center;
    line-height: 1em;
    vertical-align: middle;
    border-left: 1px solid #EEE;
    border-right: 1px solid #CCC;
}
.pageTab .left a { background-position: left center; border-left: none; }
.pageTab .right a { background-position: right center; border-right: none; }
.pageTab .current a { background-image: url(../img/btn/pageTab_on.gif); color: #FFF; }*/

/*---------------
kidspark.html
---------------*/


.PhotoLine ul.kidsIcon{
    margin:15px 10px 15px;
    clear:both;
}

.PhotoLine ul.kidsIcon li{
    width:56px;
    float:left;
}

.kidspark p{
    padding-bottom:0px !important;

}

.reservationBtn{
    float: right;
    margin-top: -12px;
}

.reservationBtn a {
    display: inline-block;
    border: 2px solid #051F3F;
    padding: 10px;
    color: #051F3F;
}
.reservationBtn a:hover {
    background: #051F3F;
    color: #FFFFFF;
    text-decoration: none;
}



.schoolReseve {
    border-bottom:#030e21 solid 3px;
    padding-bottom: 10px;
}
.schoolReseve h4.line {
    float: left;
    border-bottom: none;
    width: 25.5em;
}
.schoolReseve h4.act {
    width: 26em;
}
.schoolReseve h4.line span {
    border-bottom: none;
}
.schoolReseve .reservationBtn {
    float: right;
    margin-top: 0;
}

.PhotoLine-steach-link-pc {
    padding-top: 15px;
}

.schoolReseve-steach-link-pc{
    position:relative;
}

h4.school-pc span{
    display: inline-block;
    width : 85%;
}

h4.school-pc{
    min-height: 42px;
}

h4.school-pc a.steach-link-pc {
    display: inline-block;
    width : 13%;
        position:absolute;
        top: 50%;
        transform: translateY(-70%);
}

h4.school-pc a.steach-link-pc img{
    width: 120px;
    height: 41px;
}

h4.school-pc a.steach-link-pc img:hover {
    background: #051F3F;
    color: #FFFFFF;
    text-decoration: none;
}

/*------------------------------
 NearbyHotel
------------------------------ */
#NearbyHotel {
    float:left;
    width:680px;
}

#NearbyHotel ul#tab {
    width:680px;
    overflow: hidden;
    border-bottom: 2px solid #526aa7;
}
#NearbyHotel ul#tab li {
    float: left;
    width: 50%;
    padding: 12px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    background: #f0f0f0;
    color:#999;
}
#NearbyHotel ul#tab li span {
    display: inline-block;
    background: url(../img/icon/icon_right1_off.png) no-repeat 0 50%;
    padding-left: 22px;
}
#NearbyHotel ul#tab li span:hover {
    background: url(../img/icon/icon_right1.png) no-repeat 0 50%;
}
#NearbyHotel ul#tab li.select {
    background: #526aa7;
    color: #fff;
    font-size:14px;
}
#NearbyHotel ul#tab li.select span {
    background: none;
    padding-left: 0;
}
#NearbyHotel p.zero {
    display:block;
    padding: 20px 10px;
}
.disnon {
    display: none;
}

#NearbyHotel iframe {
    width:680px;
    height:1400px;
    margin-top:15px;
    border:none;
    scrolling:auto;
    align:center;
}