tour_page_nav@charset "utf-8";
/* CSS Document */

.h1_group .h1_course_nav{
}
.h1_group .h1_course_nav .nav01{
	position:absolute;
	top: 22px;
	right:159px;
	width:144px;
	height:71px;
}
.h1_group .h1_course_nav .nav02{
	position:absolute;
	top: 22px;
	right:0px;
	width:144px;
	height:71px;
}



/* INDEX */
.index_line{
	padding-top:55px;
	/*padding-top:0px;
	padding-bottom:0px;*/
}

.index_line .guide{
	margin-bottom:30px;
}

.tour_course{
	width:960px;
	height:364px;
}

.tour_course .course01{
	float:left;
	margin-right:30px;
}

.tour_course .course02{
	position:relative;
	float:left;
	width:465px;
	height:364px;
	background:url(/enjoy/const_archi/tour/images/index/bg_course02.jpg) no-repeat left top;	
}
.tour_course .course02:hover{
	background-position:0px -364px !important;
}

.tour_course .course02 .btn_course02{
	position:absolute;
	top:0px;
	left:0px;	
}
.tour_course .course02 .btn_course02 a{
	display:block;
	width:465px;
	height:364px;
	background:url(/enjoy/const_archi/tour/images/index/bg_course02.jpg) no-repeat left top;	
}
.tour_course .course02 .btn_course02 a:hover{
	background-position:0px -364px !important;
}

.tour_course .course02 .btn_g2{
	position:absolute;
	top:82px;
	left:119px;
}
.tour_course .course02 .btn_g1{
	position:absolute;
	top:132px;
	left:119px;
}
.tour_course .course02 .btn_ug1{
	position:absolute;
	top:188px;
	left:119px;
}
.tour_course .course02 .btn_ug2{
	position:absolute;
	top:241px;
	left:119px;
}

.tour_course .course02 .btn_g2 a,
.tour_course .course02 .btn_g1 a,
.tour_course .course02 .btn_ug1 a,
.tour_course .course02 .btn_ug2 a{
	display:block;
	width:314px;
}
.tour_course .course02 .btn_g2 a{height:52px; background:url(/enjoy/const_archi/tour/images/index/bg_course02_g2.png) no-repeat left top;}
.tour_course .course02 .btn_g1 a{height:57px; background:url(/enjoy/const_archi/tour/images/index/bg_course02_g1.png) no-repeat left top;}
.tour_course .course02 .btn_ug1 a{height:56px; background:url(/enjoy/const_archi/tour/images/index/bg_course02_ug1.png) no-repeat left top;}
.tour_course .course02 .btn_ug2 a{height:58px; background:url(/enjoy/const_archi/tour/images/index/bg_course02_ug2.png) no-repeat left top;}

.tour_course .course02 .btn_g2 a:hover{
	background-position:0px -52px !important;
}
.tour_course .course02 .btn_g1 a:hover{
	background-position:0px -57px !important;
}
.tour_course .course02 .btn_ug1 a:hover{
	background-position:0px -56px !important;
}
.tour_course .course02 .btn_ug2 a:hover{
	background-position:0px -58px !important;
}

.tour_course .course02 .btn_course02 span,
.tour_course .course02 .btn_g2 span,
.tour_course .course02 .btn_g1 span,
.tour_course .course02 .btn_ug1 span,
.tour_course .course02 .btn_ug2 span{
	display: none;
}




/* ツアーコース別 */
h2.tour{
	width:960px;
	margin:0px auto;
}


.h2_group{
	position:relative;
	width:960px;
	margin:0px auto;	
	text-align:left;
	height:518px;/*height:463px; frame paddding-60px*/
}

.h2_group h2{
	position:absolute;
	top:0px;
	left:0;
	margin:0;
}

div.content.frame{
	width:956px;
	padding:60px 0 0 0;
}

