/*******************************
 第17弾『出雲』
*******************************/

@import url("../css/reset.css");
@import url("../css/share.css");

/* 背景色 */
.cont{
background:#FBF1E8;
color:#49312E;
}
/* コースTOP */
.course .tit_vol{
text-align:center;
}
#img_top{
text-align:center;
margin:0 0 30px;
}
#top_info{
padding:0 20px;
}
.f_btn .btn_day1{color:#3E8CB3;}
.f_btn .btn_day2 a{color:#3E8CB3;}
.f_btn .btn_index a{color:#EE7576;}

/* コース概要 */
#course_data{
background:#fff url(img/bg_data.gif) repeat-y 0 -6px;
width:475px;
float:left;
border:1px solid #cacdc4;
border-left:none;
height:230px;
position:relative;
z-index:1;
}
#course_data h3{
background:#F9FA5E;
font-size:18px;
color:#484301;
height:14px;
margin:16px 20px 10px 40px;
text-align:center;
font-weight:normal;
}
#course_data h3 span{
font-size:16px;
padding:0 0 0 12px;
}
#course_data .txt1{
padding:0;
color:#006699;
font-size:14px;
text-align:center;
}
#course_data .txt1 strong{
font-weight:bold;
}
#course_data .img{
width:178px;
float:right;
}
#course_data table{
width:290px;
line-height:1;
margin:8px 0 0;
}
#course_data th{
padding:0 8px 12px 72px;
}
#course_data th span{
display:block;
background:#006699;
color:#fff;
font-size:12px;
padding:4px 0 2px;
width:94px;
text-align:center;
}
#course_data td{
font-size:14px;
padding:0 0 12px;
}
#course_data .txt2{
font-size:12px;
clear:both;
padding:8px 6px 0 0;
text-align:right;
}
#course_data:after{
content:url(img/img_data.jpg);
position:absolute;
top:80px;
left:350px;
}

/* 特典 */
#useful{
background:#fff;
position:relative;
z-index:1;
width:215px;
float:right;
border:1px solid #cacdc4;
height:230px;
}
#useful h3{
background:#006699;
color:#fff;
font-size:16px;
text-align:center;
font-weight:normal;
padding:10px 0;
margin:0 0 18px;
}
#useful .txt1{
background:url(img/bg_useful.gif) no-repeat center;
text-align:center;
color:#000;
font-size:12px;
line-height:1.2;
margin:0 0 18px;
}
#useful li{
display:inline-block;
list-style:disc inside;
background:#F9FA5E;
font-size:12px;
line-height:1;
white-space:nowrap;
margin:0 4px 6px 16px;
}
#useful .txt2{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:10px;
margin:8px 12px 0;
}
#useful .txt3{
text-align:right;
}

/* ドライブマップ */
#img_map{
clear:both;
}
#img_map img{
margin:-50px 0 0;
}
/* スポット共通設定 */
.spot{
margin:0 20px;
}
.summary span{
background:#FFD988;
background: linear-gradient(bottom, transparent 0%,#FFD988 20%,#FFD988 50%, transparent 51%);
background: -webkit-linear-gradient(bottom, transparent 0%,#FFD988 20%,#FFD988 50%, transparent 51%);
background: -moz-linear-gradient(bottom, transparent 0%,#FFD988 20%,#FFD988 50%, transparent 51%);
background: -o-linear-gradient(bottom, transparent 0%,#FFD988 20%,#FFD988 50%, transparent 51%);
background: -ms-linear-gradient(bottom, transparent 0%,#FFD988 20%,#FFD988 50%, transparent 51%);
}
.att{
background:url(img/i_att.png) no-repeat left center;
padding:10px 0 10px 34px;
}
.pink{color:#FF78A5;}
.red{color:#DF5F1F;}
.line_bl{background:#99FFCC;}

/* スポットリンク設定 */
.linkspot{
clear:both;
position:relative;
}
.linkspot li{
	position:absolute;
}
#linkspot_day1{
background:url(img/bg_linkspot1.jpg) no-repeat;
height:312px;
}
#linkspot_day2{
background:url(img/bg_linkspot2.jpg) no-repeat;
height:400px;
}
#linkspot1{
	top:0;
	left:60px;
}
#linkspot2{
	top:4px;
	left:268px;
}
#linkspot3{
	top:4px;
	left:420px;
}
#linkspot4{
	top:5px;
	left:588px;
}
#linkspot5{
	top:42px;
	left:478px;
}
#linkspot6{
	top:42px;
	left:370px;
}
#linkspot7{
	top:42px;
	left:260px;
}
#linkspot8{
	top:40px;
	left:138px;
}



