@charset "utf-8";

/* ad.css
--------------------------------------------------------------- */

#topics {
	width: 980px;
	clear: both;
}

#topics table {
	margin: 20px 60px 30px 60px;
	width: 860px;
}

#topics table th {
	padding-bottom: 20px;
}

#topics table tr.line {
	border-bottom: dashed 1px #CCC;
}

#topics table td.new {
	width: 30px;
	height: 40px;
	padding-left: 10px;
	padding-right: 20px;
	background-image: url(../images/ad/icon_new.png);
	background-repeat: no-repeat;
	background-position: 10px;
}

#topics table td.old {
	width: 30px;
	height: 40px;
	padding-left: 10px;
	padding-right: 20px;
}

#topics table td.time {
	width: 100px;
}

/* cmn.css　※コンフリクトにつき一部無効化
--------------------------------------------------------------- */

/* -----------------------------
    body ---- */

body.index {
	background: url(../images/haikei.png) repeat-x center top;
}

body.kasou {
	background: url(../images/kasoubg.jpg) repeat-x center top;
}

div#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	text-align: left;
}

div.contents {
	width: 980px;
	height: auto;
	padding: 30px 0 60px 0;
}

.img {
	border: 1px #cccccc solid;
	padding: 5px;
}

.lastChild {
	border: none;
}

/* -----------------------------
    header ---- */

div#header {
	width: 980px;
	background: url(../images/headbg.png) no-repeat;
	height: 220px;
}

/*
h1 {
	width: 530px;
	_width: 560px;
	height: 20px;
	color: #666;
	font-size: 11px;
	float: left;
	text-align: left;
	font-weight: normal;
	padding: 15px 0 0 30px;
}
*/
div#kheader {
	width: 980px;
	height: 130px;
	float: left;
	margin-bottom: 10px;
}

#logo {
	width: 440px;
	height: 80px;
	float: left;
	margin: 30px 0 0 38px;
}

.jab {
	float: left;
	margin: 38px 0 0 20px;
}

#headRight {
	width: 390px;
	float: right;
	margin: 10px 0 0 0;
}

#headRight ul {
	float: left;
	margin: 0 0 0 100px;
}

#headRight ul li {
	float: left;
	display: inline;
}

#add {
	float: left;
}

#contact {
	float: left;
	margin: 0 0 0 98px;
}

#nav {
	display: flex;
	align-items: stretch;
	clear: both;
	height: 50px;
	margin: 6px 20px 0 20px;
	width: 96%;
}

#nav li {
	height: 50px;
	width: 100%;
}

#nav li a.menu {
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
	box-sizing: border-box;
	padding: 8px;
	font-size: 11px;
	background: -moz-linear-gradient(top, #4991fc 0%, #6da6fc 50%, #589afd 51%, #589afd 100%);
	background: -webkit-linear-gradient(top, #4991fc 0%, #6da6fc 50%, #589afd 51%, #589afd 100%);
	background: linear-gradient(to bottom, #4991fc 0%, #6da6fc 50%, #589afd 51%, #589afd 100%);
}

#nav li:first-child a.menu {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#nav li:last-child a.menu {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#nav li a.menu:hover {
	text-decoration: none;
	opacity: 0.9;
}

#nav li+li {
	border-left: 1px solid #fff;
}

#nav li.gnavlast ul {
	width: 131px;
	position: absolute;
	clear: both;
}

#nav ul {
	display: none;
}

#nav li.gnavlast ul li {
	display: table;
	color: #FFF;
	border-left: none;
	background-color: #6da6fc;
	border-bottom: 2px solid #FFF;
	text-align: center;
	zoom: 1;
	line-height: 1;
}

#nav li.gnavlast ul li a {
	display: table-cell;
	padding: 5px 0;
	vertical-align: middle;
}

#nav li.gnavlast ul li a.hover {
	background: #CCC;
	opacity: 0.9;
}

/* mainColumn
------------------------------- */
div#mainc {
	float: left;
	width: 680px;
	margin: 0 0 0 20px;
}

/* rightColumn
------------------------------- */
div#maincthailand {
	width: 810px;
	margin: 0 0 0 20px;
}


div#rightc {
	width: 220px;
	_width: 240px;
	padding: 15px 12px 10px 8px;
	float: right;
	background-color: #F9F9F9;
	margin: 0 20px 0 0;
}

#rnav {
	width: 220px;
	float: left;
}

