/* 九電旅行 TRIP */
#contents {background:transparent url('../imgdata/bg_contents.png') repeat-y 0px 0px;}

#trip {margin:15px 0px 0px;}

#trip div.ttl {position:relative; width:900px; height:155px; margin:; overflow:hidden;}
#trip div.kyushu {background:transparent url('../imgdata/trip/ttl_kyushu.png') no-repeat 0px 0px;}
#trip div.domestic {background:transparent url('../imgdata/trip/ttl_domestic.png') no-repeat 0px 0px;}
#trip div.cruising {background:transparent url('../imgdata/trip/ttl_cruising.png') no-repeat 0px 0px;}
#trip div.overseas {background:transparent url('../imgdata/trip/ttl_overseas.png') no-repeat 0px 0px;}

#trip div.ttl h1,
#trip div.ttl div.name {width:10px; height:10px; text-indent:-2000px;}

#main {width:675px; margin:20px 0px 0px; background:#ffffff; float:right;}


#main h2.kyushu {clear:both; margin:10px; padding:5px 10px; font-size:15px; background:transparent url('../imgdata/trip/bg_sttl_kyushu.png') repeat-y 0px 0px; overflow:hidden;}
#main h2.domestic {clear:both; margin:10px; padding:5px 10px; font-size:15px; background:transparent url('../imgdata/trip/bg_sttl_domestic.png') repeat-y 0px 0px; overflow:hidden;}
#main h2.cruising {clear:both; margin:10px; padding:5px 10px; font-size:15px; background:transparent url('../imgdata/trip/bg_sttl_cruising.png') repeat-y 0px 0px; overflow:hidden;}
#main h2.overseas {clear:both; margin:10px; padding:5px 10px; font-size:15px; background:transparent url('../imgdata/trip/bg_sttl_overseas.png') repeat-y 0px 0px; overflow:hidden;}


#main ul.subnavi {width:675px; height:50px; margin:10px 0px 20px; padding:0px; background:transparent url('../imgdata/trip/bg_btn.png') repeat-x 0px 100%; overflow:hidden;}
#main ul.subnavi li {display:inline; width:204px; height:50px; margin:0px 5px; float:left; overflow:hidden;}
#main ul.subnavi li a {display:block; width:204px; height:50px; text-indent:-2000px;}
#main ul.subnavi li.asia {margin:0px 5px 0px 20px; background:transparent url('../imgdata/trip/btn_asia.png') no-repeat 0px 0px;}
#main ul.subnavi li.asia a {background:transparent url('../imgdata/trip/btn_asia.png') no-repeat 0px -50px;}
#main ul.subnavi li.island {background:transparent url('../imgdata/trip/btn_island.png') no-repeat 0px 0px;}
#main ul.subnavi li.island a {background:transparent url('../imgdata/trip/btn_island.png') no-repeat 0px -50px;}
#main ul.subnavi li.west {background:transparent url('../imgdata/trip/btn_west.png') no-repeat 0px 0px;}
#main ul.subnavi li.west a {background:transparent url('../imgdata/trip/btn_west.png') no-repeat 0px -50px;}
#main ul.subnavi li a:hover {background-position:0px -100px;}
#main ul.subnavi li.on a {background:none;}
#main ul.subnavi li.on a:hover {background:none;}

#main ul.list {width:655px; margin:0px 10px 20px; padding:0px; overflow:hidden;}
#main ul.list li {display:inline; width:655px; margin:0px 0px 10px; background:#faf3eb url('../imgdata/trip/bg_tag.png') no-repeat 0px 10px; overflow:hidden; float:left;}
#main ul.list li div.in {width:655px; height:10px; margin:0px; background:transparent url('../imgdata/trip/bg_tag_in.png') no-repeat 0px 0px; overflow:hidden;}
#main ul.list li div.end {clear:both; width:655px; height:10px; margin:0px; background:transparent url('../imgdata/trip/bg_tag_end.png') no-repeat 0px 0px; overflow:hidden;}