/* コース１ */
#course1 h2{
margin:0 0 20px;
}
#course1 .img{
width:230px;
position:absolute;
text-align:center;
}
#course1 .data{
width:410px;
float:left;
margin:0 0 0 240px;
padding:30px 0 30px 10px;
border-top:2px dotted #7BA18A;
border-bottom:2px dotted #7BA18A;
position:relative;
}
#course1 .data dt{
margin:0 0 20px;
}
#course1 .data .comment{
position:absolute;
right:-60px;
top:100px;
z-index:1;
}

/* コース2 */
#course2{
background:url(img/bg_course2.jpg) no-repeat 30px 0;
padding:158px 0 0;
}
#course2 h2{
margin:0 0 30px;
}
#course2 .txt1{
width:220px;
float:left;
margin:0 0 30px;
}
#course2 .summary{
width:480px;
float:left;
font-size:14px;
}
#course2 .txt2{
text-align:center;
position:relative;
z-index:1;
}
#course2 .img{
clear:both;
margin:-10px 0 0;
}
#course2 .img:after{
content:"";
display:block;
clear:both;
}
#course2 .img1{
width:390px;
float:left;
font-size:14px;
text-align:center;
}
#course2 .img2{
width:320px;
float:right;
font-size:14px;
margin:0 0 16px;
}
#course2 .img2 span{
display:block;
padding:0 0 0 40px;
}
#course2 .img img{
margin:0 0 4px;
}
#course2 .box1{
background:#FFF9B1;
border:3px dotted #9CC813;
padding:10px 30px 10px;
margin:0 0 30px;
}
#course2 .img3{
text-align:center;
}
#course2 .txt3{
font-size:14px;
line-height:1.4;
}
#course2 .data{
background:#fff;
border:2px dotted #7BA18A;
padding:20px 0 20px 354px;
margin:0 10px;
line-height:1.4;
position:relative;
}
#course2 .data .comment{
position:absolute;
left:20px;
top:-10px;
z-index:1;
}

/* コース3 */
#course3{
background:url(img/bg_course3.jpg) no-repeat 30px 0;
padding:145px 0 0;
}
#course3 h2{
width:270px;
float:left;
padding:16px 0 10px;
margin:0 0 30px;
border-right:1px solid #654E4C;
}
#course3 .summary{
width:420px;
float:right;
padding:6px 0 0;
font-size:14px;
}
#course3 .box1{
background:#fff;
-webkit-border-radius:40px;
border-radius:40px;
position:relative;
padding:50px 10px 30px;
clear:both;
margin:0 0 20px;
}
#course3 .box1:after{
content:"";
display:block;
clear:both;
}
#course3 .box1 h3{
position:absolute;
top:-20px;
width:100%;
left:0;
text-align:center;
}
#course3 .img1,#course3 .img2,#course3 .img3{
position:relative;
}
#course3 .img1:after,#course3 .img2:after,#course3 .img3:after{
content:url(img/i_osusume.png);
position:absolute;
z-index:1;
}
#course3 .img1{
width:270px;
float:left;
padding:28px 0 0;
}
#course3 .img1 img{
margin:0 0 30px;
}
#course3 .img1:after{
right:-5px;
top:414px;
}
#course3 .img2{
width:390px;
float:right;
margin:0 0 40px;
}
#course3 .img2 img{
margin:0 0 10px;
}
#course3 .img2:after{
right:0px;
top:155px;
}
#course3 .img3{
width:390px;
float:right;
margin:0 0 40px;
}
#course3 .img3 img{
margin:0 0 40px;
}
#course3 .img3:after{
right:0px;
top:152px;
}
#course3 .img4{
width:300px;
float:left;
padding:0 0 0 20px;
}
#course3 .img4 img{
margin:0 0 8px;
}
#course3 .img5{
width:305px;
float:right;
padding:0 20px 20px 0;
}
#course3 .img5 img{
margin:8px 0 0;
}
#course3 .img6{
clear:both;
padding:0 0 20px 50px;
position:relative;
}
#course3 .img6 span{
position:absolute;
top:100px;
left:450px;
}
#course3 .data{
background:#fff;
border:2px dotted #7BA18A;
padding:15px 0 15px 40px;
position:relative;
}
#course3 .data dt{
margin:0 0 10px;
}
#course3 .data .add{
width:300px;
float:left;
}
#course3 .data .park{
width:300px;
float:left;
}