.rli01 {
	height: 55px;
	float: left;
}

.rli02 {
	height: 30px;
	float: left
}

#rnav li a {
	display: block;
	border-bottom: 1px dotted #666;
	text-decoration: none;
}

body#cleanrefre #rnav li a {
	display: block;
	padding: 10px 15px;
	border-bottom: 1px dotted #666;
	text-decoration: none;
}

#rnav li ul li.rnavul {
	clear: both;
	float: left;
	height: 30px;
}

#riso {
	float: right;
}

#rtel {
	margin-bottom: 10px;
}

#rfax {
	margin-bottom: 10px;
}

#rmail {
	margin-bottom: 20px;
}

/* -----------------------------
    footer ---- */

#futter {
	width: 980px;
	height: 220px;
	margin: 0 auto;
	overflow: hidden;
}

#fnavg {
	width: 940px;
	color: #FFF;
	border-radius: 5px;
	padding: 3px;
	margin: 10px auto 13px auto;
	text-align: center;
	background-color: #037CFE;
	font-size: 13px;
	word-break: keep-all;
}

#fnavgkasou {
	width: 940px;
	color: #FFF;
	border-radius: 5px;
	padding: 3px;
	margin: 10px auto 13px auto;
	text-align: center;
	background-color: #037CFE;
	font-size: 13px;
	word-break: keep-all;
}

#fnavg li {
	display: inline;
}

#fnavgkasou li {
	display: inline;
}

#fbg {
	width: 980px;
	height: 140px;
	color: #333;
	margin: 0 auto 0 auto;
	background: url(../images/fbg.jpg) no-repeat;
	font-size: 13px;
}

#fLeft01 {
	width: 323px;
	float: left;
	color: #000;
	text-align: left;
	margin: 30px 0 0 40px;
}

#flogo {
	float: left;
	margin: 0 0 0 0;
}

#fLeft02 {
	width: 418px;
	float: left;
	margin: 30px 0 0 50px;
}

#fLeft03 {
	width: 200px;
	float: left;
	margin: 50px 18px 0 0;
}

#ftel {
	float: left;
	margin: 11px 0 0 0;
}

#ffax {
	float: left;
	margin: 11px 0 0 0;
}

#fmail {
	float: left;
	margin: 0 0 0 154px;
}

.fiso {
	float: left;
	margin: 32px 0 0 20px;
}

#fimg {
	float: right;
	margin: 35px 0 0 0;
}

#copy {
	clear: both;
	text-align: right;
	font-size: 12px;
	padding: 5px 50px 0 0;
	color: #333;
}

#pagetop {
	clear: both;
	float: left;
	padding-top: 5px;
	padding-left: 540px;
	padding-bottom: 25px;
}

/*-----------------　intefrate.html ---------------*/
table.integrate_table001 {
	border: solid 0 #ffffff;
	border-collapse: collapse;
	width: 100%;
}

table.integrate_table001 td {
	padding: 15px 5px 5px 5px;
}

table.integrate_table001 td.table_left {
	text-indent: 0.5em;
	text-align: left;
	font-size: 1.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #020FFB;
}

table.integrate_table001 td.table_right {
	text-align: right;
}

.bt_border {
	/*border-bottom:1px #666 dashed;
	margin-bottom:24px;*/

}

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

/* index.css
--------------------------------------------------------------- */

/*------共通 ---- */
.clear {
	float: left;
	clear: both;
}

.fl {
	float: left;
}

.pt15 {
	padding-top: 15px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb30 {
	padding-bottom: 30px;
}

.mb15 {
	float: left;
	margin-bottom: 15px;
}

.mb20 {
	float: left;
	margin-bottom: 20px;
}

.mb30 {
	float: left;
	margin-bottom: 30px;
}

.mt2 {
	margin-top: 2px;
}

.mt30 {
	margin-top: 30px;
}

.w640 {
	float: left;
	width: 640px;
	margin: 0 0 0 20px;
}

.w680 {
	clear: both;
	float: left;
	width: 680px;
}

.w250 {
	float: left;
	width: 250px;
}

.w400 {
	clear: both;
	float: left;
	width: 400px;
}

.fs10 {
	clear: both;
	font-size: 10px;
	float: left;
}

.fs11 {
	clear: both;
	font-size: 11px;
	float: left;
}

.strongblue {
	font-size: 16px;
	color: #06F;
	font-weight: normal;
}

.ac {
	text-align: center;
}

.meruad {
	clear: both;
	font-size: 20px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 40px;
}

.meruad a:link {
	color: #00F;
}

.meruad a:hover {
	color: #00F;
	text-decoration: none;
}

/* mainArea
------------------------------- */
div#mainimg {
	float: left;
	width: 980px;
	height: 380px;
	background: url(../images/mainimgbg.png) no-repeat;
}

