@charset "utf-8";
/*--------------------------------------
	copyright : Sapporo Express Co.Ltd.
	-----------------------------------*/

/*
 page common
==============================*/

/* margin bottom ----------*/
.mb5px  { margin-bottom: 5px; }
.mb10px { margin-bottom:10px; }
.mb15px { margin-bottom:15px; }
.mb20px { margin-bottom:20px; }
.mb25px { margin-bottom:25px; }
.mb30px { margin-bottom:30px; }
.mb35px { margin-bottom:35px; }
.mb40px { margin-bottom:40px; }
.mb45px { margin-bottom:45px; }
.mb50px { margin-bottom:50px; }
.mb55px { margin-bottom:55px; }
.mb60px { margin-bottom:50px; }
.mb65px { margin-bottom:65px; }
.mb70px { margin-bottom:70px; }
.mb75px { margin-bottom:75px; }
.mb80px { margin-bottom:80px; }
/* margin right ----------*/
.mr5px  { margin-right: 5px; }
.mr10px { margin-right:10px; }
.mr15px { margin-right:15px; }
.mr20px { margin-right:20px; }
/* margin left ----------*/
.ml5px  { margin-left: 5px; }
.ml10px { margin-left:10px; }
.ml15px { margin-left:15px; }
.ml20px { margin-left:20px; }

/* align ----------*/
.ac { text-align:center; }
.ar { text-align:right; }
.al { text-align:left; }

/* float ----------*/
.floatBox { overflow:hidden; }
.fr { float:right; }
.fl { float:left; }

/* color ----------*/
.red { color:#F00;}

/* pt -----------*/
.pt { width:950px; margin:0 auto 20px;}

/* pankuzu ----------*/
#pankuzu { width:950px; margin:0 auto 10px;}
#pankuzu a.nol { color:#444; cursor:default;}
#pankuzu a.nol:hover { color:#444;}

/* areaNav ----------*/
#areaNav { width:950px; overflow:hidden; margin-bottom:30px;}
#areaNav ul { width:980px;}
#areaNav ul li { float:left; margin-right:20px;}
#areaNav ul li a { display:block; padding:1px;}
#areaNav ul li a span {
	display:block;
	height:50px;
	line-height:50px;
	border:1px solid #fff;
	padding:0 10px;
	color:#ffffff;
}

#areaNav ul.col5 li { width:174px;}
#areaNav ul.col4 li { width:222px;}
#areaNav ul.col4 li.last { width:224px;}
#areaNav ul.col3 li { width:303px;}
#areaNav ul.col3 li.last { width:304px;}
#areaNav ul.col2 li { width:465px;}

#areaNav ul li.lp1 a { border:2px solid #E55D5D; background:#E55D5D url(../_img/common/ai_ar_1.png) 95% center no-repeat;}
#areaNav ul li.lp2 a { border:2px solid #76D138; background:#76D138 url(../_img/common/ai_ar_1.png) 95% center no-repeat;}
#areaNav ul li.lp3 a { border:2px solid #4DCBE1; background:#4DCBE1 url(../_img/common/ai_ar_1.png) 95% center no-repeat;}
#areaNav ul li.lp4 a { border:2px solid #DC73FF; background:#DC73FF url(../_img/common/ai_ar_1.png) 95% center no-repeat;}
#areaNav ul li.lp5 a { border:2px solid #F9AC79; background:#F9AC79 url(../_img/common/ai_ar_1.png) 95% center no-repeat;}
#areaNav ul li.lp6 a { border:2px solid #E7CE5C; background:#E7CE5C url(../_img/common/ai_ar_1.png) 95% center no-repeat;}
#areaNav ul li.lp7 a { border:2px solid #F795E0; background:#F795E0 url(../_img/common/ai_ar_1.png) 95% center no-repeat;}
#areaNav ul li.lp8 a { border:2px solid #52DC9A; background:#52DC9A url(../_img/common/ai_ar_1.png) 95% center no-repeat;}
#areaNav ul li.lp9 a { border:2px solid #8492EE; background:#8492EE url(../_img/common/ai_ar_1.png) 95% center no-repeat;}
#areaNav ul li.lp10 a { border:2px solid #DABE98; background:#DABE98 url(../_img/common/ai_ar_1.png) 95% center no-repeat;}


