*{margin:0; padding:0;}
html{min-width:1000px; min-height:680px;}
img{border:0;}
body{background:#e6e6e6; color:#777; font-size:0.73em; line-height:1.5; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; overflow:hidden; min-width:1000px; min-height:680px;}
h1,h2,h3,h4,h5,h6,th,td,address,p.ol,ul,dl,pre{font-size:100%; font-style:normal; text-align:left;}

a:link{color:#00a0ff; text-decoration:none;}
a:visited{color:#00a0ff; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}
a:active{color:#c00; text-decoration:none; outline:none;}
a{outline:none;}

#w{position:absolute; overflow:hidden;}
.p{position:absolute;}
.i{width:100%; height:100%; position:relative;}
span.i,span.d,span.r{position:absolute; text-indent:-9999px; z-index:-1;}
span.i{background:url(b.gif) no-repeat; width:48px; height:210px;}
span.d{background:url(c.gif); width:248px; height:144px;}
span.r{background:url(d.gif) no-repeat; width:109px; height:136px;}
h3{background:url(i.gif) no-repeat; height:20px; margin-bottom:10px; overflow:hidden; text-indent:-9999px;}
h3.a{background-position:0 0;}
h3.b{background-position:0 -30px;}
h3.c{background-position:0 -60px;}
h3.d{background-position:0 -90px;}
h3.e{background:none; height:auto; overflow:visible; text-indent:0; margin-top:15px;}
h3.f{}
#a{width:380px; height:380px; position:absolute; left:47%; top:50%; margin:-190px 0 0 -190px;}
#a h1{margin-bottom:50px;}
#a h2{margin-bottom:2px; padding-left:130px;}
#a dl{padding-left:130px;}
#a dt{width:6.5em; float:left; clear:left;}
#a dd{padding:0 0 0.25em 6.5em;}
#b{width:800px; height:570px; overflow:auto; position:absolute; left:50%; top:50%; margin:-250px 0 0 -450px;}
h2.b{background:url(f.gif) no-repeat; width:219px; height:431px; overflow:hidden; text-indent:-9999px; position:absolute; bottom:5%; right:22%;}
#b .l{background:url(j.gif) no-repeat; width:657px; height:107px; margin-bottom:40px; text-indent:-9999px; overflow:hidden;}
span.d.b{right:10%; bottom:15%;}
span.r.b{right:12%; top:15%;}
#b h3{width:657px;}
#b p{width:520px; margin-bottom:25px;}
#c{width:50%; height:570px; overflow:auto; position:absolute; right:5%; top:50%; margin:-250px 0 0 0;}
h2.c{background:url(g.gif) no-repeat; width:347px; height:298px; overflow:hidden; text-indent:-9999px; position:absolute; top:25%; left:15%;}
#c ul{margin:0 0 20px 1.5em;}
span.i.c{left:10%; top:10%;}
span.r.c{right:15%; top:5%;}
#d{width:380px; height:570px; overflow:auto; position:absolute; left:18%; top:50%; margin:-250px 0 0 0;}
h2.d{background:url(h.gif) no-repeat; width:274px; height:215px; overflow:hidden; text-indent:-9999px; position:absolute; top:5%; right:20%;}
#d dt{font-weight:bold;}
#d dd{margin-bottom:10px; line-height:1.3;}
span.i.v{left:12%; top:10%;}
span.d.v{left:15%; bottom:15%;}
#m{width:501px; height:284px; position:absolute; right:10%; bottom:10%;}
#n{position:absolute; left:20px; top:20px; width:529px; height:20px;}
#n ul{}
#n ul li{list-style:none; display:inline; height:20px;}
#n ul li a{display:block; height:20px; overflow:hidden; text-indent:-9999px; background:url(e.png) no-repeat; float:left;}
#n ul li.h a{background-position:   0px 0; width: 66px;}
#n ul li.f a{background-position: -66px 0; width: 96px;}
#n ul li.a a{background-position:-162px 0; width:105px;}
#n ul li.c a{background-position:-267px 0; width: 97px;}
#n ul li.m a{background-position:-364px 0; width:165px;}
#n ul li.h a:hover{background-position:   0px -20px;}
#n ul li.f a:hover{background-position: -66px -20px;}
#n ul li.a a:hover{background-position:-162px -20px;}
#n ul li.c a:hover{background-position:-267px -20px;}
#n ul li.m a:hover{background-position:-364px -20px;}
#n ul li.h a.selected{background-position:   0px -20px;}
#n ul li.f a.selected{background-position: -66px -20px;}
#n ul li.a a.selected{background-position:-162px -20px;}
#n ul li.c a.selected{background-position:-267px -20px;}
#n ul li.m a.selected{background-position:-364px -20px;}

#f,#r{position:absolute; width:197px; height:400px; top:50%; margin-top:-200px; z-index:100;}
#f{right:-70px;}
#r{left:-70px;}
#f a,#r a{width:197px; height:400px; display:block; position:relative; text-indent:-9999px;}
#f a{background:url(o.png) no-repeat right center;}
#r a{background:url(n.png) no-repeat left center;}

#f a:active{background:url(o.png) no-repeat 0px 100px;}
#r a:active{background:url(n.png) no-repeat 0px 100px;}