@charset "shift_jis";

#A04 h1,
#A04 strong	{ left:160px}
#A04 img	{ width:140px; height:50px; left:10px; top:10px }

#A096		{ background-image:url(../A09/A096-svc.jpg)}

#A08 li.x1	{ left:245px; width:70px }
#A08 li.x2	{ left:320px; width:70px }
#A08 li.x3	{ left:395px; width:182px; background-position:0 0}
#A08 li.x4	{ left:585px; width:75px }
#A08 li.x5	{ left:665px }
#A08 li.x6	{ left:750px }

#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-top:20px}

#Az div		{ background-image:url(../ari/Az/Az.jpg)}
#Az address	{ color:#463}
#Az p		{ color:#160}
#Az a		{ color:#050}
#Az ul a:hover	{ color:#d60}

.zx h5		{ color:#9d4; background-image:url(../ari/zx-h5.gif)}
.zx ul		{ border-left:3px #390 dotted}
.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:-17px}

	/* ローカルナビ */
ul.nx a			{ background-image:url(nx/a.gif)}
	/* 標準=5 */
ul.nx li		{ width:116px}
ul.nx li.x1		{ left:0}
ul.nx li.x2		{ left:116px}
ul.nx li.x3		{ left:232px}
ul.nx li.x4		{ left:348px}
ul.nx li.x5		{ left:464px}

	/* ドキュメント */
#D1 div.tx	{ margin:15px 40px; font-size:14px; line-height:1.5em}
#D1 .intro	{ margin:15px 40px; border:1px #ddd solid; background:#f2f4f3 url(fig/develop/bk1.gif) no-repeat right top; padding:10px 20px }
#D1 .intro p	{ font-size:12px; line-height:1.4em; color:#626463}

	/* コラムベース */
#D10 		{ margin:15px auto 15px 10px; padding:12px 12px 0 12px;
		height:140px; width:600px;
		background:url(/sound/i/hx/c/D10-dsp.jpg) no-repeat 0 0 }
#D10 a		{ padding:5px }

#D10 h2		{ font-size:32px; color:#000; margin-left:65px; line-height:30px; padding:4px; }
#D10 strong	{ padding-left:5px; display:block; margin-left:65px;
		font-size:16px; line-height:28px; font-weight:bold;
			color:#46A934; border-top:2px #46A934 solid}
#D10 strong.min	{ font-size:19px}
#D10 .n		{ position:absolute; top:7px; left:7px; width:68px; height:68px; text-align:center; color:#fff;
				padding-top:5px }
#D10 .n	span	{ display:block; width:100%; height:14px; font-weight:bold; line-height:1em}
#D10 .n	b	{ font:bold 46px/1em 'Arial',sans-serif}

.gx h3.x	{ height:50px; margin-left:30px; padding:0; overflow:hidden; font-size:14px }
.gx h4.x	{ height:32px; margin-left:40px; width:520px; overflow:hidden}
.gx h5.x	{ height:16px; line-height:20px }

ul.mark li	{ padding:2px 14px; line-height:1.2em; background-image:url(../mark/ul-mark1.gif)}

.tx p a		{ text-decoration:underline}

.gx		{ margin:0 10px; padding:10px 0}
.gx .tx		{ margin:20px 30px}
.gx .tx p	{ margin:15px 30px; line-height:1.6em; font-size:14px }

.gx .tx ul	{ margin:1.5em 4em }

.gx .fig	{ margin:1em}

.mx a.mail,
a.mail		{ background-image:url(../menu/mail.gif); padding-left:21px; padding-bottom:1px}
a.mail:hover	{ background-position:0 -50px}

	/* 拡大 */
