@charset "shift_jis";

#A0	{ height:385px}
#A01 { background:#fff url(../../i/bk/mta/mta01.jpg) no-repeat 600px 0}

	/* トップ要素:快適創造 */
#A011	{ top:37px; left:160px; width:80px;  height:83px }
#A012	{ top:25px; left:246px; width:295px; height:75px }
#A013	{ top:12px; left:538px; width:210px; height:90px }

	/* トップ カテゴリ */
#A02	{ right:8px; top:108px; width:220px; height:24px; padding-top:5px; text-align:center;
	color:#666; border:1px #bbb solid; background:#fff;
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6}

#A04	{ width:580px; height:70px; left:0; top:260px; background:#000; padding:12px 30px }
#A04 h1		{ font-size:26px; color:#fff;}
#A04 strong	{ font-size:16px; color:#cc9; font-family:Arial }


	/* サブメニュー */
#A06		{ top:342px; height:42px; background:url(A06/bk.gif) repeat-x 0 0}
#A06 li		{ position:absolute; width:110px; height:42px; top:0}
#A06 li.m1	{ left: 0}
#A06 li.m2	{ left:110px}
#A06 li.m3	{ left:220px}
#A06 li.m4	{ left:330px}
#A06 li.m5	{ left:440px}
#A06 li.m6	{ left:550px}

#A06 li a	{ display:block; width:100%; height:44px; background-image:url(A06/product2.gif)}
#A06 li a:hover	{ background-color:#000}
	/* A08:TAB */
#A08		{ background-image:url(/i/A08/ix/1.gif)}
#A08 li.act	{ background-image:url(/i/A08/ix/tab1.gif)}
#A08 li.m1	{ left:25px }
#A08 li.m2	{ left:105px }
#A08 li.m3	{ left:310px }
#A08 li.m4	{ left:400px }
#A08 li.m5	{ left:490px }
#A08 li.m6	{ left:580px }

/* 背景画像 */

#A09 { top:140px; height:215px; padding-top:15px; 
	background:url(/i/A08/ix/v1.gif) repeat-x 0 0}
#A09 img { display:block; position:absolute; height:180px; top:22px;
	 background-repeat:no-repeat; background-position:left bottom; background-color:#000}
#A09 img.fig { width:150px}

#A091	{ background-image:url(/i/A09/mta/07.jpg)}
#A092	{ background-image:url(/i/A09/mta/05.jpg); left:150px}
#A093	{ background-image:url(/i/A09/mta/02.jpg); left:300px}
#A094	{ background-image:url(/i/A09/mta/04.jpg); left:450px}
#A095	{ background-image:url(/i/A09/mta/03.jpg); left:600px}
#A096	{ background-image:url(/i/A09/t/pro.jpg ); left:750px; width:200px}

#A04		{ width:700px}
#A04	img	{ display:block; position:absolute; width:130px; height:48px; left:10px; top:11px }
#A04	h1,
#A04	strong	{ margin-left:120px }
#A04	h1	{ color:#ddd }
#A04	strong	{ color:#7b0; font-size:16px; line-height:20px }

.MTA #D1	{ background:#fff }

/* 見出しスタイル */

h2 b, h3 b,
h4 b, h5 b	{ display:none }

