
/* タブ */
		.tabrow {
		    text-align: left;
		    list-style: none;
		    margin: 20px 0 0px;
		    padding-left: 10px;
		    line-height: 32px;
		    height: 34px;
		    overflow: hidden;
		    font-size: 18px;
		    font-family: verdana;
		    position: relative;
		}
		.tabrow li {
		    border: 1px solid #AAA;
		    background: #D1D1D1;
		    background: -o-linear-gradient(top, #f9e6c6 50%, #f5d195 100%);
		    background: -ms-linear-gradient(top, #f9e6c6 50%, #f5d195 100%);
		    background: -moz-linear-gradient(top, #f9e6c6 50%, #f5d195 100%);
		    background: -webkit-linear-gradient(top, #f9e6c6 50%, #f5d195 100%);
		    background: linear-gradient(top, #f9e6c6 50%, #f5d195 100%);
		    display: inline-block;
		    position: relative;
		    z-index: 0;
		    border-top-left-radius: 6px;
		    border-top-right-radius: 6px;
		    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
		    text-shadow: 0 1px #FFF;
		    margin: 0 -5px;
		    padding: 0 20px;
		    cursor: pointer;
		}
		.tabrow a {
			  color: #555;
			  text-decoration: none;
		}
		.tabrow li.selected {
		    background: #FDEAD9;
		    color: #333;
		    z-index: 2;
		    border-bottom-color: #FDEAD9;
/*		    font-weight: bold;	*/
		}
		.tabrow:before {
		    position: absolute;
		    content: " ";
		    width: 100%;
		    bottom: 0;
		    left: 0;
/*		    border-bottom: 1px solid #AAA;	*/
		    z-index: 1;
		}
		.tabrow li:before,
		.tabrow li:after {
		    border: 1px solid #AAA;
		    position: absolute;
		    bottom: -1px;
		    width: 5px;
		    height: 5px;
		    content: " ";
		}
		.tabrow li:before {
		    left: -6px;
		    border-bottom-right-radius: 6px;
		    border-width: 0 1px 1px 0;
		    box-shadow: 2px 2px 0 #D1D1D1;
		}
		.tabrow li:after {
		    right: -6px;
		    border-bottom-left-radius: 6px;
		    border-width: 0 0 1px 1px;
		    box-shadow: -2px 2px 0 #D1D1D1;
		}
		.tabrow li.selected:before {
		    box-shadow: 2px 2px 0 #FFF;
		}
		.tabrow li.selected:after {
		    box-shadow: -2px 2px 0 #FFF;
		}



/* 抵抗確認ツールのCSS */
p.cap1 {
	margin:  5px;
	padding: 10px 0px 0px 10px;
	font-weight: bold;
}
p.cap2 {
	margin:  5px;
	padding: 5px 0px 0px 10px;
}
#resistor_base4 {
	margin:  20px 0px 0px 0px;
	padding: 0px;
	width: 800px;
	height: 180px;
	background-image: url("../img/registor_base.png");
}
#resistor_base5 {
	margin:  20px 0px 0px 0px;
	padding: 0px;
	width: 800px;
	height: 180px;
	background-image: url("../img/registor5_base.png");
}
#resistor4_ret {
	margin:  0px;
	padding: 0px;
	width: 800px;
	height: 340px;
	background-image: url("../img/registor4_ret.png");
/*	background: #ffffff;	*/
}
#resistor5_ret {
	margin:  0px;
	padding: 0px;
	width: 800px;
	height: 340px;
	background-image: url("../img/registor5_ret.png");
/*	background: #ffffff;	*/
}
#rb4_1 {
	position: relative;
	top: 7px;
	left:150px;
	width: 60px;
	height: 164px;
	border: 1px solid #000;
	background: #993400;
    cursor: pointer;
	float: left;
}
#rb4_2 {
	position: relative;
	top: 7px;
	left:210px;
	width: 60px;
	height: 164px;
	border: 1px solid #000;
	background: #000000;
    cursor: pointer;
	float: left;
}
#rb4_3 {
	position: relative;
	top: 7px;
	left:270px;
	width: 60px;
	height: 164px;
	border: 1px solid #000;
	background: #ff9900;
    cursor: pointer;
	float: left;
}
#rb4_4 {
	position: relative;
	top: 7px;
	left:330px;
	width: 60px;
	height: 164px;
	border: 1px solid #000;
    cursor: pointer;
	float: left;
	background-image: url("../img/cbelt_bg_silver.png");
}