#areaNav ul li a:hover { background:#fff url(../_img/common/ai_ar_1_s2.png) 95% center no-repeat;}

#areaNav ul li.lp1 a:hover span { color:#E55D5D;}
#areaNav ul li.lp2 a:hover span { color:#76D138;}
#areaNav ul li.lp3 a:hover span { color:#4DCBE1;}
#areaNav ul li.lp4 a:hover span { color:#DC73FF;}
#areaNav ul li.lp5 a:hover span { color:#F9AC79;}
#areaNav ul li.lp6 a:hover span { color:#E7CE5C;}
#areaNav ul li.lp7 a:hover span { color:#F795E0;}
#areaNav ul li.lp8 a:hover span { color:#52DC9A;}
#areaNav ul li.lp9 a:hover span { color:#8492EE;}
#areaNav ul li.lp10 a:hover span { color:#DABE98;}

/* searchBox ----------*/
#searchBox { width:372px; overflow:hidden;}
#searchBox2 { width:465px; overflow:hidden;}
#searchBox h3 img,
#searchBox2 h3 img,
#kwdBox h3 img { vertical-align:bottom;}

#searchBox .in { width:344px; padding:10px 10px 20px; background:#fff; border:5px solid #03b; }
#searchBox2 .in { padding:10px; background:#fff; border:5px solid #03b; }
#searchBox .in h3,#searchBox2 .in h3 { border-bottom:1px dotted #ccc;}
#searchBox .in ul li { width:335px; margin-bottom:15px;}
#searchBox2 .in ul li { width:445px; margin-bottom:10px;}
#searchBox .in ul li.wSmall { width:170px; float:left; margin-bottom:15px;}
#searchBox2 .in ul li.wSmall { width:210px; float:left; margin-bottom:10px;}
#searchBox2 .in ul li.wSmall2 { width:170px; float:left; margin-bottom:10px;}
#searchBox2 .in ul li.wSmall3 { width:265px; float:left; margin-bottom:10px;}
#searchBox .in ul li span,#searchBox2 .in ul li span { display:block;}
#searchBox .in ul li .ttl,#searchBox2 .in ul li .ttl { display:block; width:75px; float:left; background:#ddd; text-align:center; padding:2px 5px; line-height:1.3em; margin-right:10px;}
#searchBox .in ul li .inp,#searchBox2 .in ul li .inp { display:block; float:left;}
#searchBox .in ul li .check,
#searchBox2 .in ul li .check { display:inline-block; float:left; margin-right:10px; margin-bottom:10px;}
#searchBox .in ul li .start img,#searchBox2 .in ul li .start img { vertical-align:bottom;}
#searchBox .acT,#searchBox2 .acT { height:30px; line-height:30px; background:url(../_img/common/bt_bg_1.jpg) 0 0 repeat; text-align:center; cursor:pointer;}
#searchBox .acT span,#searchBox2 .acT span { display:block; padding-left:10px; background:url(../_img/common/ai_flw.png) 95% center no-repeat;}
#searchBox .acT.on span,#searchBox2 .acT.on span { display:block; padding-left:10px; background:url(../_img/common/ai_flw_s2.png) 95% center no-repeat;}
#searchBox .bt,#searchBox2 .bt { text-align:center;}

#tc_f { width:50px;}
#tc_c { width:90px;}
#tc_l { width:50px;}

#kwdBox .in { width:334px; padding:15px 15px 5px; background:#fff; border:5px solid #03b; }
#kwdBox .in ul li { display:inline-block; margin-right:10px; font-size:16px; margin-bottom:12px;}

