@charset "Shift_JIS";

/* **************************************************

Name: add.css

Description: Main CSS

Copyright 2016 Hitachi, Ltd.

***************************************************** */





/* all =======================================================================================

	img hover alpha

=========================================================================================== */
#motor .Grid4 a:hover img,
#motor .Grid3 a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* all =======================================================================================

	headline

=========================================================================================== */
/* ttl_pattern_1 - background red */
#motor .ttl_pattern_1 {
	background-image: none;
	background: #d30027;
	color: #fff;
	font-size: 100%;
	letter-spacing: .110em;
	margin: 0 0 15px 0;
	padding: 10px 15px 10px 15px;
}
#motor .ttl_pattern_1 span {
	background: none;
	color: #fff;
	padding: 0;
}
#motor .ttl_pattern_1 a {
	background-image: url(/cmn_doc/image/jp/r1/icon/icon_link_right_l_white_hd.gif) !important;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	color: #fff;
	padding: 0 22px 0 0;
}
#motor .ttl_pattern_1 a:hover {
	padding: 0 24px 0 0;
}
#motor .ttl_pattern_1 img.logo {
	display: inline-block;
	margin-left: 10px;
}
/* ttl_pattern_2 */
#motor .ttl_pattern_2 {
	background-image: none;
	background-color: #eaeaea;
	border-top: 2px solid #e72233;
	color: #333;
	line-height: 1;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
}
#motor .ttl_pattern_2 span {
	background: none;
	padding: 0;
}
#motor .ttl_pattern_2.border_none {border: none !important;}
#motor .ttl_pattern_2.blue {background-color: #bbd5f0 !important;}
#motor .ttl_pattern_2.green {background-color: #c5e0b4 !important;}
#motor .ttl_pattern_2.yellow {background-color: #ffe699 !important;}
#motor .ttl_pattern_2.samon {background-color: #fbe5d6 !important;}
/* ttl_pattern_3 */
#motor .ttl_pattern_3 {
	background-image: none;
	background-color: #006d87;
	border-radius: 10px;
	color: #fff;
	line-height: 1.6;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
}
#motor .ttl_pattern_3 span {
	background: none;
	padding: 0;
}
/* ttl_pattern_4 */
#motor .ttl_pattern_4 {
	background: none;
	border-bottom: 1px solid #030;
	border-left: 6px solid #030;
	margin: 0 0 15px 0;
	padding: 10px 0 10px 10px;
}
#motor .ttl_pattern_4 span {
	background: none;
	padding: 0;
}
/* ttl_pattern_5 */
#motor .ttl_pattern_5 {
	background: none;
	border-left: 5px solid #e72233;
	color: #333;
	margin: 0 0 15px 0;
	padding: 10px 0 10px 10px;
}
#motor .green_pattern .ttl_pattern_5 {
	font-weight: bold;
	margin: 0 0 15px 15px;
	padding: 5px 0 5px 10px;
}
#motor .ttl_pattern_5 span {
	background: none;
	padding: 0;
}

/* all =======================================================================================

	modal whindow

=========================================================================================== */
#motor.modal {
	background: #fff !important;
}
#motor.modal #Contents {
	box-sizing: border-box;
	min-width: auto !important;
	padding: 30px 20px 0 20px;
}
/* PageTitleStyle1 */
#motor.modal #Contents .PageTitleStyle1 h1 {
	font-size: 100%;
	line-height: 100%;
}
/* colorbox */
#motor #cboxLoadedContent{
	border: none !important;
}
#motor #cboxContent {
	margin-top: 30px !important;
}
#motor #cboxPrevious {
	background: url(/products/motor/image/colorbox/controls.png) no-repeat top left !important;
}
#motor #cboxNext {
	background: url(/products/motor/image/colorbox/controls.png) no-repeat top right !important;
}
#motor #cboxClose {
	top: -28px !important;
	right: 0 !important;
	background: url(/products/motor/image/colorbox/controls_2.png) no-repeat top center !important;
	width: 30px !important;
	height: 26px !important;
}