#mainimgbox {
	float: left;
	width: 520px;
	height: 85px;
	margin: 220px 0 0 402px;
}

.mainimgblock {
	float: left;
	width: 254px;
	margin: 0 0 0 6px;
}

.mainimgblocktxt {
	float: left;
	color: #FFF;
	font-size: 12px;
	line-height: 1.3;
	padding: 3px 15px 0 17px;
}

.mainimgblocktxt02 {
	width: 750px;
	clear: both;
	float: left;
	color: #333;
	font-size: 13px;
	margin: 18px 0 0 105px;
}

div#topMain {
	float: left;
	display: inline;
	margin: 5px 0 15px 38px;

}

.topcontbt {
	width: 386px;
	height: 40px;
	float: left;
	margin: 22px 0 10px 24px;
}

.slidertxt01 {
	width: 375px;
	clear: both;
	float: left;
	margin: 45px 0 0 30px;
}

.slidertxt02 {
	width: 375px;
	clear: both;
	float: left;
	margin: 10px 0 0 30px;
}

.red {
	color: #F00;
}

.topcont00 {
	width: 902px;
	margin-bottom: 20px;
}

.topcont00 h2 {
	position: relative;
	background-color: #0066cc;
	color: #fff;
	padding: 15px;
	font-size: 16px;
	font-weight: normal;
	border-radius: 5px;
}

.topcont00 .more-btn {
	position: absolute;
	right: 15px;
	font-weight: normal;
}

.topcont00 .more-btn a {
	color: #fff;
	font-weight: normal;
}

.topcont03 {
	float: left;
	width: 470px;
	height: 392px;
	margin: 22px 0 0 0;
	background: url(../images/topcontbg03.jpg) no-repeat;
}

.topcont03img {
	float: left;
	margin: 0 0 0 23px;
}

.topcont04 {
	float: left;
	width: 470px;
	height: 392px;
	margin: 22px 0 0 0;
	background: url(../images/topcontbg04.jpg) no-repeat;
}

.columne_border {
	border: 1px solid #333;
	border-radius: 5px;
}

.column-2 {
	margin-top: 10px;
	display: flex;
}

.column-2 .left_coliumn {
	box-sizing: border-box;
	padding: 20px;
	width: 30%;
}

.column-2 .right_coliumn {
	box-sizing: border-box;
	font-size: 140%;
	line-height: 1.6;
	padding: 20px;
	width: 70%;
}

/*kasou
------------------------------- */
#ptitle {
	float: left;
	margin: 10px 0 20px 20px;
}

#cont {
	width: 980px;
	float: left;
	margin: 0 0 0 0;
	background: url(../images/contbg.jpg) repeat-y;
}

#thailandocnt {
	margin: 0 0 0 130px;

}

.blue {
	color: #009FFF;
}

.contblock {
	clear: both;
	width: 680px;
	float: left;
	margin: 0 0 20px 0;
}

.cb_leftimg {
	clear: both;
	width: 180px;
	float: left;
}

.cb_leftimg02 {
	clear: both;
	float: left;
}

.cb_righttxthalf {
	width: 50%;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 10px;
	box-sizing: border-box;
}

.cb_lefttxthalf {
	width: 50%;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 10px;
	box-sizing: border-box;
}

.cb_righttxt {
	width: 450px;
	float: left;
	margin: 10px 0 0 40px;
}

.cb_righttxt02 {
	width: 450px;
	float: left;
	margin: 0 0 0 40px;
}

.cb_righttxt03 {
	float: left;
	margin: 10px 20px 0 40px;
}

.cb_righttxt04 {
	width: 350px;
	float: left;
	margin: 10px 20px 0 40px;
}

.cb_righttxt02bg01 {
	width: 450px;
	height: 110px;
	float: left;
	margin: 0 0 0 40px;
	background: url(../images/integratebg01.jpg) no-repeat;
}