/* コース4 */
#course4{
background:url(img/bg_course4.jpg) no-repeat 26px 0;
padding:220px 0 0;
}
#course4 h2{
margin:0 0 10px;
}
#course4 .summary{
font-size:14px;
padding:0 0 30px 70px;
}
#course4 .img1{
width:435px;
float:left;
text-align:center;
margin:0 0 30px;
}
#course4 .img1 img{
margin:0 0 8px;
}
#course4 .img2{
width:270px;
float:right;
}
#course4 .img2 img{
margin:0 0 8px;
}
#course4 .img3{
width:410px;
float:left
}
#course4 .img4{
width:300px;
float:right;
padding:10px 0 40px;
}
#course4 .data{
background:#fff;
border:2px dotted #7BA18A;
padding:20px 0 20px 354px;
margin:0 10px;
line-height:1.4;
position:relative;
}
#course4 .data .comment{
position:absolute;
left:20px;
top:-10px;
z-index:1;
}
#course4 .data:after{
content:url(img/i_oke.png);
position:absolute;
right:20px;
bottom:-16px;
}

/* コース5 */
#course5{
}
#course5 h2{
width:250px;
float:left;
padding:25px 0 15px;
margin:0 0 30px;
border-right:1px solid #654E4C;
}
#course5 .summary{
width:440px;
float:right;
font-size:14px;
padding:0 10px 0 0;
}
#course5 .parking{
background:url(img/bg_course5_1.jpg) no-repeat 70px 0;
clear:both;
padding:16px 0 0 220px;
height:104px;
clear:both;
}
#course5 .parking li{
line-height:1;
margin:0 0 6px;
}
#course5 .cycle{
position:relative;
}
#course5 .cycle .mabu{
position:absolute;
top:288px;
left:0;
z-index:1;
width:400px;
text-align:center;
}
#course5 .cycle .mabu img{
margin:20px 0 0;
}
#course5 .cycle .data{
border-top:1px dotted #FF7373;
border-bottom:1px dotted #FF7373;
padding:10px 0 10px 5px;
position:absolute;
top:505px;
right:6px;
z-index:1;
width:310px;
white-space:nowrap;
}
#course5 .iwamiginzan .img1{
width:300px;
float:left;
text-align:center;
}
#course5 .iwamiginzan .img2{
width:400px;
float:right;
text-align:center;
margin:0 0 20px;
}
#course5 .iwamiginzan .img1 img,#course5 .iwamiginzan .img2 img{
margin:0 0 4px;
}
#course5 .iwamiginzan .data{
background:#fff;
border:2px dotted #7BA18A;
padding:12px 0 12px 30px;
float:right;
width:342px;
line-height:1.4;
position:relative;
}
#course5 .iwamiginzan .data dt img{
margin:0 10px 8px 0;
vertical-align:middle;
}
#course5 .iwamiginzan .data:before{
content:url(img/i_iwami.png);
position:absolute;
top:-40px;
right:-10px;
}

#course5 .lunch h3{
text-align:center;
}
#course5 .lunch .img3{
width:350px;
float:left;
text-align:center;
margin:0 0 30px;
}
#course5 .lunch .img4{
width:350px;
float:right;
}
#course5 .lunch .img3 img,#course5 .lunch .img4 img{
margin-bottom:8px;
}
#course5 .lunch .img4 span{
display:block;
padding:0 0 0 86px;
}
#course5 .lunch .img5{
margin-top:30px;
}
#course5 .lunch .img6{
margin-top:40px;
}
#course5 .lunch .data{
clear:both;
background:#fff;
border:2px dotted #7BA18A;
padding:10px 0 10px 400px;
margin:0 10px;
position:relative;
white-space:nowrap;
}
#course5 .lunch .data .comment{
position:absolute;
top:-50px;
left:0;
z-index:1;
}

/* コース6 */
#course6{
background:url(img/bg_course6.jpg) no-repeat 30px 0;
padding:145px 0 0;
}
#course6 h2{
width:320px;
float:left;
padding:20px 0 20px;
margin:0 0 16px;
border-right:1px solid #654E4C;
}
#course6 .summary{
width:380px;
float:right;
font-size:14px;
}
#course6 .course6_1{
width:240px;
float:left;
clear:both;
font-size:14px;
margin:0 0 16px;
position:relative;
}
#course6 .course6_1 .img{
text-align:center;
}
#course6 .course6_1 .img img{
margin: 0 0 8px;
}
#course6 .course6_1 dt{
position:absolute;
top:298px;
left:256px;
}
#course6 .course6_1 .txt{
position:absolute;
top:330px;
left:250px;
width:470px;
}
#course6 .course6_2{
width:470px;
float:right;
white-space:nowrap;
}
#course6 .course6_2 .img{
margin:0 0 8px;
}
#course6 .course6_2 dt{
display:inline-block;
margin:0 10px 0 0;
vertical-align:bottom;
}
#course6 .course6_2 .txt{
display:inline-block;
}
#course6 .img4{
text-align:center;
margin:0 0 20px;
clear:both;
}
#course6 .course6_3{
width:350px;
float:left;
padding:0 0 0 20px;
}
#course6 .course6_3 .img{
margin:0 0 8px;
}
#course6 .course6_3 .txt{
margin:-12px 0 20px;
}
#course6 .img5{
width:300px;
float:right;
padding:0 20px 0 0;
text-align:center;
}
#course6 .data{
background:#fff;
border:2px dotted #7BA18A;
padding:16px 0 16px 30px;
margin:0 0 0 10px;
width:330px;
float:left;
}