/* all =======================================================================================

	table

=========================================================================================== */
#motor table {
	background: #fff;
}
#motor .BoxPatternA table th,
#motor .BoxPatternB table th,
#motor .BoxPatternC table th {
	background-color: #eaeaea;
}
#motor table.spec th,
#motor table.spec td {
	padding: 10px 14px;
}
#motor table.spec th {
	text-align: center;
}
#motor table.spec.narrow th,
#motor table.spec.narrow td {
	padding: 10px 5px;
}
#motor table.spec.low th,
#motor table.spec.low td {
	padding: 3px 10px;
}
#motor table.spec.narrow.fs11 th,
#motor table.spec.narrow.fs11 td,
#motor table.spec.narrow.fs10 th,
#motor table.spec.narrow.fs10 td {
	padding: 5px 2px 5px 1px;
}
/* background - yellow */
#motor table td.bg_yellow {
	background-color: #f6eeb7;
}
/* border - none */
#motor table.border_none th,
#motor table.border_none td {
	border: none;
}
/* border - bold */
#motor td.border_t_b {
	border-top: 3px solid #333;
}
#motor td.border_r_b {
	border-right: 3px solid #333;
}
#motor td.border_b_b {
	border-bottom: 3px solid #333;
}
#motor td.border_l_b {
	border-left: 3px solid #333;
}
/* border - black */
#motor table.border_all_black,
#motor td.border_all_black,
#motor th.border_all_black {
	border: 1px solid #212121;
}
#motor tr.border_t_black,
#motor th.border_t_black,
#motor td.border_t_black {
	border-top: 1px solid #212121;
}
#motor tr.border_r_black,
#motor th.border_r_black,
#motor td.border_r_black {
	border-right: 1px solid #212121;
}
#motor tr.border_b_black,
#motor th.border_b_black,
#motor td.border_b_black {
	border-bottom: 1px solid #212121;
}
#motor tr.border_l_black,
#motor th.border_l_black,
#motor td.border_l_black {
	border-left: 1px solid #212121;
}
/* th - emphasis */
#motor table th.emphasis {
	background-color: #cc9999;
	font-weight: bold;
}
/* td - emphasis */
#motor table td.emphasis {
	background-color: #eecccc;
	color: #cc0000;
}
/* td - contact */
#motor table td.contact {
	background-color: #eecccc;
	color: #cc0000;
}
/* td - mikomi */
#motor table td.mikomi {
	background-color: #eecccc;
	text-align: center;
}
/* td - order */
#motor table td.order {
	background-color: #99cccc;
	text-align: center;
}
/* 縦書き */
#motor table .tategaki {
	line-height: 1;
}
#motor table .tategaki span {
	-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
}

/* all =======================================================================================

	list

=========================================================================================== */
/* table - list */
#motor table.spec ul.LinkListStyle1 {
	margin-bottom: 0;
}
/* mikomi */
#motor dl.HosokuList dt.mikomi {
	background-color: #eecccc;
	border: solid 1px #9c9a9a;
	display: block;
	margin-bottom: 1px;
	text-align: center;
	width:40px;
}
/* order */
#motor dl.HosokuList dt.order {
	background-color: #99cccc;
	border: solid 1px #9c9a9a;
	display: block;
	margin-bottom: 1px;
	text-align: center;
	width: 40px;
}
/* hanigai */
#motor dl.HosokuList dt.hanigai {
	background-color: #fff;
	border: solid 1px #9c9a9a;
	display: block;
	margin-bottom: 1px;
	text-align: center;
	width: 40px;
}
/* emphasis */
#motor dl.HosokuList dt.emphasis {
	background-color: #eecccc;
	border: solid 1px #9c9a9a;
	display: block;
	margin-bottom: 1px;
	text-align: center;
	width: 40px;
}
/* contact */
#motor dl.HosokuList dt.contact {
	background-color: #eecccc;
	border: solid 1px #9c9a9a;
	display: block;
	margin-bottom: 1px;
	text-align: center;
	width: 40px;
}
/* HosokuList */
#motor .top_tab_area dl.HosokuList dt,
#motor .top_tab_area dl.HosokuList dd {
	display: inline-block;
	float: left;
}
#motor .top_tab_area dl.HosokuList dd {
	margin: 0 30px 0 0;
}

/* all =======================================================================================

	column

=========================================================================================== */
#motor .ColumnSet.valign_middle {
	display: table;
}
#motor .ColumnSet.valign_middle .Column1,
#motor .ColumnSet.valign_middle .Column2 {
	display: table-cell;
	float: none;
	vertical-align: middle;
}
#motor .flex {display: flex;}

/* all =======================================================================================

	button

=========================================================================================== */

#motor .btn_red a {
	background: #e60027 url("/cmn_doc/image/jp/r1/icon/icon_link_right_white_hd.gif") no-repeat right center / 16px 16px;
	border-radius: 2px;
	color: #fff;
	display: block;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px 0;
	text-align: center;
}

#motor .btn_red a:hover {
	background-color: #b1000e;
}