/* bn1 ----------*/
#bn1 ul { width:566px;}
#bn1 ul li { float:left; margin-right:10px; margin-bottom:10px; box-shadow:0 0 5px #999;}
#bn1 ul li img { vertical-align:top;}
#bn1 ul li.tbn { width:273px; box-shadow:none;}
#bn1 ul li.tbn a { display:block; border:2px solid #F00; padding:5px; text-decoration:none;}
#bn1 ul li.tbn a:hover { opacity:0.8;}
#bn1 ul li.tbn .floatBox,
#bn1 ul li.tbn .i,
#bn1 ul li.tbn .t,
#bn1 ul li.tbn .tt,
#bn1 ul li.tbn .tx,
#bn1 ul li.tbn .fs,
#bn1 ul li.tbn .price { display:block; line-height:1.5em;}
#bn1 ul li.tbn .i { width:119px; float:left;}
#bn1 ul li.tbn .t { width:135px; float:right;}
#bn1 ul li.tbn .tt { font-weight:bold; margin-bottom:5px;}
#bn1 ul li.tbn .tx { margin-bottom:5px;}
#bn1 ul li.tbn .fs { font-size:10px; color:#666; line-height:1.3em; margin-bottom:8px;}
#bn1 ul li.tbn .price { text-align:right; font-size:16px; font-weight:bold; color:#f00;}
#bn1 ul li.tbn .cat { display:inline-block; padding:0 5px; margin-right:3px; background:#f00; color:#fff; font-size:10px;}

/* featureList ----------*/
#featureList { width:950px;}
#featureList ul.catMenus { width:950px; margin-bottom:10px;}
#featureList ul.catMenus li { float:left;}
#featureList .catList { width:970px;}
#featureList .catList li {
	width:158px;
	float:left;
	padding:11px;
	margin-right:10px;
	margin-bottom:10px;
	background:#fff;
	position:relative;
}
#featureList .catList li.cat1 { border:1px solid #FEAB67;}
#featureList .catList li.cat2 { border:1px solid #EFDB7A;}
#featureList .catList li.cat3 { border:1px solid #84E3AF;}
#featureList .catList li.cat4 { border:1px solid #4D8FE1;}
#featureList .catList li.cat5 { border:1px solid #EB7DD8;}
#featureList .catList li.cat6 { border:1px solid #ffffff;}
#featureList .catList li span { display:block;}
#featureList .catList li .pu { position:absolute; right:-1px; top:-1px;}
#featureList .catList li .pic { height:103px; margin-bottom:10px; overflow:hidden;}
#featureList .catList li .pic img { width:158px;}
#featureList .catList li .st { line-height:1.3em; font-size:10px; margin-bottom:5px;}
#featureList .catList li .ttl { line-height:1.3em; margin-bottom:5px; font-weight:bold;}
#featureList .catList li .icoB { margin-bottom:5px; overflow:hidden;}
#featureList .catList li .ico1 { display:inline-block; height:16px; line-height:16px; background:#ddd; margin-right:3px; margin-bottom:5px; padding:0 4px; font-size:10px;}
#featureList .catList li .ico2 { display:inline-block; height:16px; line-height:16px; background:#16A0E2; color:#fff; margin-right:3px; margin-bottom:5px; padding:0 4px; font-size:10px;}
#featureList .catList li .ico3 { display:inline-block; height:16px; line-height:16px; background:#E2A0A0; color:#000000; margin-right:3px; margin-bottom:5px; padding:0 4px; font-size:10px;}
#featureList .catList li .sm { margin-bottom:10px;}
#featureList .catList li .link { width:50%; float:left;}
#featureList .catList li .link a { display:block; background:url(../_img/common/ar_1.jpg) 0 center no-repeat; padding-left:5px; font-size:10px;}
#featureList .catList li .price { text-align:right; font-size:14px; color:#f00; font-weight:bold;}

