@charset "Shift_JIS";
@import url("default.css");

/* div#header => 上下余白造り */
/* div#header_top => ロゴ下の赤い線を背景画像で */
/* div#header_top:after => Firefox 対策*/
#header{width:778px; padding:10px 0; border:1px solid #999; border-width:0 1px;}
#header_top{background:#fff url(../images/common/header_foot.gif) left bottom repeat-x; padding-bottom:15px; margin-bottom:3px;}
#header_top:after{content:" "; display:block; height:0; clear:both; visible:hidden;}

h1{width:185px; margin-left:1px; float:left;} /*ロゴ*/
#subnavi{width:580px; float:left; text-align:right; vertical-align:bottom; padding-top:12px;}
#navi{width:778px; height:22px; clear:left; background:#fff url(../images/navi/navi_back.gif) left top repeat-x;}
#navi li{text-align:center;float:left; width:130px; height:22px;}
#navi li a:link, #navi li a:visited{color #ff0000;text-decoration:none;}
/*h2#banner*/
#banner{margin:-3px 0; padding:0;}

/*---コンテンツ--------------------------*/

 /* div#wrapper コンテンツとローカルナビのラッパー*/
 /* div#main コンテンツ部*/
 /* div#localnavi ローカルナビ*/
 /* ul.lnavi_cat => 横枠：1px solid #999 */
 /* ul.lnavi_cat li => テキストインデント風 */
