@charset "shift_jis";

/*
--------------------------------------
共通
--------------------------------------
*/
.rcrumbs:not(.is-touchdevice) {
 margin-right:calc(((100vw - 100%) / 2) * 0) !important;
}

.inner950 {	overflow: hidden; width: 950px !important;	margin: 0 auto; }


#DomTourContainer{margin-top: 20px;}


.contents{
	width:950px;
	margin:0px auto !important;
	}
.contents_navi{
	display:block;
	padding-bottom:30px !important;
	background:url(/domtour/hokkaido/package_skytouring/image/1204/contents_navi_bg.jpg) no-repeat left 45px;
	margin-top:10px!important;
	}
.contents_navi li{
	float:left;
	}
	.contents_navi li.navi1,.contents_navi li.navi2,.contents_navi li.navi3,.contents_navi li.navi4,.contents_navi li.navi5,.contents_navi li.navi6{
	margin-right:2px !important;
	}
.moushikon_btn{
	text-align:right;
	padding-bottom:3px !important;
	}

.column2 .box_L{
	display:block;
	float:left;
	}
.column2 .box_R{
	display:block;
	float:right;
	}
.FS_S{font-size:11px !important; line-height:120% !important;}
.FS_M{font-size:12px !important; line-height:145% !important;}
.FS_L{font-size:13px !important; line-height:155% !important;}
.FS_LL{font-size:15px !important; line-height:140% !important;}
.t_field{
	line-height:140% !important;
	}
	.t_field li{margin-bottom:2px !important;}

	.t_field .arrow_b{color:#007DD7;}
	.t_field .c_red,
	.FS_LL .c_red{color:#FF0000;}
	.t_field .c_red_ub{color:#FF0000; text-decoration:underline;}
	
.info_txt li{text-indent:-1em!important; padding-left:1em!important;}
	
.texto_01{text-align:right; font-size:10px; line-height:15px; float:right;}

.spa_01{padding-top:20px!important;}

.letra_roja{ color:red; font-weight:bold;}

.box_01{border: solid 1px red; padding:5px!important; width:938px!important;}

.tit_01{background-color:red; color:white; padding:10px!important; text-align:center; font-weight:bold; font-size:17px!important; margin-bottom:10px!important;}

.box_01 li{ text-align:left; margin-left:15px!important;}

p.indentback{ text-indent:-1em; padding-left:2em!important;}
p.indentback2{ text-indent:-1em; padding-left:1em!important;}

#DomTourContainer a:link, 
#DomTourContainer a:visited { 
	color: #09307e; 
	text-decoration: none; 
	} 
	
#DomTourContainer a:hover, 
#DomTourContainer a:active { 
	color: #09307e; 
	text-decoration: underline; 
	} 


a.btn004{
background:url(/image/renewal09/btn/btn_004_bg.gif) no-repeat right bottom;
border:1px solid #ccc;
border-right:1px solid #787878;
border-bottom:1px solid #787878;
height:23px;
padding:3px 20px 4px 7px;
font-size: 14px;
_padding-bottom:0px;
}



/* 
	Link 
 ------------------------------------ 
#DomTourContainer a:link, 
#DomTourContainer a:visited { 
	color: #09307e; 
	text-decoration: none; 
	} 
	
#DomTourContainer a:hover, 
#DomTourContainer a:active { 
	color: #09307e; 
	text-decoration: underline; 
	} 

#HEADERSKH {
 width: 950px;
 margin-bottom: 30px;
}

a.btn004{
background:url(/image/renewal09/btn/btn_004_bg.gif) no-repeat right bottom;
border:1px solid #ccc;
border-right:1px solid #787878;
border-bottom:1px solid #787878;
height:23px;
padding:5px 20px 4px 7px;
_padding-bottom:0px;
}


#HEADERSKH #areaNavi {
 float: right;
 padding-bottom: 3px;
}


	
#HEADERSKH #logoSKH {
 float: left;
 padding-top: 5px;
}


#HEADERAREA #STARTAREA {
 padding: 5px 0 0 8px;
}

#HEADERSKH #areaNavi li {
 display: inline;
 margin-left: 10px;
}

#HEADERAREA {
 padding-bottom: 40px;
}

#HEADERAREA #STARTAREA .area,
#HEADERAREA #STARTAREA .area li {
 border: solid #000000;
}
#HEADERAREA #STARTAREA .area {
 float:left;
 font-weight:bold;
 border-width: 0 0 0 1px;
}
#HEADERAREA #STARTAREA .area li {
 display:table-cell;
 padding-left: 0.5em;
 padding-right: 0.5em;
 font-weight:bold;
 border-width: 0 1px 0 0;
 letter-spacing:normal;
}
* html #HEADERAREA #STARTAREA .area li {
 display:inline;
 zoom: 1;
} */
/* 設定出発地 */
#HEADERAREA ul.area{border-left:none !important;}
	
/*
--------------------------------------
お申し込み
--------------------------------------
*/
.koutei .box_R{
	width:430px;
	}
.attention{
	padding:13px 0px !important;
	}
	.attention .box_L,.attention .box_R{
	width:465px;
	}
	.attention p{
	margin-right:6px !important;
	}
.t_field .box_yellow{
	display:block;
	background-color:#FFEB00;
	padding:7px 7px 5px 7px;
	margin-bottom:5px;
	}

.table_moushikomi table th,.table_moushikomi table td{
	border-bottom:1px dashed #ccc;
	vertical-align:middle !important;
	}
	.table_moushikomi table th{
	padding:7px 5px;
	}
	.table_moushikomi table td{
	padding:9px 0px;
	}
	.table_moushikomi table img{
	margin-left:10px;
	}
	.table_moushikomi .FS_M{
	display:block;
	padding-top:5px;
	}
	
/*
--------------------------------------
ali_tab_cel
--------------------------------------
*/

.ali_tab_cel{
	text-align:right!important; 
	vertical-align:middle!important; 
	padding-right:15px!important;
	}



/*
--------------------------------------
バイク輸送の流れ
--------------------------------------
*/
.yusou_clumn2 dd{
	display:block;
	}
.yusou_clumn2 .movie{
	float:left;
	width:460px;
}
.yusou_clumn2 .flow{
	float:right;
	width:465px;
}

/*
--------------------------------------
バイク積載の流れ
--------------------------------------
*/

.sekisai_column2{
	position:relative;
}
.sekisai_column2 p{
	position: absolute;
	right:236px;
	top:265px;
}

.cashichen{
	width: 200px; 
	height:30px; 
}

.sekisai_column2 dd{
	}
.sekisai_column2 dd.left{
	float:left;
	margin-left:20px !important;
	}
.sekisai_column2 dd.right{
	float:right;
	}
	.sekisai_column2 dd img{
	margin-bottom:10px !important;
	}
/*
--------------------------------------
ご利用便
--------------------------------------
*/
.flight_column2{
	padding-bottom:20px !important;
	}
.flight_column2 dd{
	display:block;
	width:465px;
	}
.flight_column2 dd.left{
	float:left;
	}
.flight_column2 dd.right{
	float:right;
	}
.flight_column2 img{
	margin-bottom:10px !important;
	}
.flight-schedule {
	margin-bottom:30px;
	}
.flight-schedule td,.flight-schedule th{
	border:1px solid #000000;
	vertical-align:middle !important;
	text-align:center !important;
	font-size:15px !important;
	padding:5px;
	}
	.flight-schedule th{
	font-weight:bold !important;
	}
.flight-schedule .att{
	width:400px;
	}
.flight-schedule .text_L{
	text-align:left !important;
	padding-left:10px;
	width:410px;
	}
.listName th{
	white-space:nowrap;
	}
/*
--------------------------------------
ご利用ホテル
--------------------------------------
*/
.hotelbox{text-align:center;}


/*
--------------------------------------
旅行代金
--------------------------------------
*/
.price_clumn2{
	padding-bottom:40px !important;
	}
	.price_clumn2 dd{
	display:block;
	width:475px;
	}
.price_clumn2 dd.left{
	float:left;
	}
.price_clumn2 dd.right{
	float:right;
	}
.price_hoken{
	margin-bottom:15px !important;
	border-top:1px solid #333;
	border-right:1px solid #333;
	}
.price_hoken th{
	width:229px;
	}
.price_hoken td{
	padding:5px 10px 5px 10px;
	}
.price_hoken td,.price_hoken th{
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	vertical-align:middle !important;
	}

/*
--------------------------------------
よくあるご質問
--------------------------------------
*/
.faq_block{
	padding:8px 0px !important;
	}
	.faq_block th{
	width:50px;
	vertical-align:top !important;
	}
	.faq_block td{
	vertical-align:top !important;
	}
	.faq_block th,.faq_block td{
	padding:5px 0px 5px 10px;
	text-align:left;
	}
	.faq_block td img{
	margin-top:3px;
	}
.faq_bb{
	border-bottom:1px dashed #ccc;
	}
.faq_kukou img{
	margin-right:5px;
	}

/*
--------------------------------------
botones170511
--------------------------------------
*/

.contenedor170511 {position:relative; width:500px;}
.botones170511{
	position:absolute;
    top: 7px;
    right: 15px;
	}
	

.letra170511_01{ font-size:14.5px;}

.letra170511_02{ font-size:11.4px;}

/*
--------------------------------------
banner 170608
--------------------------------------
*/

.bann_gris{
	width:100%;
	padding-left:15px!important;
	font-size:12px;
	color:#303030;
	margin:5px 0 20px 0 !important;
	}

.azul_01{
	font-size:18px;
	font-weight:bold;
	color:#00409a;
	margin:0 5px 0 5px!important;
	}
	
	
/* Accessibility Menu
 ------------------------- */


.pgtp {
	margin: 2em 0 0 0;
	padding: 0 0 10px 0;
	text-align:right;
	float:none;
	clear:both;
}

.pgtp a {
	background-image: url(/common/image/format-icn-uparrow-sky.gif); 
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left:10px;
}
.pgtp a:link, 
.pgtp a:visited {
	text-decoration: underline!important; 
}
.pgtp a:hover, 
.pgtp a:active {
	text-decoration: none!important; 
}
	

/* --------------------------------------------------

	[ Font Size  ]

 -------------------------------------------------- */
	.fntSmall {
	font-size: 10px; 
	} 
/*
--------------------------------------
sky_touring_hokkaido
--------------------------------------
*/

.sky_touring_hokkaido{
	border: solid 2px red; 
	padding:15px; 
	text-align:center; 
	color:red; 
	font-weight:bold; 
	margin:30px 0;
	}


.sky_touring_hokkaido_02{
	border: solid 2px red; 
	font-size:25px;
	padding:2px; 
	text-align:center; 
	color:black; 
	font-weight:bold; 
	margin:30px 0;
	background-color:yellow;
	}

/*
--------------------------------------
Clear Fix
--------------------------------------
*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/*//
// +----------------------------------------------------------------------+
//LinkFromParent v0.1(beta)
//http://photoartisan.jp/LinkFromParent/
// +----------------------------------------------------------------------+
//@package LinkFromParent v0.1(beta) 2011/5/18
//@author Studio PhotoArtisan
//@copyright 2011 Studio PhotoArtisan
//@Dual licensed under the MIT and GPL licenses.
//@id:LinkFromParent Css
//*/
.LFPwrap{
position:relative;
top: 0;
left: 0;
z-index:100;
}
.LFPBox{
position:absolute;
top: 0;
left: 0;
z-index:100;
}
.LFP_hover{
}
.LFP_hover img{
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

/*お電話による予約お問い合わせ
---------------------------------------------------*/
div #inquiryArea{ text-align:center; background:#f0f0f0; margin-bottom:22px; padding:10px 0;}
div #inquiryArea .fontcolor{ color:#000187; font-weight:bold;}
div #inquiryArea .f-size-L{ font-size:120%;}
div #inquiryArea .mgtb10{ margin:10px 0}
div #inquiryArea img{ vertical-align:bottom; margin-right:10px;}
div #inquiryArea .telephone{color:#000187; font-size:200%; font-weight:bold;}
div #inquiryArea .sp{ display:none;}
div #inquiryArea a{ text-decoration:none; font-weight:bold;color:#000187;}
div #inquiryArea .sfontcolor{ color:#000187; font-size:60%;}
div #inquiryArea .fntRedColor{ color:#FF0000;}
@media screen and (max-width: 570px){
	div #inquiryArea .sp{ display:block;}
	div #inquiryArea .pc{ display:none;}
	div #inquiryArea .telephone{color:#000187; font-size:180%; font-weight:bold;}
	}