div.content.frame .tour_content{
	width: 760px;
	padding-left: 98px;
	padding-right: 98px;
	padding-bottom:30px;
}

div.content.frame#course{
	padding:60px 0 0 0;
	border-top:none;
	border-left:solid 2px #FF9E26;
	border-right:solid 2px #FF9E26;
	border-bottom:solid 2px #FF9E26;
}

div.content.frame#course .tour_h4{
	margin-bottom:40px;
}

/*tour illust*/
.h2_group .img_tour{
	position:absolute;
	top:118px;
	left:0px;
	width:960px;
	height:400px;
}

.h2_group .img_tour#course01{ background:url(/enjoy/const_archi/tour/course01/images/bg_course01.jpg) no-repeat left top;}
.h2_group .img_tour#ground02{ background:url(/enjoy/const_archi/tour/course02/ground02/images/bg_ground02.jpg) no-repeat left top;}
.h2_group .img_tour#ground01{ background:url(/enjoy/const_archi/tour/course02/ground01/images/bg_ground01.jpg) no-repeat left top;}
.h2_group .img_tour#underground01{ background:url(/enjoy/const_archi/tour/course02/underground01/images/bg_underground01.jpg) no-repeat left top;}
.h2_group .img_tour#underground02{ background:url(/enjoy/const_archi/tour/course02/underground02/images/bg_underground02.jpg) no-repeat left top;}


/*tour click*/
.h2_group .img_tour .sg_popup a{
	border-radius:4px;
	font-size:14px !important;
	color:#212121 !important;
	padding:0.6em 0.6em 0.6em !important;
	border:solid 1px #FF9E26 !important;
	box-shadow: 1px 2px 7px -1px rgba(0, 0, 0, 0.7);
	
	position: absolute;
	background:#fff;
	text-decoration:none;
	
	font-weight:bold;
	line-height:1.23;
	letter-spacing:0.05em;
	text-align:center;
}

.h2_group .img_tour .sg_popup a.select{
	background:#FFCC00;
}

.h2_group .img_tour .sg_popup a:hover{
	background:#FFCC00;
}
	
.h2_group{
	height:452px;
}
.h2_group .img_tour{
	top:52px;
}

.tour_popup {
	width:100%;
	position:fixed; bottom:0px; left:0px;
	z-index:100;
	text-align:center;
	background:url(/enjoy/const_archi/tour/images/bg_tour_pane.png) repeat;
	box-shadow: 1px 1px 16px -1px rgba(0, 0, 0, 0.85);
	padding:24px 0 26px;
	display:none;
}

.tour_popup .h1_tour_group {
	text-align:center;
	line-height:1.4;
	padding:6px 0 8px;
}

.tour_popup h1{
	margin:0 0 0.3em;
	font-weight:bold;
	font-size:20px;
	letter-spacing:0.05em;
	line-height:1.5;
}

.tour_popup .tour_content {
	position:relative;
	padding:19px 20px 20px;
	font-size:14px;
	line-height:1.9;
	background:#fff;
	width:720px;
	margin:0 auto;
	border-radius: 8px;
	border:#FF9E26 2px solid;
	box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.7);
}

.tour_popup .tour_content:after { /*clearfix*/
	content: "";
	display: block; clear: both;
}

.tour_popup .tour_content .txt{
	float:right;
	width:480px;
	text-align:left;
}

.tour_popup .tour_content p img{
	float: left;
}

.tour_popup .tour_content div.txt p img{
	float:none;
}


.tour_popup .tour_content p.link{
	margin-top:1em;
	padding-left:25px;
	font-weight:bold;
	background:url(/enjoy/const_archi/tour/images/arrow_link_popup.png) no-repeat 0px 0px;
}

.tour_popup .tour_content .length{
	padding-left:25px !important;
}

