@charset "utf-8";

/* 世界遺産エアーズロック  /intltour/oce/ayq/
---------------------------------------------------------------- */

div.contents a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
}

div.contents div.topbox{
width:940px;
margin-top:15px;
}
div.contents div.topbox:after{
content:".";
display:block;
visibility:hidden;
height:0;
clear:both;
}

div.contents div.topbox ul{
float:left;
width:532px;
}
div.contents div.topbox ul:after{
content:".";
display:block;
visibility:hidden;
height:0;
clear:both;
}

div.contents div.topbox ul li{
float:left;
width:123px;
margin-right:10px;
}

div.contents div.topbox div.rankingBox{
float:right;
width:395px;
min-height:98px;
background:#f2ece1;
border:1px solid #c7b490;
}
div.contents div.rankingBox .toursGadget{padding:0;border:0;}
div.contents div.rankingBox .toursGadget p{padding-left:62px;font-size:88%;}
div.contents div.rankingBox .toursGadget .gadgetList{width:auto;}
div.contents div.rankingBox .toursGadget p.rankNoImg{padding-left:2px;}

div.contents dl.bestrate{
width:940px;
margin-top:10px;
padding-bottom:10px;
background-color:#A2424D;
}
div.contents dl.bestrate:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

div.contents dl.bestrate img{
vertical-align:bottom;
}

div.contents dl.bestrate dd{
position:relative;
float:left;
width:300px;
margin:5px 0 0 10px;
}

div.contents dl.bestrate dd a{
font-weight:bold;
color:#CC0000;
}

div.contents dl.bestrate dd a:hover div.searchEffList{
text-decoration:underline;
}

div.contents dl.bestrate dd div.gadgetList{
position:absolute;
width:180px;
top:109px;
left:110px;
}

div.contents dl.bestrate dd a:hover img{
opacity:0.95;
filter:alpha(opacity=95);
}


/*  ツアーのポイント
----------------------------------------- */
#point{
width:940px;
margin-top:25px;
padding-bottom:10px;
background-color:#FFEBF0;
}
#point:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#point div.ptwrap{
width:940px;
padding:10px 0;
}
#point div.ptwrap:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#point div.ptwrap .mgl20{
margin-left:20px;
}

#point div.ptwrap dl.hayakime90{
display:table;
width:900px;
margin-top:10px;
background-color:#ffffff;
overflow:hidden;
font-size:14px;
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 20%,#c50119 100%);
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 20%,#c50119 100%);
background: linear-gradient(to right, #ffffff 0%,#ffffff 20%,#c50119 100%);
}

#point div.ptwrap dl.hayakime90 img{
vertical-align:bottom;
}

#point div.ptwrap dl.hayakime90 dt{
display:table-cell;
width:120px;
padding:0 10px 0 10px; 
vertical-align:middle;
}

#point div.ptwrap dl.hayakime90 dd{
display:table-cell;
vertical-align:middle;
text-align:left;
letter-spacing:1px;
font-size:1.2em;
}

#point div.ptwrap dl.hayakime90 span{
font-size:24px;
font-weight:bold;
color:#C50119;
}

p.active{
width:161px;
height:25px;
background:url(../img/btn_close.gif) no-repeat;
}


#point div.selfbbq{
width:880px;
margin-top:20px;
padding:10px;
background-color:#ffffff;
background: -moz-linear-gradient(left top, #ffffff 0%, #ffffff 50%,#c50119 100%);
background: -webkit-linear-gradient(left top, #ffffff 0%,#ffffff 50%,#c50119 100%);
background: linear-gradient(to right bottom, #ffffff 0%,#ffffff 50%,#c50119 100%);
}

#point div.selfbbq h4{
font-size:1.2em;
color:#C50119;
letter-spacing:1px;
}

#point div.selfbbq p{
margin-top:10px;
}

#point div.selfbbq ul dl{
display:table;
}

#point div.selfbbq ul dl dt{
display:table-cell;
}


#point div.selfbbq ul dl dd{
display:table-cell;
}

#point div.selfbbq ul li:last-of-type{
width: 210px;
margin: 3px 0 0 5px;
}

#point div.selfbbq ul li:last-of-type p{
border-radius:5px;
}


#point div.ptwrap dl.ayqpak{
width:900px;
margin-top:20px;
}
#point div.ptwrap dl.ayqpak:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#point div.ptwrap dl.ayqpak img{
vertical-align:bottom;
}

#point div.ptwrap dl.ayqpak dd{
padding-left:1em;
text-indent:-1em;
}

#point div.ptwrap dl.ayqpak dd.ayqpic{
float:left;
width:210px;
margin-top:5px;
padding-left:0;
text-indent:0;
}

#point div.ptwrap dl.ayqpak dd.ayqtxt{
float:right;
width:680px;
margin-top:5px;
padding-left:0;
text-indent:0;
line-height:1.6em;
}