#wrapper{width:778px; padding:15px 3px 15px 15px; border:1px solid #999; border-width:0 1px; voice-family:"\"}\\"; voice-family:inherit; width:760px;}
#wrapper:after{content:""; display:block; clear:both; height:1px; overflow:hidden;}
#main{line-height:120%; width:605px; float:left; margin-right:30px; voice-family:"\"}\\"; voice-family:inherit; width:575px;}
#localnavi{width:155px; float:left;}
.lnavi_cat{width:155px; border:1px solid #999; border-width:0 1px 1px; padding-bottom:15px; padding-top:10px; voice-family:"\"}\\"; voice-family:inherit; width:153px;}
.lnavi_cat li{padding-left:20px; margin-bottom:5px;}
.lnavi_h a:link, .lnavi_h a:visited {color: #ffffff;text-decoration: none;}
.lnavi_h a:hover, .lnavi_h a:active {color: #ff9900;text-decoration: none;}

/* h3 => コンテンツ部 画像見出し */
/* h4 => コンテンツ部 テキスト見出し */
/* h5 ローカルナビ 画見出し */
h3{color:#fff; vertical-align:middle; line-height:2.0; border-left:10px solid #ff9900; margin-bottom:10px; padding-left:10px;  background-color:#000;}
h4{font-size:1.2em; margin-bottom:5px;} 
h5{height:20px; padding-top:7px; border-left:15px solid #ff9900; border-bottom:2px solid #ff9900; background-color:#000;} 

/* #footer => フッター */
#footer{width:778px; border:1px solid #999; clear:left;}

td{vertical-align:top;}


/*---各ページ固有---------------------*/

/* div.pro => 左枠：赤、写真、見出しh4、テキストp、を含む */
/* div.pro img => div.pro内の画像 */
/* div.pro p => div.pro内テキスト、画像の左に配置 */
.pro{width:570px; padding:5px 0 0 5px;  margin-bottom:10px; voice-family:"\"}\\"; voice-family:inherit;}
.pro img{display:block; float:left; border-left:5px solid #ff9900; margin:0 10px 15px 0; padding-left:10px;}
.pro h6{font-size:1.0em;border-left:5px solid #ff9900;padding:0 0 0 5px;} 

/* div.pro_details => div.proの下、テキスト説明部分。 枠：1px solid #ccc */
/* div.pro_details h4 => 背景アイコンをlist-stylet的に使用 */
/* div.pro_details p => 背景色：#ccc */
.pro_details{width:550px; padding:5px; margin-left:10px; border:1px solid #ccc; line-height:1.4; voice-family:"\"}\\"; voice-family:inherit;}
.pro_details h4{background:#eee url(../images/common/h4_head.gif) 5px no-repeat; padding-left:15px; margin-bottom:0;}
.pro_details p{background-color:#eee; padding:5px;}

/* div.pro_sub => 製品詳細説明ページ用 */
/* div.pro_sub img =>　マージンのみ */
/* div.pro_sub img_l=> ブロック指定*/
/* div.pro_sub h4 =>　左灰下赤*/
/* div.pro_sub h6 => h4内見出し*/
/* div.pro_sub h7 => h6内見出し*/
/* div.pro_sub p => マージン下10px*/
/* div.pro_sub p.cat => 左黒3px　マージン下10px*/
/* .pro_subcontct =>オプティクスimg*/
.pro_sub{width:570px; padding:5px 0 0 5px;  margin-bottom:10px; voice-family:"\"}\\"; voice-family:inherit; }
.pro_sub img{display:block; margin:10px 10px 15px 0;}
.pro_sub img.l{display:block;float:left;}
.pro_sub h4{font-size:1.2em;border-left:10px solid #666;border-bottom:1px solid #ff9900;padding:5px 0 0 5px;margin:10px 0 10px 0;} 
.pro_sub h6{font-size:1.15em; margin-bottom:10px;border-left:5px solid #ff9900;padding:3px 0 0 5px;margin:5px 0 5px 0;} 
.pro_sub p{margin-bottom:10px;} 
.pro_sub p.cat{font-size:1.1em;margin-bottom:10px;border-left:3px solid #000;padding:0 0 0 5px;} 
.pro_sub table{width:570px;float:left;}
.pro_sub td{padding:8px;}
.pro_subcontc{display:block;padding:10px 0 10px 10px;line-height:150%;text-align:center;}
.pro_sub .feat{list-style:square; font-size:1.1em;line-height:150%;padding:0 0 0px 20px; margin-bottom:10px;}

/* div.news_details => テキスト説明部分。 枠：1px solid #ccc */
/* div.news_details h4 => 背景アイコンをlist-stylet的に使用 */
/* div.news_details p => 背景色：#ccc */
/* .news_deat => NEWS HOMEのお知らせの日付　float, 0.9em,back灰色 */
.news_details{width:550px; padding:5px; margin-left:10px; margin-bottom:3px; border:1px solid #ccc; line-height:1.4;}
.news_details h4{background:#eee url(../images/common/h4_head.gif) 5px no-repeat; padding-left:15px; margin-bottom:0;}
.news_details p{background-color:#eee; padding:5px;}
.news_date{font-size:0.9em;background-color:#eee;} 

/* .link_details_r => 詳細はこちら　画像リンク */
.link_details_r {text-align:right;}

/*.profile_main=> 会社概要本文*/
.profile_main{padding:10px 0 0 30px;line-height:200%;}

/*.greeting_main=> 社長挨拶本文*/
.greeting_main{width:450px; padding:10px 0 0 30px;line-height:150%;}

/* .cont 研究開発の取組みの本文 imgは左にpadding */
.rdcont{padding:10px 0 10px 10px;line-height:150%;}
.rdcont img{padding:0 0 0 15px;}
.rdcont_c{display:block;padding:10px 0 10px 10px;line-height:150%;text-align:center;}
.rdcont_r{padding:10px 0 10px 10px;line-height:150%;text-align:right;}

/* .gafaqq */
/* .gafaqa */
/*.gafaqq {font-size:1.0em;border-left:5px solid #666;border-bottom:1px solid #ff9900;padding:0 0 0 5px;margin:0 0 10px 0;}*/
/*.gafaqa {margin-bottom:10px;}*/
.gafaqq {font-size:1.0em;border-left:5px solid #666;border-bottom:1px solid #ff9900;padding:0 0 0 5px;margin:0 0 10px 0; line-height:1.5; font-weight:bold; color:#000; letter-spacing:0.1em;}
.gafaqa {padding-bottom:10px; line-height:1.7;}

/* gafaqq_seles_faq */
/* gafaqaseles_faq */
.sales_faq_h3{color:#000; vertical-align:middle; line-height:2.0; border-left:10px solid #ff9900; border-bottom:1px solid #ff9900;margin-bottom:10px; padding-left:10px;  background-color:#ccc;}
/* .gafaqq_sales_faq {font-size:1.0em;border-left:5px solid #666;border-bottom:1px solid #ff9900;padding:0 0 0 5px;margin:0 0 10px 0;}*/ 
/* .gafaqa_sales_faq {margin-bottom:10px;}*/ 
.gafaqq_sales_faq {font-size:1.0em;border-left:5px solid #666;border-bottom:1px solid #ff9900;padding:0 0 0 5px;margin:0 0 10px 0;margin-bottom:10px; padding-left:10px;}
.gafaqa_sales_faq {margin-bottom:10px; line-height:1.7;}

/* download */
.download{width:570px; padding:5px 0 0 5px;  margin-bottom:10px; voice-family:"\"}\\"; voice-family:inherit;background-color:#fff;}
.download img{display:block; margin:10px 10px 15px 0;}
.download img.l{display:block;float:left;}
.download h4{font-size:1.0em;border-left:5px solid #666;border-bottom:1px solid #ff9900;padding:0 0 0 5px;margin:0 0 10px 0;} 
.download h6{font-size:1.2em; margin-bottom:5px;} 
.download p{margin-bottom:10px;} 
.download table{width:570px;}
.download td{padding:8px;}
.downloadcontc{display:block;padding:10px 0 10px 10px;line-height:150%;text-align:center;}

/*.to_faq=> 製品ページ下部の関連FAQ*/
.to_faq{background: #fff url(/products/faq_picon.gif) left 15% no-repeat; padding-left: 25px; line-height: 2.0;}