@charset "utf-8";

/* ホーム /
=========================================== */

/* スライダー */
#topArea #slider{
	margin-bottom:116px;
}
#topArea #slider .bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}
#topArea #slider .bx-wrapper img {
	width: 100%;
	height:auto;
}

/* ページャー */
#topArea #slider .bx-controls{}
#topArea #slider .bx-pager{
	position:absolute;
	bottom:-40px;
	left:0;
	width:100%;
	text-align:center;
}
#topArea #slider .bx-pager-item{
	display:inline-block;
	width:18px;
	height:18px;
	margin:0 7px;
}
#topArea #slider .bx-pager-link{
	display:block;
	width:18px;
	height:18px;
	background:url(../../img/ico_pager02.png) no-repeat;
	text-indent:-9999px;
}
#topArea #slider .active{
	background:url(../../img/ico_pager01.png) no-repeat;
}

/* 前後ボタン */
#topArea #slider .bx-controls-direction{}
#topArea #slider .bx-prev,
#topArea #slider .bx-next{
	display:block;
	z-index:9999;
	position:absolute;
	top:50%;
	width:70px;
	height:70px;
	margin-top:-35px;
	text-indent:-9999px;
	opacity:0.3;
}
#topArea #slider .bx-prev{
	left:50px;
	background:url(../../img/btn_back01.png) no-repeat;
}
#topArea #slider .bx-next{
	right:50px;
	background:url(../../img/btn_next01.png) no-repeat;
}
#topArea #slider .bx-prev:hover,
#topArea #slider .bx-next:hover{
	opacity:0.7;
}

/* ------------------- */
#boxIndex #sec01{
	overflow:hidden;
	padding-bottom:60px;
}
#boxIndex #sec01 .tit01{
	padding-bottom:25px;
}
#boxIndex #sec01 .pic01{
	float:left;
	width:370px;
}
#boxIndex #sec01 .txt01{
	float:right;
	width:605px;
}
/* ------------------- */
#boxIndex .box01{
	float:left;
	width:470px;
	padding:10px;
	background:url(../img/bg_pattern01.gif);
}
#boxIndex .box01 .boxIn{
	overflow:hidden;
	position:relative;
	background:#FFF;
	border-bottom:solid 1px #c2ced4;
}
#boxIndex #sec02{ margin:0 20px 24px 0;}
#boxIndex #sec03{ margin:0 0 24px 0;}
#boxIndex #sec04{ margin:0 20px 0 0;}
#boxIndex #sec05{ margin:0 0 0 0;}
#boxIndex .box01 .tit01{
	padding-bottom:20px;
}
#boxIndex .box01 .img{
	float:left;
	width:200px;
	margin:0 0 20px 20px;
}
#boxIndex .box01 .boxTxt{
	float:right;
	width:215px;
	margin:0 20px 20px 0;
}
#boxIndex .box01 .txt01{
	padding-bottom:40px;
}
#boxIndex .box01 .btn01{
	position:absolute;
	bottom:20px;
	right:20px;
}


/* おんねゆ温泉への行き方 /way/
=========================================== */

#secWay{}
#secWay .mb10{ margin-bottom:10px;}
#secWay .mb30{ margin-bottom:30px;}
#secWay .mb40{ margin-bottom:40px;}
#secWay .mb50{ margin-bottom:50px;}
#secWay .tit01{
	padding:52px 0 25px;
}
#secWay #boxMap{
	position:relative;
	width:1000px;
	height:402px;
	margin-bottom:60px;
	background:url(../../way/img/bg01.jpg) no-repeat;
}
#secWay #boxMap .map{
	position:absolute;
	top:58px;
	left:92px;

}
#secWay #boxMap ul{
	position:absolute;
	top:58px;
	left:588px;
}
#secWay #boxMap li{
	padding-bottom:10px;
}
/* ------------------- */
#secWay .boxL,
#secWay .boxR{
	width:490px;
}
#secWay .boxL{ float:left;}
#secWay .boxR{ float:right;}
/* ------------------- */
#secWay .boxPrice01{
	display:table;
	width:100%;
	margin-bottom:20px;
}
#secWay .boxPrice01 .tit,
#secWay .boxPrice01 .txt{
	display:table-cell;
}

