/* CSS Document */
@charset "UTF-8";

/*==========================================================================
　製品ページCSS
		/products/以下　共通
============================================================================*/

/*************************************************/
/* 製品一覧ページ　
/*************************************************/

.product_category { margin-bottom:50px;}
.product_category li.product_item { width:366px; float:left; background-color:#eeeeee; border:#dcdcdc 3px solid; margin:0 3px 5px 3px; height:6em; overflow: hidden;}
.product_category li.product_item:hover { border:#1d5cab 3px solid; }
.product_category li.product_item a { display: block; width:100%; height:100%; color:#000; text-decoration:none;}
.product_category li.product_item a:hover { opacity:1.0; }
.product_category p.product_copy { margin-bottom:30px; margin-top:-20px;}
.product_category li.product_item dl { padding:10px 5px 0px; min-height:80px;}
.product_category li.product_item dt { margin:0 0 0 70px; padding:0 0 10px 15px; background: url(../img/product_item_icon.png) 0 0 no-repeat; font-weight:bold; font-size:100%; border-bottom:#a0a0a0 1px solid; line-height:1.2; letter-spacing:0em;}
.product_category li.product_item dt span.model { font-size:90%;}
.product_category li.product_item dd { margin:5px 0 0 70px; padding-bottom:10px; }

/*各製品一覧*/

/*バックアップ電源*/
.product_back_yrw { background: url(../img/product_back_yrw.png) no-repeat 7% 50%;}
.product_back_syn-mmu { background: url(../img/product_back_syn-mmu.png) no-repeat 7% 50%;}
.back_syn-mpc { background: url(../img/back_syn-mpc.png) no-repeat 6% 50%;}
.back_ynv { background: url(../img/back_ynv.png) no-repeat 1% 50%;}

/*無停電電源装置*/
.ups_sft { background: url(../img/ups_sft.png) no-repeat 3% 50%;}
.ups_sftgen { background: url(../img/ups_sftgen.png) no-repeat 6% 50%;}
.ups_sft-khat { background: url(../img/ups_sft-khat.png) no-repeat 3% 50%;}
.ups_ysb { background: url(../img/ups_ysb.png) no-repeat 4% 50%;}
.ups_als { background: url(../img/ups_als.png) no-repeat 7% 50%;}
.ups_als-rm { background: url(../img/ups_als-rm.png) no-repeat 3% 50%;}
.ups_als-5khw { background: url(../img/ups_als-5khw.png) no-repeat 7% 50%;}

/*回生電源*/
.bat_yrd-i { background: url(../img/bat_yrd-i.png) no-repeat 2% 50%;}
.bat_yrd-bs { background: url(../img/bat_yrd-bs.png) no-repeat 3% 50%;}
.bat_yrd-sc { background: url(../img/bat_yrd-sc.png) no-repeat 3% 50%;}

/*周波数変換器*/
.inv_syn { background: url(../img/inv_syn.png) no-repeat 7% 50%;}
.inv_syn-m { background: url(../img/inv_syn-m.png) no-repeat 7% 50%;}
.inv_syn-tm { background: url(../img/inv_syn-tm.png) no-repeat 7% 50%;}
.inv_syn-hf { background: url(../img/inv_syn-hf.png) no-repeat 6% 50%;}
.inv_yda { background: url(../img/inv_yda.png) no-repeat 7% 50%;}
.inv_pc { background: url(../img/inv_pc.png) no-repeat 7% 50%;}

/*直流安定化電源*/
.dps_ytr { background: url(../img/dps_ytr.png) no-repeat 7% 50%;}
.dps_ys-nr { background: url(../img/dps_ys-nr.png) no-repeat 7% 50%;}
.dps_yhps-asn { background: url(../img/dps_yhps-asn.png) no-repeat 7% 50%;}
.dps_yhps { background: url(../img/dps_yhps-asn.png) no-repeat 7% 50%;}

/*高電圧電源*/
.hv_yht { background: url(../img/hv_yht.png) no-repeat 5% 50%;}
.hv_yhpg { background: url(../img/hv_yhpg.png) no-repeat 3% 50%;}
.hv_yhig { background: url(../img/hv_yhig.png) no-repeat 7% 50%;}
.hv_destruct { background: url(../img/hv_destruct.png) no-repeat 7% 50%;}
.hv_yhig2 { background: url(../img/hv_yhig2.png) no-repeat 5% 50%;}
.hv_yhps { background: url(../img/hv_yhps.png) no-repeat 4% 50%;}
.hv_yhps-asr { background: url(../img/hv_yhps-asr.png) no-repeat 7% 50%;}
.hv_yhtd { background: url(../img/hv_yhtd.png) no-repeat 5% 50%;}

/*自動電圧調整器*/
.avr_tac { background: url(../img/avr_tac.png) no-repeat 7% 50%;}
.avr_mts { background: url(../img/avr_mts.png) no-repeat 5% 50%;}

/*電子負荷/負荷ｼｽﾃﾑ*/
.bat_ytr-kr { background: url(../img/bat_ytr-kr.png) no-repeat 7% 50%;}
.bat_switch	 { background: url(../img/bat_switch.png) no-repeat 5% 50%;}

/*交流定電流装置*/
.mts { background: url(../img/mts.png) no-repeat 3% 50%;}



/*************************************************/
/* 製品詳細ページ
/*************************************************/
.product_detail .detail_top { margin-top: 30px; width: 100%;}
.product_detail .detail_top li { display: block; float: left; text-align: center; width:40%; line-height: 24px;}
.product_detail .detail_top .caption_box { width:60%; text-align: left; font-size: 100%; }
.product_detail .detail_top .caption_box p { line-height:1.6;}
.product_detail .detail_top .result_detail_link a { display: block; border: 1px solid #1f5299; margin-top: 10px; color: #1f5299; width:100%;}
.product_detail .detail_top .result_detail_link a:hover { text-decoration:none; opacity:1.0; background-color:#cdddf4;}
.product_detail .detail_top .result_detail_link a span { display: block; text-align:center; background: url(../img/arrow_icon.png) no-repeat 10px; color: #1f5299; font-weight: bold; font-size:100%; width:16em; text-decoration:underline; padding:0 0 0 20px; margin:1% auto 1%;}
.product_detail .product_nav { display: block; width:100%; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #000; margin-bottom: 30px;}
.product_detail .product_nav li { width: 32.33%; float:left; margin:0 0.5% 3px; border: #dcdcdc 1px solid;}
.product_detail .product_nav li.last { margin-right: 0 }
.product_detail .product_nav li a { display: block; width: 100%; margin: 0 0 0 0; padding: 10px 0 10px 0; background-position: 5% 50%; background-color: #ebebeb; border: #FFFFFF 1px solid; text-decoration: none; color: #000000; font-weight:bold; font-size:110%;}
.product_detail .product_nav li a:hover { background-color: #3b649b; color: #FFFFFF; opacity: 1.0;}
.product_detail .product_nav li a:hover span { background: url(../img/arrow_icon_o.png) no-repeat; background-position: 5% 48%;}
.product_detail .product_nav li a span { display: block; background: url(../img/arrow_icon.png) no-repeat; text-align:left; margin: 0 auto 0; background-position: 5% 48%; padding: 2px 0 0 30px; }

#detail_item { width:100%; word-break:break-all;}

/*リストスタイル1*/
#detail_item ul.circle_list li { background: url(../img/circle_icon.jpg) no-repeat left 0.5em; padding: 0 0 0 1em; }

/*見出し*/
#detail_item .gray_bg { background-color: #626262; color:#fff; font-size: 100%; font-weight: bold; padding: 0.5% 1%;}
#detail_item .gray_bg2 { background-color: #dbdbdb; color: #000; font-size: 120%; font-weight: bold; padding: 0.5% 1%; width:100%;}

/*画像スタイル*/
#detail_item .imgR { float:right; margin:0 0 30px 30px;}
#detail_item .imgL { float:left; margin:0 30px 30px 0;}
#detail_item table.product_table td a { font-size:75%;}

/*型式「□」表示用*/
#detail_item .square { font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; }  

#detail_item .detail_item01,
#detail_item .detail_item02,
#detail_item .detail_item03,
#detail_item .detail_item04,
#detail_item .detail_item05,
#detail_item .detail_item06,
#detail_item .detail_item07,
#detail_item .detail_item08,
#detail_item .detail_item09,
#detail_item .detail_item10,
#detail_item .detail_item11,
#detail_item .detail_item12 { display:none;}

#detail_item.active01 .detail_item01 { display:block;}
#detail_item.active02 .detail_item02 { display:block;}
#detail_item.active03 .detail_item03 { display:block;}
#detail_item.active04 .detail_item04 { display:block;}
#detail_item.active05 .detail_item05 { display:block;}
#detail_item.active06 .detail_item06 { display:block;}
#detail_item.active07 .detail_item07 { display:block;}
#detail_item.active08 .detail_item08 { display:block;}
#detail_item.active09 .detail_item09 { display:block;}
#detail_item.active10 .detail_item10 { display:block;}
#detail_item.active11 .detail_item11 { display:block;}
#detail_item.active12 .detail_item12 { display:block;}

.product_detail .product_nav li.active a { background: url(../img/arrow_icon_o.png) no-repeat; background-position: 5% 48%;  background-color: #3b649b; color: #FFFFFF; }
.product_detail .product_nav li.active a span { background: none; }

/*tableスタイル1*/
.product_table { border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; width:100%; font-size: 100%;}
.product_table th { background-color: #6e6e6e; color: #fff; padding: 0.5% 0; text-align: center; font-weight: bold; border: 1px solid #fff; }
.product_table tr.blue th { background-color: #1d5cab;}
.product_table .table_ttl { padding: 8px 10px 8px 10px; background: url(../img/table_bg.jpg) repeat; border-top: 1px solid #fff; border-bottom: 1px solid #d2d2d2; vertical-align: middle; text-align: left; }
.product_table .table_ttl a { text-decoration: underline; color: #153766;}
.product_table .table_ttl.model_name a { font-size:110% !important; background: url(../img/product_item_icon.png) no-repeat; background-position:0 50%; padding-left:13px;}

/*tableスタイル2*/
.product_table td { padding: 8px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; vertical-align: middle; text-align: center; }
.product_table02 { border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; width: 100%; font-size: 80%;}
.product_table02 th { background-color: #6e6e6e; color: #fff; padding: 5px 0; text-align: center; vertical-align: middle; border: 1px solid #fff; font-weight: bold;}
.product_table02 .table_ttl { padding: 8px 10px 8px 18px; background: url(../img/table_bg.jpg) repeat; border-top: 1px solid #fff; border-bottom: 1px solid #d2d2d2; vertical-align: middle; text-align: left;}
.product_table02 .table_ttl a { text-decoration: underline; color: #153766;}
.product_table02 td { padding: 8px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; vertical-align: middle; text-align: center;}
.product_table02 .table_left_ttl { background-color: #6e6e6e; font-weight: bold; line-height: 40px; color: #fff;    }

/*tableスタイル3 201609追加*/
.product_table03 { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; width: 100%; font-size: 80%;}
.product_table03 th { background-color: #fff; color: #fff; padding: 5px 0; text-align: center; vertical-align: middle; border: 1px solid #fff; font-weight: bold;}
.product_table03 .table_ttl { padding: 8px 10px 8px 18px; background: url(../img/table_bg.jpg) repeat; border-top: 1px solid #fff; border-bottom: 1px solid #fff; vertical-align: middle; text-align: left;}
.product_table03 .table_ttl a { text-decoration: underline; color: #153766;}
.product_table03 td { padding: 8px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; vertical-align: top; text-align: left;}
.product_table03 .table_left_ttl { background-color: #6e6e6e; font-weight: bold; line-height: 40px; color: #fff;    }

/*tableスタイル4 201609追加*/
.product_table04 { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; width: 100%; font-size: 80%;}
.product_table04 th { background-color: #fff; color: #fff; padding: 5px 0; text-align: center; vertical-align: middle; border: 1px solid #fff; font-weight: bold;}
.product_table04 .table_ttl { padding: 8px 10px 8px 18px; background: url(../img/table_bg.jpg) repeat; border-top: 1px solid #fff; border-bottom: 1px solid #fff; vertical-align: middle; text-align: left;}
.product_table04 .table_ttl a { text-decoration: underline; color: #153766;}
.product_table04 td { padding: 8px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; vertical-align: top; text-align: center;}
.product_table04 .table_left_ttl { background-color: #6e6e6e; font-weight: bold; line-height: 40px; color: #fff;    }





/*量産用汎用クラス*/

/*横幅設定*/
.product_detail .w10 { width:10%}
.product_detail .w20 { width:20%}
.product_detail .w30 { width:30%}
.product_detail .w40 { width:40%}
.product_detail .w45 { width:45%}
.product_detail .w47 { width:47%}
.product_detail .w50 { width:50%}
.product_detail .w60 { width:60%}
.product_detail .w70 { width:70%}
.product_detail .w80 { width:80%}
.product_detail .w90 { width:90%}
.product_detail .w100 { width:100%}

/*サイドメニュー*/
.product_detail #sidemenu dt span { display: block; margin:0px auto 0; text-indent: 100%;	 white-space: nowrap; overflow: hidden;background: url(../../img/product_detail_menu.png) no-repeat; height:30px; }

#sidemenu .product_detail_item { background-color:#e5e5e5; margin:0 auto 10px; }
#sidemenu .product_detail_item a { color:#000; text-decoration:none;}
#sidemenu .product_detail_item dt { width:237px; height:30px; }
#sidemenu .product_detail_item li { padding:0 0 0 0; color:#FFF; font-size:90%; font-weight:bold; border-bottom:#999 1px solid; cursor:pointer;}

#sidemenu .product_detail_item ul.product_submenu li { font-size:90%; font-weight:bold; border-bottom:#FFF 1px solid; padding:4px 0 0 0; width:100%; margin:0 auto 0; background: url(../../img/subpage_category_icon.png) 10px 50% no-repeat; }
#sidemenu .product_detail_item ul.product_submenu li:hover { background: url(../../img/subpage_category_icon02.png) 10px 50% no-repeat; background-color:#014099; }
#sidemenu .product_detail_item ul.product_submenu li a { display: block; width:100%; height:100%; border-bottom:#a0a0a0 1px solid; color:#333; text-decoration:none; }
#sidemenu .product_detail_item ul.product_submenu li:hover a { color:#FFFFFF; opacity:1.0;}
#sidemenu .product_detail_item ul.product_submenu li span { display:block; margin:5px 0; padding-left:25px;}

#sidemenu .product_detail_item span.cat_tit01 { display:block; padding:5px 0 5px 5px; width:100%; height:100%; background-color:#333; font-size:90%;}
.cat_icon { color:#FF0; font-size:100%; padding-right:5px; }

#sidemenu .product_detail_item ul.product_submenu li.active { background: url(../../img/subpage_category_icon02.png) 10px 50% no-repeat; background-color:#014099;}
#sidemenu .product_detail_item ul.product_submenu li.active a { color:#FFFFFF; opacity:1.0;}

.product_detail_item span.cat_tit01 { background: url(../../img/sp_arrow_pw.png) no-repeat; background-position:100% 50% !important; background-size:30px 30px;}
.product_detail_item span.cat_tit01.active { background: url(/img/sp_arrow_mw.png) no-repeat; background-position:100% 50% !important; background-size:30px 30px;}
.product_detail_item span.cat_tit01:hover { opacity:0.8;}
.product_detail_item .product_submenu { height:0; overflow:hidden;}
.product_detail_item .product_submenu.active { height:auto; }