@charset "UTF-8";
@import url(../../css/common.css);

div #main h2 img { height: 26px; behavior: expression(IEPNGFIX.fix(this)); }
div.io h2 { height: 43px; background: url(../images/head_io.png) no-repeat; text-align: center; }
div.se h2 { height: 43px; background: url(../images/head_se.png) no-repeat; text-align: center; }
div.po h2 { height: 43px; background: url(../images/head_po.png) no-repeat; text-align: center; }
div.us h2 { height: 43px; background: url(../images/head_us.png) no-repeat; text-align: center; }
div.euro h2 { height: 43px; background: url(../images/head_euro.png) no-repeat; text-align: center; }
div.me h2 { height: 43px; background: url(../images/head_me.png) no-repeat; text-align: center; }
.mainphoto { float: left; width: 346px; height: 253px; margin-left: 25px; background: url(../images/phtframe.png); text-align: center; }

div.io h2#dstname { height: 43px; background: url(../images/head2_io.png) no-repeat; text-align: center; }
div.se h2#dstname { height: 43px; background: url(../images/head2_se.png) no-repeat; text-align: center; }
div.po h2#dstname { height: 43px; background: url(../images/head2_po.png) no-repeat; text-align: center; }
div.us h2#dstname { height: 43px; background: url(../images/head2_us.png) no-repeat; text-align: center; }
div.euro h2#dstname { height: 43px; background: url(../images/head2_euro.png) no-repeat; text-align: center; }
div.me h2#dstname { height: 43px; background: url(../images/head2_me.png) no-repeat; text-align: center; }

div #lead {
  float: right;
  width: 405px;
  margin: 5px 30px 0 0;
  padding: 13px 15px 2px;
  border-radius: 3px;         /* CSS3 */
  -moz-border-radius: 3px;    /* Firefox */
  -webkit-border-radius: 3px; /* Safari,Chrome */
}
div #lead p { margin-bottom: 10px; }
div.io #lead { background-color: #fbe0f2; }
div.se #lead { background-color: #daf5f3; }
div.po #lead { background-color: #fdfae0; }
div.us #lead { background-color: #e3effb; }
div.euro #lead { background-color: #f4e0f0; }
div.me #lead { background-color: #fbe9d9; }

ul.diary:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
ul.diary { clear: both; zoom: 1; padding: 11px 30px 0; }
ul.diary li { float: right; margin-left: 15px; }

.popular { clear: both; padding-top: 20px; }

.popular ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.popular ul { zoom: 1; margin-left: 29px; }
.popular ul li { position: relative; float: left; width: 191px; height: 176px; margin: 0 9px 5px 0; background: url(../../images/ptour_frame.png); overflow: hidden; line-height: 1.3em; }
.popular ul li a { display: block; font-weight: bold; color: #333; }
.popular ul li .dep { display: block; float: right; width: 71px; margin-top: 6px; }

/* Destination */
.popular ul li .dst1, .popular ul li .dst2, .popular ul li .dst3, .popular ul li .dst4, .popular ul li .dst5, .popular ul li .dst6 { display: block; float: left; width: 101px; _width: 115px; margin: 16px 0 3px 5px; padding-left: 14px; background-position: left top; background-repeat: no-repeat; }
.popular ul li .dst1 { background-image: url(../../images/dst01.gif); }
.popular ul li .dst2 { background-image: url(../../images/dst02.gif); }
.popular ul li .dst3 { background-image: url(../../images/dst03.gif); }
.popular ul li .dst4 { background-image: url(../../images/dst04.gif); }
.popular ul li .dst5 { background-image: url(../../images/dst05.gif); }
.popular ul li .dst6 { background-image: url(../../images/dst06.gif); }
/* end Destination */

.popular ul li .tourtit { display: block; clear: both; margin: 0 11px; }
.popular ul li .price { display: block; margin-right: 11px; color: #cc0000; text-align: right; }
.popular ul li img.photo { position: absolute; top: 90px; left: 14px; width: 104px; height: 78px; }

.tokyo-all, .kansai-all, .nagoya-all, .sapporo-all, .fukuoka-all, .hiroshima-all, .okayama-all
{ display: block; position: absolute; bottom: 14px; right: 4px; width: 61px; height: 60px; text-indent: -9999px; overflow: hidden; }
.tokyo-all:hover, .kansai-all:hover, .nagoya-all:hover, .sapporo-all:hover, .fukuoka-all:hover, .hiroshima-all:hover, .okayama-all:hover
{ background-position: right 0px; }
.tokyo-all { background-image: url(../images/btn_alltyo.gif); }
.kansai-all { background-image: url(../images/btn_allkix.gif); }
.nagoya-all { background-image: url(../images/btn_allngo.gif); }
.sapporo-all { background-image: url(../images/btn_allspk.gif); }
.fukuoka-all { background-image: url(../images/btn_allfuk.gif); }
.hiroshima-all { background-image: url(../images/btn_allhij.gif); }
.okayama-all { background-image: url(../images/btn_allokj.gif); }

#op { padding-top: 19px; background: url(../../images/f02_head.png) no-repeat left top; }
#op .f02 { padding: 9px 30px 10px 0; }
#op ul.opList li { float: left; width: 380px; margin-left: 30px; _margin-left: 15px; }
#op ul li .oppht { float: left; width: 118px; height: 92px; margin-right: 11px; background: url(../images/phtframe_s.png) no-repeat; }
#op ul li .oppht img { width: 104px; height: 78px; margin: 6px; }
#op ul li .optxt { display: block; float: right; width: 251px; margin-top: 4px; padding-top: 4px; border-top: 1px dotted #ccc; color: #333; }
#op .btn_detail { float: right; }
#main #op hr { margin-right: 0; }

#pub { padding-top: 19px; background: url(../../images/f01_head.png) no-repeat left top; }
#fan .f01 { padding: 0 30px; }

#fan h3 { margin-left: 0; padding-top: 9px; }

#fan .tabheader { margin-bottom: 15px; }

/* departure */
a.nrt,
a.hnd,
a.tyo,
a.ngo,
a.kix,
a.spk,
a.fuk,
a.hij,
a.okj,
a.koj { display: block; padding-left: 60px; background-image: url(/images/sprite_departure.png); background-repeat: no-repeat; }
a.nrt { background-position: 0px 0px; }
a.hnd { background-position: 0px -300px; }
a.tyo { background-position: 0px -2700px; }
a.ngo { background-position: 0px -600px; }
a.kix { background-position: 0px -900px; }
a.spk { background-position: 0px -1200px; }
a.fuk { background-position: 0px -1500px; }
a.hij { background-position: 0px -1800px; }
a.okj { background-position: 0px -2100px; }
a.koj { background-position: 0px -2400px; }
/* end departure */

#pub h3 { margin-bottom: 10px; padding-top: 9px; }
#pub ul { margin: 0 30px; padding-bottom: 10px; }
#pub ul li { padding: 5px 0 4px; border-bottom: 1px dotted #ccc; }
#pub ul li span { margin-left: 1em; color: #cc0000; font-weight: bold; }

#main p.cocorbn { margin-left: 277px; padding: 15px 0 10px; }
#main p.cocorbn a { display: block; width: 235px; height: 33px; background: url(../../feature/images/btn_tour.gif) no-repeat; text-indent: -9999px; overflow: hidden; }

#main p.btn_ticket { margin-left: 277px; padding: 15px 0 10px; }
#main p.btn_ticket a { display: block; width: 235px; height: 33px; background: url(../../feature/images/btn_ticket.gif) no-repeat; text-indent: -9999px; overflow: hidden; }