@charset "UTF-8";

/*===TOP 画像タイトルリンク===================================================*/
/* --- 画像反転--- */
#Contents a .MenuImg01,
#Contents a .MenuImg02 {
	vertical-align:bottom;
}
#Contents a:hover .MenuImg01,
#Contents a:hover .MenuImg02,
.hover .MenuImg01,
.hover .MenuImg02 {
opacity:0.8;
filter:alpha(opacity=80); 
}

/* ---マージン調整--- */
.topImgLinkStArea {
	padding-bottom:0px;
}

/* --- タイトルバー部 --- */
.topImgLinkSt h2 a {
	background-image: url(../image/common/top_link_r.gif) !important;
}
.topImgLinkSt h2 a:link,
.topImgLinkSt h2 a:visited {
	background-image: url(../image/common/top_link_r.gif) !important;
	background-color: #343434;
	border-right: solid 6px transparent;
}
.topImgLinkSt.hover h2 a,
.topImgLinkSt h2 a:hover,
.topImgLinkSt h2 a:active {
	background-image: url(../image/common/top_link_r.gif) !important;
	background-color: #555555;
	border-right: solid 3px transparent;
}
* html .topImgLinkSt h2 a:link,
* html .topImgLinkSt h2 a:visited {
	padding:8px 15px;
	border-right: solid 6px #343434;
}
* html .topImgLinkSt h2 a:hover,
* html .topImgLinkSt h2 a:active {
	padding:8px 15px;
	border-right: solid 3px #555555;
}
*:first-child+html .topImgLinkSt h2 a:link,
*:first-child+html .topImgLinkSt h2 a:visited {
	padding:8px 15px;
	border-right: solid 6px #343434;
}
*:first-child+html .topImgLinkSt h2 a:hover,
*:first-child+html .topImgLinkSt h2 a:active {
	padding:8px 15px;
	border-right: solid 3px #343434;
}
/*===メニューボタン 均等配置 ==============================================*/
.ButtonStyle2A a {
	display: inline-block;
	min-width: 185px;
	min-height: 18px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	background-image: url(../../../../image/jp/r1/icon/icon_link_right_l_white.gif);
	background-repeat: no-repeat;
	background-position: right center;
	word-break: break-all;
}

.ButtonStyle2B a {
	display: inline-block;
	min-width: 185px;
	min-height: 35px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	background-image: url(../../../../image/jp/r1/icon/icon_link_right_l_white.gif);
	background-repeat: no-repeat;
	background-position: right center;
	word-break: break-all;
}

.ButtonStyle2B a span {
	display: table-cell;
	vertical-align:middle;
	height:35px;
}

.ButtonStyle2A a:link,
.ButtonStyle2B a:link,
.ButtonStyle2A a:visited,
.ButtonStyle2B a:visited {
	padding: 9px 22px 9px 15px;
	background-color: #e60027;
	color: #fff;
	text-decoration: none;
	border-right: solid 3px transparent;
}

.ButtonStyle2A a:hover,
.ButtonStyle2B a:hover,
.ButtonStyle2A a:active,
.ButtonStyle2B a:active {
	padding: 9px 24px 9px 15px;
	background-color: #b1000e;
	color: #fff;
	text-decoration: none;
	border-right: solid 1px transparent;
}

