@charset "utf-8";

/* CSS Document */

/* ---------- ▼ヘッダーここから ---------- */
/* ---------- ヘッダーイメージ ---------- */
div#wrapper div#main-col div#cont-hdr { width:330px; height:170px; margin:20px auto; padding:10px 397px 10px 10px; background:url(img/cont_topbanner-audio.jpg) no-repeat; }

/* ---------- ヘッダー見出し ---------- */
div#cont-hdr h3 { margin:0 0 8px 0; padding:0; font-size:1.6em; text-align:center; }

/* ---------- ヘッダーイメージ左テキスト ---------- */
div#cont-hdr p { line-height:150%; text-align:justify; color:#000000; }

/* ---------- ヘッダーイメージ左テキスト内アンカー ---------- */
div#cont-hdr p a { font-size:1.0em; }

/* ---------- ▲ヘッダーここまで ---------- */


/* ---------- ▼ページ内リンクここから ---------- */
/* ページ内リンク設定 */
ul.hdr-menu { width:740px; margin:0 auto 2em; text-align:center; list-style:none; }

/* ページ内リンク、リスト設定(横並び) */
li.menu-list { display:inline; padding:0 10px; border-right:1px #0021A6 solid; }

/* ページ内リンク、リスト設定(横並び最後) */
li.menu-list-end { display:inline; padding:0 0 0 5px; }

/* ページ内リンク、リストアンカー設定 */
a.hdr-menu-list { text-decoration:underline; font-size:1.0em; font-weight:bold; }

/* ページ内リンク、リストアンカー、マウスオーバー設定 */
a.hdr-menu-list:hover { text-decoration:none; font-size:1.0em; font-weight:bold; color:#FFFFFF; background-color:#0021A6; }

/* ---------- ▲ページ内リンクここまで ---------- */

/* ---------- ▼メインコンテンツここから ---------- */
/* ---------- コンテンツボックス ---------- */
div#main-col div.contbox { width: 730px; margin : 10px auto; border: 1px solid #0081A6; }

/* ---------- コンテンツボックスh4 ---------- */
div.contbox h4 { width:95%; height:20px; margin:0.5em auto; padding:0 0 0 20px; background:url(../img/cap_3dt.gif) no-repeat; line-height:20px; font-size:1.5em; color:#304CBF; }

/* ---------- コンテンツボックス段落 ---------- */
div.contbox p { margin:0.5em 0.3em; line-height:150%; }

/* ---------- コンテンツボックス段落アンカー ---------- */
div.contbox p a { font-size:1.0em; }

/* ---------- imgボックス左フロート ---------- */
div.contbox div.p-box-L { width:300px; height:185px; float:left; margin:0 10px 0 10px; background:url(../img/photo_bg.gif) no-repeat; }

/* ---------- imgボックス右フロート ---------- */
div.contbox div.p-box-R { width:300px; min-height:185px; float:right; margin:0 0 0 10px; background:url(../img/photo_bg.gif) no-repeat left top; }

/* -------------------- ▼carrozzeria ナビデータ更新情報ここから -------------------- */
/* -------------------- ボックス ベース -------------------- */
div#wrapper div#main-col div#news { width:690px; height:240px; margin:0 auto 5px; padding:40px 30px 30px 20px; background:url(img/navi_udtnews-bg.gif) no-repeat; }

/* -------------------- 記事枠 -------------------- */
div#wrapper div#main-col div#news div#news_inner { width:690px; height:180px; overflow:auto; margin-bottom:5px; }

/* -------------------- 日付設定 -------------------- */
div#news div#news_inner h4 { color:#304CBF; font-size:1.4em; font-family:Georgia, 'Times New Roman', Times, serif; margin: 0.5em 0 0.3em }

/* -------------------- 記事定義ベース -------------------- */
div#news div#news_inner dl { width:670px; padding:0 0 2px 0; border-bottom:1px #738EFF dashed; }

/* -------------------- 記事タイトル -------------------- */
div#news div#news_inner dl dt { color: #FF6600; margin:0 0.5em 0.2em 0.3em; float: left; }

/* -------------------- 記事内容 -------------------- */
div#news div#news_inner dl dd { margin:0 0 0.3em 0.3em; }

/* -------------------- 記事内容リンク -------------------- */
dd a { font-size:100%; }

/* -------------------- ▲新着情報ここまで -------------------- */

/* ---------- オリジナルウーファーエンクロージャーボックス ---------- */
div#wrapper div#main-col div#wooferbox { width:255px; height:260px; margin:10px auto 20px; padding:120px 222px 110px 223px; background:url(img/wooferbox_making.jpg) no-repeat; }

/* ---------- オリジナルウーファーエンクロージャー製作過程定義 ---------- */
div.contbox dl { margin:0 0 20px; }

/* ---------- オリジナルウーファーエンクロージャー製作過程定義タイトル ---------- */
div.contbox dl dt { font-weight:bold; margin:0 0 0 14px; }

/* ---------- オリジナルウーファーエンクロージャー製作過程定義内容リスト ---------- */
div.contbox dl dd ol { width:80%; margin:0 auto; padding-left:16px; list-style:decimal; }

div.contbox dl dd ol li { margin:0.5em 0 0.5em 14px; line-height:135%; }

/* ---------------------------------------------------------- 
楽ナビ発売キャンペーン用スタイル（12月末日まで）
----------------------------------------------------------*/
#wrapper #main-col #r-navi { width: 740px; height:190px; margin: 0 auto 10px; position: relative; }

#wrapper #main-col #r-navi h3 { position: absolute; left: 220px; top: 40px; }

#wrapper #main-col #r-navi p { width: 231px; position: absolute; left: 225px; top: 60px; }

#wrapper #main-col #r-navi ul { width: 233px; position: absolute; left: 220px; top: 80px; color: #000000; }

#wrapper #main-col #r-navi ul li { display: inline; color: #000000; }

#wrapper #main-col #r-navi ul li dl { padding: 3px; color: #000000; }

#wrapper #main-col #r-navi ul li dl dt { font-weight: bold; color: #000000; }

#wrapper #main-col .caps { width: 700px; margin: 0 auto 5px; font-size: 14px; }

#wrapper #main-col .caps img { vertical-align: middle; }

#wrapper #main-col .caps-txt { width: 700px; margin: 0 auto; line-height: 130%; }

#wrapper #main-col ul.keep { width: 550px; margin: 10px 0 10px 100px; padding: 10px 0; list-style: none; background-color: #E2E1E7; border: 1px #FF0000 solid; }

#wrapper #main-col ul.keep li { margin-left: 30px; margin-bottom: 5px; }

#wrapper #main-col ul.keep li dl dt { width: 13em; float: left; font-weight: bold; margin-right: 3px; line-height: 130%; }

#wrapper #main-col ul.keep li dl dd { margin-left: 13.5em; line-height: 130%; }

#wrapper #main-col .caps-txtend { width: 700px; margin: 0 auto; line-height: 130%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #4C4C4C dashed; }

ul.keep li dl dd span.red { font-size: 100%; }

#news_inner dl dd ul { list-style: none; }

img.domroll { margin: 0 0 0 65px; vertical-align: top; }
div#wf_box { width: 624px; height: 225px; margin: 10px auto; }
div#wf_box p#on { margin: 0 auto 10px; text-align: center; }