#secWay .boxPrice01 .tit{
	width:60px;
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
	background:#4581be;
	color:#FFF;
}
#secWay .boxPrice01 .txt{
	padding:10px 0 10px 10px;
	vertical-align:middle;
	background:#f3f3f3;
}
/* ------------------- */
#secWay .tbl01{
	width:100%;
}
#secWay .tbl01 th,
#secWay .tbl01 td{
	height:45px;
	padding:5px 0;
	border:solid 1px #b7bec2;
	text-align:center;
	vertical-align:middle;
	line-height:1.4;
}
#secWay .tbl01 th{
	background:url(../img/bg_pattern01.gif);
	font-weight:normal;
}
#secWay .tbl01 .none td{
	height:10px;
	padding:0;
	border-right:none;
	border-left:none;
	line-height:0;
	font-size:0;
}
#secWay .note01{
	padding:15px 0 0 0;
}
/* ------------------- */
#secWay #sec01{
	clear:both;
	overflow:hidden;
	padding:0 0 60px;
	border-bottom:solid 1px #6f869b;
}
#secWay #sec01 .tit01{
	min-height:60px;
	margin-bottom:20px;
	padding:10px 0 0 80px;
	font-size:24px;
	font-weight:normal;
	vertical-align:baseline;
	background:url(../../way/img/ico01.gif) no-repeat 0 0;
}
#secWay #sec01 .tit01 span{
	font-weight:bold;
	font-size:28px;
	color:#ff8a22;
	vertical-align:baseline;
}
/* ------------------- */
#secWay #sec02{
	clear:both;
	overflow:hidden;
	padding:40px 0 60px;
	border-bottom:solid 1px #6f869b;
}
#secWay #sec02 .tit01{
	min-height:60px;
	margin-bottom:20px;
	padding:10px 0 0 80px;
	font-size:24px;
	font-weight:normal;
	vertical-align:baseline;
	background:url(../../way/img/ico02.gif) no-repeat 0 0;
}
#secWay #sec02 .tit01 span{
	font-weight:bold;
	font-size:28px;
	color:#fc7da7;
	vertical-align:baseline;
}
/* ------------------- */
#secWay #sec03{
	clear:both;
	overflow:hidden;
	padding:40px 0 60px;
	border-bottom:solid 1px #6f869b;
}
#secWay #sec03 .tit01{
	min-height:60px;
	margin-bottom:20px;
	padding:10px 0 0 80px;
	font-size:24px;
	font-weight:normal;
	vertical-align:baseline;
	background:url(../../way/img/ico03.gif) no-repeat 0 0;
}
#secWay #sec03 .tit01 span{
	font-weight:bold;
	font-size:28px;
	color:#3c5bab;
	vertical-align:baseline;
}
#secWay #sec03 .tit02{
	margin-top:7px;
	padding:0 0 0 25px;
	background:url(../img/ico_square01.png) no-repeat 0 8px;
	font-size:20px;
	font-weight:bold;
}
#secWay #sec03 .tit03{
	min-height:68px;
	margin:-15px 0 20px;
	padding:15px 0 0 110px;
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	vertical-align:baseline;
	background:url(../../way/img/ico04.gif) no-repeat 0 0;
	color:#2566a8;
}
/* ------------------- */
#secWay #sec04{
	clear:both;
	overflow:hidden;
	padding:40px 0 60px;
	border-bottom:solid 1px #6f869b;
}
#secWay #sec04 .tit01{
	min-height:60px;
	margin-bottom:20px;
	padding:10px 0 0 80px;
	font-size:24px;
	font-weight:normal;
	vertical-align:baseline;
	background:url(../../way/img/ico05.gif) no-repeat 0 0;
}
#secWay #sec04 .tit01 span{
	font-weight:bold;
	font-size:28px;
	color:#57a74f;
	vertical-align:baseline;
}
/* ------------------- */
#secWay #sec05{
	clear:both;
	overflow:hidden;
	padding:40px 0 60px;
}
#secWay #sec05 .tit01{
	min-height:60px;
	margin-bottom:20px;
	padding:10px 0 0 80px;
	font-size:24px;
	font-weight:normal;
	vertical-align:baseline;
	background:url(../../way/img/ico06.gif) no-repeat 0 0;
}
#secWay #sec05 .tit01 span{
	font-weight:bold;
	font-size:28px;
	color:#9c56a4;
	vertical-align:baseline;
}
#secWay .btnPDF01{
	text-align:center;
}

/* 2016/01/14 仕様変更による追記*/