#point div.ptwrap dl.ayqpak dd.ayqtxt li{
padding-left:1em;
text-indent:-1em;
line-height:1.6em;
}

#point div.ptwrap dl.ayqpak dd.ayqtx2{
float:right;
width:680px;
padding-left:0;
text-indent:0;
line-height:1.6em;
}


/*動画埋め込み*/
#point div.ptwrap dl.ayqpak dd.ayqtxt.doga:after{
content:".";
display:block;
visibility:hidden;
height:0;
clear:both;
}

#point div.ptwrap dl.ayqpak dd.ayqtxt.doga iframe{
float:right;
margin-left:5px;
}

#point div.ptwrap dl.ayqpak dd.ayqtxt.doga a.bttn{
display:block;
margin-top:15px;
}


#point div.gbook{
width:900px;
margin:20px auto 0;
padding-bottom:20px;
overflow:hidden;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 70%,#c50119 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 70%,#c50119 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 70%,#c50119 100%);
}

#point div.gbook h4{
font-size:18px;
font-weight:bold;
padding:12px 10px 10px;
border-bottom:#c50119 solid 1px;
color:#C50119;
letter-spacing:1px;
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%,#c50119 100%);
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#c50119 100%);
background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#c50119 100%);
}

#point div.gbook dl{
display:table;
float:left;
width:600px;
margin:30px 0 0 20px;
}

#point div.gbook dl dt{
display:table-cell;
}

#point div.gbook dl dd{
display:table-cell;
}

#point div.gbook p:first-of-type{
float:right;
width:150px;
margin:20px 40px 0 0;
}

#point div.gbook p:last-of-type{
float:left;
width:690px;
margin:35px 0 0 20px;
text-align:center;
}

.button{
display:inline-block;
width:200px;
height:54px;
text-align:center;
text-decoration:none;
line-height:54px;
outline:none;
}
.button::before,.button::after{
position:absolute;
z-index:-1;
display:block;
content:'';
}
.button,.button::before,.button::after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}

.button{
position:relative;
z-index:2;
background-color:#c50119;
border:2px solid #c50119;
border-radius:21px;
color:#FFFFFF !important;
line-height:50px;
}
.button:hover{
background-color:#ffffff;
border-color:#c50119;
color:#c50119 !important;
}
.button::before,.button::after{
top:0;
width:50%;
height:100%;
background-color:#c50119;
}
.button::before{
right:0;
border:#FFFFFF solid 1px;
border-left:none;
border-top-right-radius:20px;
border-bottom-right-radius:20px;
}
.button::after{
left:0;
border:#FFFFFF solid 1px;
border-right:none;
border-top-left-radius:20px;
border-bottom-left-radius:20px;
}
.button:hover::before,.button:hover::after{
width:0;
border:none;
background-color:#c50119;
}


/*  世界最大級の1枚岩 エアーズロック 〜ウルル〜
----------------------------------------- */
#uluru{
width:940px;
margin-top:20px;
padding-bottom:10px;
background-color:#E9E4CE;
}

#uluru p.ulutx{
display:inline;
float:left;
width:600px;
margin:10px 0 0 20px;
}

#uluru p.ulupic{
float:right;
width:270px;
margin:10px 20px 0 0;
}

#uluru dl{
width:878px;
margin:10px auto 0;
padding:10px;
background-color:#ffffff;
border:#A8751C dotted 1px;
border-radius:10px;
}


/*  エアーズロックって何？
----------------------------------------- */
#whats{
width:940px;
margin-top:25px;
padding-bottom:10px;
background-color:#E9E4CE;
}
#whats:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#whats div.whatsbox1{
width:940px;
margin-top:10px;
}
#whats div.whatsbox1:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#whats div.whatsbox1 dl{
display:inline;
float:left;
width:280px;
margin:0 10px 0 20px;
}

#whats div.whatsbox1 dl dd{
margin-top:5px;
}

#whats div.whatsbox2{
display:inline;
float:left;
width:455px;
margin:10px 0 0 20px;
}
#whats div.whatsbox2:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#whats div.whatsbox2 dl{
float:left;
width:255px;
}

#whats div.whatsbox2 dl dd{
margin-top:5px;
padding-right:5px;
}

#whats div.whatsbox2 p{
float:right;
width:200px;
}

#whats div.whatsbox3{
display:inline;
float:right;
width:425px;
margin:10px 20px 0 0;
}
#whats div.whatsbox3:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#whats div.whatsbox3 dl{
float:left;
width:275px;
}

#whats div.whatsbox3 dl dd{
margin-top:5px;
padding-right:5px;
}

#whats div.whatsbox3 p{
float:right;
width:150px;
}


/*  エアーズロックの見所は？
----------------------------------------- */
#spot{
width:940px;
margin-top:25px;
padding-bottom:15px;
background-color:#E9E4CE;
}