.cb_righttxt02bg02 {
	width: 450px;
	height: 110px;
	float: left;
	margin: 0 0 0 40px;
	background: url(../images/integratebg02.jpg) no-repeat;
}

.cb_righttxt02bg03 {
	width: 450px;
	float: left;
	margin: 0 0 0 40px;
	background: url(../images/integratebg03.jpg) no-repeat;
}

.cb_righttxtfr {
	width: 450px;
	float: right;
	margin: 0 10px 0 0;
}

.typeimg {
	float: left;
	margin: 0 0 15px 23px;
}

.typeimg02 {
	float: left;
	margin: 0 0 15px 0;
}

.h2sub {
	font-size: 14px;
	font-weight: normal;
	color: #FF0;
	padding-left: 15px;
}

.h2sub02 {
	font-size: 14px;
	font-weight: normal;
	color: #FF0;
	float: right;
	padding-right: 20px;
}

.masatsutxt {
	float: left;
	color: #F00;
	font-size: 16px;
	font-weight: bold;

}

.equipmentg01 {
	float: left;
	width: 310px;
	margin-left: 15px;
}

.equipmentg02 {
	float: left;
	width: 310px;
	margin-left: 30px;
}

.equipmenttitle {
	clear: both;
	padding: 0 0 3px 0;
}

.kimg01 {
	float: right;
	margin: 0 0 0 0;
}

.ktxt01 {
	float: left;
	width: 350px;
	margin: 0 0 30px 20px;
}

.ktxt01strong {
	float: left;
	width: 600px;
	color: #F00;
	font-size: 17px;
	margin: 5px 0 15px 20px;
}

.krinentxt01 {
	clear: both;
	float: left;
	color: #06F;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.krinentxt02 {
	clear: both;
	float: left;
	margin: 0 0 15px 17px;
}

.krinentxt03 {
	clear: both;
	width: 620px;
	float: left;
	margin: 0 0 15px 40px;
}

.krinentxt03 li {
	list-style: decimal;
}

.sitemaptitle01 {
	clear: both;
	display: block;
	background: url(../images/sitemap_arrow01.jpg) no-repeat left;
	padding: 1px 0 0px 15px;
	font-size: 13px;
	margin: 5px 10px 15px 25px;
}

.sitemaptitle02 {
	clear: both;
	display: block;
	background: url(../images/sitemap_arrow01.jpg) no-repeat left;
	padding: 1px 0 0px 20px;
	font-size: 13px;
	margin: 5px 10px 0px 60px;
}

.sitemaplink {
	clear: both;
	float: left;
	width: 610px;
	_width: 630px;
	padding: 10px 15px 10px 5px;
	margin: 0 0 5px 45px;
}

.sitemaplink li {
	clear: both;
	float: left;
	display: block;
	height: auto;
	padding: 5px 0 3px 13px;
	margin: 0 0 0 30px;
	font-size: 12px;
	font-weight: normal;
	background: url(../images/sitemap_arrow02.jpg) no-repeat left;
}

#emidas {
	float: right;
	margin: 15px 0 20px 0;
}

.toppagehe {
	float: left;
	margin: 150px 0 0 530px;
}

/* h2
------------------- */
.h2bg01 {
	width: 675px;
	_width: 680px;
	height: 24px;
	_height: 27px;
	float: left;
	background: url(../images/h2n_bk.jpg) no-repeat;
	padding: 3px 0 0 5px;
	color: #0076FF;
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 20px 0;
}

.h2bggasinjection {
	width: 675px;
	_width: 680px;
	height: 24px;
	_height: 27px;
	float: left;
	background: url(../images/h2bggasinjection.jpg) no-repeat;
	padding: 3px 0 0 5px;
	color: #0076FF;
	font-weight: normal;
	font-size: 16px;
	margin: 10px 0 20px 0;
}

.h2bggasinjection02 {
	width: 675px;
	_width: 680px;
	height: 24px;
	_height: 27px;
	float: left;
	background: url(../images/h2bggasinjection.jpg) no-repeat;
	padding: 3px 0 0 5px;
	color: #0076FF;
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 20px 0;
}

.h2bg02 {
	width: 650px;
	_width: 680px;
	height: 28px;
	_height: 40px;
	float: left;
	background: url(../images/h2bg02.jpg) no-repeat;
	padding: 12px 0 0 30px;
	color: #FFF;
	font-weight: normal;
	font-size: 17px;
	margin: 0 0 20px 0;
}