.wide #A1	{ background:url(../A1-B.gif) no-repeat 0 0}
.wide .rx	{ top:0}
.wide #D1	{ width:929px }
.wide #D1 h2	{ color:#666; width:640px; height:1.5em; font-size:12px; line-height:1.2em; text-align:center; color:#999}
.wide #D1	{ padding-bottom:1em; background:#fff }
.wide #D1 .fig	{ margin-left:20px}
.wide #D3	{ padding:1em 0}

	/* 装飾系 */
.dx li span,
.dx p span	{ color:#888; font-weight:normal}
.tx p em	{ color:#111}
.dx p		{ line-height:1.5em}

	/* テーブル:std */
table.std	{ margin-left:10px; margin-bottom:20px; background:#d8dcd4; border:1px #c8ccc4 solid}
table.std th,
table.std td	{ font-size:12px; padding:5px 8px; border:1px #bcc0ac solid;}
.std th		{ text-align:right; background:#e8ece4;}
.std tr.odd th	{ background:#d8dcd4}
.std td		{ color:#222; line-height:1.4em; background:#fff; vertical-align:top}

.gx .std td p	{ font-size:12px; margin:0}
.gx table.std	{ width:600px}
.tx table.std	{ margin:20px auto 20px 20px; width:490px}


	/* ボックス */
.ex560		{ width:560px; margin:20px auto 20px 30px; clear:both}

div.ex250	{ width:250px; margin:1em; padding:10px 0; background:#eed; border:1px #ddb solid}
.dx div.ex250 p	{ font-size:12px; margin:5px 15px; line-height:1.4em; color:#664 }
.dx div.ex250 h5	{ margin:10px 10px 5px 10px; height:auto; line-height:1.2em; font-size:12px; color:#443;
			border-bottom:1px #bb9 dotted }

div.ex250 ul	{ margin:10px 15px}

	/* ソフト、音場 */
dl table.ox	{ width:580px; margin-left:10px; background:url(../../i/fig/v1.gif) repeat-y 30px 0;}
table.ox th	{ width:28px; font:bold 16px Arial,sans-serif; padding-right:5px; color:#000}
table.ox td	{ padding:4px; background:url(../../i/Dx/dot1.gif) repeat-x left bottom; font-size:12px; color:#444}
table.ox td p	{ padding:2px 15px}
table.ox td p span { color:#999 }

table.ox a	{ display:block; width:320px; height:42px; overflow:hidden; margin:0}
table.ox a:hover{ background-color:#fffff0}

table.ox ul li a { height:18px}
table.ox ul li p { font-size:12px}

dl.ctrl600 table.layout	{ width:580px; margin-left:10px }
dl.ctrl600 table.layout	p { font-size:12px; padding:5px }
dl.ctrl600 table.layout a { background-image:url(../../sound/i/hx/ctrl/m6-esec.jpg);
			display:block; width:285px; height:108px}

dl.soft600 dd	{ background-color:#F4F6F7 }
dl.soft600 dt	{ color:#bbb; background-color:#F4F6F7 }

dl.soft600 .tx	{ padding:10px 20px }

.soft600 table.ox a	{ background-image:url(../../service/i/ex600/soft/t1.gif)}
.ctrl600 table.ox a	{ background-image:url(../../service/i/ex600/ctrl/t1.gif)}

	/* コラム一覧 */

dl.ex600 dd.column img.sp	{ display:block; height:40px; width:270px}

dl.ex600 dd.column h4		{ height:40px; width:275px; margin:0; padding:0; overflow:hidden}
dl.ex600 dd.column h4	a	{ background-image:url(../../service/i/ex600/column/h4.gif); font-size:12px  }
dl.ex600 dd.column h4	a span	{ display:block; width:50%; position:absolute; right:2px; top:0; font-weight:bold; text-align:right }
dl.ex600 dd.column table.ix	{ margin-bottom:6px; background:#DEE4E1 }
dl.ex600 dd.column table.layout td { padding:0 4px }
dl.ex600 dd.column p		{ font-size:12px; margin:4px 16px 12px 16px; color:#606c64}
dl.ex600 dd.column p span	{ color:#aaa}


	/* 関連・参考の囲み */
.ex500		{ width:500px; margin:20px auto 20px 50px; background:#ECF0EE url(../../i/ex/ex500/dd-x.jpg) no-repeat 0 0 }
.ex500 dd	{ background:transparent url(../../i/ex/ex500/dt.gif) no-repeat left bottom; padding:10px 15px}
.ex500 dt	{ height:40px }
.ex500 dt b	{ visibility:hidden }
.ex500 dd a	{ text-decoration:underline; padding-left:15px }
.ex500 dd p	{ line-height:1.3em; margin:.5em 1em; color:#333}
.ex500 dd h5	{ border-bottom:1px #bbb dotted; padding-bottom:5px}

	/* メニュー */
dl.menu		{ background-image:url(../ari/menu/dl.gif)}
dl.menu dd	{ background:#155e0c}
dl.menu img.dh	{ width:3px}
dl.menu ul	{ background:url(../ari/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(../ari/topix/dt.jpg); height:32px; background-position:9px 0}
dl.topix h6		{ color:#aa9}
dl.topix h6 span	{ color:#887; background:#d8d8c0}
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:#666}

	/* 音響と開発 */
dl.svc dt		{ background-image:url(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; padding-top:2px}

dl.svc div.x img	{ background-image:url(menu/dt-img.jpg)}
dl.svc div.x img.txt	{ background-image:url(menu/dt-txt.gif)}
dl.svc div.x span	{ background-image:url(menu/dt-sp.gif)}

dl.svc ul.x1 li	{ background-image:url(menu/x1-B.gif)}
dl.svc ul.x2 li	{ background-image:url(menu/x2.gif)}
dl.svc ul.x3 li	{ background-image:url(menu/x3.gif)}
dl.svc ul.x4 li		{ background-image:url(menu/x4.gif)}
dl.svc ul.x4 li.xn	{ background-image:url(menu/x4-act.gif)}
dl.svc ul.x4 li.xn li	{ background-image:url(menu/x4-sub.gif)}
dl.svc ul.x5 li	{ background-image:url(menu/x5.gif)}
dl.svc ul.x6 li	{ background-image:url(menu/x6.gif)}
dl.svc ul.x7 li	{ background-image:url(menu/x7.gif)}
dl.svc ul.x8 li	{ background-image:url(menu/x8.gif)}
dl.svc ul.x9 li	{ background-image:url(menu/x9.gif)}
dl.svc ul.x10 li{ background-image:url(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:16px}
dl.svc li.xn a		{ background-image:url(../menu/a3.gif); height:19px; line-height:18px}
dl.svc li.xn li a	{ background-image:url(../menu/a1.gif); height:17px; line-height:17px}

dl.svc ul.x7 li a	{ color:#482; padding-left:10px; width:auto}
dl.svc ul.x7 li a:hover { color:#e60}

dl.svc ul.x8 li a	{ background-image:url(menu/a8.gif); height:19px}
dl.svc ul.x8 li li a	{ padding-left:19px; line-height:19px}

	/* 製品情報 メニュー */
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.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}

	/* ARI メニュー */
dl.ari		{ margin-top:8px}
dl.ari img.dv	{ display:none}
dl.ari dt	{ background-image:url(../ari/menu/dt2.jpg); background-position:9px 0;height:55px}
dl.ari li	{ background-image:url(../ari/menu/x1.gif)}
dl.ari li li	{ background-image:url(../ari/menu/x2.gif)}
dl.ari li a	{ background-image:url(../ari/menu/a.gif);  height:23px}
dl.ari li li a	{ background-image:url(../ari/menu/a2.gif); height:19px}

dl.ari li a span	{ margin-left:90px; line-height:23px; color:#aa9}
dl.ari li li a span	{ margin-left:30px; line-height:17px}

dl.menu ul li a:hover span	{ color:#e60}