/* コース7 */
#course7{
background:url(img/bg_course7.jpg) no-repeat 26px 0;
padding:204px 0 0;
}
#course7 h2{
width:260px;
float:left;
padding:20px 0 30px;
margin:0 0 16px;
border-right:1px solid #654E4C;
}
#course7 .summary{
width:440px;
float:right;
padding:0;
font-size:14px;
line-height:1.5;
}
#course7 .img1{
position:relative;
margin:0 0 8px;
clear:both;
}
#course7 .img1 span{
position:absolute;
width:240px;
top:36px;
left:446px;
z-index:1;
}
#course7 .img{
margin:0 0 40px;
}
#course7 .img li{
width:230px;
float:left;
margin:0 10px 0 0;
text-align:center;
}
#course7 .img img{
margin:0 0 6px;
}
#course7 .img .img4{
margin:0;
}

#course7 .data{
background:#fff;
border:2px dotted #7BA18A;
padding:16px 0 16px 40px;
position:relative;
}
#course7 .comment{
position:absolute;
top:30px;
right:26px;
z-index:1;
}
#course7 .data{
background:#fff;
border:2px dotted #7BA18A;
padding:36px 0 36px 62px;
margin:0 10px;
position:relative;
}
#course7 .data .comment{
position:absolute;
top:-40px;
right:20px;
z-index:1;
}

/* コース8 */
#course8{
background:url(img/bg_course8.jpg) no-repeat 20px 0;
padding:178px 0  80px;
position:relative;
}
#course8 h2{
margin:0 0 24px;
}
#course8 .img{
padding:0 10px;
width:234px;
text-align:center;
}
#course8 .img img{
margin:0 0 8px;
}
#course8 .comment{
position:absolute;
top:306px;
left:320px;
z-index:1;
font-size:16px;
white-space:nowrap;
line-height:1.6;
}

/* コース9 */
#course9{
background:url(img/bg_course9.jpg) no-repeat 40px 0;
padding:96px 0 0;
}
#course9 h2{
margin:0 0 12px;
}
#course9 .summary{
width:512px;
margin:0 0 64px;
}
#course9_1{
position:relative;
margin:0 0 22px;
}
#course9_1 h3{
position:absolute;
top:-32px;
left:-7px;
}
#course9_1 .txt{
position:absolute;
z-index:1;
}
#course9_1 .txt1{
top:178px;
left:276px;
}
#course9_1 .txt2{
top:374px;
left:452px;
}
#course9_1 .txt3{
top:830px;
left:266px;
}
#course9_1 .txt4{
top:906px;
left:20px;
}

#course9_2 h3{
width:250px;
float:left;
text-align:center;
margin:0 0 20px;
}
#course9_2 .txt1{
width:470px;
float:right;
padding:10px 0 8px;
line-height:1.5;
}
#course9_2 .img2{
text-align:center;
margin:0 0 8px;
clear:both;
}
#course9 .data{
background:#fff;
border:2px dotted #7BA18A;
height:114px;
padding:16px 0 0 64px;
position:relative;
}
#course9 .comment{
position:absolute;
top:-10px;
right:18px;
z-index:1;
}

/* コース10 */
#course10{
background:url(img/bg_course10.jpg) no-repeat 53px 0;
padding:175px 0 100px;
position:relative;
}
#course10 h2{
margin:0 0 20px;
}
#course10 .data{
width:326px;
padding:16px 0 16px 44px;
margin:0 0 0 40px;
border-top:2px dotted #7BA18A;
border-bottom:2px dotted #7BA18A;
}
#course10 .comment{
position:absolute;
top:185px;
right:0;
z-index:1;
text-align:center;
}
#course10 .comment img{
margin:0 0 8px;
display:block;
}