@charset "shift_jis";

/* General
------------------------------------------ */
.mgt2{margin-top:2px;}
.mgt8{margin-top:8px;}
.mgt11{margin-top:11px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgl5{margin-left:5px;}
.mgl7{margin-left:7px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.pdt23{padding-top:23px;}
.fSizeS{font-size:95%}
.indentTxt{display:block;padding-left:1em;text-indent:-1em;}
.caption{display:block;font-size:95%;line-height:1.1;margin-top:3px;}




/* headerArea
------------------------------------------ */
.mainBox .headerArea{width:710px;height:564px;position:relative;background:url(/domtour/jalski/img/index/bg_mainImage.gif) no-repeat top left;}
.mainBox .headerArea h2{width:635px;padding:14px 0 0 75px;}

.mainBox .headerArea ul.headerSubSec{width:592px;margin:11px 0 0 118px;}
.mainBox .headerArea ul.headerSubSec li{margin:0 0 4px;line-height:0;font-size:0;}
.mainBox .headerArea ul.headerSubSec li.end{margin-bottom:0;}

.mainBox .headerArea .column2Sec{margin:10px 15px 0px;width:681px;}
.mainBox .headerArea .column2Sec .floatL{width:469px;}
.mainBox .headerArea .column2Sec .floatR{width:202px;}

.mainBox .headerArea .column2Sec .floatR .meritLinkBox{width:202px;height:310px;background:url(/domtour/jalski/img/index/bg_merit_bdy.gif) no-repeat top left;}

.mainBox .headerArea .column2Sec .floatR .meritLinkBox h3{margin:0;padding:0;font-size:0;line-height:0;}
.mainBox .headerArea .column2Sec .floatR .meritLinkBox ul{margin:0px;}
.mainBox .headerArea .column2Sec .floatR .meritLinkBox ul li{padding:0 0 3px 8px;line-height:0;font-size:0;}




/* courseListArea
------------------------------------------ */
.mainBox .courseListArea{width:710px;}
.mainBox .courseListArea .floatL{width:426px;}
.mainBox .courseListArea .floatR{width:272px;}
.mainBox .courseListArea .stayCourseSec{border:1px solid #999999;}
.mainBox .courseListArea .stayCourseSec h4{margin:-1px -1px 0;}
.mainBox .courseListArea .stayCourseSec .mapBox{position:relative;}
.mainBox .courseListArea .stayCourseSec .mapBox .leadTxt{position:absolute;top:11px;left:9px;}
.mainBox .courseListArea .stayCourseSec .mapBox .btnKiroro{position:absolute;top:162px;left:38px;z-index:99;}
.mainBox .courseListArea .stayCourseSec .mapBox .btnRusutsu{position:absolute;top:209px;left:109px;z-index:99;}
.mainBox .courseListArea .stayCourseSec .mapBox .btnNiseko{position:absolute;top:186px;left:69px;z-index:99;}
.mainBox .courseListArea .stayCourseSec .mapBox .btnFurano{position:absolute;top:120px;left:201px;z-index:99;}
.mainBox .courseListArea .stayCourseSec .mapBox .btnTomamu{position:absolute;top:142px;left:231px;z-index:99;}
.mainBox .courseListArea .stayCourseSec .mapBox .btnSahoro{position:absolute;top:164px;left:228px;z-index:99;}
.mainBox .courseListArea .stayCourseSec .mapBox .btnYubari{position:absolute;top:164px;left:165px;z-index:99;}
.mainBox .courseListArea .stayCourseSec .mapBox .btnAsahikawa{position:absolute;top:79px;left:181px;z-index:99;}
.mainBox .courseListArea .stayCourseSec .mapBox .btnSapporo{position:absolute;top:162px;left:102px;z-index:99;}
.mainBox .courseListArea .stayCourseSec .mapBox .btnOtaru{position:absolute;top:140px;left:68px;z-index:99;}
.mainBox .courseListArea .stayCourseSec .mapBox .txApSPK{position:absolute;top:189px;left:146px;}
.mainBox .courseListArea .stayCourseSec .mapBox .txApAKJ{position:absolute;top:101px;left:153px;}
.mainBox .courseListArea .stayCourseSec .mapBox .txApOBO{position:absolute;top:199px;left:199px;}


/* HxGSxJalArea
------------------------------------------ */
.mainBox .HxGSxJalArea{background-color:#fffbd4;padding:0 10px 14px 14px;}
.mainBox .HxGSxJalArea h3{margin:0 -10px 3px -14px;}

.mainBox .HxGSxJalArea .leadTxt{margin-top:8px;width:686px;position:relative;}
.mainBox .HxGSxJalArea .leadTxt p{width:611px;margin-top:3px;}
.mainBox .HxGSxJalArea .leadTxt p.logo{width:65px;margin:0;position:absolute;right:0;top:0;}
.mainBox .HxGSxJalArea .detail{position:relative;}
.mainBox .HxGSxJalArea .detail .baloon{position:absolute;top:0px;left:333px;}
.mainBox .HxGSxJalArea .detail .floatL{width:375px;}
.mainBox .HxGSxJalArea .detail .floatR{width:301px;}
.mainBox .HxGSxJalArea .detail .floatL .spDmy{float:right;width:42px;}
.mainBox .HxGSxJalArea .detail .floatL ul li{line-height:1.4;padding-left:1em;text-indent:-1em;}
.mainBox .HxGSxJalArea .detail .floatL ul li em{font-style:normal;color:#ce1717;}
.mainBox .HxGSxJalArea .detail .floatL ul li.noIndent{text-indent:0;padding-left:0;}
.mainBox .HxGSxJalArea .detail .floatL ul li.detail{text-indent:-10.2em;padding-left:10.2em;}
.mainBox .HxGSxJalArea .detail .floatL ul li.smaller01{line-height:1.6;}
.mainBox .HxGSxJalArea .detail .floatR ul{margin-top:21px;padding-left:8px;}
.mainBox .HxGSxJalArea .detail .floatR ul li{display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;vertical-align:top;}
.mainBox .HxGSxJalArea .detail .floatR ul li .caption{margin-top:-20px;}
.mainBox .HxGSxJalArea .detail .floatR ul li .ph1{width:152px;}
.mainBox .HxGSxJalArea .detail .floatR ul li .ph1 .caption{padding-right:23px;}
.mainBox .HxGSxJalArea .detail .floatR ul li .ph2{width:141px;}
.mainBox .HxGSxJalArea .detail .floatR ul li .ph2 .caption{padding-right:10px;}



/* enqueteArea
------------------------------------------ */
.mainBox .enqueteArea{border:1px solid #263da4;padding:5px 14px 12px;width:680px;background-color:#edf9fe;}
.mainBox .enqueteArea h3{margin:0 -12px 0 -11px;}
.mainBox .enqueteArea dl{margin-top:12px;}
.mainBox .enqueteArea dl dt{padding-bottom:8px;}
.mainBox .enqueteArea dl dd{line-height:1.4;font-size:95%;display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;vertical-align:top;padding-right:6px;}



/* bannerArea
------------------------------------------ */
.mainBox .bannerArea ul li{float:left; margin-right:10px;}