@charset "shift_jis";

/*dist.css
-----------------------------------------------------------------*/

/*containerArea
-----------------------------------------------------------------*/

/*mainSec
-----------------------------------------------------------------*/
.contents .containerArea .mainSec{float:right;width:660px;margin-top:15px;padding-top:4px;}
.contents .containerArea .mainSec .movieBox,
.contents .containerArea .mainSec .gadgetBox{background:#efefef;}


/*movieBox*/
.contents .containerArea .mainSec .movieBox{padding:10px 10px 0;text-align:center;}
.contents .containerArea .mainSec .movieBox .intro{margin-top:10px;padding:10px;background:#ffffff;text-align:left;}
.contents .containerArea .mainSec .movieBox .intro h3{margin-bottom:5px;padding-bottom:5px;border-bottom:2px solid #cc0000;font-size:118%;line-height:1.5;color:#cc0000;}


/*gadgetBox*/
.contents .containerArea .mainSec .gadgetBox{padding:10px 10px 20px;}
.contents .containerArea .mainSec .gadgetBox .gadget{display:none;}


/*otherBox*/
.contents .containerArea .mainSec .otherBox{margin-top:25px;}
.contents .containerArea .mainSec .otherBox dt{font-size:0;line-height:0;}




/*subSec
-----------------------------------------------------------------*/
.contents .containerArea .subSec{float:left;width:260px;margin-top:15px;}
.contents .containerArea .subSec .listBox,
.contents .containerArea .subSec .navBox{background:url(/tour/jalpakchannel/img/dist/parts_sub_bg-body-r.gif) repeat-y left top;}
.contents .containerArea .subSec .listBox .divA,
.contents .containerArea .subSec .navBox .divA{background:url(/tour/jalpakchannel/img/dist/parts_sub_bg-body.gif) no-repeat left bottom;}
.contents .containerArea .subSec .listBox .divB,
.contents .containerArea .subSec .navBox .divB{padding:0 11px 10px;background:url(/tour/jalpakchannel/img/dist/parts_sub_bg-bottom.gif) no-repeat left bottom;}
.contents .containerArea .subSec .listBox h4,
.contents .containerArea .subSec .navBox h4{margin:0 -11px;}


/*listBox*/
.contents .containerArea .subSec .listBox h4{margin:0 -11px;}
.contents .containerArea .subSec .listBox ul{height:670px;margin-top:10px;padding:10px 20px;background:#ffffff;border:1px solid #aeaeae;overflow-y:scroll;}
.contents .containerArea .subSec .listBox ul li{margin-top:10px;}
.contents .containerArea .subSec .listBox ul li:first-child{margin-top:0;}
.contents .containerArea .subSec .listBox ul li p.title{margin-top:5px;}
.contents .containerArea .subSec .listBox p.annotation{margin-top:10px;padding-left:1em;text-indent:-1em;color:#cc0000;font-size:88%;}


/*navBox*/
.contents .containerArea .subSec .navBox{margin-top:25px;}
.contents .containerArea .subSec .navBox ul li{margin-top:15px;padding-top:15px;border:1px solid #e1e1e1;}
.contents .containerArea .subSec .navBox ul li{padding-top:0;border:0;}
.contents .containerArea .subSec .navBox ul li .pic{float:left;width:85px;}
.contents .containerArea .subSec .navBox ul li .pic .name{color:#cc0000;font-weight:bold;}
.contents .containerArea .subSec .navBox ul li .detail{float:right;width:143px;}
.contents .containerArea .subSec .navBox p.link{padding-top:5px;font-size:88%;clear:both;}
.contents .containerArea .subSec .navBox p.link a{width:224px;word-wrap:break-word;}




/*tourDetails
-----------------------------------------------------------------*/
.contents .tourDetails.gps640{width:640px;background:url(/tour/jalpakchannel/img/dist/bg_pnl640_btm.gif) no-repeat left bottom;}
.contents .tourDetails.gps640 .tourDetailsBox{background:url(/tour/jalpakchannel/img/dist/bg_pnl640_mdl.gif) repeat-y left top;border:0;}




/*knowArea
-----------------------------------------------------------------*/
.contents .knowArea{margin-top:30px;padding:0 10px 10px 0;background:url(/tour/jalpakchannel/img/dist/parts_know_bg-bottom.gif) repeat-x left bottom #ffffff;border:1px solid #cacaca;}
.contents .knowArea h3{margin:-1px -1px 0 -1px;}
.contents .knowArea p.new{margin:10px 0 10px 10px;}


/*tabiPlusSec*/
.contents .knowArea .tabiPlusSec{float:left;width:271px;margin-right:12px;padding:15px 13px 0 14px;}
.contents .knowArea .tabiPlusSec .floatL{width:155px;}
.contents .knowArea .tabiPlusSec .floatL p#sideTabiplusBtn{margin-bottom:6px;}


/*tabiColumnSec*/
.contents .knowArea .tabiColumnSec{float:left;width:268px;margin-right:20px;padding:15px;background:#ffffff;}
.contents .knowArea .tabiColumnSec .floatL{width:40px;}
.contents .knowArea .tabiColumnSec .floatR{width:220px;}
.contents .knowArea .tabiColumnSec .floatR li{margin-bottom:5px;}
.contents .knowArea .tabiColumnSec .floatR .text{font-size:88%;}


/*infoSec*/
.contents .knowArea .infoSec{float:right;width:268px;padding:15px;background:#ffffff;}
.contents .knowArea .infoSec .floatL{width:40px;}
.contents .knowArea .infoSec .floatR{width:220px;}
.contents .knowArea .infoSec .floatR .main{margin-bottom:5px;}
.contents .knowArea .infoSec .floatR .main a{font-weight:bold;}
.contents .knowArea .infoSec .floatR .secondLayerList{margin-left:5px;font-size:88%;}
.contents .knowArea .infoSec .floatR .secondLayerList li{margin-bottom:5px;}




/*searchArea
-----------------------------------------------------------------*/
.contents .searchArea{margin-top:30px;}