@charset "utf-8";

/*-----------------------------------------------------
北海道国内TOP用スタイル
-----------------------------------------------------*/

#header .logo {
 position: absolute;
 top: 20px;
 z-index: 10;
 width:124px;
}

#header ul.gnav { right: 315px !important; }
#header ul.gnav li.jtour {
	background: url(../img/tab_nav.gif) no-repeat 0px 0px;
	height: 33px;
	width: 46px;
	margin-top:5px;
	text-indent: -9999px;
}
#header ul.gnav li.jtour_nav01 a {
	background: url(../img/tab_nav.gif) no-repeat -138px 0px;
	height: 33px;
	width: 123px;
}
#header ul.gnav li.jtour_nav01 a:hover { background: url(../img/tab_nav.gif) no-repeat -138px -33px; }
#header ul.gnav li.jtour_nav02 a {
	background: url(../img/tab_nav.gif) no-repeat -261px 0px;
	height: 33px;
	width: 120px;
	margin-right:5px;
}
#header ul.gnav li.jtour_nav02 a:hover { background: url(../img/tab_nav.gif) no-repeat -261px -33px; }
#header ul.gnav li.wtour {
	background: url(../img/tab_nav.gif) no-repeat -92px 0px;
	height: 33px;
	width: 46px;
	margin-top:5px;
	text-indent: -9999px;
}
#header ul.gnav li.wtour_nav01 a {
	background: url(../img/tab_nav.gif) no-repeat -381px 0px;
	height: 33px;
	width: 123px;
}
#header ul.gnav li.wtour_nav01 a:hover { background: url(../img/tab_nav.gif) no-repeat -381px -33px; }

#header .branch {
 float: right;
 position: absolute;
 top: 35px;
 right: 0px;
}

/******************** メイン ********************/

.main {
 float: left;
 width: 635px;
}

.main .search_container { margin-bottom: 10px; }

.main .search_container .mapBox {
 float: left;
 width: 316px;
 position: relative;
 background: url(../../../../common/img/bg_map01.jpg) repeat-x left 3px;
 height: 255px;
}

.main .search_container .mapBox .title {
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 10;
}

.main .search_container .mapBox .map {
 position: relative;
 height: 200px;
 width: 310px;
 overflow: hidden;
 margin: 0px auto;
}

.main .search_container .mapBox .mapBody { padding-top: 20px; }

.main .search_container .mapBox .map .mapText { }

.main .search_container .mapBox .map .mapText .btn {
 position: absolute;
 background: url(../../../../common/img/btn_bg_maptitle.gif) repeat-x;
 border: 1px solid #3a8cce;
 padding: 2px 4px;
 font-size: 10px;
 text-align: center;
 cursor:pointer;
 line-height: 12px;
 color: #0066CC;
}