#rb5_1 {
	position: relative;
	top: 7px;
	left:140px;
	width: 60px;
	height: 164px;
	border: 1px solid #000;
	background: #993400;
    cursor: pointer;
	float: left;
}
#rb5_2 {
	position: relative;
	top: 7px;
	left:190px;
	width: 60px;
	height: 164px;
	border: 1px solid #000;
	background: #000000;
    cursor: pointer;
	float: left;
}
#rb5_3 {
	position: relative;
	top: 7px;
	left:240px;
	width: 60px;
	height: 164px;
	border: 1px solid #000;
	background: #000000;
    cursor: pointer;
	float: left;
}
#rb5_4 {
	position: relative;
	top: 7px;
	left:290px;
	width: 60px;
	height: 164px;
	border: 1px solid #000;
	background: #ff9900;
    cursor: pointer;
	float: left;
}
#rb5_5 {
	position: relative;
	top: 7px;
	left:340px;
	width: 60px;
	height: 164px;
	border: 1px solid #000;
	background-image: url("../img/cbelt_bg_silver.png");
    cursor: pointer;
	float: left;
}

.rr4_txt1 {
    font-size: 50px;
	font-weight: bold;
    text-align: left;
    margin: 5px;
}
.rr4_txt2 {
    font-size: 32px;
	font-weight: bold;
    text-align: left;
    margin: 1px;
}
.rr4_txt3 {
	color:#ff0000;
    font-size: 50px;
	font-weight: bold;
    text-align: left;
    margin: 1px;
}
#rr4_1 {
	position: relative;
	top: 12px;
	left:100px;
/*
	border: 1px solid #000;
	background: #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 0px 5px 0px 5px;
*/
}
#rr4_2 {
	position: relative;
	top: 12px;
	left:110px;
}
#rr4_str1 {
	position: relative;
	top: 12px;
	left:140px;
}
#rr4_3 {
	position: relative;
	top: 12px;
	left:165px;
}
#rr4_str2 {
	position: relative;
	top: 12px;
	left:370px;
}
#rr4_ret {
	position: relative;
	top: 12px;
	left:370px;
}
#rr4_str3 {
	position: relative;
	top: 0px;
	left:500px;
}
#rr4_str4 {
	position: relative;
	top: 0px;
	left:515px;
}
#rr4_4 {
	position: relative;
	top: 0px;
	left:510px;
}




.rr5_txt1 {
    font-size: 50px;
	font-weight: bold;
    text-align: left;
    margin: 5px;
}
.rr5_txt2 {
    font-size: 32px;
	font-weight: bold;
    text-align: left;
    margin: 1px;
}
.rr5_txt3 {
	color:#ff0000;
    font-size: 50px;
	font-weight: bold;
    text-align: left;
    margin: 1px;
}
#rr5_1 {
	position: relative;
	top: 12px;
	left:100px;
/*
	border: 1px solid #000;
	background: #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 0px 5px 0px 5px;
*/
}
#rr5_2 {
	position: relative;
	top: 12px;
	left:110px;
}
#rr5_str1 {
	position: relative;
	top: 12px;
	left:140px;
}
#rr5_3 {
	position: relative;
	top: 12px;
	left:120px;
}
#rr5_4 {
	position: relative;
	top: 12px;
	left:165px;
}
#rr5_str2 {
	position: relative;
	top: 12px;
	left:350px;
}
#rr5_ret {
	position: relative;
	top: 12px;
	left:350px;
}
#rr5_str3 {
	position: relative;
	top: 0px;
	left:500px;
}
#rr5_str4 {
	position: relative;
	top: 0px;
	left:515px;
}
#rr5_5 {
	position: relative;
	top: 0px;
	left:510px;
}