.tour_content .close_btn{
	position:absolute;
	top:-45px;
	right:-132px;
	width:64px;
	height:66px;
	border-radius:6px;
	overflow:hidden;
	box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.6);
	background:#fff;
	cursor:pointer;
}
.tour_content .close_btn:hover img{
	opacity:0.7;
}

/*popup position*/



/*tuor_list*/
ul.tuor_list{
}

ul.tuor_list li{
}



/*本文頁*/
.h3_group{
	position:relative;
}

.h3_group h3{
	margin-top:0px;
}

.h3_group h3 span{
	font-weight:normal;
	letter-spacing:0;
	font-size:80%;
}

.h3_group .h3_img{
	position:absolute;
	top:-35px;
	right:0px;
}

dl.number{
}
dl.number dt {
	width:6.5em;
	float:left;
	clear:left;
	padding:0px 0px 10px 0px;
	line-height:1.5;
}

dl.number dt.long {
	width:auto;
	float:none;
	padding-bottom: 4px;
}

dl.number dt span img{
	vertical-align: -2px;
	padding-right: 4px;
}
dl.number dd {
	margin:0px 0px 0px 7em;
	padding:0px 0px 10px 0px;
	line-height:1.5;
}


/*tour course snav*/
.tour_nav{
	width:760px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 55px;
}

.tour_nav ul li{
	float:left;
	margin-right:40px;
}

.tour_nav ul li.last{
	margin-right:0px;
}

/*tour course navi*/
.tour_page_nav{
	position:relative;
	width:760px;
	height:70px;
	border-top:dotted 2px #FF9E27;
	margin-top:90px;
}

.tour_page_nav ul{
}

.tour_page_nav li.prev{
	position:absolute;
	width:290px;
	top:5px;
	left:-25px;
}
.tour_page_nav li.next{
	position:absolute;
	width:290px;
	top:5px;
	right:-25px;
}


.tour_page_nav li.return{
	position:absolute;
	width:130px;
	top:5px;
	left:315px;
}

.tour_page_nav.course01 li.return,
.tour_page_nav.course02 li.return{
	position:absolute;
	width:210px;
	top:-30px;
	left:275px;
}


/*働く車のリンクボックス 変更　160622*/
.cars_link{
	position:relative;
	/*background:#FFE5C4;*/
	height:130px;
	width:754px;
	border: solid 3px #FFCC3D;
	margin-top:120px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.cars_link .tab_cars{
	position:absolute;
	top:-54px;
	left:-3px;
	height:65px;
	width:270px;	
}

.cars_link ul{
	padding:25px 44px;
}
.cars_link ul li{
	float:left;
	margin-right:26px;
}
.cars_link ul li.course1_truck{
	margin-right:0px;
}
/*働く車のリンクボックス 変更　160622*/

/*働く車のリンクボックス 変更　に普通のリンク追加　160622*/
.cars_link.add{
	height:197px;
}
.cars_link.add ul{
	padding-bottom:25px;
}
.cars_link.add ul.link{
	padding-top:16px;
	border-top:dotted 2px #FFCC3D;
}
.cars_link.add ul.link li{
	background:url(/enjoy/const_archi/common/images/rel_bg_arrow2.png) no-repeat 0px 0.6em;
	padding:9px 0 9px 19px;
	color:#363434;
	line-height:1.0;
}

.cars_link.add ul.link li span{
	color:#777;
}
.cars_link.add ul.link a{
	color:#363434;
}

.cars_link.add ul.link a:hover,
.cars_link.add ul.link a:hover span{
	color:#FF6D00;
	text-decoration:underline;
}
/*働く車のリンクボックス 変更　に普通のリンク追加　160622*/



/*働く車一覧頁　160512*/
.const_cars_shadow.col3 .col img{
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.4);	
}
/*働く車一覧頁　160512*/



/*page navi (prev next index)*/
.page_nav{
	margin-top:20px;
}







@media print{
.tour_nav,
.tour_page_nav,
.cars_link{
	display:none;
}
}