/* h3
------------------- */
.h3bg01 {
	width: 678px;
	_width: 680px;
	height: 24px;
	_height: 27px;
	float: left;
	background: url(../images/h3bg01.jpg) no-repeat;
	padding: 3px 0 0 2px;
	color: #0076FF;
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 20px 0;
}

/*table
------------------- */
.tbdot {
	float: left;
	margin: 0 0 0 0;
	text-align: center;
}

.tbdot td {
	border: #CCC 1px dotted;
	padding: 5px;
}

.tbdot02 {
	float: left;
	margin: 0 0 30px 30px;
	;
}

.tbdot02 td {
	border: #CCC 1px dotted;
	padding: 5px;
}

.tbdot03 {
	float: left;
	margin: 0 0 0 0;
	text-align: center;
}

.tbdot03 td {
	border: #666 1px dotted;
	padding: 0;
	font-size: 10px;
	vertical-align: middle;
}

.tbequipment {
	width: 310px;
	clear: both;
	float: left;
	margin: 0 0 30px 0;
}

.tbequipment td {
	border: #CCC 1px solid;
	padding: 5px;
}

.tbgaiyo_box {
	float: left;
}

.tbgaiyo {
	width: 380px;
	float: left;
	margin: 10px 0 50px 20px;
}

.tbgaiyo td {
	border-bottom: 1px #666 dashed;
	padding: 8px;
	color: #333;
	border-color: #999;
}

.tbgaiyo_box_mb50 {
	margin-bottom: 50px;
}

.tbthai {
	width: 650px;
	float: left;
	margin: 10px 0 50px 20px;
}

.tbthai td {
	border-bottom: 1px #666 dashed;
	padding: 8px;
	color: #333;
	border-color: #999;
}

.tbenkaku {
	width: 405px;
	float: left;
	margin: 10px 0 50px 20px;
}

.tbenkaku td {
	border-bottom: 1px #666 dashed;
	padding: 8px;
	color: #333;
	border-color: #999;
}

.tbequipment {
	width: 310px;
	clear: both;
	float: left;
	margin: 0 0 30px 0;
}

.tbequipment td {
	border: #CCC 1px solid;
	padding: 5px;
}

p.center {
	text-align: center;
	font-weight: bold;
}

div.small_contents3 {
	width: 205px;
	height: 235px;
	float: left;
	margin-bottom: 15px;
	margin-right: 25px;
}

div.last_margin_right0 {
	margin-right: 0;
}

div.small_contents3 p {
	text-align: center;
	margin: 5px;
}

div.small_contents3 p a {
	margin: 0 0 0 10px;
}

a:hover img.imgover_png {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: none !important;
}

/* reset.css ※コンフリクトにつき内容変更
--------------------------------------------------------------- */

/* 旧body代替 */
.legacy-style {
	width: var(--container-width);
	margin: 0 auto;
	font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	_font-family: Verdana, 'ＭＳ Ｐゴシック', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #000;

	& a:link {
		color: #000;
		font-weight: bold;
		text-decoration: underline;
	}

	& a:visited {
		color: #000;
		text-decoration: underline;
	}

	& a:hover {
		color: #69C;
		text-decoration: underline;
	}

	/* -----------------------------
	    plink ---- */
	.plink01 a:link {
		color: #FFF;
		font-weight: normal;
		text-decoration: none;
	}

	.plink01 a:visited {
		color: #FFF;
		font-weight: normal;
		text-decoration: none;
	}

	.plink01 a:hover {
		color: FFF;
		font-weight: normal;
		text-decoration: underline;
	}

	.plink02 a:link {
		color: #047CFE;
		font-weight: normal;
		text-decoration: none;
	}

	.plink02 a:visited {
		color: #047CFE;
		font-weight: normal;
		text-decoration: none;
	}

	.plink02 a:hover {
		color: #7fbcfe;
		font-weight: normal;
		text-decoration: underline;
	}

	.plink03 a:link {
		color: #00F;
		text-decoration: none;
	}

	.plink03 a:visited {
		color: #00F;
		text-decoration: none;
	}

	.plink03 a:hover {
		color: #00F;
		text-decoration: underline;
	}

}

br.clear {
	clear: both;
	line-height: 0;
	height: 0;
}

.textstyle1 {
	font-size: 14px;
	font-weight: bold;
	color: #06F;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}


/* tanshi.css
--------------------------------------------------------------- */

/* ----------------------------------------
			端子台共通
-----------------------------------------*/

p#noimg {
	height: 10px;
}