/* top =======================================================================================

	bx-slider

=========================================================================================== */
#motor #BrandingImgStyle2 {
	height: 283px;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding-bottom: 0;
}
#motor .bx-wrapper {
	background: #fff;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 10px;
}
#motor .bx-wrapper .bx-loading {
	background: url('/products/motor/image/bxslider/bx_loader.gif') center center no-repeat #ffffff;
}
#motor .bx-wrapper .bx-prev {
	background: url('/products/motor/image/bxslider/controls.png') no-repeat 0 -32px;
}
#motor .bx-wrapper .bx-next {
	background: url('/products/motor/image/bxslider/controls.png') no-repeat -43px -32px;
}
#motor .bx-wrapper .bx-controls-auto .bx-start {
	background: url('/products/motor/image/bxslider/controls.png') -86px -11px no-repeat;
}
#motor .bx-wrapper .bx-controls-auto .bx-stop {
	background: url('/products/motor/image/bxslider/controls.png') -86px -44px no-repeat;
}
#motor .bx-controls.bx-has-controls-auto.bx-has-pager {
	box-sizing: border-box;
	padding-right: 20px;
	position: absolute;
	bottom: 5px;
	text-align: right;
	width: 100%;
}
#motor .bx-controls-auto {
	display: inline-block;
	line-height: 100%;
	position: relative;
	bottom: auto;
	right: auto;
	width: auto;
}
#motor .bx-controls-auto-item {
	padding: 0 3px 1px 0;
}
#motor .bx-wrapper .bx-pager {
	padding-top: 0;
	line-height: 100%;
}
#motor .bx-pager.bx-default-pager {
	display: inline-block;
	position: relative;
	bottom: auto;
	width: auto;
}
#motor .bx-wrapper .bx-pager.bx-default-pager a:hover,
#motor .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #e60027;
}

/* top =======================================================================================

	local_nav

=========================================================================================== */
#motor .LinkListStyle1.local_nav,
#motor .LinkListStyle2.local_nav {
	margin: 0 0 5px 0;
}
#motor .LinkListStyle1.local_nav li,
#motor .LinkListStyle2.local_nav li {
	display: inline-block;
	width: 24%;
}

/* top =======================================================================================

	top_tab_area

=========================================================================================== */
#motor .top_tab_area {
	clear: both;
}
/* タブ部分（ボタン） */
#motor .top_tab_area .tab_set .tab_btn {
	border-bottom: 3px solid #d50027;
}
#motor .top_tab_area .tab_set .tab_btn li {
	display: table;
	float: left;
	margin-right: 1px;
	height: 44px;
	width: 240px;
}
#motor .top_tab_area .tab_set .tab_btn li:last-child {
	margin-right: 0;
	width: 242px;
}
#motor .top_tab_area .tab_set .tab_btn li a {
	background-color: #dedede;
	box-sizing: border-box;
	color: #333;
	display: table-cell;
	font-size: 90%;
	font-weight: bold;
	min-height: 47px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