.main .search_container .mapBox .map .mapText .over { color: #CC0706; }

.main .search_container .mapBox .map .mapText .on {
 color: #CC0706;
 border: 1px solid #CC0706;
 background: #fef394;
}

.main .search_container .mapBox .map .mapText .na {
 border: 1px solid #999999;
 background: #dedede;
 color: #999999;
 cursor:default;
}

.main .search_container .mapBox .pankuzu {
 position: relative;
 top: 2px;
}

.main .search_container .mapBox .pankuzu .layer {
 background: #FFFFFF;
 position: absolute;
 height: 30px;
 width: 310px;
 left: 3px;
 z-index: 0;
 filter: alpha(opacity=80);
 -moz-opacity:0.8;
 opacity:0.8;
}

.main .search_container .mapBox .pankuzu .area {
 position: absolute;
 z-index: 10;
 font-size: 12px;
 top: 7px;
 left: 15px;
}

.main .search_container .mapBox .map img {
 position:absolute;
 top:0;
 left:0;
 width:310px;
 height:200px;
 z-index:10;
}

.main .search_container .mapBox .map img.mapBase { z-index:1; }

.main .search_container .mapBox .map img.mapLayer { z-index:9000; }

.main .search_container .mapBox .map img.swap { z-index:1000; }

.main .search_container .mapBox .map div { position:absolute; }

.main .search_container .mapBox .map div.mapTitle {
 z-index:9999;
 background:white;
 border:1px solid #0066CC;
 padding: 1px 2px;
}

.main .search_container .optionBox {
 float: right;
 width: 312px;
 background: #F7ECC8 url(../../../../mdom/img/frm01_bg.gif) repeat-x top;
 position: relative;
 height: 255px;
}

.main .search_container .optionBox .title { margin-bottom: 3px; }

.main .search_container .optionBox .icon {
 position: absolute;
 top: -8px;
 right: -1px;
}

.main .search_container .optionBox dl {
 margin: 0px 10px;
 padding: 5px 0px;
 clear: both;
 border-bottom: 1px dotted #D0BB76;
}

.main .search_container .optionBox dl dt {
 float: left;
 font-weight: bold;
}

.main .search_container .optionBox dl dd { }

.main .search_container .optionBox dl.list01 dd { margin-left: 55px; }

.main .search_container .optionBox dl.list01 dd select {
 margin-bottom: 2px;
 margin-right: 2px;
}

.main .search_container .optionBox dl.list01 dd .link_calendar {
 font-size: 11px;
 background: url(../../../../common/img/icon_calendar.gif) no-repeat left center;
 padding: 2px 0px 2px 20px;
}

.main .search_container .optionBox dl.list01 dd ul.dayslist li {
 float: left;
 width: 70px;
 white-space: nowrap;
 zoom:1;
}

.main .search_container .optionBox dl.list01 dd ul.dayslist li input {
 position: relative;
 top: 2px;
 margin-right: 3px;
 _position: static;
}

.main .search_container .optionBox dl.list02 dd { margin-left: 85px; }

.main .search_container .optionBox .btn {
 text-align: center;
 padding-top: 20px;
}

.main .oneday { margin:10px 0 15px; }

.main .bnrBox {
 clear: both;
 margin:-2px 0px 10px;
 text-align:center;
}

/* new tours */

.main .boxNew {
 width: 613px;
 border-left:1px solid #cdcdcd;
 border-right:1px solid #cdcdcd;
 border-bottom:1px solid #cdcdcd;
 padding:10px;
 overflow:hidden;
}

.main .boxNew ul { width:613px; }

.main .boxNew ul li {
 float:left;
 background:url(../img/arrow_new.gif) no-repeat 0 3px;
 padding:0 5px 12px 15px;
 height:100%;
}

.main .boxNew ul li.price {
 float:right;
 background:none;
 color:#CC0000;
 text-align:right;
 font-weight:bold;
}

.main .tour_container {
 background: url(../../../../common/img/frm01_bg.gif) repeat-y 0px;
 clear: both;
 margin-bottom: 15px;
}

.main .tour_container .tour_container_inner { background: url(../../../../common/img/frm01_bg.gif) no-repeat -635px bottom; }

.main .tour_container .tourBox {
 background: url(../../../../common/img/frm01_top1.gif) no-repeat left top;
 float: left;
 width: 316px;
}

.main .tour_container .tourBox .inner { padding: 10px 8px 3px 10px; }

.main .tour_container .tourBox dl {
 clear: both;
 margin-bottom: 5px;
}

.main .tour_container .tourBox dl dt { float: left; }

.main .tour_container .tourBox dl dt img {
 padding: 1px;
 border: 1px solid #CCCCCC;
}

.main .tour_container .tourBox dl dd {
 margin-left: 112px;
 line-height: 1.2;
}

.main .tour_container .tourBox dl dd .link {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 5px;
}

.main .tour_container .tourBox ul {
 background: url(../../../../common/img/dot02.gif) repeat-x top;
 padding: 10px 0px 0px 3px;
}

.main .tour_container .tourBox ul li {
 background: url(../../../../mdom/img/arrow01.gif) no-repeat left 3px;
 padding-left: 8px;
 margin-bottom: 4px;
 line-height: 1.2;
}

.main .tour_container .infoBox {
 float: right;
 width: 312px;
 background: url(../../../../common/img/frm01_top3.gif) no-repeat left top;
}

.main .tour_container .infoBox .titlebox {
 background: url(../../../../common/img/dot02.gif) repeat-x bottom;
 margin: 3px;
 padding: 7px 8px 10px;
}

.main .tour_container .infoBox .titlebox .title {
 border-left: 3px solid #cc0706;
 padding-left: 6px;
 line-height: 1.1;
}

.main .tour_container .infoBox ul { padding: 10px 10px 10px 12px; }

.main .tour_container .infoBox ul li {
 background: url(../../../../common/img/dot03.gif) no-repeat left 5px;
 padding-left: 10px;
 margin-bottom: 8px;
}

.main .tour_container .recommendBox {
 background: url(../../../../common/img/frm01_top2.gif) no-repeat top;
 float: left;
 width: 316px;
 position: relative;
 top: -10px;
}

.main .tour_container .recommendBox .title {
 font-size: 16px;
 font-weight: bold;
 padding: 20px 0px 5px 40px;
}

.main .tour_container .recommendBox dl {
 clear: both;
 padding: 5px 10px;
 border-bottom: 1px dotted #CCCCCC;
}

.main .tour_container .recommendBox dl dt { float: left; }

.main .tour_container .recommendBox dl dt img {
 padding: 1px;
 border: 1px solid #CCCCCC;
}

.main .tour_container .recommendBox dl dd { margin-left: 65px; }

.main .tour_container .recommendBox dl dd .link { margin-bottom: 4px; }

.main .tour_container .recommendBox dl dd .icon {
 margin-right: 5px;
 line-height: 0px;
 vertical-align: middle;
}

.main .tour_container .recommendBox dl dd .price {
 font-weight: bold;
 color: #cc0706;
 line-height: 17px;
}

.main .tour_container .purposeBox {
 float: right;
 width: 312px;
}

.main .tour_container .purposeBox .title { margin-bottom: 3px; }

.main .tour_container .purposeBox .title img {
 line-height: 0px;
 vertical-align: bottom;
}

.main .tour_container .purposeBox .content {
 padding: 5px 0px;
 clear: both;
}

.main .tour_container .purposeBox .content .subtitle {
 background: url(../../../../mdom/img/tit_bg01.gif) no-repeat center;
 font-size: 14px;
 font-weight: bold;
 padding: 2px 0px 2px 32px;
 margin: 0px 5px 5px 0px;
}

.main .tour_container .purposeBox .content .subtitle span {
 background: #FFFFFF;
 padding-right: 5px;
}

.main .tour_container .purposeBox ul.list01 {
 margin: 0px 10px 10px 12px;
 clear: both;
}

.main .tour_container .purposeBox ul.list01 li {
 background: url(../../../../mdom/img/arrow01.gif) no-repeat left 3px;
 margin-bottom: 3px;
 padding-left: 8px;
}

.main .tour_container .purposeBox ul.list02 {
 margin: 0px 5px 10px 12px;
 clear: both;
}

.main .tour_container .purposeBox ul.list02 li {
 background: url(../../../../mdom/img/arrow01.gif) no-repeat left 3px;
 margin-bottom: 2px;
 padding-left: 8px;
 float: left;
 width: 135px;
}

.main .tour_container .purposeBox ul.bnrlist {
 clear: both;
 margin-left: 12px;
}

.main .tour_container .purposeBox ul.bnrlist li {
 text-align: left;
 line-height: 1.2;
 float: left;
 width: 135px;
 height: 90px;
 overflow: hidden;
 margin-right: 10px;
}

.main .tour_container .purposeBox ul.bnrlist li img {
 padding: 1px;
 border: 1px solid #CCCCCC;
 margin-bottom: 2px;
 text-decoration: none;
 line-height: 0px;
 vertical-align: bottom;
}

.main .bnrBox img {
 padding:2px;
 border:1px solid #ccc;
}

/* エリア別おすすめツアー */

.osusumetour {
 background:url(../../img/osusumebgbottom.gif) bottom center no-repeat;
 padding-bottom:30px;
 margin:15px 0 30px 0;
}

.inosusumetour {
 background:url(../../img/osusumebg.gif) bottom center repeat-y;
 overflow: hidden;
}

.osusumelist { margin:10px 0 0 20px; }

.osusumelist li {
 float:left;
 width:298px;
 background:url(../../img/osusumeline.gif) bottom center repeat-x;
 padding-bottom:15px;
 margin-bottom:10px;
}

.osusumelistimg {
 float:left;
 display:inline;
 margin-left:15px;
 padding:3px;
 border:1px solid #ccc;
}

.osusumelistimg span {
 overflow:hidden;
 display: block;
 width:64px;
 height:64px;
 margin:3px;
}

.osusumelist dl {
 float:left;
 width:190px;
 font-weight:bold;
 margin:2px 0 0 10px;
 display:inline;
 line-height:15px;
}

.osusumenoimg {
 font-weight:bold;
 margin:2px 15px 0 20px;
 line-height:15px;
}

.osusumelist dt a {
padding:3px 5px 2px;
background-color:#FF9900;
color:#fff;
text-decoration:none;
}

.osusumelist dd {
 padding-top:7px;
}

.osusumelist dd .osusumenoimgprice {
 color:#ff0000;
 text-decoration:none;
}

/******************** side *************************/

.side {
 float: right;
 width: 300px;
}

/* ランキングガジェット */

.side .tourRanking {
 width:300px;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background-color:#fff;
}

.side .tourRanking dl {
 width:278px;
 padding:7px 10px;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
}

.side .tourRanking dl dt {
 float: left;
 padding-left:30px;
}

.side .tourRanking dl dt img {
 padding:1px;
 border:1px solid #cdcdcd;
}

.side .tourRanking dl dd {
 margin-left: 98px;
 line-height: 1.2em;
}

.side .tourRanking dl dd .price {
 color:#cc0706;
 font-weight:bold;
}

/* バナー */

.side .bnrBox {
 margin:15px 0;
 background-image:url(../img/side_bg.gif);
 border-top:5px solid #ebf8f8;
 border-bottom:5px solid #ebf8f8;
}

.side .bnrBox_inner {
 width:268px;
 margin:10px 0 10px 15px;
 padding:10px 0;
 background:url(../img/side_bnrbox_bg.gif) no-repeat;
 background-color:#fff;
 border:1px solid #f3f7f7;
}

.side .bnrBox .main_bnr { margin-bottom: 8px; }

.side .bnrBox .sub_bnr { margin: 8px auto; width: 240px; }

.side .rankingBox {
 background: url(../img/side_frame.gif) repeat-y;
 margin-bottom: 10px;
 border-bottom: 1px solid #CCCCCC;
 width: 300px;
 padding-bottom: 5px;
}

/* ホテルガジェット */

.deplistWrap { display: none; }

.side .hotelBox {
width:298px;
border:1px solid #ccc;
background-color:#fff;
}

.side .hotelBox .gadgetPrice .pricelist li{
padding:12px 2px 12px 3px;
border-bottom:1px dotted #ccc;
background:url(../img/ico_hotel.gif) 2px center no-repeat;
}

.side .hotelBox .gadgetPrice .pricelist a{
padding-left:18px;
text-decoration:none;
white-space:nowrap; /* webkit改行対策 */
}

.side .hotelBox .gadgetPrice .pricelist .price{
color:#cc0000;
}

.side .iconTable { float: right; }

.side .iconTable td {
 text-align: right;
 padding-left: 10px;
}


.clear { height:1%; }

.clear:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

.m_btm15 { margin-bottom:15px; }
.hide { visibility:hidden; }
.aiu { display: block; font-size: 10px; text-align: right; }