p.linkTanshi {
	margin: 0 14px 20px 0;
	text-align: right;
}

img.introImg {
	display: block;
	margin: 0 0 20px;
}

.floL {
	float: left;
}

.floR {
	float: right;
}


/* ----------------------------------------
			端子台トップ
-----------------------------------------*/

div.wrapBn {
	width: 100%;
	margin: 0 0 20px;
	overflow: hidden;
	clear: both;
}

div.wrapBn div.bnTanshi {
	width: 330px;
	height: 140px;
}

div.wrapBn div.bnTanshi a {
	display: block;
	width: 330px;
	height: 140px;
	text-indent: -9999px;
}

div.wrapBn div.kiban {
	width: 680px;
	height: 140px;
}

div.wrapBn div.kiban a {
	display: block;
	width: 680px;
	height: 140px;
	text-indent: -9999px;
	background: url("../images/bn_kiban.jpg") left top no-repeat;
}

div.wrapBn div.kiban a:hover {
	background-position: left -140px;
}

div.wrapBn div.cyukei {
	float: left;
}

div.wrapBn div.cyukei a {
	background: url("../images/bn_cyukei.jpg") left top no-repeat;
}

div.wrapBn div.cyukei a:hover {
	background-position: left -140px;
}

div.wrapBn div.earth {
	float: right;
}

div.wrapBn div.earth a {
	background: url("../images/bn_earth.jpg") left top no-repeat;
}

div.wrapBn div.earth a:hover {
	background-position: left -140px;
}

div.wrapBn div.tab {
	float: left;
}

div.wrapBn div.tab a {
	background: url("../images/bn_tab.jpg") left top no-repeat;
}

div.wrapBn div.tab a:hover {
	background-position: left -140px;
}

div.wrapBn div.kantsu {
	float: right;
}

div.wrapBn div.kantsu a {
	background: url("../images/bn_kantsu.jpg") left top no-repeat;
}

div.wrapBn div.kantsu a:hover {
	background-position: left -140px;
}

div.wrapBn div.lock {
	float: left;
}

div.wrapBn div.lock a {
	background: url("../images/bn_lock.jpg") left top no-repeat;
}

div.wrapBn div.lock a:hover {
	background-position: left -140px;
}

div.wrapBn div.metal {
	float: right;
}

div.wrapBn div.metal a {
	background: url("../images/bn_metal.jpg") left top no-repeat;
}

div.wrapBn div.metal a:hover {
	background-position: left -140px;
}

img.imageCustom {
	display: block;
	margin: 0 0 20px;
}

div.wrapBtnTanshi {
	margin: 0 0 30px;
	overflow: hidden;
}

div.wrapBtnTanshi div.btn {
	width: 330px;
	height: 70px;
}

div.wrapBtnTanshi div.btn a {
	display: block;
	width: 330px;
	height: 70px;
	text-indent: -9999px;
}

div.wrapBtnTanshi div.attention {
	float: left;
}

div.wrapBtnTanshi div.attention a {
	background: url("../images/btn_attention.jpg") left top no-repeat;
}

div.wrapBtnTanshi div.attention a:hover {
	background-position: left -70px;
}

div.wrapBtnTanshi div.contactProd {
	float: right;
}

div.wrapBtnTanshi div.contactProd2 {
	margin: 0 auto;
}

div.wrapBtnTanshi div.contactProd a,
div.wrapBtnTanshi div.contactProd2 a {
	background: url("../images/btn_contact_prod.jpg") left top no-repeat;
}

div.wrapBtnTanshi div.contactProd a:hover,
div.wrapBtnTanshi div.contactProd2 a:hover {
	background-position: left -70px;
}

div.jritem {
	margin: 20px 0;
	padding: 0;
	background: url("../images/bg_jritem.jpg") left bottom repeat-y;
	clear: both;
}

div.innerWrapJritem {
	padding: 0 10px 15px 10px;
	overflow: hidden;
}

h3.shlJritem {
	display: block;
	height: 30px;
	margin: 0 0 15px;
	text-indent: -9999px;
	background: url("../images/hl_jritem.jpg") left top no-repeat;
}

table.jritemList {
	width: 320px;
	border-top: dotted 1px #999;
	border-left: dotted 1px #999;
	border-right: dotted 1px #999;
}