#motor .top_tab_area .tab_set ul.tab_btn li.Current a {
	position: relative;
}
#motor .top_tab_area .tab_set ul.tab_btn li.Current a,
#motor .top_tab_area .tab_set ul.tab_btn li a:hover {
	background-color: #d50027;
	color: #fff;
}
#motor .top_tab_area .tab_set ul.tab_btn li.Current a::after {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #d50027;
	box-sizing: border-box;
	content: "";
	height: 0;
	position: absolute;
	bottom: -13px;
	left: 47%;
	width: 0;
}
/* タブのコンテンツ部分 */
#motor .top_tab_area .tab_set .tab_column_set {
	background: linear-gradient(to bottom,  #fff 1%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
	border: 1px solid #d2d2d2;
	border-top: 0;
	box-sizing: border-box;
}
#motor .top_tab_area .tab_set .tab_column_set .tab_column {
	box-sizing: border-box;
	padding: 25px 11px 15px 12px;
	width: 100%;
}
.jsOn #motor .top_tab_area .tab_set .tab_column_set .tab_column {
	display: none;
}
.jsOn #motor .top_tab_area .tab_set .tab_column_set .tab_column.Current {
	display: block;
}
/* タブコンテンツ1つ目 */
/* tab_column_wrap */
#motor .tab_column_set .tab_column_container {
	margin-bottom: 20px;
	width: 100%;
}
#motor .tab_column_set .tab_column_container:last-of-type {
	margin-bottom: 0;
}
#motor .tab_column_set .tab_column_wrap.right {
	float: left;
	margin-left: 18px;
}
#motor .tab_column_set .tab_column_wrap.left {
	float: left;
}
#motor .tab_column_set .tab_column_wrap h2 {
	margin: 0;
}
/* tab_column_inner */
#motor .tab_column_set .tab_column_inner {
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-top: none;
	box-sizing: border-box;
	width: 100%;
}
#motor .tab_column_set .tab_column_inner.w940 {
	padding: 20px 16px 5px 20px;
	width: 940px;
}
#motor .tab_column_set .tab_column_inner.w460 {
	position: relative;
	width: 460px;
}
/* tab_column_inner - ColumnSet */
#motor .tab_column_set .tab_column_inner .ColumnSet {
	box-sizing: border-box;
	display: table;
	padding: 10px 0 0 10px;
}
/* box */
#motor .tab_column_set .tab_column_inner .box {
	display: table-cell;
}
#motor .tab_column_set .tab_column_inner .box.b_r {
	vertical-align: top;
	width: 437px;
}
#motor .tab_column_set .tab_column_inner .box.b_l {
	vertical-align: top;
	width: 465px;
}
#motor .tab_column_set .tab_column_inner .box.s_r {
	vertical-align: middle;
	width: 190px;
}
#motor .tab_column_set .tab_column_inner .box.s_r > p {
	padding-bottom: 32px;
}
#motor .tab_column_set .tab_column_inner .box.s_l {
	vertical-align: middle;
	width: 246px;
}
/* table.line_up */
#motor .tab_column_set .tab_column_inner .box table.line_up {
	background-color: #fff;
	color: #000;
	margin-bottom: 5px;
	width: 100%;
}
#motor .tab_column_set .tab_column_inner .box table.line_up.gray {
	background-color: #eee;
}
#motor .tab_column_set .tab_column_inner .box table.line_up.red {
	background-color: #f1d6db;
}
#motor .tab_column_set .tab_column_inner .box table.line_up th,
#motor .tab_column_set .tab_column_inner .box table.line_up td {
	border: none;
}
#motor .tab_column_set .tab_column_inner .box table.line_up td:nth-of-type(1) {
	box-sizing: border-box;
	padding: 0 5px 0 0;
	width: 235px;
}
#motor .tab_column_set .tab_column_inner .box table.line_up td:nth-of-type(2) {
	box-sizing: border-box;
	padding: 0 12px 0 0;
	width: 202px;
}
#motor .tab_column_set .tab_column_inner .box table.line_up tr:nth-of-type(1) td {
	padding-top: 8px;
	padding-bottom: 5px;
}
#motor .tab_column_set .tab_column_inner .box table.line_up tr:nth-of-type(2) td {
	padding-bottom: 7px;
}
#motor .tab_column_set .tab_column_inner .box table.line_up.gray td:nth-of-type(1),
#motor .tab_column_set .tab_column_inner .box table.line_up.red td:nth-of-type(1) {
	font-size: 12px;
	padding-left: 20px;
}
/* ListStyle check */
#motor .tab_column_set .tab_column_inner .box .ListStyle1.check > li {
	background-image: url(/products/motor/image/top/icon_list_check.png);
	padding-left: 1.3em;
}
/* btn */
#motor .btn.detail {
	height: 28px;
	width: 190px;
}
#motor .btn.detail a {
	background: url(/products/motor/image/top/btn_detail_off.png) no-repeat 0 0;
	display: block;
	height: 28px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 190px;
}
#motor .btn.detail a:hover {
	background: url(/products/motor/image/top/btn_detail_on.png) no-repeat 0 0;
}
#motor .tab_column_set .tab_column_inner .box.s_r .btn.detail {
	position: absolute;
	bottom: 13px;
	right: 14px;
}
/* タブコンテンツ2つ目 */
#motor .tab_column_set .tab_column_inner .icon_catch {
	margin: 0 auto 15px;
	padding: 25px 0 0 0;
}
#motor .tab_column_set .tab_column_inner .catch_phrase {
	border-bottom: 1px dashed #959595;
	font-size: 16px;
	letter-spacing: -0.075em;
	padding: 0 0 15px 0;
	text-align: center;
}
#motor .tab_column_set .tab_column_inner .line_up_list {
	margin: 20px 0 20px 50px;
}
/* タブコンテンツ3つ目 */
#motor .tab_column_set td.emphasis,
#motor .tab_column_set td.contact {
	color: #333;
	padding: 0 !important;
}
#motor .tab_column_set table.spec.low td.emphasis a,
#motor .tab_column_set table.spec.low td.contact a {
	color: #333;
	display: block;
	padding: 3px 10px;
	text-decoration: none;
}