#color_menu_num {
	position: relative;
	top: 60px;
	left:0px;
	width: 95px;
	height: 440px;
	border: 1px solid #000;
	float: left;
/*	background: #595959;	*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-image: url("../img/colorMenuBack.png");
    cursor: auto;
    z-index: 100;
}
#color_menu_multi {
	position: relative;
	top: 60px;
	left:0px;
	width: 95px;
	height: 440px;
	border: 1px solid #000;
	float: left;
/*	background: #595959;	*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-image: url("../img/colorMenuBack.png");
    cursor: auto;
    z-index: 100;
}
#color_menu_tolerance {
	position: relative;
	top: 60px;
	left:0px;
	width: 95px;
	height: 440px;
	border: 1px solid #000;
	float: left;
/*	background: #595959;	*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-image: url("../img/colorMenuBack.png");
    cursor: auto;
    z-index: 100;
}
.color_select_sample {
    text-align: center;
    line-height:30px;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px #000;
	width: 55px;
	height: 30px;
	border: 1px solid #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    cursor: pointer;
}
.sample_gold {
	color: #000000;
    background-color: #fff100;
    background: -moz-linear-gradient(top, #eb6100, #fff100); /* mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#eb6100), to(#fff100)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eb6100', endColorstr='#fff100'); /* IE5.5以上 */
}
.sample_silver {
	color: #000000;
    background-color: #dadada;
    background: -moz-linear-gradient(top, #dadada, #3e3e3e); /* mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#dadada), to(#3e3e3e)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dadada', endColorstr='#3e3e3e'); /* IE5.5以上 */
}
.color_select_txt {
	margin: 0;
	padding: 0;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px #000;
}

#color_menu_box {
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}
#execButton {
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	padding: 5px 20px;
	font-weight: bold;
	cursor: pointer;
	color: #666;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
	-moz-box-shadow: 1px 1px 2px #E7E7E7;
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
}

#color_belt_info {
	width: 336px;
	margin: auto;
	font-size: 13px;
}

#res_sample_01 {
	margin: 0px 0px 0px 0px;
}

#res_sample_02 {
	margin: 0px 0px 0px 0px;
}

.res_sample_block_0 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
	background: #000000;
	float: left;
}
.res_sample_block_1 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
	background: #993400;
	float: left;
}
.res_sample_block_2 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
	background: #fe0000;
	float: left;
}
.res_sample_block_3 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
	background: #ff9900;
	float: left;
}
.res_sample_block_4 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
	background: #ffff00;
	float: left;
}
.res_sample_block_5 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
	background: #32cd33;
	float: left;
}
.res_sample_block_6 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
	background: #6395ec;
	float: left;
}
.res_sample_block_7 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
	background: #f558f5;
	float: left;
}
.res_sample_block_8 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
	background: #a9a9a9;
	float: left;
}
.res_sample_block_9 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
	background: #ffffff;
	float: left;
}
.res_sample_block_G {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
    background: -moz-linear-gradient(top, #eb6100, #fff100); /* mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#eb6100), to(#fff100)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eb6100', endColorstr='#fff100'); /* IE5.5以上 */
	float: left;
}
.res_sample_block_S {
	position: relative;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 40px;
	border-left: 1px solid #000;
    background: -moz-linear-gradient(top, #dadada, #3e3e3e); /* mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#dadada), to(#3e3e3e)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dadada', endColorstr='#3e3e3e'); /* IE5.5以上 */
	float: left;
}