table.jritemList th {
	width: 50%;
	padding: 8px 10px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	background-color: #ccffff;
	border-right: dotted 1px #999;
	border-bottom: dotted 1px #999;
	font-size: 13px;
	font-weight: bold;
	color: #003c79;
}

table.jritemList td {
	width: 50%;
	padding: 8px 0;
	background-color: #fff;
	border-right: dotted 1px #999;
	border-bottom: dotted 1px #999;
	font-size: 13px;
	text-align: center;
}


/* ----------------------------------------
			基板用端子台
-----------------------------------------*/

h3.shl {
	margin: 0 0 20px;
	padding: 0 0 5px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #075365;
	background: url("../images/arrow_tanshi.jpg") left 2px no-repeat;
	border-bottom: solid 1px #ccc;
	clear: both;
}

table.spec {
	width: 100%;
	margin: 0 0 20px;
	border-top: dotted 1px #999;
	border-left: dotted 1px #999;
}

table.spec th {
	padding: 8px 0;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	background-color: #99ccff;
	border-right: dotted 1px #999;
	border-bottom: dotted 1px #999;
}

table.spec th.name {
	width: 28%;
}

table.spec th.screw {
	width: 32%;
}

table.spec th.volt,
table.spec th.amp,
table.spec th.pitch {
	width: 9%;
}

table.spec th.mate {
	width: 13%;
}

table.spec td {
	padding: 5px 0;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	border-right: dotted 1px #999;
	border-bottom: dotted 1px #999;
}

table.spec td.name,
table.spec td.screw {
	padding: 5px;
	text-align: left;
}

table.spec td.name {
	background-color: #ccffff;
}

table.spec td.name img {
	display: block;
	border: solid 3px #5cb2ff;
	float: right;
}

table.spec td.name div.wrapL {
	float: left;
}

table.spec td.name div.wrapL span.name {
	font-size: 13px;
	font-weight: bold;
	line-height: 2.25;
	color: #003c79;
}

table.spec td.name div.wrapL span.pdf {
	display: block;
	width: 64px;
	height: 18px;
}

table.spec td.name div.wrapL span.pdf a {
	display: block;
	width: 64px;
	height: 18px;
	text-indent: -9999px;
	background: url("../images/btn_pdf.png") left top no-repeat;
}

table.spec td.name div.wrapL span.pdf a:hover {
	background-position: left -18px;
}

/* ----------------------------------------
	ロック式電源コード / 金属サポート / アース用端子台
-----------------------------------------*/

div.wrapProdColumn {
	margin: 0 0 20px;
	overflow: hidden;
}

div.prodColumn {
	width: 330px;
}

div.prodColumnL {
	width: 680px;
}

div.prodColumn img.picProd,
div.prodColumnL img.picProd {
	margin: 0 0 20px;
}

table.specSmall {
	width: 100%;
	margin: 0 0 20px;
	border-top: dotted 1px #999;
	border-left: dotted 1px #999;
}

table.specSmall th {
	padding: 8px 0;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	background-color: #99ccff;
	border-right: dotted 1px #999;
	border-bottom: dotted 1px #999;
}

table.specSmall th.name {
	width: 26%;
}

table.specSmall th.name2 {
	width: 50%;
}

table.specSmall th.mate,
table.specSmall th.proc {
	width: 37%;
}

table.specSmall th.volt,
table.specSmall th.amp {
	width: 25%;
}

table.specSmall tr td.neji {
	text-align: left;
}

table.specSmall td {
	padding: 5px;
	font-size: 12px;
	text-align: center;
	border-right: dotted 1px #999;
	border-bottom: dotted 1px #999;
	vertical-align: middle;
}

table.specSmall td.name {
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #003c79;
	text-align: left;
	background-color: #ccffff;
}

div.modelNum p.mn-title {
	margin: 0 0 10px;
	padding: 0 0 0 8px;
	color: #005164;
	font-size: 16px;
	font-weight: bold;
	border-left: solid 6px #005164;
}

div.orderInfo p.od-title,
div.orderInfo2 p.od-title {
	margin: 0 0 10px;
	padding: 0 0 0 8px;
	color: #005164;
	font-size: 16px;
	font-weight: bold;
	border-left: solid 6px #005164;
	clear: both;
}

div.orderInfo2 {
	margin: 0 0 20px;
}