/* top =======================================================================================

	tab - case

=========================================================================================== */
.case .BoxStyle2Link {
	display: table;
	width: 100%;
	text-decoration: none !important;
}
.case .BoxStyle2Link + .BoxStyle2Link {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #e2e2e2;
}
.case .ImageStyle1 {
	display: table-cell;
	width: 140px;
	vertical-align: top;
}
.case .BoxStyle2Link .BoxText {
	display: table-cell;
	width: auto;
	padding-left: 15px;
}
.case .BoxStyle2Link .BoxCatch {
	margin-bottom: 15px;
	padding: 2px 0 0 6px;
	text-decoration: none;
	font-size: 13px;
	line-height: 1;
	color: #333;
	border-left: 6px solid #e60027;
}
.case .BoxStyle2Link .BoxTitle {
	margin: 0;
	padding: 0;
	background: none;
}
.case .BoxStyle2Link .BoxTitle span {
	display: inline-block;
	padding: 0 20px 0 0;
	font-size: 15px;
	font-weight: normal;
	color: #c02;
	line-height: 150%;
	background: url(/cmn_doc/image/jp/r1/icon/icon_link_right.gif) 99% 3px no-repeat;
	background-size: 15px 15px;
}
.BoxStyle2Link .BoxSub {
	font-size: 15px;
	color: #333;
}
.case .BoxStyle2On .BoxTitle span {
	text-decoration: underline;
	background: url(/cmn_doc/image/jp/r1/icon/icon_link_right.gif) 100% 3px no-repeat;
}
.case .BoxStyle2On .BoxSub {
	text-decoration: underline;
}

