/* ______ Basic Area ______ */ #one_column #main_Col { width:730px !important; margin:auto; } /* for 4travel */ #one_column div.gototop { width:730px !important;} .section01_w001 .section01_main_Col{ border: 0; } .section01_w001, .section01_w001 .section01_one_column{ background: none; } /* ______ Title Area ______ */ /* For ADtext bymaruyama */ #ad_add_text01 { padding:0 0 10px 0; text-align:left; font-weight:bold; } #ad_add_text01 a{ background:url(/element/shared/images/icon/promo_ic01_004.gif) no-repeat; padding-left:30px; } div#add_Col H2 { background:url(/element/j_special/ski/shared/images/title.jpg) no-repeat #FFF; height: 190px; overflow: hidden; text-indent: -9999px; width: 960px; } #pickuparea { width:960px; text-align:center; padding:2px 0 15px 0 } #pickuparea A { font-weight:bold; background:url(/element/shared/images/icon/promo_ic01_001.gif) no-repeat; background-position:left 2px; padding-left:29px } --> /* ______ TAB Area ______ */ #main_Col #tabAreaUP, #main_Col #tabAreaLOW { clear:both; width:730px; } #main_Col #tabAreaUP:after, #main_Col #tabAreaLOW:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;} /* ____ CSS Sprite ____ */ #main_Col #tabAreaUP LI.li01, #main_Col #tabAreaUP LI.li02, #main_Col #tabAreaUP LI.li03, #main_Col #tabAreaUP LI.li04, #main_Col #tabAreaUP LI.li01 a, #main_Col #tabAreaUP LI.li02 a, #main_Col #tabAreaUP LI.li03 a, #main_Col #tabAreaUP LI.li04 a, #main_Col #tabAreaLOW LI.li01, #main_Col #tabAreaLOW LI.li02, #main_Col #tabAreaLOW LI.li03, #main_Col #tabAreaLOW LI.li04, #main_Col #tabAreaLOW LI.li01 a, #main_Col #tabAreaLOW LI.li02 a, #main_Col #tabAreaLOW LI.li03 a, #main_Col #tabAreaLOW LI.li04 a { background: url(/element/j_special/ski/shared/images/tab_ps01_003.png) no-repeat; text-indent:-9999px !important; height:40px; /*padding:0px !important;*/ } /*tabAreaUP*/ .top #main_Col #tabAreaUP LI.li01 a { background-position: 0 0px !important; width:112px !important; } .list #main_Col #tabAreaUP LI.li02 a { background-position: -117px 0px !important; width:198px !important; } .point #main_Col #tabAreaUP LI.li03 a { background-position: -320px 0px !important; width:198px !important;} #main_Col #tabAreaUP LI.li01 { background-position: 0 0px !important; width:112px !important; } #main_Col #tabAreaUP LI.li02 { background-position: -117px 0px !important; width:198px !important; } #main_Col #tabAreaUP LI.li03 { background-position: -320px 0px !important; width:198px !important;} #main_Col #tabAreaUP LI.li04 { background-position: -541px 0px !important; width:185px !important;} #main_Col #tabAreaUP LI.li01 a { background-position: 0 -80px !important; width:112px !important; } #main_Col #tabAreaUP LI.li02 a { background-position: -117px -80px !important; width:198px !important; } #main_Col #tabAreaUP LI.li03 a { background-position: -320px -80px !important; width:198px !important;} #main_Col #tabAreaUP LI.li04 a { background-position: -541px -80px !important; width:185px !important;} #main_Col #tabAreaUP LI.li01 a:hover{ background-position: 0 -40px !important; width:112px !important; } #main_Col #tabAreaUP LI.li02 a:hover{ background-position: -117px -40px !important; width:198px !important;} #main_Col #tabAreaUP LI.li03 a:hover{ background-position: -320px -40px !important; width:198px !important;} #main_Col #tabAreaUP LI.li04 a:hover{ background-position: -541px -40px !important; width:198px !important;} /*tabAreaLOW*/ .top #main_Col #tabAreaLOW LI.li01 { background-position: 0 -126px !important; width:112px !important; } .list #main_Col #tabAreaLOW LI.li02 { background-position: -117px -126px !important; width:198px !important; } .feature #main_Col #tabAreaLOW LI.li03 { background-position: -320px -126px !important; width:198px !important; } #main_Col #tabAreaLOW LI.li01 { background-position: 0 -126px !important; width:112px !important; } #main_Col #tabAreaLOW LI.li02 { background-position: -117px -126px !important; width:198px !important;} #main_Col #tabAreaLOW LI.li03 { background-position: -320px -126px !important; width:198px !important;} #main_Col #tabAreaLOW LI.li04 { background-position: -541px -126px !important; width:185px !important;} #main_Col #tabAreaLOW LI.li01 a { background-position: 0 -206px !important; width:112px !important; } #main_Col #tabAreaLOW LI.li02 a { background-position: -117px -206px !important; width:198px !important;} #main_Col #tabAreaLOW LI.li03 a { background-position: -320px -206px !important; width:198px !important;} #main_Col #tabAreaLOW LI.li04 a { background-position: -541px -206px !important; width:185px !important;} #main_Col #tabAreaLOW LI.li01 a:hover { background-position: 0 -166px !important; width:112px !important; } #main_Col #tabAreaLOW LI.li02 a:hover { background-position: -117px -166px !important; width:198px !important;} #main_Col #tabAreaLOW LI.li03 a:hover { background-position: -320px -166px !important; width:198px !important;} #main_Col #tabAreaLOW LI.li04 a:hover { background-position: -541px -166px !important; width:185px !important;} #main_Col #tabAreaUP { background:url(/element/j_special/ski/shared/images/tab_up_btm_001.gif) repeat-x; padding-bottom:6px; margin-bottom:12px } #main_Col #tabAreaLOW { background:url(/element/j_special/ski/shared/images/tab_low_btm_001.gif) repeat-x; padding-top:6px; margin-top:10px } #main_Col #tabAreaUP LI, #main_Col #tabAreaLOW LI { float:left; text-indent:-9999px } #main_Col #tabAreaUP LI, #main_Col #tabAreaUP LI A, #main_Col #tabAreaLOW LI, #main_Col #tabAreaLOW LI A { display:block; height:42px; overflow:hidden; } /* TAB num=4 */ #main_Col .tabNum4 LI.li01 { width:112px; margin-right:5px} #main_Col .tabNum4 LI.li02 { width:198px; margin-right:5px; } #main_Col .tabNum4 LI.li03 { width:198px; margin-right:23px;} #main_Col .tabNum4 LI.li04 { width:185px;} /* ____sTitle Area Scroll____ */ #main_Col #content01Area, #main_Col #agtArea { width:730px; clear:both; margin-top:10px } #main_Col #ad_main_sp DD{ min-height:110px; height:110px; } #main_Col H3#agt { background:url(/element/j_special/ski/shared/images/sttl_agt.gif) no-repeat; height:39px; text-indent:-9999px } /* Scroll */ #main_Col UL.scroll { margin-top:2px; margin-bottom:10px; } #main_Col .itemNav_Area { padding-top:0px; } /* ____ For This Special ____ */ #sub_Col .default DD { padding:5px 5px 5px 5px; text-align:center} #sub_Col dl.vote dd { text-align:center; padding:10px 0; } div#agtArea dl#ad_main_sp dd:after{ content:'.'; display:block; clear:both; height:0; visibility:hidden;} div#agtArea dl#ad_main_sp dd img{ float:left; margin-right:6px; } div#agtArea dl#ad_main_sp dd a{ display:block; float:right; width:345px; line-height:1.3; } /* agent-box */ .agent-box { margin-top:30px; } #agent{ display: block; background: url(/element/j_special/ski/index/images/ps01_001.png) no-repeat; text-indent: -9999px !important; background-position: 0px -598px; width: 730px; height: 38px; margin-bottom:20px; display:none; } .agent-list{ margin-left:-30px; } .agent-list li{ height:110px; float:left; width:330px; margin-left:30px; line-height:1.3; } .agent-list li img{ float:left; margin-right:10px; } .agent-list li span{ color:#333; } .agent-list li b{ display:block; margin-bottom:5px; color:#174aa3; } #Area_RandomApvText_01{ margin-bottom:10px; } #dspOctagonal_Area{ padding-top:42px; } /* ---------------------------------------------------------------- clearfix ----------------------------------------------------------------- */ .agent-list:before, .agent-list:after{ content:""; display:table; } .agent-list:after{ clear:both; } /* ____ banner ____ */ #toppr_Area li { height:auto; } #toppr_Area li a{ margin-bottom:8px; display:block; }