h3	{ height:72px; width:600px; margin-left:10px; background-color:#fff; background-repeat:no-repeat; background-position:0 0}
h4	{ height:27px; background-repeat:no-repeat; background-position:0 0 }

.zoom 	h3	{ height:70px; font-size:28px; margin:0; padding:25px 0 10px 0; background:url(../MTA-02WB-S/i/hx/h3-zoom.jpg) no-repeat 0 0 }
.zoom	#D2 strong	{ font-size:16px; font-weight:bold; padding-left:30px; color:#999; font-family:Arial,sans-serif}	

.function h3,
.spec h2 	{ width:600px; height:170px; margin-left:10px; margin-top:10px; padding:0; position:relative}
.spec h2 img 	{ display:block; position:absolute; top:0; left:0; width:600px; height:170px}
.spec h2 em	{ display:block; position:absolute; top:92px; left:20px; width:400px; height:70px; line-height:1.2em;
		font-size:32px; font-weight:normal; color:#000 }
.function h3		{ height:70px; margin-left:10px }
.function h3 img	{ height:70px; width:600px  } 
.function h3 em		{ display:block; position:absolute; top:0; left:0; width:375px; height:65px;
			font-weight:normal; font-size:46px; line-height:65px}
.function h3 em span.n	{ font:bold 52px/65px Arial,sans-serif; border-right:7px #0a0 solid; margin-right:5px}

.zoom div.function h3	{ margin-left:10px; padding-top:25px }

.full #D1 .fig h2	{ text-align:center; font-size:14px; font-weight:bold; color:#666; height:auto}
.full #D1 .fig	{ padding:20px 10px }

.gx	{ margin:10px auto 10px 10px; width:600px;}
.gx h5	{ color:#111 }
.tx h5	{ margin-left:20px; color:#060 }
.tx .fig	{ margin-right:0 }

.tx ul.mark	{ margin:1em 1.5em 1em 3em }
.tx ul.mark li	{ margin-bottom:.5em; color:#000; font-weight:bold; background-image:url(../MTA-02WB-S/i/mark/ul-mark1.gif) }
.tx ul.mark li span { color:#666}

.gx ul.note	{ color:#666; margin-left:30px }
.gx ul.note span { color:#999 }

	/* 拡大写真ページ */
.full	#A2,
.photo	#A2	{ background:#fff }
.full	#D1,
.photo	#D1	{ width:940px }
.full	#D1,
.photo	#D1	{ padding-bottom:1em }
.photo	#D1 h2	{ color:#333; width:620px; font-weight:bold; font-size:14px; line-height:1.2em; text-align:center }
.full	#D2,
.photo	#D2	{ padding-top:1px}


/* テーブル */
.dx table	{ margin:0}

/* 2分割 */
table.dx2	{ width:270px}
table.test th	{ width:30px; padding:0; text-align:center; height:50px; background:#6c0; color:#fff;
		font:bold 16px/1.2em 'Arial',sans-serif }
table.test td		{ padding:0 5px; border:none; background:#fcfffc; font:bold 12px/1.2em 'Arial',sans-serif }
table.test td	span	{ color:#333 }
table.test .odd th	{ background:#390}
table.test .odd td	{ background:#f4ffe8}

.function table.test	{ margin-left:20px; width:560px; background:#6b6 }
.function table.test th	{ height:auto }
.function table.test td.test	{ width:150px }
.function table.test td p	{ font-weight:normal; margin:4px }
.function table.test td p span	{ color:#666 }

	/* 図 */
#D2 table.fig	{ margin:0; width:600px }
#D2 .wx table.fig	{ width:580px}
table.fig td	{ text-align:center; border:none }
table.fig td h5	{ text-align:center; color:#333 }


#D1 .ex	{ background:transparent; border:none; color:#555; margin:10px; width:auto}
#D1 .ex p { line-height:1.8em; font-size:12px }

	/* wx 囲み */
.wx 	{ background:url(/product/MTA-02WB-S/i/dx/bk600-gr1.jpg) repeat-y 0 0; border:1px #ddd solid; margin-left:10px; width:600px;
	padding:0 0 10px 0 }
.wx h3	{ background:url(/product/MTA-02WB-S/i/dx/h3-01.jpg) no-repeat 0 0; margin:0; padding:0; font-size:12px; height:75px }
.wx h4	{ height:40px; background-image:url(/product/MTA-02WB-S/i/dx/h4-01.jpg)}

.wx p		{ color:#111 }
.wx p span	{ color:#666 }
.wx table.L	{ margin-left:10px }
.wx table.R 	{ margin-right:10px }
.wx .back	{ position:absolute; width:100%; height:100%; text-align:right; top:0; right:0; z-index:-1}

.wx h3.x2	{ background-position:0 -80px}
.wx h3.x3	{ background-position:0 -160px}
.wx h3.x4	{ background-position:0 -240px}
.wx h3.x5	{ background-position:0 -320px}

	/* 拡大画面のサムネイル */
#D2 .wx table.thumb 	{ margin-left:10px;}
.wx table.thumb img	{ width:140px }
.wx table.thumb th	{ width:auto; height:auto; text-align:center; padding:10px 0 5px 0; background:transparent}
.wx table.thumb td	{ vertical-align:top; width:auto; padding:5px}
.wx table.thumb a	{ font-size:12px; color:#333; line-height:15px }

table .space td		{ height:1px; padding:0 }
table .space img	{ height:1px }

.zoom #Dy h3	{ background-image:url(/product/MTA-02WB-S/i/dx/wx-zoom.jpg); height:120px}
.zoom #Dy h4	{ background-image:url(/product/MTA-02WB-S/i/dx/h4-zoom-01.jpg) }

.zoom #D2 table.spec	{ width:580px; margin-left:10px; margin-bottom:10px }
.zoom #D2 table.spec th	{ background:#ddd; border:1px #ccc solid; color:#111; width:180px;
		padding:10px; font-size:12px; font-weight:normal }
.zoom #D2 table.spec th span	{ color:#666}
.zoom #D2 table.spec td	{ background:#fff; border:1px #ccc solid; font-size:12px; padding:10px }
.zoom #D2 table.spec ul.mark 	{margin:10px; }
.zoom #D2 table.spec ul.mark li { background-image:url(i/mark/ul-mark1.gif); color:#111;  }
.zoom #D2 table.spec ul.mark li span	{ color:#666}
.zoom #D2 table.spec thead td	{ background:#eee }

/* 関連ページ */
dl.rel		{ margin:10px auto 10px 30px; width:560px; background:#4F9F00 url(bk/rel-dl.gif) repeat-x 0 0;
		padding-bottom:4px }
dl.rel	dt	{ font-weight:bold; height:27px; background:url(bk/rel-dt.jpg) no-repeat 0 0}
dl.rel	dt b	{ visibility:hidden }
dl.rel	dd	{ margin:0 4px; padding:8px; background:#f4f4f4 url(bk/rel-dd.gif) repeat-x 0 0; }
dl.rel	ul	{ margin:10px }

/* ■フッタ、下部 */

#Az div		{ margin-left:15px; background-image:url(/product/MTA-02WB-S/i/Az/bk.jpg)}
#Az p		{ margin:14px 310px 0 240px; line-height:1.3em; color:#000}
#Az p a		{ color:#000; background-image:url(/product/MTA-02WB-S/i/mx/az.gif); font-weight:bold}
#Az address	{ right:12px }

	/* 無響室案内 */
#Dy .aneconic	{ margin-top:1em; margin-bottom:1em }
.anechoic h4.x1	{ background-image:url(/product/MTA-02WB-S/i/dx/h4-00-01.jpg)}
.anechoic p	{ font-size:12px; line-height:20px; color:#555 }

	/* 製品48px */
.pro48 		{ background-image:url(/product/i/bx/bx300-pro1.jpg)}
.pro48 ul	{ background:#080 url(/product/i/bx/bx300-pro-z.gif) no-repeat left bottom }
.pro48 li	{ background-image:url(/product/i/bx/bx300-pro-m.jpg)}

	/* MTA	48 */
.mta48 		{ background-image:url(/product/MTA-02WB-S/i/bx/bx300-MTA1.jpg)}
.mta48 ul	{ background:#080 url(/product/MTA-02WB-S/i/bx/bx300-MTA-z.gif) no-repeat left bottom }
.mta48 li	{ background-image:url(/product/MTA-02WB-S/i/bx/bx300-MTA-m.jpg)}

.mta48 .x2 a.x	{ background-image:url(/product/MTA-02WB-S/i/bx/bx300-MTA-x2.gif)}
.mta48 .x3 a.x,
.mta48 .x4 a.x	{ background-image:url(/product/MTA-02WB-S/i/bx/bx300-MTA-x3.gif)}
.mta48 .x5 a.x	{ background-image:url(/product/MTA-02WB-S/i/bx/bx300-MTA-x5.gif)}


	/* ARI 48px */
.ari48 		{ background-image:url(/ari/i/bx/ari-300-1.jpg)}
.ari48 ul	{ background:#080 url(/ari/i/bx/ari-300-z.gif) no-repeat left bottom }
.ari48 li.x1 a.x	{ background-image:url(/ari/i/bx/ari-300-x1.gif)}

	/* 音響と開発 48px */
.svc48 		{ background-image:url(/service/i/bx/bx300-sv1.jpg)}
.svc48 ul	{ background:#090 url(/service/i/bx/bx300-sv-z.gif) no-repeat left bottom }
.svc48 li	{ background-image:url(/service/i/bx/bx300-sv-m.jpg)}
.svc48 .x1 a.x,
.svc48 .x2 a.x,
.svc48 .x3 a.x	{ background-image:url(/service/i/bx/bx300-sv-x1.gif)}
.svc48 .x8 a.x	{ background-image:url(/service/i/bx/bx300-sv-x8.gif)}

	/* 音楽と書籍 48px */
.book48 	{ background-image:url(/contents/i/bx/book-300-1.jpg)}
.book48 ul	{ background:#0A0 url(/contents/i/bx/book-300-z.gif) no-repeat left bottom }
.book48 li	{ background-image:url(/contents/i/bx/book-300-m.jpg)}
.book48 .x1 a.x { background-image:url(/contents/i/bx/cd-300-x1.gif)}
.book48 .x2 a.x { background-image:url(/contents/i/bx/book-300-x1.gif)}

	/* リンク 48px */
.link48 	{ background-image:url(/link/i/bx/link-300-1.jpg)}
.link48 ul	{ background:#95CD6B url(/link/i/bx/link-300-z.gif) no-repeat left bottom }
.link48 .x1 a.x { background-image:url(/link/i/bx/link-300-x1.gif)}