/* hotelList ----------*/
#hotelList { width:950px;}
#hotelList ul.catMenus { width:970px; margin-bottom:10px;}
#hotelList ul.catMenus li { float:left; margin-right:10px; font-size:16px; font-weight:bold;}
#hotelList ul.col9 li { width:96px;}
#hotelList ul.col9 li.last { width:102px;}
#hotelList ul.col6 li { width:150px;}
#hotelList ul.col5 li { width:182px;}
#hotelList ul.col4 li { width:230px;}
#hotelList ul.col3 li { width:310px;}
#hotelList ul.col2 li { width:470px;}
#hotelList ul.catMenus li a { display:block; height:36px; line-height:36px; text-align:center; color:#fff;}
#hotelList .tourList { width:970px;}
#hotelList .tourList li.tour {
	width:158px;
	float:left;
	border:1px solid #ccc;
	padding:11px;
	margin-right:10px;
	margin-bottom:10px;
	background:#fff;
	position:relative;
}
#hotelList .tourList li.tour span { display:block;}
#hotelList .tourList li.tour .pu { position:absolute; right:-1px; top:-1px;}
#hotelList .tourList li.tour .pic { height:103px; margin-bottom:10px; overflow:hidden;}
#hotelList .tourList li.tour .pic img { width:158px;}
#hotelList .tourList li.tour .ttl { margin-bottom:5px; font-weight:bold;}
#hotelList .tourList li.tour .icoB { margin-bottom:5px;}
#hotelList .tourList li.tour .ico1 { display:inline-block; height:16px; line-height:16px; background:#ddd; margin-right:3px; margin-bottom:5px; padding:0 4px; font-size:10px;}
#hotelList .tourList li.tour .ico2 { display:inline-block; height:16px; line-height:16px; background:#16A0E2; color:#fff; margin-right:3px; margin-bottom:5px; padding:0 4px; font-size:10px;}
#hotelList .tourList li.tour .ico3 { display:inline-block; height:16px; line-height:16px; background:#E2A0A0; color:#ffffff; margin-right:3px; margin-bottom:5px; padding:0 4px; font-size:10px;}
#hotelList .tourList li.tour .sm { width:158px; margin-bottom:10px;}
#hotelList .tourList li.tour .link { width:50%; float:left;}
#hotelList .tourList li.tour .link a { display:block; background:url(../_img/common/ar_1.jpg) 0 center no-repeat; padding-left:5px; font-size:10px;}
#hotelList .tourList li.tour .price { text-align:right; font-size:14px; color:#f00; font-weight:bold;}
#hotelList .tourList li.more { width:950px; overflow:hidden; text-align:right;}
#hotelList .tourList li.more a { display:inline-block; height:40px; line-height:40px; padding:0 40px; border:2px solid #47f; background:url(../_img/common/ai_ar_1.png) 95% center no-repeat,url(../_img/common/bt_bg_3.jpg) 0 0 repeat; text-align:center; color:#fff;}
#hotelList .tourList li.more a:hover { background:#fff url(../_img/common/ai_ar_1_s2.png) 95% center no-repeat; text-align:center; color:#47f;}

/* rankList ----------*/
#rankList { width:950px;}
#rankList ul { width:950px;}
#rankList ul li { float:left;}
#rankList ul li span { display:block;}
#rankList ul li .ttl { padding-left:80px; font-weight:bold; margin-bottom:10px; font-size:20px;}
#rankList ul li .txt { margin-bottom:10px; line-height:1.3em;}
#rankList ul li .link { text-align:right; background:url(../_img/common/ar_1.jpg) right center no-repeat; padding-right:10px;}
#rankList ul li.rank1 { width:465px; border-right:1px dotted #ccc; padding-right:10px; margin-right:9px;}
#rankList ul li.rank1 .pic { width:158px; float:left; margin-right:10px;}
#rankList ul li.rank1 .fr { width:293px;}
#rankList ul li.rank1 .txt { min-height:50px; background:url(../_img/common/rank1_p.jpg) 0 0 no-repeat; padding-left:55px; font-size:14px;}
#rankList ul li.rank2 { width:464px; border-bottom:1px dotted #ccc; margin-bottom:20px; padding-bottom:20px;}
#rankList ul li.rank3 { width:464px;}

#rankList ul li.rank1 .ttl { background:url(../_img/common/rank2_1.jpg) 0 0 no-repeat;}
#rankList ul li.rank2 .ttl { background:url(../_img/common/rank2_2.jpg) 0 0 no-repeat;}
#rankList ul li.rank3 .ttl { background:url(../_img/common/rank2_3.jpg) 0 0 no-repeat;}

