/* 九電旅行 */
* {margin:0px; padding:0px; font-size:100%; list-style:none;}
html {width:100%; height:100%;}
body {height:100%; font-size:12px; color:#333333; line-height:1.4; text-align:center; background:#ffffff url('../imgdata/bg_body.png') repeat-x 0px 0px; font-family:'ＭＳ Ｐゴシック',sans-serif;}
img, a img {border:none;}

a {text-decoration:underline;}
a:link {color:#0066cc;}
a:visited {color:#0066cc;}
a:hover {color:#ff6600;}

body > #container {height:auto;}

#container {position:relative; width:100%; height:100%; min-height:100%; margin:0px; background:transparent url('../imgdata/bg_container.jpg') no-repeat 50% 100px;}

#wrapper {width:900px; margin:0px auto; padding:0px 0px 200px; text-align:left; overflow:hidden; z-index:20;}

#intro {width:900px; height:100px; margin:0px; background:transparent url('../imgdata/bg_blue.png') no-repeat 0px 0px;}
#intro .logo {width:170px; height:25px; margin:15px 0px 0px 0px; overflow:hidden; float:left;}
#intro .logo a {display:block; width:170px; height:25px; margin:0px; background:transparent url('../imgdata/img_logo.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}

#intro div.info {display:inline; width:320px; height:50px; margin:0px; overflow:hidden; float:right;}

#intro ul.gnavi {height:18px; margin:17px 20px 0px; background:transparent url('../imgdata/line_dot.png') repeat-x 0px 100%; overflow:hidden; float:right;}
#intro ul.gnavi li {display:inline; height:12px; overflow:hidden; float:left;}
#intro ul.gnavi li a {display:block; height:12px; text-indent:-2000px;}
#intro ul.gnavi li span {display:block; height:12px; text-indent:-2000px;}
#intro ul.gnavi li.contact {width:47px; margin:0px 20px 0px 2px; background:transparent url('../imgdata/btn_contact.png') no-repeat 0px -12px;}
#intro ul.gnavi li.contact a {width:47px; background:transparent url('../imgdata/btn_contact.png') no-repeat 0px 0px;}
#intro ul.gnavi li.shop {width:57px; margin:0px 20px 0px 0px; background:transparent url('../imgdata/btn_shop.png') no-repeat 0px -12px;}
#intro ul.gnavi li.shop a {width:57px; background:transparent url('../imgdata/btn_shop.png') no-repeat 0px 0px;}
#intro ul.gnavi li.sitemap {width:74px; margin:0px 2px 0px 0px; background:transparent url('../imgdata/btn_sitemap.png') no-repeat 0px -12px;}
#intro ul.gnavi li.sitemap a {width:74px; background:transparent url('../imgdata/btn_sitemap.png') no-repeat 0px 0px;}
#intro ul.gnavi li a:hover {background:none;}


#intro ul.navi {clear:both; width:900px; height:50px; margin:0px; overflow:hidden;}
#intro ul.navi li {display:inline; height:50px; overflow:hidden; float:left;}
#intro ul.navi li a {display:block; height:50px; overflow:hidden; text-indent:-2000px;}
#intro ul.navi li span {display:block; height:50px; overflow:hidden; text-indent:-2000px;}
#intro ul.navi li.top {width:132px; margin:0px 8px 0px 0px; background:transparent url('../imgdata/btn_top.png') no-repeat 0px -50px;}
#intro ul.navi li.top a {width:132px; background:transparent url('../imgdata/btn_top.png') no-repeat 0px 0px;}
#intro ul.navi li.group {width:125px; margin:0px 8px 0px 0px; background:transparent url('../imgdata/btn_group.png') no-repeat 0px -50px;}
#intro ul.navi li.group a {width:125px; background:transparent url('../imgdata/btn_group.png') no-repeat 0px 0px;}
#intro ul.navi li.area {width:125px; background:transparent url('../imgdata/btn_area.png') no-repeat 0px -50px;}
#intro ul.navi li.area a {width:125px; background:transparent url('../imgdata/btn_area.png') no-repeat 0px 0px;}
#intro ul.navi li a.on {background:none;}
#intro ul.navi li a:hover {background:none;}
#intro ul.navi li.inNavi {width:493px; margin:0px 9px 0px 0px;}
#intro ul.navi li.inNavi div {width:493px; height:15px; background:transparent url('../imgdata/sprit_navi.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
#intro ul.navi li.inNavi ul.inNavi {width:493px; height:35px; margin:0px; padding:0px; background:transparent url('../imgdata/sprit_navi.png') no-repeat 0px -50px;}
#intro ul.navi li.inNavi ul.inNavi li {height:35px;}
#intro ul.navi li.inNavi ul.inNavi li a {height:35px;}
#intro ul.navi li.inNavi ul.inNavi li.kyushu {width:124px;}
#intro ul.navi li.inNavi ul.inNavi li.kyushu a {width:124px; background:transparent url('../imgdata/sprit_navi.png') no-repeat 0px -15px;}
#intro ul.navi li.inNavi ul.inNavi li.domestic {width:123px;}
#intro ul.navi li.inNavi ul.inNavi li.domestic a {width:123px; background:transparent url('../imgdata/sprit_navi.png') no-repeat -124px -15px;}
#intro ul.navi li.inNavi ul.inNavi li.overseas {width:123px;}
#intro ul.navi li.inNavi ul.inNavi li.overseas a {width:123px; background:transparent url('../imgdata/sprit_navi.png') no-repeat -247px -15px;}
#intro ul.navi li.inNavi ul.inNavi li.cruising {width:123px;}
#intro ul.navi li.inNavi ul.inNavi li.cruising a {width:123px; background:transparent url('../imgdata/sprit_navi.png') no-repeat -370px -15px;}
#intro ul.navi li.inNavi ul.inNavi li a.on {background:none;}
#intro ul.navi li.inNavi ul.inNavi li a:hover {background:none;}


#flash {width:900px; height:265px; margin:50px 0px 0px; overflow:hidden; background:transparent url('../imgdata/index/bg_flash.png') no-repeat 0px 100%;}
#flash object {width:900px; height:260px; overflow:hidden;}
#flash embed {width:900px; height:260px; overflow:hidden;}


#contents {width:900px; height:100%; margin:0px; background:transparent url('../imgdata/bg_contents.png') repeat-y 100% 0px; overflow:hidden;}


#bread {width:900px; margin:15px 5px 0px; background:transparent url('../imgdata/line_2dot.png') repeat-x 0px 100%; overflow:hidden;}
#bread li {display:inline; margin:0px 12px 0px 3px; padding:0px 0px 2px 15px; background:transparent url('../imgdata/icon_bread.png') no-repeat 0px 4px; float:left;}
#bread li.noArrow {padding:0px; background:none;}


#main {display:inline; width:670px; margin:0px 5px 10px 0px; float:left;}

#side {display:inline; width:210px; margin:0px 0px 50px 0px; overflow:hidden; float:right;}
#side div.docBox {margin:10px 0px 0px; background:transparent url('../imgdata/index/bg_sidebox.png') repeat-x 0px 25px;}
#side div.docBox h2 {width:210px; height:25px; overflow:hidden; text-indent:-2000px;}
#side div.docBox ul {margin:15px 0px 0px; overflow:hidden;}
#side div.docBox ul li {margin:0px 0px 10px; padding:0px 10px 11px; background:transparent url('../imgdata/line_dot.png') repeat-x 0px 100%; overflow:hidden;}
#side div.docBox ul li p {font-size:10px; font-weight:bold; float:left;}
#side div.docBox ul li img.new {float:left; margin:0px 2px 0px;}
#side div.docBox ul li h3 {clear:both; padding:3px 0px 0px; font-weight:normal;}
#side div.docBox ul li.end {background:none;}

#ending {clear:both; position:absolute; left:0px; bottom:0px; width:100%; height:200px; margin:0px; text-align:center; background:#f0f0f0 url('../imgdata/bg_end.png') repeat-x 0px 0px; overflow:hidden;}

#ending {clear:both; width:100%; height:200px; margin:0px; text-align:center; background:#f0f0f0 url('../imgdata/bg_end.png') repeat-x 0px 0px; overflow:hidden;}
#ending div.box {position:relative; width:900px; height:200px; margin:0px auto; text-align:left; overflow:hidden; z-index:20;}
#ending div.box a.goTop {display:inline; width:150px; height:31px; background:#f0f0f0 url('../imgdata/btn_gotop.png') no-repeat 0px 0px; overflow:hidden; float:right; text-indent:-2000px;}
#ending div.box a.goTop:hover {background-position:0px -31px;}
#ending div.box p.unNavi {display:inline; width:700px; height:24px; margin:6px 0px 0px; font-size:12px; color:#666666; background:transparent url('../imgdata/bg_blue.png') no-repeat 0px 100%; overflow:hidden; float:left;}
#ending div.box p.unNavi a {color:#666666;}
#ending div.box p.unNavi a:hover {color:#ff6600;}
#ending div.box div.endNavi {display:inline; width:300px; margin:20px 0px 0px; padding:5px 0px 20px; background:transparent url('../imgdata/bg_endnavi.png') repeat-y 0px 0px; overflow:hidden; float:left;}
#ending div.box div.endNavi ul.endNavi1 {display:inline; width:150px; overflow:hidden; float:left;}
#ending div.box div.endNavi ul.endNavi2 {display:inline; width:150px; overflow:hidden; float:left;}
#ending div.box div.endNavi ul li {width:150px; height:20px; margin:0px; padding:0px; background:transparent url('../imgdata/icon_yellow.png') no-repeat 0px 4px; overflow:hidden; float:left;}
#ending div.box div.endNavi ul li a {margin:0px 0px 0px 20px; color:#ffffff;}
#ending div.box div.endNavi ul li span {margin:0px 0px 0px 20px; color:#ffffff;}
#ending div.box div.endNavi ul li a:hover {color:#ff6600;}
#ending div.box address {display:inline; width:400px; margin:20px 0px 0px 120px; padding:0px 0px 0px 30px; font-style:normal; line-height:1.6; color:#ffffff; background:transparent url('../imgdata/icon_address.png') no-repeat 0px 3px; overflow:hidden; float:left;}
#ending div.box div.copy {position:absolute; right:3px; bottom:2px; color:#999999; font-family:"Verdana"; font-size:10px; text-align:right; font-style:normal; overflow:hidden;}