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

body div#container { background: url(../images/index/map.png) no-repeat 0px 116px; }

#header { height: 169px; background: url(../images/index/header_bg.png) no-repeat; behavior: expression(IEPNGFIX.fix(this)); }
#container #header #title { width: 307px; padding-top: 10px; text-align: right; }
#header ul#inquiry { margin-top: 24px; }

#worldmap embed:focus { outline: none; }

#koala { width: 448px; _width: 850px; height: 87px; _height: 149px; padding: 62px 287px 0 115px; background: url(../images/index/f02_head_koala.png) no-repeat; overflow: hidden; behavior: expression(IEPNGFIX.fix(this)); }

#rec h3 { padding: 10px; background: url(../images/index/tit_rec2.png) no-repeat 576px top; }
#rec ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
#rec ul { zoom: 1; float: left; width: 400px; }
#rec ul.tyo { margin-left: 29px; _margin-left: 14px; }
#rec 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; }
#rec ul li a { display: block; font-weight: bold; color: #333; }
#rec ul li .dep { display: block; float: right; width: 71px; margin-top: 6px; }

/* Destination */
#rec ul li .dst1, #rec ul li .dst2, #rec ul li .dst3, #rec ul li .dst4, #rec ul li .dst5, #rec 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; }
#rec ul li .dst1 { background-image: url(../images/dst01.gif); }
#rec ul li .dst2 { background-image: url(../images/dst02.gif); }
#rec ul li .dst3 { background-image: url(../images/dst03.gif); }
#rec ul li .dst4 { background-image: url(../images/dst04.gif); }
#rec ul li .dst5 { background-image: url(../images/dst05.gif); }
#rec ul li .dst6 { background-image: url(../images/dst06.gif); }
/* end Destination */

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

#rec a span.detail { display: block; position: absolute; bottom: 14px; right: 4px; width: 61px; height: 60px; background: url(../images/btn_detail.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
#rec a:hover span.detail { background-position: right 0px; }

#theme { padding-top: 19px; background: url(../images/f02_head.png) no-repeat left top; }
#theme h3 { margin-bottom: 7px;}
#theme ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
#theme ul { zoom: 1; margin-left: 30px; padding-bottom: 8px; }
#theme ul li { float: left; width: 253px; margin: 0 15px 0 0; background: url(../images/index/theme_bg.png) no-repeat; }
#theme ul li a { display: block; width: 253px; height: 177px; overflow: hidden; color: #333; font-weight: bold; }
#theme ul li a:hover { text-decoration: none; }
#theme ul li a img { margin: 26px 0 5px 30px; }
#theme ul li a span { display: block; height: 81px; margin: 0 0 0 20px; padding: 15px 140px 0 0; background-position: 86px top; background-repeat: no-repeat; }
#theme ul li a:hover span { text-decoration: underline; }

li.t-long a span { background-image: url(../images/index/theme_pht_long.jpg); }
li.t-dv a span { background-image: url(../images/index/theme_pht_dv.jpg); }
li.t-ainori a span { background-image: url(../images/index/theme_pht_ainori.jpg); }
li.t-wai a span { background-image: url(../images/index/theme_pht_wai.jpg); }
li.t-marathon a span { background-image: url(../images/index/theme_pht_marathon.jpg); }
li.t-one a span { background-image: url(../images/index/theme_pht_one.jpg); }

#omoide { padding-top: 19px; background: url(../images/f01_head.png) no-repeat left top; }
#omoide ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#omoide ul { zoom: 1; width: 710px; margin: 0 0 0 70px; padding-top: 6px; background: url(../images/index/omoide_base.gif) repeat-x; }
#omoide ul li { float: left; margin: 0 19px 14px 5px; }
#main #omoide ul li.enter { margin-right: 0; }
#omoide ul li a { display: block; width: 66px; height: 88px; }
#omoide ul li a img { filter: Alpha(opacity=70); opacity: 0.7; }
#omoide ul li a:hover img { filter: Alpha(opacity=100); opacity: 1.0; }