/* kenbunList ----------*/
#kenbunList { width:950px; overflow:hidden;}
#kenbunList ul { width:960px;}
#kenbunList ul li { width:180px; float:left; margin-right:12px; margin-bottom:10px; position:relative; box-shadow:0 0 3px #ccc inset; -moz-box-shadow:0 0 3px #ccc inset; -webkit-box-shadow:0 0 3px #ccc inset;}
#kenbunList ul li.cat_hotel { background:#FFE999;}
#kenbunList ul li.cat_kankou { background:#cbf;}
#kenbunList ul li.cat_event { background:#FFB388;}
#kenbunList ul li.cat_gourmet { background:#f9f;}
#kenbunList ul li.cat_shopping { background:#9cf;}
#kenbunList ul li.cat_traffic { background:#cf9;}
#kenbunList ul li.cat_mimiyori { background:#FFC4C4;}
#kenbunList ul li a { display:block; padding:10px;}
#kenbunList ul li a:hover { opacity:0.8;}
#kenbunList ul li .p,
#kenbunList ul li .t,
#kenbunList ul li .l { display:block;}
#kenbunList ul li .i { display:inline-block; padding:3px; margin-bottom:5px; font-size:10px;}
#kenbunList ul li .p { margin-bottom:5px;}
#kenbunList ul li .t { font-weight:bold; line-height:1.3em;}
#kenbunList ul li .i_cat_hokkaido,
#kenbunList ul li .i_cat_chugoku_shikoku,
#kenbunList ul li .i_cat_kyushu,
#kenbunList ul li .i_cat_okinawa,
#kenbunList ul li .i_cat_bustour { background:#0046BB; color:#fff;}
#kenbunList ul li .i_cat_hotel,
#kenbunList ul li .i_cat_kankou,
#kenbunList ul li .i_cat_event,
#kenbunList ul li .i_cat_gourmet,
#kenbunList ul li .i_cat_shopping,
#kenbunList ul li .i_cat_traffic,
#kenbunList ul li .i_cat_mimiyori { background:#fff;}
#kenbunList ul li .l { position:absolute; right:12px; bottom:12px; background:url(../_img/common/ar_1.jpg) right center no-repeat; padding-right:10px;}
#kenbunList p.more { width:950px; overflow:hidden; text-align:right;}
#kenbunList p.more a { display:inline-block; height:40px; line-height:40px; padding:0 40px; border:2px solid #47f; background:url(../_img/common/ai_ar_1.png) 95% center no-repeat,url(../_img/common/bt_bg_3.jpg) 0 0 repeat; text-align:center; color:#fff;}
#kenbunList p.more a:hover { background:#fff url(../_img/common/ai_ar_1_s2.png) 95% center no-repeat; text-align:center; color:#47f;}

/* areaPage ----------*/
.area2Left { width:465px; float:left;}
.area2Right { width:465px; float:right;}
.area2Left p,
.area2Right p,
.area2Right span.tx { line-height:1.5em;}

#osusume { width:445px; padding:10px; margin-bottom:20px; background:#F5F5F5;}
#lpTour li { width:465px; margin-bottom:20px; background:#F5F5F5;}
#lpTour li.last { margin-bottom:0;}
#lpTour li a { display:block; padding:10px; text-decoration:none; overflow:hidden;}
#lpTour li.bnr a { padding:0; background:none;}
#lpTour li span { display:block;}
#lpTour li .i { width:120px; float:left;}
#lpTour li .t { width:315px; float:right;}
#osusume h3,#lpTour li .tt { font-size:16px; color:#0046B8; margin-bottom:10px; font-weight:bold;}
#lpTour li .tx { margin-bottom:10px;}
#osusume .entry { height:20px; line-height:20px; float:left; color:#666;}
#lpTour .entry { height:16px; line-height:16px; float:left; color:#666;}
#osusume .price { float:right; color:#f00; font-size:20px; font-weight:bold;}
#lpTour .price { float:right; color:#f00; font-size:16px; font-weight:bold;}

/* sel ----------*/
.sel { width:60px;}