#secWay .boxTabBtn{}
#secWay .boxTabBtn .tit00{
	padding:20px 0 20px 60px;
	background:#ddf1f9 url(../../way/img/ico07.gif) no-repeat 12px 12px;
	font-size:24px;
	line-height:1;
}
#secWay .boxTabBtn ul{
	position:relative;
	margin-bottom:20px;
	padding:0 0 2px 12px;
	background:#ddf1f9;
}
#secWay .boxTabBtn ul:before{
	content:"";
	position:absolute;
	bottom:-14px;
	left:50%;
	width:20px;
	height:14px;
	margin-left:-10px;
	background:url(../../../campaign_onneyu/way/img/ico_delta01.gif) no-repeat;
}
#secWay .boxTabBtn ul li{
	float:left;
	margin:0 8px 8px 0;
}
#secWay .boxTabBtn ul li a{
	display:block;
	height:38px;
	text-indent:-9999px;
	border-bottom:solid 2px #cde1eb;
}
#secWay .boxTabBtn ul li a:hover,
#secWay .boxTabBtn ul li a.active{
	border-bottom:solid 2px #ddf1f9;
}

#secWay .boxTabBtn ul li.tab01 a{
	width:138px;
	background:url(../../way/img/btn_tab01_n.gif) no-repeat;
}
#secWay .boxTabBtn ul li.tab01 a:hover,
#secWay .boxTabBtn ul li.tab01 a.active{
	background:url(../../way/img/btn_tab01_o.gif) no-repeat;
}

#secWay .boxTabBtn ul li.tab02 a{
	width:156px;
	background:url(../../way/img/btn_tab02_n.gif) no-repeat;
}
#secWay .boxTabBtn ul li.tab02 a:hover,
#secWay .boxTabBtn ul li.tab02 a.active{
	background:url(../../way/img/btn_tab02_o.gif) no-repeat;
}

#secWay .boxTabBtn ul li.tab03 a{
	width:156px;
	background:url(../../way/img/btn_tab03_n.gif) no-repeat;
}
#secWay .boxTabBtn ul li.tab03 a:hover,
#secWay .boxTabBtn ul li.tab03 a.active{
	background:url(../../way/img/btn_tab03_o.gif) no-repeat;
}

#secWay .boxTabBtn ul li.tab04 a{
	width:138px;
	background:url(../../way/img/btn_tab04_n.gif) no-repeat;
}
#secWay .boxTabBtn ul li.tab04 a:hover,
#secWay .boxTabBtn ul li.tab04 a.active{
	background:url(../../way/img/btn_tab04_o.gif) no-repeat;
}

#secWay .boxTabBtn ul li.tab05 a{
	width:156px;
	background:url(../../way/img/btn_tab05_n.gif) no-repeat;
}
#secWay .boxTabBtn ul li.tab05 a:hover,
#secWay .boxTabBtn ul li.tab05 a.active{
	background:url(../../way/img/btn_tab05_o.gif) no-repeat;
}

/* ↓上書き。↑に継承元アリ */
#secWay #sec03 .tit02{
	padding:0 0 10px 25px;
}
#secWay #sec03 .tit03{
}
#secWay #sec03 .tit04{
	padding:35px 0 15px 0;
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	vertical-align:baseline;
	color:#2566a8;
}


/* オホーツクおんねゆライナー /bus/
=========================================== */

#secBus{
	padding-top:50px;
}
#secBus .tit01{
	padding-bottom:36px;
}
#secBus .img01{
	padding-bottom:60px;
}
#secBus .btnPDF01{
	text-align:center;
}


/* おんねゆ温泉とひがし北海道を楽しむモデルコース /model/
=========================================== */

