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

/*==========================================================================
　各個別ページCSS
============================================================================*/

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

.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; }

/*************************************************/
/* FAQ
/*************************************************/
#faq_index .faq_category dl { margin-bottom:30px;}
#faq_index .faq_category  { margin-bottom:50px;}
#faq_index .faq_category dt { background-color:#DCDCDC; padding:5px 0 5px 10px; font-weight:bold; font-size:100%; margin-bottom:5px;}
#faq_index .faq_category dt.active { color:#FFFFFF; background-color:#000000; margin-bottom:0px;} 
#faq_index .faq_category dt a { display: block; width:100%; height:100%; color:#000000; text-decoration: none;  }
#faq_index .faq_category dt.active a { color:#FFFFFF; } 
#faq_index .faq_category dt.active a span { color:#FFFFFF; } 
#faq_index .faq_category dt a span { color:#154382; font-size:120%;}
#faq_index .faq_category dd { margin-bottom:20px;  font-size:100%; padding:5px 0 5px 10px; display:none;}
#faq_index .faq_category dd span { color:#154382; font-size:120%; font-weight:bold; padding-left:-1.5em; text-indent:1.5em;}
#result_index h4 { margin-top:20px;}
.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;    }

/*************************************************/
/* 電気の知識
/*************************************************/
.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 { 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;}

.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;    }