#spot div.spotwrap{
width:900px;
padding:15px 20px 22px;
background:url(/intltour/oce/ayq/img/bg_dotbar.jpg) bottom no-repeat;
}
#spot div.spotwrap:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#spot dl dd.ddind{
padding-left:1em;
text-indent:-1em;
}

#spot dl.spot2{
float:right;
width:620px;
}

#spot dl.spot3{
float:left;
width:630px;
}

#spot dl.spot3 dd{
padding:10px 10px 0 0;
}

#spot div.spotwrap:last-of-type{
background-image:none;
padding-bottom:10px;
}


/*  エアーズロック観光を楽しむために
----------------------------------------- */
#enjoy{
width:936px;
margin-top:30px;
padding-bottom:20px;
border:#e17f00 solid 2px;
background-color:#ffffff;
overflow:hidden;
}

#enjoy > p{
float:right;
width:305px;
margin-top: 24px;
}

#enjoy > div{
float:left;
width:593px;
margin:9px 0 0 20px;
}

#enjoy table{
width:593px;
border-collapse:collapse;
margin-top:6px;
}

#enjoy table:nth-of-type(2){
margin-top:12px;
}

#enjoy table th{
width:13%;
padding:3px 0 2px;
border:#000000 solid 1px;
text-align:center;
vertical-align:middle;
}

#enjoy table tr th:first-child{
width:22%;
padding:3px 0 3px 5px;
text-align:left;
}

#enjoy table td{
width:13%;
padding:3px 0 2px;
border:#000000 solid 1px;
text-align:center;
vertical-align: middle;
}

#enjoy table tr:first-of-type{
background-color:#e6e6e6;
}

#enjoy div.temp table tr:nth-of-type(2){
background-color:#fce6b8;
}

#enjoy div.temp table tr:nth-of-type(3){
background-color:#c2f3ff;
}

#enjoy > div.sun{
margin: 17px 0 0 20px;
}

#enjoy div.sun table tr:nth-of-type(2){
background-color:#ffefe7;
}

#enjoy div.sun table tr:nth-of-type(3){
background-color:#e5cae5;
}


/*  エアーズロックリゾート宿泊ホテル
----------------------------------------- */
#hotel{
width:940px;
margin-top:30px;
padding-bottom:20px;
}
#hotel:after{
content:".";
display:block;
visibility:hidden;
height:0;
line-height:0;
clear:both;
}

#hotel img{
vertical-align:middle;
}

#hotel dl{
float:left;
width:305px;
margin:10px 12px 0 0;
}

#hotel dl dd{
margin-top:5px;
}


#hotel dl dd:nth-of-type(2){
min-height:5em;
}

#hotel dl dd div.tripBox250 img{
vertical-align:middle;
}

#hotel dl dd div.tripBox250{
width:305px;
background-color:#FFFFFF;
}

#hotel dl dd div.tripBox250 p.alC.floatL{
padding-left:10px;
}

#hotel dl dd div.tripBox250 a.btnBK{background-color:#444;color:#fff;}

#hotel dl dd div.tripBox250 a.btnBK:hover{
opacity:0.9;
filter:alpha(opacity=90);
}

#hotel dl.dlright{
float:right;
margin:10px 0 0 0;
}

#hotel dl.dlright dd:nth-of-type(2){
margin:13px 0 10px;
}


#hotel dl dd.ddgad .tourDetailsBox{background:url(/tours/img/bg_pnl305_mdl.gif) repeat-y;border-width:0;}
#hotel dl dd.ddgad .tourDetails{background:url(/tours/img/bg_pnl305_btm.gif) no-repeat bottom;padding-bottom:5px;}


/* 
----------------------------------------- */
.gps940{width:940px; margin-top:15px;}
.gps940 .tourDetailsBox { background:url(/tours/img/bg_pnl940_mdl.gif) repeat-y; border-width:0;}
.tourDetails.gps940{background:url(/tours/img/bg_pnl940_btm.gif) no-repeat bottom; padding-bottom:5px;}
.gps940 .gadgetleft,.gps940 .gadgetright{width:290px;}
.gps940 .gadgetleft{margin-right:20px;}


div.tourDetails p.gadgetTitle{
margin-top:10px;
padding-left:4px;
background:none;
border-left:#666666 solid 3px;
font-size:0.9rem;
}

div.tourDetailsBox{
padding-bottom:5px !important;
}


div.contents div.chkbox{
width:938px;
border:#B2B2B2 solid 1px;
border-top:none;
}

div.contents div.chkbox li{
display:inline;
float:left;
width:177px;
margin:15px 0 0 46px;
padding-bottom:15px;
}

div.contents div.chkbox li img{
margin-bottom:5px;
}


div.contents ul.banners{
width:938px;
margin-top:25px;
padding: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
/*background-color: rgba(197,1,25,0.15);*/
border:#c50119 dotted 1px;
border-radius: 5px;
}


.fs12{font-size:12px;}
p.tripLogo{margin-bottom:10px;}