@charset "utf-8";

/* 上海おすすめエリア　外灘を歩こう
------------------------------------------ */
.contents dl.jalpk{
float:left;
width:354px;
}

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

.contents div.gad1{
float:right;
width:563px;
}

/* 外灘の街紹介
------------------------------------------ */
#bund{
clear:both;
width:940px;
margin-top:15px;
}

#bund img{
vertical-align:bottom;
}

#bund div.wrap{
width:900px;
padding-bottom:15px;
border:#C8161E solid 20px;
border-top:none;
}
#bund div.wrap:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

* html #bund ul.model{
width:900px;
margin-top:-3px;
}

* html #bund ul.model li.adj{
margin-bottom:-3px;
}

#bund div.enjoybox{
display:inline;
float:left;
width:390px;
margin:0 15px 0 20px;
padding-top:5px;
background:url(/intltour/chn/sha/img/bg_partstop1.jpg) top no-repeat;
}

#bund div.enjoy1a{
width:366px;
padding:2px 15px 10px 9px;
background-color:#FEE1B6;
}
#bund div.enjoy1a:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#bund div.enjoy1a dl{
float:left;
width:176px;
}

#bund div.enjoy1a dd{
padding:5px 0 0 6px;
line-height:1.4em;
}

#bund div.enjoy1a p{
float:right;
width:180px;
padding-top:10px;
}

#bund div.enjoy1b{
position:relative;
width:390px;
margin-top:2px;
background:url(/intltour/chn/sha/img/bg_partsbtm1.jpg) bottom no-repeat;
}
#bund div.enjoy1b:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#bund div.enjoy1b dl{
display:inline;
float:left;
width:200px;
margin:10px 0 0 15px;
}

#bund div.enjoy1b dt{
font-size:1.2em;
}

#bund div.enjoy1b dt img{
margin-bottom:5px;
}

#bund div.enjoy1b dd{
width:155px;
padding-top:3px;
line-height:1.4em;
}

#bund div.enjoy1b div.op1_2{
position:absolute;
width:85px;
left:179px;
top:80px;
}

#bund div.enjoy1b div.op1_3{
display:inline;
float:right;
width:110px;
margin:20px 15px 0 0;
}

#bund div.enjoy1b p{
clear:both;
padding:5px 15px 10px 0;
text-align:right;
}

#bund div.enjoy1b p img{
vertical-align:middle;
}

#bund div.enjoy2{
display:inline;
float:left;
width:170px;
padding-bottom:5px;
background:url(/intltour/chn/sha/img/bg_partsbtm2.jpg) bottom no-repeat;
}

#bund div.enjoy2 dl{
width:170px;
padding:5px 0 10px;
background:url(/intltour/chn/sha/img/bg_partstop2.jpg) top no-repeat;
}

#bund div.enjoy2 dt{
width:151px;
padding:2px 0 0 9px;
}

#bund div.enjoy2 dd{
width:140px;
padding:5px 15px 0;
line-height:1.4em;
}

#bund div.enjoybox3{
display:inline;
float:right;
width:270px;
margin-right:20px;
padding-top:5px;
background:url(/intltour/chn/sha/img/bg_partstop3.jpg) top no-repeat;
}

#bund div.enjoy3{
width:250px;
padding:0 10px 10px 10px;
background:url(/intltour/chn/sha/img/bg_partsbtm3.jpg) bottom no-repeat;
}

#bund div.enjoy3 dl{
float:left;
width:122px;
}

#bund div.enjoy3 dd{
padding:3px 0 0 5px;
line-height:1.4em;
}

#bund div.enjoy3 div{
float:right;
width:120px;
margin-top:10px;
}

#bund div.enjoybox3 p{
clear:both;
padding:5px 0 0 2px;
}

#bund div.enjoybox3 p img{
vertical-align:middle;
}

#bund div.enjoyjal{
clear:both;
width:270px;
margin-top:10px;
padding-bottom:10px;
background:url(/intltour/chn/sha/img/bg_partsbtmjal.jpg) bottom no-repeat;
}

/* 外灘エリアのラグジュアリーホテル
------------------------------------------ */
#hotel{
clear:both;
width:940px;
margin-top:25px;
}

#hotel img{
vertical-align:bottom;
}

#hotel div.wrap{
width:900px;
padding-bottom:15px;
border:#C8161E solid 20px;
border-top:none;
}
#hotel div.wrap:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#hotel dl.area1{
display:inline;
float:left;
width:730px;
margin-left:17px;
}
#hotel dl.area1:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#hotel dl.area1 dl{
display:inline;
float:left;
width:136px;
margin-right:10px;
_margin-right:7px;
}

#hotel dl.area1 dl dt{
width:136px;
margin:10px 0 4px;
}

#hotel dl.area2{
display:inline;
float:left;
width:136px;
}

#hotel dl.area2 dl dt{
width:136px;
margin:10px 0 4px;
}

#hotel dd.linkhtl{
width:136px;
padding:3px 0 0 5px;
}

#hotel dd.linkhtl img{
vertical-align:middle;
}

/* ブロガー
------------------------------------------ */
#blogger{
clear:both;
width:940px;
margin-top:25px;
padding-bottom:15px;
background-color:#C6171E;
}

#blogger p.blogtx{
padding:10px 0 0 20px;
color:#FFFFFF;
}

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

#blogger div.blogbox{
float:left;
width:294px;
margin-right:10px;
padding-top:10px;
background:#FFFFFF url(/intltour/chn/sha/img/parts_blogtop.jpg) top no-repeat;
}

#blogger div.bloginbox{
width:294px;
padding-bottom:10px;
background:url(/intltour/chn/sha/img/parts_blogbtm.jpg) bottom no-repeat;
}
#blogger div.bloginbox:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

#blogger p.blogpic{
_display:inline;
float:left;
width:64px;
margin:0 10px;
}

#blogger dl{
_display:inline;
float:left;
width:202px;
font-size:0.9em;
}

#blogger dl dt{
line-height:1.6em;
font-weight:bold;
color:#C6171E;
}

#blogger dl dd{
line-height:1.4em;
}

#blogger dl dd.adj1{
padding-top:1.4em;
}

#blogger p.blogimg{
float:left;
width:294px;
}


/* ツアーを予約する
------------------------------------------ */
#appli{
clear:both;
width:940px;
margin-top:25px;
}

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

#appli div.touroffer h4{
float:left;
width:230px;
}

#appli div.gad2{
float:right;
width:700px;
}

#appli div.gad2 div.gadadj{
display:inline;
float:right;
width:330px;
}

* html #appli div.gad2 div.gadadj{
width:328px;
}

* html #appli div.gad2 div.gadadj div.gadgetright{
width:328px;
}


/* ---------- */
div.bann{
clear:both;
width:940px;
margin-top:25px;
}

div.bann ul:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

div.bann li{
float:left;
margin-right:10px;
}

div.bann li.last{
margin-right:0;
}

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