@charset "UTF-8";

#index { width: 800px; margin-left: 15px; padding-bottom: 20px; }

#index #main { position: relative; width: 800px; height: 300px; margin-bottom: 20px; background: url(../images/img_main.jpg) no-repeat; text-indent: -9999px; }
#index #main a#btn-first { display: block; position: absolute; left: 82px; top: 161px; width: 225px; height: 38px; background-image: url(../images/btn_first.gif); overflow: hidden; }
#index #main a#btn-first:hover { background-position: bottom; }

#index .left { float: left; width: 530px; }
#index .right { float: right; width: 260px; }

#index h3 { height: 30px; margin-bottom: 5px; text-indent: -9999px; }
#index #tourmap h3 { width: 530px; background: url(../images/tit_tour.jpg); }
#index #mado h3 { width: 260px; background: url(../images/tit_mado.jpg); }
#index #omoide h3 { position: relative; z-index: 5; width: 530px; height: 63px; background: url(../images/tit_omoide.png); behavior: expression(IEPNGFIX.fix(this)); }
#index #mobile h3 { width: 260px; background: url(../images/tit_mobile.jpg); }

#index #tourmap { margin-bottom: 4px; }
#index #tourmap .map { position: relative; margin-bottom: 5px; }
#index #tourmap .map ul.list-map li { position: absolute; }
#index #tourmap .map ul.list-map li.btn_eu { top: 49px; left: 63px; width: 87px; height: 27px; }
#index #tourmap .map ul.list-map li.btn_asia { top: 91px; left: 127px; width: 87px; height: 27px; }
#index #tourmap .map ul.list-map li.btn_me { top: 139px; left: 8px; width: 183px; height: 27px; }
#index #tourmap .map ul.list-map li.btn_hi { top: 127px; left: 241px; width: 189px; height: 27px; }
#index #tourmap .map ul.list-map li.btn_oc { top: 167px; left: 241px; width: 144px; height: 27px; }
#index #tourmap .map ul.list-map li.btn_us { top: 80px; left: 345px; width: 175px; height: 27px; }
#index #tourmap .map ul.list-map li.btn_diving { top: 229px; left: 7px; width: 88px; height: 27px; }
#index #tourmap .map ul.list-map li.btn_surf { top: 229px; left: 101px; width: 88px; height: 27px; }
#index #tourmap .map ul.list-map li.btn_cruise { top: 229px; left: 195px; width: 102px; height: 27px; }

#index #tourmap .map ul.list-map li a { display: block; overflow: hidden; }
#index #tourmap .map ul.list-map li a:hover { background-position: bottom; }
#index #tourmap .map ul.list-map li.btn_eu a { width: 87px; height: 27px; background-image: url(../images/btn_eu.png); }
#index #tourmap .map ul.list-map li.btn_asia a { width: 87px; height: 27px; background-image: url(../images/btn_asia.png); }
#index #tourmap .map ul.list-map li.btn_me a { width: 183px; height: 27px; background-image: url(../images/btn_me.png); }
#index #tourmap .map ul.list-map li.btn_hi a { width: 189px; height: 27px; background-image: url(../images/btn_hi.png); }
#index #tourmap .map ul.list-map li.btn_oc a { width: 144px; height: 27px; background-image: url(../images/btn_oc.png); }
#index #tourmap .map ul.list-map li.btn_us a { width: 175px; height: 27px; background-image: url(../images/btn_us.png); }
#index #tourmap .map ul.list-map li.btn_diving a { width: 88px; height: 27px; background-image: url(../images/btn_diving.png); }
#index #tourmap .map ul.list-map li.btn_surf a { width: 88px; height: 27px; background-image: url(../images/btn_surf.png); }
#index #tourmap .map ul.list-map li.btn_cruise a { width: 102px; height: 27px; background-image: url(../images/btn_cruise.png); }

#index #mado { margin-bottom: 20px; }
#index #mado .mado-bg { position: relative; width: 260px; height: 331px; background: url(../images/img_mado.gif); text-indent: -9999px; }

#index #mado .mado-bg a#btnmado { display: block; position: absolute; left: 23px; top: 227px; width: 234px; height: 93px; background-image: url(../images/btn_mado_off.png); overflow: hidden; }
#index #mado .mado-bg a#btnmado:hover { background-image: url(../images/btn_mado_on.png); }

#index #omoide ul { width: 530px; height: 298px; margin-top: -7px; padding-top: 6px; background: url(../images/omoide_base.gif); }
#index > #omoide > ul { height: 292px; }
#index #omoide ul li { float: left; margin: 0 21px 14px 3px; }
#index > #omoide > ul > li { margin: 0 18px 14px 6px; }
#index #omoide ul li.enter { margin-right: 0; }
#index #omoide ul li a { display: block; width: 66px; height: 88px; }
#index #omoide ul li a img { filter: Alpha(opacity=70); opacity: 0.7; }
#index #omoide ul li a:hover img { filter: Alpha(opacity=100); opacity: 1.0; }

#index #mobile { margin-bottom: 20px; }
#index #mobile p { width: 260px; padding: 8px; border: 1px solid #cccccc; }
#index > #mobile > p { width: 242px; }
#index #mobile p img { margin: 0 0 0 53px; }

#index .bn_feature { padding-top: 24px; }
#index .bn_feature a { display: block; width: 526px; height: 136px; border: 2px solid #fecb01; background: url(../images/bn_powerspot.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }
#index .bn_feature a:hover { border: 2px solid #ff0000; }