@charset "utf-8";
/* ===================================================================
あいらんど・どりーむず
ワイピオ渓谷ツアー　2026/4/26
=================================================================== */

body {
background: url(../../common/images/bgimg_header.gif) 0 0 repeat-x;
}

#container {
position:relative;
}

/*----------------------------------------------------
	.con01
----------------------------------------------------*/



#main-con {

height: 3800px;

}

.catch-h1 {
position : absolute;
top: 0;
left: 206px; 
width: 540px;
height: 25px;
background:url(../images2/catch01.png) left top no-repeat;
text-indent: -9999px;
}

h2 {
position : absolute;
top: 26px;
left: 206px; 
width: 540px;
height: 16px;
background:url(../images2/h2_tour.png) left top no-repeat;
text-indent: -9999px;
}


h3 { 
width: 476px;
height: 127px;
margin-top: 20px;
background: url(../waipio/waipioshuttle/images/h3_waipio.png) 0 0 no-repeat;
text-indent: -9999px;
}

.con01 p {
margin: 1em 0.5em;
padding-left: 32px;
}

p.catch-h3 {
background: url(../waipio/waipioshuttle/images/catch_h3.png) 0 0 no-repeat;
text-indent: -9999px;
width: 460px;
height: 54px;
margin: -15px 0 0 32px;
}




img.waipio{	

margin-bottom: 20px;
	
}



.innner-navi {
padding-left:32px;
margin-bottom: 3em;
}

.innner-navi2 {
padding-left:32px;
margin: 3em 0;
}

.innner-navi li, .innner-navi2 li  {
padding-left:10px;
float: left;
}


h4#sort-detail { 
width: 500px;
height: 94px;
margin-top: 65px;
background:url(../sightseeing/charter/images/h4_detail.png) 0 0 no-repeat;
text-indent: -9999px;
}



p.catch-sort-detail {

margin-top: -50px;

padding-left: 32px;

}

h4#sort-tour { 
width: 500px;
height: 94px;
margin-top: 65px;
background:url(../waipio/waipioshuttle/images/h4_tour.png) 0 0 no-repeat;
text-indent: -9999px;
}



p.catch-sort-tour{

margin-top: -50px;

padding-left: 32px;

}

.con01 dl p {
margin: 0;
padding-left: 0;
}

.con01 dl dd {
padding-left: 8px;
}

.sort-text {
width: 335px;
float: right;
}

.sort-photo {
width: 250px;
float: left;
}



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

	詳細/料金

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



#detail-list {

margin-left:20px;

}



#detail-list dt {

float:left;

width:600px;

border-bottom: 2px #bddcf2 dotted;

padding-bottom:10px;

margin-top:10px;

}




span.detail-title {

margin-bottom:8px;

font-size:100%;

color:#3399ff;

font-weight:bold;

}




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

	ツアー行程

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




span.tour-title {

margin-bottom:8px;

font-size:120%;

color:#3399ff;

font-weight:bold;

}


#tour-list {
margin-left:20px;

}

#tour-list dt {
float:right;
width:400px;
border-top: 2px #bddcf2 dotted;
padding-top:25px;
margin-bottom:25px;
}

#tour-list dt a:link, #tour-list dt a:visited {
color: #cc0000;
text-decoration: underline;
}


#tour-title {
margin-bottom:8px;
}

#tour-list dt a:hover {
color: #66ccff;
text-decoration: none;
}

#tour-list dt a:active {
color: #66ccff;
text-decoration: none;
}

#tour-list dd {
float:left;
width:170px;
border-top: 2px solid #7cb8e1;
padding-top:25px;
margin-bottom:25px;
}

#tour-list dd img {
margin-left:10px;
}

.btn-tourdetail {
margin-bottom:-3px;
}

.innner-navi2 {
padding-bottom:60px;
}



/*----------------------------------------------------
	.con02
----------------------------------------------------*/

#ranking {
width: 320px;
height: 134px;
background:url(../waipio/waipioshuttle/images/h4_waipio.png) 0 bottom no-repeat #FFFFFF;
text-indent: -9999px;
}

p.catch-rankingh {
	
font-weight:bold;

font-size: 110%;
margin: 0;
padding:15px 18px 0 56px;

text-align: center; 
}

.con02 a:link, .con02 a:visited {
color: #cc0000;
text-decoration: underline;
}

.con02 a:hover {
color: #66ccff;
text-decoration: none;
}

.con02 a:active {
color: #66ccff;
text-decoration: none;
}


.con02 ol {
padding:0 18px 10px 52px;
}

.con02 ol li {
margin-bottom: 20px;
}

.con02 ol strong {
font-weight:bold;
}

.con02 dd {
padding: 5px 10px;
}

.con02 dl.rank1st dt {
background:url(../images2/ranking_2nd.png) 0 0 no-repeat;
padding:5px 0 10px 65px;
color:#cc0000;
font-weight:bold;
font-size:1.5em;
line-height:1.1;
}

.con02 dl.rank2nd dt {
background:url(../images2/ranking_2nd.png) 0 0 no-repeat;
padding:5px 0 10px 60px;
color:#cc0000;
font-weight:bold;
font-size:1.5em;
line-height:1.1;
}

.con02 dl.rank3rd dt {
background:url(../images2/ranking_3rd.png) 0 0 no-repeat;
padding:13px 0 20px 55px;
color:#cc0000;
font-weight:bold;
font-size:1.5em;
line-height:1.1;
}



.con02 dl.ranknorank dt {

background:url(../images2/ranking_norank.png) 0 0 no-repeat;

padding:10px 0 5px 65px;

color:#cc0000;

font-weight:bold;

font-size:1.5em;

line-height:1.1;

}

.page-detail a {
background:url(../images2/icon_suitcase.png) left center no-repeat;
padding-left: 20px;
}

.con02 .ranking-text {

background:url(../images2/dotline_ranking.png) left bottom no-repeat;

padding-bottom: 30px;

}


.con02 .ranking-photo {
text-align:center;
background:url(../images2/dotline_ranking.png) left bottom no-repeat;
padding-bottom: 30px;
}