/* case */
.TitleStyle1 {
	display: block;
	padding: 15px;
	background: #333;
	border-left: 15px solid #e60027;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.TitleStyle1 span {
	margin-left: .5em;
	font-weight: normal;
}
.FeatureArea1, .FeatureArea2 {
	position: relative;
	margin: 1px 0 25px;
}
.FeatureArea1 img {
	position: absolute;
	top: 20px;
	right: 20px;
}
.FeatureArea2 img {
	position: absolute;
	top: 0px;
	right: 0px;
}
.FeatureArea1 h1 {
	margin: 0;
	padding: 30px 250px 30px 30px;
	background: url(/products/motor/case/image/bg_feature_1.png) no-repeat;
	background-color: #f2f2f2;
	color: #000;
	width: 720px;
	min-height: 203px;
	font-size: 25px;
	font-weight: bold;
	line-height: 38px;
	box-sizing: border-box;
}
.FeatureArea2 h1 {
	margin: 0;
	padding: 30px 285px 30px 30px;
	background: url(/products/motor/case/image/bg_feature_1.png) no-repeat;
	background-color: #f2f2f2;
	color: #000;
	width: 720px;
	min-height: 203px;
	font-size: 25px;
	font-weight: bold;
	line-height: 38px;
	box-sizing: border-box;
}
.FeatureArea1 h1 span, .FeatureArea2 h1 span {
	display: block;
	margin-top: 10px;
	color: #333;
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
}
.TextBox1 {
	margin: 0px 0 15px;
}
.TextBox1 h3 {
	margin: 0;
	padding: 9px 13px 10px 13px;
	background-color: #737373;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	color: #ffffff;
	position: relative;
	z-index: 20;
	text-align: center;
}
.TextBox1 ul {
	margin: -1px 0px 0px 0px;
	padding: 0;
	border-left: 2px solid #737373;
	border-right: 2px solid #737373;
	border-bottom: 2px solid #737373;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	vertical-align: top;
	position: relative;
	z-index: 10;
}
.TextBox1 ul li {
	border-top: 1px solid #e2e2e2;
	list-style: none;
	margin: 0;
	padding: 0 10px 6px 10px;
}
.TextBox1 ul li .icon_before {
	margin: 8px 0px 0px 0px;
	float: left;
}
.TextBox1 ul li p {
	margin: 7px 0px 0px 24px;
	padding: 0;
	color: #000;
	font-size: 14px;
}
.TextBox1 .icon_before {
	font-size: 18px;
}
.TextBox1 .TextBoxBtm {
	margin: -2px auto 0px auto;
	padding: 0;
	width: 38px;
	position: relative;
	z-index: 20;
}
.TextBox1Layout2 {
	margin-bottom: 25px;
}
.BtnText1 {
	margin: 0;
	padding: 0px 30px 0px 30px;
}
.BtnText1 a {
	padding: 12px 15px 11px 15px;
	border-radius: 3px;
	display: block;
	font-weight: bold;
	text-align: center;
	color: #000;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px -1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px -1px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 1px -1px;
	border: 1px solid #d1d1d1;
	border-bottom: 1px solid #b4b4b4;
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #f0f0f0));
	background-image: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
	background-image: -moz-linear-gradient(top, #fafafa, #f0f0f0);
	background-image: -o-linear-gradient(top, #fafafa, #f0f0f0);
	background-image: linear-gradient(top, #fafafa, #f0f0f0);
	background-image: linear-gradient(to bottom, #fafafa, #f0f0f0);
	font-size: 15px;
	line-height: 145%;
}
.BtnText1 a:hover {
    color: #b1000e;
    text-decoration: underline;
    -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    border: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #fafafa));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #fafafa);
    background-image: -moz-linear-gradient(top, #f0f0f0, #fafafa);
    background-image: -o-linear-gradient(top, #f0f0f0, #fafafa);
    background-image: linear-gradient(top, #f0f0f0, #fafafa);
    background-image: linear-gradient(to bottom, #f0f0f0, #fafafa);
}
.BtnText1 a span {
    padding: 2px 0px 0px 0px;
    background: url(/products/motor/case/image/btntext_1.png) no-repeat left center;
    padding-left: 101px;
    display: inline-block;
    min-height: 25px;
    text-align: left;
}
.BtnText1 a:hover span {
	color: #b1000e;
	text-decoration: underline;
    background: url(/products/motor/case/image/btntext_1_on.png) no-repeat left center;
}
.BtnPageBox1 {
	margin: 22px 0px 35px 0px;
	padding: 18px 0px 2px 0px;
	border-top: 1px solid #d1d1d1;
	text-align: center;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 165%;
}
.BtnPageBox1 span.on,
.BtnPageBox1 span.off {
    margin: 0px 4px 0px 4px;
}
.BtnPageBox1 span.on {
    background-color: #e60027;
    color: #ffffff;
    margin: 0;
    padding: 5px 7px 5px 7px;
}
.BtnPageBox1 span.off {
    background-color: #f0f0f0;
    color: #333333;
}
.BtnPageBox1 span.off a {
    background-color: #f0f0f0;
    border: 1px solid #d1d1d1;
    color: #333333;
    margin: 0;
    padding: 4px 6px 4px 6px;
    text-decoration: none;
}
.BtnPageBox1 span.off a:hover {
    border: 1px solid #272c31;
    color: #272c31;
    text-decoration: underline;
}
.BtnWrap1 {
	margin: 30px auto;
	padding-top: 30px;
	border-top: 1px solid #d1d1d1;  
}
.BtnWrap1 .ButtonStyle1 {
	text-align: center;
}
.BtnWrap1 .ButtonStyle1 a {
	min-width: 226px;
	min-height: 36px;
	font-size: 14px;
	margin-bottom: 0;
	box-sizing: border-box;
}
/* btn */
.BtnWrap1 .btn.large {
	padding: 20px 0;
}

/* top =======================================================================================

	banner area

=========================================================================================== */
#motor .top_bnr_area {
	background-color: #eaeaea;
	margin: 0 0 15px 0;
	padding: 15px 15px 10px 15px;
}
#motor .top_bnr_area > .bnr {
	background-color: #fff;
	float: left;
	margin: 0 5px 5px 0;
}
#motor .top_bnr_area > .bnr:nth-of-type(4),
#motor .top_bnr_area > .bnr:nth-last-of-type(1) {
	margin-right: 0;
}

/* top =======================================================================================

	news

=========================================================================================== */
#motor #news .LV2LinkSet {
	margin: 0 0 8px 0;
}
#motor #news .arrow_r_red a {
	background-image: none;
	box-sizing: border-box;
	color: #666;
	display: table-cell;
	padding: 0;
	position: relative;
	vertical-align: middle;
}
#motor #news .arrow_r_red a::before {
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 6px solid #dd0027;
	content: "";
	display: inline-block;
	height: 0;
	margin: 0 0 0 -15px;
	position: absolute;
	top: 30%;
	width: 0;
}
#motor #news ul.news {
	color: #4d4d4d;
	font-size: 75%;
}
#motor #news ul.news li a {
	background-image: none;
	text-decoration: underline;
}
#motor #news ul.news li a:link,
#motor #news ul.news li a:active {
	color: #4d4d4d !important;
}
#motor #news ul.news li a:visited {
	color: #333 !important;
}
#motor #news ul.news li a:hover {
	color: #b1000e !important;
}
#motor #news ul.news li:nth-child(odd) {
	background-color: #e2e2e2;
}
#motor #news ul.news li:nth-child(even) {
	background-color: #eee;
}
#motor #news ul.news li span:first-child {
	box-sizing: border-box;
	display: inline-block;
	padding: 5px 4% 5px 15px;
	width: 12%;
}
#motor #news ul.news li span:last-child {
	display: inline-block;
	width: 83%;
}