/* hX style ----------*/
.h2a { border-bottom:1px solid #ccc; padding-bottom:10px;}
.h2a span { border-left:5px solid #03b; padding-left:5px; font-size:16px; color:#0033BA; text-align:200%;}
.h2a span .fs { border-left:none; padding-left:0; font-size:12px; color:#666;}
.h2a span .fs-r { border-left:none; padding-left:0; font-size:12px; color:#FF6666;}

/* sub_article ----------*/
.subSection { background:#fff; padding:20px 10px;}

/* clearfix ----------*/
.floatBox:after,
#areaNav ul:after,
#searchBox .in ul li:after,
#searchBox2 .in ul li:after,
#bn1 ul:after,
.catList li .sm:after,
#rankList ul:after,
#rankList ul li.rank1:after,
#kenbunList ul:after,
#lpTour li a:after
 { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.floatBox,
#areaNav ul,
#searchBox .in ul li,
#searchBox2 .in ul li,
#bn1 ul,
.catList li .sm,
#rankList ul,
#rankList ul li.rank1,
#kenbunList ul,
#lpTour li a
 { display: inline-table; min-height: 1%; }
/* Hides from IE-mac \*/
* html .floatBox,
* html #areaNav ul,
* html #searchBox .in ul li,
* html #searchBox2 .in ul li,
* html #bn1 ul,
* html .catList li .sm,
* html #rankList ul,
* html #rankList ul li.rank1,
* html #kenbunList ul,
* html #lpTour li a
 { height: 1%; }
.floatBox,
#areaNav ul,
#searchBox .in ul li,
#searchBox2 .in ul li,
#bn1 ul,
.catList li .sm,
#rankList ul,
#rankList ul li.rank1,
#kenbunList ul,
#lpTour li a
 { display: block; }
/* End hide from IE-mac */


#featureList .catList li.cat100 { background:#FFFF99;}




/*-----追加----- */


/* 黄色ボックス */
#hotelList .tourList li.tour-yellow {
	width:158px;
	float:left;
	border:1px solid #ccc;
	padding:11px;
	margin-right:10px;
	margin-bottom:10px;
	background:#fff;
	position:relative;
}
#hotelList .tourList li.tour-yellow span { display:block;}
#hotelList .tourList li.tour-yellow .pu { position:absolute; right:-1px; top:-1px;}
#hotelList .tourList li.tour-yellow .pic { height:103px; margin-bottom:10px; overflow:hidden;}
#hotelList .tourList li.tour-yellow .pic img { width:158px;}
#hotelList .tourList li.tour-yellow .ttl { margin-bottom:5px; font-weight:bold;}
#hotelList .tourList li.tour-yellow .icoB { margin-bottom:5px;}
#hotelList .tourList li.tour-yellow .ico1 { display:inline-block; height:16px; line-height:16px; background:#ddd; margin-right:3px; margin-bottom:5px; padding:0 4px; font-size:10px;}
#hotelList .tourList li.tour-yellow .ico2 { display:inline-block; height:16px; line-height:16px; background:#16A0E2; color:#fff; margin-right:3px; margin-bottom:5px; padding:0 4px; font-size:10px;}
#hotelList .tourList li.tour-yellow .ico3 { display:inline-block; height:16px; line-height:16px; background:#E2A0A0; color:#ffffff; margin-right:3px; margin-bottom:5px; padding:0 4px; font-size:10px;}
#hotelList .tourList li.tour-yellow .sm { width:158px; margin-bottom:10px;}
#hotelList .tourList li.tour-yellow .link { width:50%; float:left;}
#hotelList .tourList li.tour-yellow .link a { display:block; background:url(../_img/common/ar_1.jpg) 0 center no-repeat; padding-left:5px; font-size:10px;}
#hotelList .tourList li.tour-yellow .price { text-align:right; font-size:14px; color:#f00; font-weight:bold;}

/*-----------------------------------------------------
●ヘッダーテキスト用
-----------------------------------------------------*/
#path_att { 
	/*width: 943px;
	margin-top:10px;*/
	font-size: 11px;
	padding: 5px 5px 5px 5px;
	/*color:#CC0000;
	background:#FFFFCC;
	border:solid 1px #CC0000;*/
}

.m-t5 { 
	margin-top: 5px; 
} 

.fb{
	font-weight: bold;
}