#secModel{}
#secModel .titRead01{
	padding:55px 0 0;
}
#secModel .txtRead01{
	padding:25px 0 50px;
	font-size:16px;
	text-align:center;
}
/* ------------------- */
#secModel #secDays{
	display:block;
	padding:30px 20px 10px;
	background:url(../img/bg_pattern01.gif);
}
#secModel #secDays .tit01{
	margin:0 0 15px -65px;
}
#secModel #secDays .boxDay{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	padding:30px;
	background:#FFF;
	border-bottom:solid 1px #c2ced4;
}
#secModel #secDays .tit02{
	padding-bottom:18px;
}
#secModel #secDays .pic01{
	float:left;
	width:280px;
}
#secModel #secDays .boxTxt{
	float:right;
	width:590px;
}
#secModel #secDays .txt01{
	padding-bottom:20px;
	line-height:2;
}
#secModel #secDays .boxIn{
	background:#f3f3f3;
}
#secModel #secDays .tit03{}
#secModel #secDays .txt02{
	padding:15px 20px;
	line-height:2;
}
/* ------------------- */
#secModel #secCourse{
	clear:both;
	overflow:hidden;
}
#secModel #secCourse .tit01{
	padding:80px 0 40px;
	text-align:center;
}
#secModel #secCourse .boxCourse{
	clear:both;
	overflow:hidden;
	line-height:2;
}
#secModel #secCourse .boxTxt{
	float:right;
	width:690px;
	padding-bottom:20px;
}
#secModel #secCourse .tit02{
	padding-bottom:15px;
}
#secModel #secCourse .txt01{}
#secModel #secCourse .pic01{
	float:left;
	width:280px;
	padding-bottom:20px;
}
#secModel #secCourse .boxIn{
	clear:both;
	overflow:hidden;
	background:#f3f3f3;
}
#secModel #secCourse .tit03{}
#secModel #secCourse .list01{
	padding:20px;
}
#secModel #secCourse .list01 li{
	clear:both;
	overflow:hidden;
	margin-bottom:8px;
}
#secModel #secCourse .day{
	float:left;
	width:60px;
	padding:0;
	background:#4581be;
	text-align:center;
	font-weight:bold;
	color:#FFF;
}
#secModel #secCourse .txt02{
	float:right;
	width:885px;
	padding:0;
}
#secModel #secCourse #secCourse01{
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:solid 1px #b9c8d6;
}


/* 冬だから行きたい、おんねゆ温泉の魅力 /attractive/
=========================================== */

#secAttractive{}
#secAttractive .titRead01{
	padding:28px 0 50px;
}
/* ------------------- */
#secAttractive .boxAttractive01{
	clear:both;
	overflow:hidden;
	padding-bottom:74px;
}
#secAttractive .boxAttractive01 .tit01{
	padding-bottom:19px;
}
#secAttractive .boxAttractive01 .pic01{
	padding-bottom:30px;
}
#secAttractive .boxAttractive01 .boxTxt{
	float:right;
	width:640px;
}
#secAttractive .boxAttractive01 .pic02{
	float:left;
	width:330px;
}
#secAttractive .boxAttractive01 .tit02{
	padding-bottom:15px;
}
#secAttractive .boxAttractive01 .txt01{}
#secAttractive .boxAttractive01 .list01{
	padding-top:15px;
}
#secAttractive .boxAttractive01 .list01 li{
	line-height:1.5;
}
/* ------------------- */
#secAttractive #secVisit{
	padding:40px 20px 10px;
	background:url(../img/bg_pattern01.gif);
}
#secAttractive #secVisit .tit01{
	padding-bottom:30px;
	text-align:center;
}
#secAttractive #secVisit .boxVisit{
	clear:both;
	overflow:hidden;
	min-height:360px;
	margin-bottom:20px;
	background:#FFF;
	border-bottom:solid 1px #c2ced4;
}
#secAttractive #secVisit .pic01{
	float:left;
	width:310px;
}
#secAttractive #secVisit .boxData{
	float:right;
	width:590px;
	margin:30px 30px 0 0;
}
#secAttractive #secVisit .tit02{
	padding-bottom:15px;
}
#secAttractive #secVisit .txt01{
	padding-bottom:25px;
}
#secAttractive #secVisit .boxIn{
	position:relative;
}
#secAttractive #secVisit .pic02{
	position:absolute;
	top:0;
	left:0;
}
#secAttractive #secVisit .tit03{
	margin:0 0 0 240px;
	padding:8px 0 7px 15px;
	background:#cde8f3;
	font-size:18px;
	font-weight:bold;
	line-height:1;
}
#secAttractive #secVisit .txt02{
	margin:15px 0 0 240px;
}

.plan-box{
	width:930px;
	padding:30px;
	border:5px solid #F79F81;
	margin-top:30px;
	float:left;
}

.plan-box h2{
	padding:0 20px 0px 20px;
	font-size:160%;
	border-bottom:2px solid #DF0101;
	margin-bottom:20px;
}

.plan-box p{
	margin-bottom:15px;
}

.plan-box dl{
	overflow:hidden;
	margin-bottom:15px;
}

.plan-box dl dt{
	width:100px;
	float:left;
}
.plan-box dl dd{
	width:830px;
	float:left;
}
.plan-box .bn-tour {
	letter-spacing: -.4em;
	text-align: center;
	background: #eee;
	padding: 12px 0;
}
.plan-box .bn-tour li {
	letter-spacing: normal;
	display: inline-block;
	padding: 5px 13px;
}