/* line up ===================================================================================

	ColumnSet ImgHeadingSet

=========================================================================================== */
#motor .ImgHeadingSet .ImgHeadingStyle.Link .Img img {
	box-sizing: border-box;
	border: 1px solid #ccc;
}
#motor .ImgHeadingSet .ImgHeadingStyle.Link .Title h2 {
	background: none;
}
#motor .ImgHeadingSet .ImgHeadingStyle .Title p a:link,
#motor .ImgHeadingSet .ImgHeadingStyle h2 a:link,
#motor .ImgHeadingSet .ImgHeadingStyle h3 a:link,
#motor .ImgHeadingSet .ImgHeadingStyle h4 a:link,
#motor .ImgHeadingSet .ImgHeadingStyle .Title p a:visited,
#motor .ImgHeadingSet .ImgHeadingStyle h2 a:visited,
#motor .ImgHeadingSet .ImgHeadingStyle h3 a:visited,
#motor .ImgHeadingSet .ImgHeadingStyle h4 a:visited {
	background-image: url(/cmn_doc/image/jp/r1/icon/icon_link_right_l.gif) !important;
	color: #333;
}
#motor .ImgHeadingSet .ImgHeadingStyle .Title p a:hover,
#motor .ImgHeadingSet .ImgHeadingStyle h2 a:hover,
#motor .ImgHeadingSet .ImgHeadingStyle h3 a:hover,
#motor .ImgHeadingSet .ImgHeadingStyle h4 a:hover,
#motor .ImgHeadingSet .ImgHeadingStyle .Title p a:active,
#motor .ImgHeadingSet .ImgHeadingStyle h2 a:active,
#motor .ImgHeadingSet .ImgHeadingStyle h3 a:active,
#motor .ImgHeadingSet .ImgHeadingStyle h4 a:active,
#motor .ImgHeadingSet .ImgHeadingStyle.hover .Title p a,
#motor .ImgHeadingSet .ImgHeadingStyle.hover h2 a,
#motor .ImgHeadingSet .ImgHeadingStyle.hover h3 a,
#motor .ImgHeadingSet .ImgHeadingStyle.hover h4 a {
	color: #b1000e;
}

/* support ===================================================================================

	LinkListStyle5

=========================================================================================== */
#motor .ColumnSet.valign_middle .LinkListStyle5 {
	margin: -20px 0 15px;
}

/* ===========================================================================================

	text, box_pattern

=========================================================================================== */
#motor #amorphous .BoxPatternA.green_pattern h2 {
	background-color: #060;
	color: #fff;
	font-weight: bold;
}
#motor #amorphous .BoxPatternA.green_pattern .under {
	border-bottom: 1px solid #060;
	margin: 0 0 15px 15px;
	padding-bottom: 5px;
	text-decoration: none;
}
#motor #amorphous .BoxPatternA.green_pattern .CatchCopy {
	color: #060;
	font-size: 120%;
}
#motor #amorphous .BoxPatternA.green_pattern .ImgOnlyStyle {
	padding: 0;
}
#motor #amorphous .btn_inquiry a {
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 100%;
}
#motor .btn_amorphous a {
	background-color: #060;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 100%;
}
#motor .btn_amorphous a:hover {
	background-color: #090;
	transition-duration: .5s;
}
#motor #amorphous sup {vertical-align: top;}

#motor .kugiri {
	border-bottom: 1px dashed #ccc;
	margin: 0 0 30px 0;
	padding: 0 0 25px 0;
}