table.size {
	width: 100%;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

table.size caption {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

table.size th {
	width: 6%;
	padding: 3px;
	text-align: center;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

table.size td {
	width: 5.875%;
	padding: 3px;
	text-align: center;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

p.supTable {
	margin: 0 0 30px;
	color: #f00;
	font-weight: bold;
}

table.graf {
	margin: 0 0 20px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

table.graf caption {
	font-size: 12px;
	text-align: left;
}

table.graf tr td {
	padding: 3px 5px;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	text-align: center;
}

/* ----------------------------------------
			使用上のご注意
-----------------------------------------*/

p.introSafety {
	padding: 0 0 20px;
	clear: both;
}

div.wrapSafetyTitle {
	padding: 10px 10px;
	border: solid 1px #ccc;
	overflow: hidden;
}

div.wrapSafetyTitle h3 {
	padding: 10px 0 0 30px;
	background: url("../images/arrow_tanshi.jpg") 10px 11px no-repeat;
	color: #075365;
	font-size: 16px;
	font-weight: bold;
	text-indent: 10px;
	float: left;
}

div.wrapSafetyTitle div.warning {
	width: 50%;
	padding: 0 0 0 80px;
	font-size: 11px;
	background: url("../images/icon_warning.jpg") left center no-repeat;
	float: right;
}

div.wrapSafetyTitle div.attention {
	width: 50%;
	padding: 0 0 0 80px;
	font-size: 11px;
	background: url("../images/icon_attention.jpg") left center no-repeat;
	float: right;
}

div.wrapSafety {
	margin: 0 0 30px;
	padding: 10px 25px 10px 40px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

div.wrapSafety ul li {
	line-height: 30px;
	list-style: outside disc;
}

div.wrapSafety table.suisyo {
	width: 65%;
}

div.wrapSafety span.border {
	padding: 3px;
	border: solid 1px #ccc;
}

div.wrapSafety li.shl {
	padding: 15px 0 5px;
	list-style-type: none;
}

div.wrapSafety li.shl span {
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-indent: -25px;
}


/* ui-slider.css
--------------------------------------------------------------- */

/* ui slider */

#ui-slider-con ul.ui-tabs-nav {
	margin: 0;
	padding: 0;
}

.baccc {
	float: left;
	width: 470px;
	height: 402px;
	background: url(../images/topcontbg01.jpg) no-repeat;
}

.baccc02 {
	float: left;
	width: 470px;
	height: 402px;
	background: url(../images/topcontbg02.jpg) no-repeat;
}

.conttxt {
	float: left;
	margin: 40px 0 0 50px;
}

#ui-slider-con {
	clear: both;
	width: 390px;
	height: 205px;
	margin: 0 0 0 22px;
	position: relative;
}

#ui-slider-con02 {
	clear: both;
	width: 390px;
	height: 205px;
	margin: 10px 0 0 22px;
	position: relative;
}

#ui-slider-con ul.ui-tabs-nav {
	position: absolute;
	top: 212px;
	list-style: none;
}


#ui-slider-con ul.ui-tabs-nav li {
	width: 90px;
	_width: 90px;
	height: 24px;
	float: left;
	margin-right: 2px;
	_margin-right: 2px;
	background-color: #F7F7F7;
}

#ui-slider-con ul.ui-tabs-nav li:hover a {
	display: block;
	padding: 0;
	background: #CCC;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#ui-slider-con ul.ui-tabs-nav li a {
	text-decoration: none;
	width: 60px;
	height: 24px;

}

#ui-slider-con a:hover img {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#ui-slider-con ul.ui-tabs-nav li.ui-tabs-selected a {
	background-color: tranceparent;
	height: 24px;
}

#ui-slider-con ul.ui-tabs-nav li.ui-tabs-selected a img {

	border-bottom: 3px #09F solid;
}

#ui-slider-con .ui-tabs-panel {
	width: 309px;
	height: 205px;
	position: relative;
}

#ui-slider-con02 .ui-tabs-panel02 {
	width: 309px;
	height: 205px;
	position: relative;
}

#ui-slider-con .ui-tabs-hide {
	display: none;
}

#ui-slider-con02 .ui-tabs-hide02 {
	display: none;
}

.ui-tabs-nav-item {
	margin-right: 0px;
	float: left;
}

.ui-tabs-nav-item02 {
	margin-right: 0px;
	float: left;
}

.li-end {
	margin: 0;
}