* html .ButtonStyle2A a:link,
* html .ButtonStyle2B a:link,
* html .ButtonStyle2A a:visited,
* html .ButtonStyle2B a:visited {border-right: solid 3px #e60027;}
* html .ButtonStyle2A a:hover,
* html .ButtonStyle2B a:hover,
* html .ButtonStyle2A a:active,
* html .ButtonStyle2B a:active {border-right: solid 1px #b1000e;}
*:first-child+html .ButtonStyle2A a:link,
*:first-child+html .ButtonStyle2B a:link,
*:first-child+html .ButtonStyle2A a:visited,
*:first-child+html .ButtonStyle2B a:visited {border-right: solid 3px #e60027;}
*:first-child+html .ButtonStyle2A a:hover,
*:first-child+html .ButtonStyle2B a:hover,
*:first-child+html .ButtonStyle2A a:active,
*:first-child+html .ButtonStyle2B a:active {border-right: solid 1px #b1000e;}

.ButtonStyle2A a strong,
.ButtonStyle2B a strong {
	font-weight: normal;
	color: #fff;
}

.Grid1 .ButtonStyle2A a,
.Grid1 .ButtonStyle2B a,
.Column1 .ButtonStyle2A a,
.Column1 .ButtonStyle2B a {
	display: block;
	min-width: 0;
}

* html .Grid1 .ButtonStyle2A li,
* html .Grid1 .ButtonStyle2B li,
* html .Column1 .ButtonStyle2A li,
* html .Column1 .ButtonStyle2B li {
	padding-bottom: 15px;
}
* html .Grid1 .ButtonStyle2A a,
* html .Grid1 .ButtonStyle2B a,
* html .Column1 .ButtonStyle2A a,
* html .Column1 .ButtonStyle2B a {
	margin: 0;
}

.ButtonStyle2A li,
.ButtonStyle2B li {
	float: left;
	margin: 0 15px 0 0;
}

.Grid1 .ButtonStyle2A li,
.Grid1 .ButtonStyle2B li,
.Column1 .ButtonStyle2A li,
.Column1 .ButtonStyle2B li {
	float: none;
	margin: 0;
}

/* --- [-] Font Size in Data Table --- */

table .ButtonStyle2A,
table .ButtonStyle2B {
	font-size: 100%;
}

/*===リスト回り込み  ==============================================*/

ul.ListBox_3column{}
ul.ListBox_3column li{
	display:block;
	float:left;
	margin-left:0;
	margin-right:10px;
	width:210px;
}

/*===枠囲いオプション：内容に合わせた幅に  =========================*/

.BoxFit {
	display: inline-block !important;
}

/*===　記事区切り用(主に見出しオプションとして)  =========================*/
.UnderLine {
border-bottom: 1px solid #cdcdcd;
}

/*===　データテーブル 余白狭い版  =========================*/
table.TableStyle3Low {width: 100%;}

table.TableStyle3Low caption {display: none;}

table.TableStyle3Low th,
table.TableStyle3Low td {
	vertical-align: top;
	padding: 8px 8px;
}

/*---- TOP見出しイメージ画像配置--- */
.MenuImg01 {
	background:url(/products/it/control_sys/electric_protection/image/top_menu01_579.jpg) no-repeat;
	margin-top:-15px;
	background-position:top;
	height:106px;
	margin-bottom: 0;
}

.MenuImg02 {
	background:url(/products/it/control_sys/electric_protection/image/top_menu02_579.jpg) no-repeat;
	margin-top:-15px;
	background-position:top;
	height:106px;
	margin-bottom: 0;
}

.EPTopBox div.Inner {padding: 0 15px;}
#newContentsArea2nd .BoxPatternB.EPTopBox h2#EPTop {padding:30px 15px 15px 30px !important}
.EPTopBox p.ImgOnlyStyle {padding: 0 120px 10px;}


/*===　<レスポンシブ独自対応> 767px以下を2グリッド表示にする  =========================*/

.AddColumn1andHalf {
float: left;
width: 353px;
margin: 0 0 0 14px;
}

.AddColumn1andHalf.FirstItem {
margin: 0;
}

@media screen and (max-width: 1274px) {
.EPTopBox p.ImgOnlyStyle {padding: 0 70px 10px;}
}

@media screen and (max-width: 994px) {

.JS .Grid3 .AddColumn1andHalf {
width: 50%;
margin: 0;
padding: 0 0 0 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.EPTopBox p.ImgOnlyStyle {padding: 0;}

}

@media screen and (max-width: 579px) {

.JS .Grid3 .AddColumn1andHalf {
float: none;
width: auto;
}

.JS .Grid3 .AddColumn1andHalf:after {
content: "";
display: block;
clear: both;
}



/*---- TOP見出しイメージ画像切替--- */
.JS .MenuImg01 {
	background:url(/products/it/control_sys/electric_protection/image/top_menu01_579.jpg) no-repeat;
	margin-top:-15px;
	background-position:top;
	height:101px;
	margin-bottom: 15px;
}

.JS .MenuImg02 {
	background:url(/products/it/control_sys/electric_protection/image/top_menu02_579.jpg) no-repeat;
	margin-top:-15px;
	background-position:top;
	height:101px;
	margin-bottom: 15px;
}


}

/*---- 767px以下 見出しイメージ画像 ダブり解消 ----

.BoxPatternA .BoxImgStyle2 {
	margin: -15px 0 15px 0;
	padding: 0;
}

 ------------------------------ */