@charset "shift_jis";
#A04 h1,
#A04 strong { left:110px}
#A04 img { width:60px; height:50px; left:35px; top:8px }
#A096 { background-image:url(hachioji/hachioji-A096.jpg)}
#A08 li.x1 { left:245px; width:70px }
#A08 li.x7 { left:320px; width:110px }
#A08 li.x8 { left:435px; width:110px }
#A08 li.x5 { left:550px; width:182px; background-position:0 0 }
#A08 li.x6 { left:740px }
#A01 { background-image:url(../A01/hard/01.jpg)}
#D1 { padding-top:8px }
.dx { padding:1px 0}
#D2 { min-height:0; height:auto !important}
#DY { padding:1px 0}
#Az div { background-image:url(Az/Az.jpg)}
#Az address { color:#463}
#Az p { color:#160}
#Az a { color:#050}
#Az ul a:hover { color:#d60}
.zx li,
.zx p { color:#390}
.zx p a,
.zx p a:link { color:#7b0}
.zx a,
.zx a:link { color:#ae3}
.zx p a:visited,
.zx a:visited { color:#7b0}
.zx p a:hover,
.zx a:hover { color:#fff}
.rx { top:-8px}
ul.pager { margin:10px 5px 15px}
#DY ul.pager { margin-bottom:0}
ul.pager2 { margin:5px auto; font-size:14px; text-align:center;}
ul.pager2 li { line-height:1.8em; display:inline-block}
ul.pager2 li a { background:#e4eee0; border:1px solid #ac9; display:block; padding:0 7px;}
ul.pager2 li a.prev,
ul.pager2 li a.next { background-color:#eee; border-color:#ccc;}
.tx p a { text-decoration:underline}
p.note { font-size:11px; line-height:1.2em}
.dx .R { z-index:10}
.gx .tx { margin:10px 20px 15px 20px }
.gx .tx p { margin:.5em 1em; line-height:1.6em }
.gx table { border-spacing:0}
.mx a.mail,
a.mail { background-image:url(../menu/mail.gif); padding-left:21px; padding-bottom:1px}
a.mail:hover { background-position:0 -50px}
.dx li span,
.dx p span { color:#888; font-weight:normal}
.gx img.dv { margin:10px auto 10px 10px; width:600px}
.gx span.x { display:block; position:absolute; width:90px; height:18px;
font-weight:normal; font-size:10px; color:#eee}
.gx span.x img { background-position:0 -400px}
.gx h4 { position:relative}
.gx h4 span.x { top:8px; right:8px}
.gx h5.bar { margin:1px 10px 2px 10px; text-align:center; font-weight:normal; background:#e0e6e2;
font-size:12px; color:#808682; line-height:1.4em}
/* マークつきリンク */
ul.mx li { padding-bottom:5px}
ul.mx li a { padding-left:17px; text-decoration:underline; background-image:url(../menu/mx14.png);
line-height:1.3em; display:inline-block}
/* 拡大ページ */
.wide #A1 { background:url(../A1-B.gif) no-repeat 0 0}
.wide .rx { top:4px}
.wide #D1 { width:929px; background:#fff }
.enlarge { width:570px; margin-left:25px; margin-bottom:6px}
.wide .enlarge { width:855px; margin-left:20px}
.enlarge img { display:block}
.enlarge table { border:1px solid #dce0d8; width:100%; font-size:12px; margin-top:3px}
.enlarge table td { background:#e4e8e0; color:#525450; font-weight:normal; padding:4px 8px}
.enlarge table th { background:#e4e8e0; color:#929490; font-weight:normal; padding:4px 0; width:170px}
.enlarge h2 { font-size:12px; color:#323430; height:auto}
.enlarge table td.tx { background:#f2f4ed}
.enlarge table td.tx p { margin:0; padding:0}
/* 画像サム */
table.thumb { position:relative}
.thumb td { vertical-align:top; text-align:center}
.thumb a { display:block; position:relative; width:100%; margin-bottom:3px}
.thumb a em { display:block; position:absolute; padding-bottom:1px; text-align:center;
font-weight:normal; font-size:11px; line-height:14px; padding-top:4px;
color:#9b4; background:url(bk/tb80.png) no-repeat 0 0;
left:3px; bottom:2px; width:191px}
.thumb a:visited em { color:#999}
.thumb a:hover em { color:#f90; background-position:0 -50px}
.thumb a.act em,
.thumb a.act:hover em,
.thumb a.act:visited em { color:#fff; background-position:0 -100px}
.thumb .cL { text-align:left}
.thumb .cR { text-align:right}
/* 本文段組 */
.gx dl { position:relative; background-position:left bottom}
div.gx600,
dl.gx600 { width:600px; margin:0 auto 0 10px}
dl.gx600 { padding-bottom:24px}
.gx600 dt { width:600px; position:absolute; left:0; bottom:0; z-index:10;
font-weight:normal; font-size:12px; text-align:center;
padding:3px 0 8px 0}
.gx600 dt em { font-weight:normal; margin:0 8px}
dl.gx600 dl dt { position:relative}
.gx390,
.gx390 dt,
dt.gx390 { width:394px}
.gx300 { width:300px}
.gx200 dt,
.gx300 dt { padding:5px 0; margin:1px auto 5px 4px; width:292px; line-height:1em}
.gx200 dt { width:192px}
.gx200 { width:200px}
.gx200 .bx .thumb { width:192px; margin-left:4px}
img.top,
img.btm { width:100%; position:absolute; left:0}
img.top { top:0}
img.btm { bottom:0}
.gx600 .gxR { position:absolute; top:0; right:0}
.gx600 .tx { margin:10px; color:#000}
.gx600 .tx p { margin:.5em; line-height:1.6em}
/* タイトル部 */
div.hx { margin-left:10px}
.gxL .hx { margin-left:0}
.hx div.x { position:absolute; padding-top:2px}
.hx img.x,
.hx div.tx { position:absolute; z-index:5}
.hx img { display:block; position:relative; z-index:5}
.hx .tx { margin:0; background:url(bk/w50.png) repeat 0 0}
.hx .tx p { margin:10px 20px}
.hx .tx h2 { font-size:20px; font-weight:bold; margin:10px}
/* 右 */
.gxR .tx p { line-height:1.3em; margin:4px 5px}
dl.bx { padding:3px 0}
dl.bx .tx { margin:5px}
dl.bx .cx { padding:3px; margin:5px; background:url(bk/w40.png) repeat 0 0}
.gx200 .thumb a { text-align:center}
.figC a { width:192px; margin:0 auto; padding:0;
background-image:url(bk/img1.png); text-align:center}
.figC a em { width:180px; left:6px; bottom:7px}
.figC a img { width:180px; margin:5px 0 7px 0}
.figC a.act { background-position:0 -450px}
.figC a:visited,
.figC a.act:visited { background-position:0 -300px}
.figC a.act:hover,
.figC a:hover { background-position:0 -150px}
.gx600 table.figC { width:586px; margin-left:7px}
.fig145 a img { width:144px}
.fig145 a em { width:140px}
.fig150 a img { width:147px}
.fig150 a em { width:141px; left:4px}
.fig200 a img { width:198px}
.fig200 a em { width:192px}
.fig200 .cC a em { left:6px}
.gx600 table { width:600px}
.gx300 table { width:300px}
.thumb .fig600 img { width:600px}
.thumb .fig600 a em { width:594px}
.thumb .fig600 h5 { text-align:center; font-weight:normal; background:#e0e6e2;
font-size:12px; color:#808682; line-height:1.4em}
.thumb .fig400 img { width:399px}
.thumb .fig400 a em { width:393px}
.fig300 a img { width:298px}
.fig300 a em { width:292px}
.gxR .fig300 a { left:2px}
.gx300 table.fig150 { width:298px; left:2px}
.gx300 table.fig145 { width:294px; left:3px}
.cL a em { left:3px}
.cR a em { left:auto; right:3px}
.gx200 .fig200 a em { left:4px}
.gx600 dt.dv { background:url(/i9/dv.gif) repeat-x 0 0; padding-top:8px}
/* ex608 囲み */
dl.ex608 { margin-left:6px; width:608px; margin-bottom:10px; margin-top:10px; position:relative}
dl.ex608 dt { font-weight:normal; font-size:12px; text-align:center; color:#a8aaa4;
padding:4px 0 8px 0; clear:both; background-position:left bottom}
dl.ex608 table.thumb { width:600px; margin:0 1px -1px 1px}
dl.ex608 div.layout { margin-left:3px; padding-top:2px; width:602px}
dl.ex608 table.fig4 { margin-left:9px; width:588px; margin-top:8px}
dl.ex608 table.figC { margin-left:5px; width:596px}
.ex608 h4 { height:32px; line-height:1.5em; margin:0px 16px 0 16px; padding:10px 0 0 0; font-size:18px}
.ex608 .tx { margin:5px 20px}
.ex608 .tx p { margin:.5em; line-height:1.3em }
.ex608 img.dv { width:586px; margin:10px auto 5px 10px}
.ex608 img.dv2 { margin-top:1px}
/* 八王子 */
dl.ex802,
dd.ex802,
dl.ex802 dt { background-image:url(hachioji/ex/608/A.jpg); color:#592}
dd.ex802 { background-position:0 -400px}
.ex802 h4 { height:50px; margin:0; padding:0}
.ex802 .tx p { color:#8c4}
.ex802 .tx p span { color:#592}
.ex802 .tx p a { color:#020}
.ex802 .tx p a:visited { color:#373}
.ex802 .tx p a:hover { color:#f90}
/* 緑 */
dl.ex608-g,
dd.ex608-g,
dl.ex608-g dt { background-image:url(hachioji/ex/608/g.jpg); color:#592}
dl.ex608-g { background-position:left top}
dd.ex608-g { background-position:0 -350px}
.ex608-g h4 { color:#ad8}
.ex608-g .tx p { color:#9c6}
.ex608-g .tx p span { color:#6a4}
/* 参考リンク */
#outlink { background:#EDEDE1; border:#CACABF 1px solid; margin:20px auto 20px 30px; width:560px}
#outlink dt { color:#666; width:560px}
#outlink h3 { margin:5px 10px}
.gx600 ul.mx { margin:8px 16px}
.gx600 ul.mx p { margin:2px 16px}
.gx600 p.note { color:#999}
/* 地図 */
.map300 { margin-bottom:10px}
.map300 h5 { text-align:center; font-weight:normal; color:#999; margin:5px 0; font-size:12px}
/* 引用 */
.gx .quote { background:#EDEDE1; border:#CACABF 1px solid; padding:1em; margin:20px 50px }
.gx .quote h5 { margin-left:0; padding:5px 12px; background-image:url(hachioji/hx/001.gif); background-position:0 -150px}
/* 公園と緑地 汎用 */
dl.bx dt,
.gx600 h5,
.gx600 h4,
.gx600 h3 { background-image:url(/ari/hachioji/i/E/sp/G1.gif)}
.gx600 h3 { font-size:16px; font-weight:bold; padding:4px 5px 3px 24px}
.gxL h3,
.gxL h4,
.gxL h5 { padding-left:24px; line-height:20px; height:20px; margin-right:10px}
.gx600 dt { color:#ddd}
.gx600 dt em { color:#999}
dl.bx { background:#97C46A}
dl.bx dt { color:#ceb; background-position:0 -350px}
/* メニュー */
dl.menu { background-image:url(menu/dl.gif)}
dl.menu dd { background:#155e0c}
dl.menu img.dh { width:4px}
dl.menu ul { background:url(menu/ul.gif) repeat-y 0 0}
dl.menu dl dt { background:url(../product/menu/dt-b1.jpg) no-repeat 0 0}
dl.menu dl ul { background:url(../product/menu/dt-b1.jpg) no-repeat 0 -80px}
dl.menu div.x { background:url(../product/menu/dt-b1.jpg) no-repeat 0 0}
dl.menu ul ul { border:none; background-position:0 -100px}
/* トピックス */
dl.topix dt { background-image:url(topix/dt.jpg); height:32px; background-position:9px 0}
dl.topix h6 { color:#8a6; font-weight:normal; font-size:9px; line-height:13px}
dl.topix h6 span { color:#887; background:#d8d8c0; top:1px; width:65px}
dl.topix h5 a { color:#222}
dl.topix h5 a:visited { color:#444}
dl.topix h5 a:hover { color:#c50}
dl.topix li p { color:#686860}
dl.topix li p { font-size:11px}
dl.topix h5 { font-size:11px; top:14px}
/* 音響と開発 */
dl.svc dt { background-image:url(../service/menu/dt.jpg); height:75px}
dl.svc dl { background:#378811}
dl.svc ul,
dl.pro ul { background:url(../product/menu/dt-b1.jpg) no-repeat 0 -80px; border-bottom:1px #d8e0d0 solid}
dl.svc div.x img { background-image:url(../service/menu/dt-img.jpg)}
dl.svc div.x img.txt { background-image:url(../service/menu/dt-txt.gif)}
dl.svc div.x span { background-image:url(../service/menu/dt-sp.gif)}
dl.svc ul.x1 li { background-image:url(../service/menu/x1.gif)}
dl.svc ul.x2 li { background-image:url(../service/menu/x2.gif)}
dl.svc ul.x3 li { background-image:url(../service/menu/x3.gif)}
dl.svc ul.x4 li { background-image:url(../service/menu/x4.gif)}
dl.svc ul.x5 li { background-image:url(../service/menu/x5.gif)}
dl.svc ul.x6 li { background-image:url(../service/menu/x6.gif)}
dl.svc ul.x7 li { background-image:url(../service/menu/x7.gif)}
dl.svc ul.x8 li { background-image:url(../service/menu/x8.gif)}
dl.svc ul.x9 li { background-image:url(../service/menu/x9.gif)}
dl.svc ul.x10 li{ background-image:url(../service/menu/x10.gif)}
dl.svc ul li p { margin-left:10px}
dl.svc ul li li a { background-image:url(../menu/a1.gif)}
dl.svc ul li a span { color:#482; margin-left:24px}
dl.svc ul.x8 li a { background-image:url(../service/menu/a8.gif); height:19px}
dl.svc ul.x7 li a { color:#482; padding-left:10px; width:auto}
dl.svc ul.x7 li a:hover { color:#e60}
/* 製品情報 メニュー */
dl.pro { background-image:url(../product/menu/dl.gif)}
dl.pro dd { background:#153206}
dl.pro dt { background-image:url(../product/menu/dt.jpg); height:75px}
dl.pro ul.x4 li,
dl.pro ul.x5 li,
dl.pro ul.x7 li { background-image:url(../aura/menu/x-sub-2.gif)}
dl.pro div.x img { background-image:url(../product/menu/dt-img.jpg)}
dl.pro div.x img.txt { background-image:url(../product/menu/dt-txt3.gif)}
dl.pro div.x span { background-image:url(../product/menu/dt-sp3.gif)}
dl.pro div.x4 { background:url(../product/menu/x4-aura3.jpg) no-repeat 0 0}
dl.pro div.x4 a { height:46px; background:transparent}
dl.menu div.x span { border-bottom:1px #d8e0d0 solid}
/* 八王子メニュー */
dl.place dt { background-image:url(menu/dt8.jpg); background-position:9px 0; height:55px}
dl.place p { font-size:11px; color:#998}
dl.place a { position:relative}
dl.place ul ul { width:280px; padding:0; left:8px}
dl.place li a { background-image:url(menu/an.gif); font-weight:bold; color:#111; padding-left:10px}
dl.place li li a { background-image:url(menu/a2.gif); font-weight:normal}
dl.place li a:visited { color:#666}
dl.place li a:hover { color:#e60}
dl.place li a span { color:#8a6; font-size:11px; text-align:right; font-weight:normal;
display:block; position:absolute; width:180px; height:23px; top:0; right:5px }
dl.menu ul li a:hover span { color:#e60}