@charset "Shift_JIS";

/* index.css
------------------------------------------ */

.mgt60 {margin-top:60px;}


/* general
------------------------------------------ */
.contents .mainBox .general{margin-top:20px;}
.contents .mainBox .general ul{margin-top:10px;}
.contents .mainBox .general ul li{float:left;width:350px;margin-right:10px;}
.contents .mainBox .general ul li.end{margin-right:0;}
.contents .mainBox .general ul li div dl dt{float:left;width:141px;margin-bottom:5px;font-size:0;line-height:0;}
.contents .mainBox .general ul li div dl dt img{margin-left:15px;}
.contents .mainBox .general ul li div dl dd{line-height:1.3;}
.contents .mainBox .general ul li div dl dd.text{float:right;width:204px;margin-bottom:5px;}
.contents .mainBox .general ul li div dl dd.text strong{display:block;font-weight:bold;}
.contents .mainBox .general ul li div dl dd.text p{margin-top:5px;}
.contents .mainBox .general ul li div dl dd.date{clear:both;width:auto;}

.contents .mainBox .general div.Period{margin:10px 0 -10px 0; padding:0 0 0 5px; font-weight:bold;font-size:100%;}
.contents .mainBox .general div.LineHok{margin-top:20px; padding-top:12px; border-top:1px dotted #2fa5da;}
.contents .mainBox .general div.LineKyu{margin-top:20px; padding-top:12px; border-top:1px dotted #74ad16;}
.contents .mainBox .general div.LineOka{margin-top:20px; padding-top:12px; border-top:1px dotted #f34889;}


.btnBeforeMarch{display:block;text-align:right;}


/* tokushuArea
------------------------------------------ */
.contents .mainBox .tokushuArea{background:url(/domtour/furari/img/bg_illust_cat.gif) no-repeat right bottom;}




/* distArea
------------------------------------------ */
.contents .mainBox .distArea{background:url(/domtour/furari/img/bg_illust_rabbit.gif) no-repeat right bottom;}
.contents .mainBox .distArea ul li{margin-top:10px;}

.contents .mainBox .distArea ul li .titleSec{margin-bottom:10px;font-size:0;line-height:0;}
.contents .mainBox .distArea ul li .titleSec h4,
.contents .mainBox .distArea ul li .titleSec p.btnDist{float:left;font-size:0;line-height:0;}
.contents .mainBox .distArea ul li .titleSec h4 img,
.contents .mainBox .distArea ul li .titleSec p.btnDist img{font-size:0;line-height:0;}
@media print{
.contents .mainBox .distArea ul li{width:351px;margin-right:8px;}
}





/* sSrchDistArea
------------------------------------------ */

.contents .mainBox .sSrchDistArea {border-left:1px solid #7b88bd; border-right:1px solid #7b88bd; padding:0px 13px;}
.contents .mainBox .sSrchDistArea h3 {margin:0px -14px 8px;}
.contents .mainBox .sSrchDistArea p.bgBtmImg {margin:3px -14px 0px;}
.contents .mainBox .sSrchDistArea ul li {-moz-inline-box; display:inline-block; /display:inline; /zoom:1;}

.contents .mainBox .sSrchDistArea ul li dl {position:relative;}

.contents .mainBox .sSrchDistArea ul li dl dt {padding:6px 0px 8px;}
.contents .mainBox .sSrchDistArea ul li dl dd {padding:0 0 5px 0;}
.contents .mainBox .sSrchDistArea ul li dl dd.thumbnail {position:absolute; padding:0;}

.contents .mainBox .sSrchDistArea ul li dl.toHok {width:232px;  background:url(../img/bg_sSrchDistArea_hol.gif) repeat-y top right;}
.contents .mainBox .sSrchDistArea ul li dl.toHok dt,
.contents .mainBox .sSrchDistArea ul li dl.toHok dd {margin-left:80px;}
.contents .mainBox .sSrchDistArea ul li dl.toHok dd.thumbnail {margin:0; left:0px; top:0px;}

.contents .mainBox .sSrchDistArea ul li dl.toKyu {padding-left:11px; width:213px; background:url(../img/bg_sSrchDistArea_hol.gif) repeat-y top right;}
.contents .mainBox .sSrchDistArea ul li dl.toKyu dt,
.contents .mainBox .sSrchDistArea ul li dl.toKyu dd {margin-left:64px;}
.contents .mainBox .sSrchDistArea ul li dl.toKyu dd.thumbnail {margin:0; left:13px; top:0px;}

.contents .mainBox .sSrchDistArea ul li dl.toOka {padding-left:14px; width:212px;}
.contents .mainBox .sSrchDistArea ul li dl.toOka dt,
.contents .mainBox .sSrchDistArea ul li dl.toOka dd {margin-left:74px;}
.contents .mainBox .sSrchDistArea ul li dl.toOka dd.thumbnail {margin:0; left:14px; top:0px;}


/* discountPriceArea
------------------------------------------ */
.contents .mainBox .discountPriceArea {position:relative;}
.contents .mainBox .discountPriceArea a {position:absolute; left:511px; top:25px;}


/* anchor
------------------------------------------ */
.contents .mainBox .anchor.mgt35 {margin-top:35px;}


/* eachDestination
------------------------------------------ */
.contents .mainBox .eachDestination .distArea {background:none;}
.contents .mainBox .eachDestination .general ul li{padding-left:15px;width:335px;}
.contents .mainBox .eachDestination .general ul li a{display:block;cursor:pointer;}
.contents .mainBox .eachDestination .general ul li a:hover{background-color:#e7e7e7;text-decoration:none;}
.contents .mainBox .eachDestination .general ul li a div dl dd.text span.withIcon{color:#0f0f69;}
.contents .mainBox .eachDestination .general ul li a:hover div dl dd.text span.withIcon{text-decoration:underline;color:#cc0000;}
.contents .mainBox .eachDestination .general ul li div dl dt {width:126px;}
.contents .mainBox .eachDestination .general ul li div dl dt img{margin-left:0px;}


.contents .mainBox .distArea#osusumeKYU,
.contents .mainBox .distArea#osusumeOKA {margin-top:50px;}


.contents .mainBox .distArea .okaStayArea {position:relative;}
.contents .mainBox .distArea .okaStayArea strong {font-size:0; line-height:0;}

.contents .mainBox .distArea .okaStayArea .detailBox {position:absolute; left:26px; top:61px; width:656px;}
.contents .mainBox .distArea .okaStayArea .detailBox .thumbnail {float:left; width:153px; padding-top:6px;}
.contents .mainBox .distArea .okaStayArea .detailBox .detailLink {float:right; width:486px;}

.contents .mainBox .distArea .okaStayArea .detailBox .detailLink ul {width:486px; padding:0; margin:0;}
.contents .mainBox .distArea .okaStayArea .detailBox .detailLink ul li {width:486px; padding:0; margin:0 0 5px 0; float:none;}
.contents .mainBox .distArea .okaStayArea .detailBox .detailLink ul li.end {margin-bottom:0;}
.contents .mainBox .distArea .okaStayArea ul,
.contents .mainBox .distArea .okaStayArea li,
.contents .mainBox .distArea .okaStayArea dl,
.contents .mainBox .distArea .okaStayArea dt,
.contents .mainBox .distArea .okaStayArea dd,
.contents .mainBox .distArea .okaStayArea p {line-height:0; font-size:0;}



/* otherFurari
------------------------------------------ */
.contents .mainBox .general#otherFurari {padding:14px 0; margin-top:0; border:1px solid #f3ce7f; border-top:none;}
.contents .mainBox .general#otherFurari h4 {margin:-15px -1px 10px;}
.contents .mainBox .general#otherFurari ul {margin-right:13px; margin-top:0px;}
.contents .mainBox .general#otherFurari ul li{width:339px; margin-right:0px;}
.contents .mainBox .general#otherFurari ul li.end {float:right; margin-right:0px;}
.contents .mainBox .general#otherFurari ul li div dl dd.text{width:194px;}