#main ul.list li div.boxL {display:inline; width:65px; margin:0px; padding:0px; text-align:center; overflow:hidden; float:left;}
#main ul.list li div.boxL img {width:45px;}
#main ul.list li div.boxR {display:inline; width:590px; margin:0px; padding:0px; overflow:hidden; float:right;}
#main ul.list li div.boxR div.read {display:inline; width:450px; margin:0px 5px 2px; padding:3px 0px 2px; float:left;}
#main ul.list li div.boxR a.btn {width:98px; height:22px; margin:0px 7px 0px 0px; background:transparent url('../imgdata/btn_book.png') no-repeat 0px 0px; text-indent:-2000px; float:right;}
#main ul.list li div.boxR a.btn:hover {background-position:0px -22px;}
#main ul.list li div.boxR h3 {clear:both; width:570px; margin:0px 0px 2px; padding:0px 0px 0px 15px; font-size:15px; overflow:hidden;}
#main ul.list li div.boxR h3 a {float:left;}
#main ul.list li div.boxR h3 img {margin:3px 0px 0px 5px; float:left;}
#main ul.list li div.boxR div.txt {clear:both; margin:0px 0px 2px; padding:0px 0px 0px 15px; background:transparent url('../imgdata/icon_yen.png') no-repeat 0px 2px;}

#main ul.kyushu li div.boxR h3 {background:transparent url('../imgdata/icon_orange.png') no-repeat 0px 5px;}
#main ul.domestic li div.boxR h3 {background:transparent url('../imgdata/icon_green.png') no-repeat 0px 5px;}
#main ul.cruising li div.boxR h3 {background:transparent url('../imgdata/icon_blue.png') no-repeat 0px 5px;}
#main ul.overseas li div.boxR h3 {background:transparent url('../imgdata/icon_pink.png') no-repeat 0px 5px;}



#side {margin:10px 0px 50px; float:left;}
#side div.push {}
#side div.push h2 {background:transparent url('../imgdata/trip/sttl_push.png') no-repeat 0px 0px;}
#side div.push ul {margin:10px 0px 0px; padding:0px 0px 5px;}
#side div.push ul li {margin:0px 8px 6px; padding:0px 0px 0px 15px; background:transparent url('../imgdata/icon_iblue.png') no-repeat 0px 2px;}

#side div.category {}
#side div.category h2 {background:transparent url('../imgdata/trip/sttl_category.png') no-repeat 0px 0px;}
#side div.category ul {margin:10px 0px 0px; padding:0px 0px 5px;}
#side div.category ul li {margin:0px 8px 6px; padding:0px 0px 0px 15px; background:transparent url('../imgdata/icon_iblue.png') no-repeat 0px 2px;}

#side div.trip {}
#side div.trip h2 {background:transparent url('../imgdata/index/ttl_trip.png') no-repeat 0px 0px;}
#side div.trip ul {margin:10px 0px 0px; padding:0px 0px 5px;}
#side div.trip ul li {margin:0px 8px 6px; padding:0px 0px 0px 15px; background:transparent url('../imgdata/icon_iblue.png') no-repeat 0px 2px;}

#side div.link {}
#side div.link h2 {background:transparent url('../imgdata/index/ttl_link.png') no-repeat 0px 0px;}
#side div.link ul {margin:15px 5px 0px; padding:0px 0px 5px;}
#side div.link ul li {margin:0px 0px 8px; padding:0px; background:none; float:left;}
#side div.link ul li img {float:none; margin:0px;}




#imgPreviewContainer {
background: #222222;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px;
display: none;
position: absolute;
z-index: 999;
border: none;
overflow:hidden;
}
#imgPreviewContainer span {
color: white;
font-size: 0.7em;
text-align: center;
display: none;
padding: 3px 0 3px 0;
}
#imgPreviewContainer.loading {
height: 32px;
width: 32px;
}