/* ===========================================================================================

	general style

=========================================================================================== */
/* font-size */
.fs10 {	font-size: 67% !important;}/* .TextStyle4 */
.fs11 {	font-size: 76% !important;}/* .TextStyle3 */
.fs12 {	font-size: 83% !important;}/* .TextStyle2 */
.fs13 {	font-size: 90% !important;}/* .TextStyle1 */
.fs14 {	font-size: 100% !important;}/* 100% */
.fs16 {	font-size: 114% !important;}
.fs18 {	font-size: 128% !important;}
.fs21 {	font-size: 150% !important;}
.fs24 {	font-size: 171% !important;}
.fs27 {	font-size: 192% !important;}
.fs30 {	font-size: 214% !important;}
/* text (color) */
.tc_red {color: #f00;}
.tc_blue {}
.tc_yellow {}
.tc_green {}
/* margin (top) */
.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt55 { margin-top: 55px !important;}
/* margin (right) */
.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mr55 { margin-right: 55px !important;}
/* margin (bottom) */
.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb55 { margin-bottom: 55px !important;}
/* margin (left) */
.ml0 { margin-left: 0px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.ml55 { margin-left: 55px !important;}
/* padding (top) */
.pt0 { padding-top: 0px !important;}
.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt55 { padding-top: 55px !important;}
/* padding (right) */
.pr0 { padding-right: 0px !important;}
.pr5 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}
.pr55 { padding-right: 55px !important;}
/* padding (bottom) */
.pb0 { padding-bottom: 0px !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb55 { padding-bottom: 55px !important;}
/* padding (left) */
.pl0 { padding-left: 0px !important;}
.pl5 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl55 { padding-left: 55px !important;}
/* width (%) */
.wid3p { width: 3% !important; }
.wid4p { width: 4% !important; }
.wid5p { width: 5% !important; }
.wid6p { width: 6% !important; }
.wid7p { width: 7% !important; }
.wid8p { width: 8% !important; }
.wid9p { width: 9% !important; }
.wid10p { width: 10% !important; }
.wid11p { width: 11% !important; }
.wid12p { width: 12% !important; }
.wid13p { width: 13% !important; }
.wid14p { width: 14% !important; }
.wid15p { width: 15% !important; }
.wid16p { width: 16% !important; }
.wid17p { width: 17% !important; }
.wid18p { width: 18% !important; }
.wid19p { width: 19% !important; }
.wid20p { width: 20% !important; }
.wid21p { width: 21% !important; }
.wid22p { width: 22% !important; }
.wid23p { width: 23% !important; }
.wid24p { width: 24% !important; }
.wid25p { width: 25% !important; }
.wid26p { width: 26% !important; }
.wid27p { width: 27% !important; }
.wid28p { width: 28% !important; }
.wid29p { width: 29% !important; }
.wid30p { width: 30% !important; }
.wid31p { width: 31% !important; }
.wid32p { width: 32% !important; }
.wid33p { width: 33% !important; }
.wid34p { width: 34% !important; }
.wid35p { width: 35% !important; }
.wid36p { width: 36% !important; }
.wid37p { width: 37% !important; }
.wid38p { width: 38% !important; }
.wid39p { width: 39% !important; }
.wid40p { width: 40% !important; }
.wid42p { width: 42% !important; }
.wid44p { width: 44% !important; }
.wid45p { width: 45% !important; }
.wid48p { width: 48% !important; }
.wid50p { width: 50% !important; }
.wid55p { width: 55% !important; }
.wid57p { width: 57% !important; }
.wid58p { width: 58% !important; }
.wid60p { width: 60% !important; }
.wid63p { width: 63% !important; }
.wid65p { width: 65% !important; }
.wid66p { width: 66% !important; }
.wid67p { width: 67% !important; }
.wid70p { width: 70% !important; }
.wid72p { width: 72% !important; }
.wid73p { width: 73% !important; }
.wid74p { width: 74% !important; }
.wid75p { width: 75% !important; }
.wid80p { width: 80% !important; }
.wid85p { width: 85% !important; }
.wid90p { width: 90% !important; }
.wid95p { width: 95% !important; }
.wid98p { width: 98% !important; }
.wid100p { width: 100% !important; }

.LHStyle01 {line-height: 130%;}

/* ===========================================================================================

	CSS hack - IE8

=========================================================================================== */
/* タブボタン */
#motor .top_tab_area .tab_set .tab_btn > *:first-child + * + * + * {
	margin-right: 0;
}
/* タブコンテンツ1つ目 */
/*
#motor .top_tab_area #tab_column1 .box_top_tab_set {
	clear: both\9;
	display: block\9;
	margin: 0 0 10px 0\9;
}
*/
/* お知らせ */
#motor #news .LV2LinkSet .arrow_r_red a {
	background-image: url(/cmn_doc/image/jp/r1/icon/icon_link_right.gif)\9;
	display: block\9;
	padding: 0 16px 0 0\9;
}
/* ===========================================================================================

	CSS hack - IE7

=========================================================================================== */
*:first-child+html #motor .top_tab_area .tab_set .tab_btn li a {
	display: block;
	min-height: 34px;
	padding-top: 10px;
}
*:first-child+html #motor .top_tab_area .tab_set ul.tab_btn li.Current a,
*:first-child+html #motor .top_tab_area .tab_set ul.tab_btn li a:hover {
	background-color: #e60027;
	color: #fff;
}
*:first-child+html #motor .top_tab_area .tab_set .tab_column_set {
	background: #f2f2f2;
}
/* タブコンテンツ1つ目 */
*:first-child+html #motor .top_tab_area #tab_column1 .box_top_tab_set {
	clear: both;
	display: block;
	margin: 0 0 10px 0;
}
/* お知らせ */
*:first-child+html #motor #news .LV2LinkSet .arrow_r_red a {
	background-image: url(/cmn_doc/image/jp/r1/icon/icon_link_right.gif);
	display: block;
	padding: 0 16px 0 0;
}