@charset "utf-8";
/*==============================================================================
// 検索入力エリア
//==============================================================================*/
.searchArea{
	width:780px;
}

#contentSection_v3 .searchArea a{text-decoration-line: none; text-decoration:none;}
#contentSection_v3 .searchArea h3{ line-height:50px; margin:0px auto 35px auto; width:100%; text-indent: 210px; text-align: left; background:#f5f5f5; border:1px solid #e6e6e6; font-size:24px; font-weight: normal;}
#contentSection_v3 .searchArea h3.step{background-image:url(../image_n/apps/ib/step.png); width: 750px; height: 49px;}
#contentSection_v3 .searchArea h3.step2{background-position: 0px 0px;}
#contentSection_v3 .searchArea h3.step2{background-position: 0px -49px;}


.formInputTable {
	border-collapse:separate; 
	width: 750px;
	border-spacing:20px;	
}
.formInputTable .label{color:#275e9c; width: 210px; text-align:left; line-height:30px;}
.formInputTable .input select{width:220px; height:30px;}
.searchArea input.submit{ 
	display:block; width:500px; height:56px; line-height:56px; margin:35px auto 70px; auto; background:#275e9c; 
	color:#FFFFFF; font-size:24px;
	cursor:pointer; transition: all 0.4s;
}
.searchArea input.submit:hover{
	opacity: 0.65; 
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);		
}

.label span{
	color:rgba(255,255,255,1);
	background-color:rgba(36,96,157,1);
	padding:2px 4px;
	margin-right:6px;
}

.reducer{text-align: center; }
.reducer:first-child{margin-right: 35px;}
.reducer p{background-image:url(../image_n/apps/ib/reducer.png?20180510); background-color: #f3f3f3; color: #515150; width: 202px; height: 168px; text-align: center; cursor: pointer;}
.reducer.active p{background-color: #275e9c; color: #ffffff;}
.reducer p span{display: inline-block; margin-top: 135px;}
#concentric_axes.reducer p{background-position: 0px 0px;}
#orthogonal_axes.reducer p{background-position: 0px -168px;}

.axis{text-align: center; margin-right:40px; }
.axis p{background-image:url(../image_n/apps/ib/axis.png?20180511); background-color: #f3f3f3; color: #515150; width: 76px; height: 76px; text-align: center; cursor: pointer; margin: 0 auto;}
.axis.active p{background-color: #275e9c; color: #ffffff;}
.reducer:last-child{margin-right: 0px;}
#solid_shaft_with_key.axis p{background-position: 0px 0px;}
#solid_shaft.axis p{background-position: 0px -76px;}
#flange.axis p{background-position: 0px -152px;}

.backlash{text-align: center; }
.backlash{margin-right: 30px;}
.backlash:last-child{margin-right: 0px;}
.backlash p{background-color: #f3f3f3; color: #515150; width: 130px; height: 56px; text-align: center; cursor: pointer;}
.backlash.active p{background-color: #275e9c; color: #ffffff;}
.backlash p span{line-height: 56px;}

.reducer p,
.axis p,
.backlash p
{transition: all 0.4s;}

.reducer p:hover,
.disable p,
.axis p:hover,
.backlash p:hover{
	opacity: 0.65; 
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);		
}
.disable p{background-color:#6F6F6F;}
.inquiryMsg{
	width:100%; color:#FF0000; padding: 10px 0px; display:none;
	padding-left: 1em;
    text-indent: -1em;
}
.backlashMsg{padding: 0px;}
.errorMsg{width:100%; text-align:center; color:#FF0000; display:none;}
#pe_inputspeed_comment{color:#FF0000;}
#pe_inputspeed_comment.hide{visibility: hidden;}
#pe_inputspeed_comment.show{visibility: visible;}
/*==============================================================================
// 検索結果
//==============================================================================*/
#contentSection_v3 #pageNavi {
    height: auto;
    min-width: 1000px;
    border: none;
	border-bottom: 1px #cccccc solid;
}
#contentSection_v3 #pageNavi .innerbox h2 {
    font-size: 30px;
	float: left;
    padding: 40px 0 20px;
    color: rgba(38,95,156,1);
    line-height: 1em;
    font-weight: normal;	
}
#contentSection_v3 #pageNavi .innerbox ul {
	font-size: 14px;
    clear: both;
	color: #808080;
	margin-bottom: 10px;
}
.searchResult{
	width:100%;
	border-collapse:separate; 
	text-align: center;
	/*margin-bottom: 20px;*/
	color: #808080;
}
.searchResult th {
    background-color: rgba(245,245,245,1);
	color: rgba(38,95,156,1);
	font-weight: normal;
}
.searchResult td {

}

span.shousai {
	color:rgba(255,255,255,1);
	background-color:#238b91;
	padding:4px 8px;
	border-radius: 4px;
	font-weight: bold;
}
span.gaikei_d {
	color:rgba(255,255,255,1);
	background-color:rgba(36,96,157,1);
	padding:4px 14px;
	border-radius: 4px;
	font-weight: bold;
	
}

span.cenge-g:hover{
	color:#999999;	
	background-color:#cccccc;	
}
li.cenge-g:hover{
	color:#999999;	
	background-color:#cccccc;	
}
span.gaikei_p{
	color:rgba(255,255,255,1);
	background-color: #ed8b00;
	padding:4px 8px;
	border-radius: 4px;
	font-weight: bold;
	
}
span.gaikei_d.disable, span.gaikei_p.disable{
	background-color:#b4b4b4;
}
a.text-deno  {
	text-decoration: none;
	
}

input.submit.btnReturn{ 
	display:block; width:250px; height:56px; line-height:56px; margin:35px auto 70px; auto; background:#275e9c; 
	color:#FFFFFF; font-size:24px;
	cursor:pointer; transition: all 0.4s;
	margin: 0 auto;
}
input.submit.btnReturn:hover{
	opacity: 0.65; 
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);		
}

/* 行頭を揃える */
ul.table_under_coment li {
	list-style-type: none;
    padding-left: 0.5em;
    text-indent: -0.5em;
}
.form_under_coment{
	padding-top: 15px;
	text-align: center;
}
/*==============================================================================
// 詳細情報
//==============================================================================*/
h4{
		width:756px;
		font-size:24px;
		padding-bottom:7.6px;
		margin:0 0 19px 4px;
		color:rgba(36,96,157,1);
		border-bottom:solid 1px rgba(230,242,252,1);
		clear:both;
	/*	position:relative;*/
}
h4:before{
	width:30px;
	content: "　　";
	background:url(/product/images_v3/contents/icon04.png) no-repeat left bottom;
}
.detail_header{}
.detail_header img{float:left;}
.detail_header a{
	float:right; display: block; clear: both;
	width:200px; height:32px; 
	background-color: rgba(38,95,156,1); color:#fff; 
	margin-bottom:15px; 
	text-align: center; line-height:32px; text-decoration:none;
	transition: all 0.4s;	
}
.detail_header a:first-child{margin-top:20px;}
.detail_header a:hover{ opacity: 0.65; box-shadow: none;}
.detail_header span{margin-left:20px; margin-top:55px; display:block;}
.detail_info{
	width:750px;margin-bottom:20px;
	border-spacing:0px; border-collapse: collapse;
}
.detail_info td{color:#808080; padding: 5px 0px;}
.detail_info td.label{width: 300px; background-color:#606060; color:#ffffff; text-align: center; border-bottom:1px solid #818181; }
.detail_info td.odd{padding-left:10px; background-color: #efefef;}
.detail_info td.even{padding-left:10px; background-color: #fafafa;}

/*==============================================================================
// 改修
//==============================================================================*/

/*==============================================================================
// 右側関連製品
//==============================================================================*/
.relatedProduct{
	width:200px;
	text-align:center;
}
#contentSection_v3 .relatedProduct h3{color:#7f7f7f; margin:0px auto 30px auto;}
.relatedProduct ul li{
	width:100%; height:160px; margin-bottom:20px; 
	background-image:url(../image_n/apps/ib/related_product.png?20180521);
	background-repeat:no-repeat;
	transition: all 0.4s;
}
.relatedProduct ul li.product_1{background-position:0px 0px;}
.relatedProduct ul li.product_2{background-position:0px -154px;}
.relatedProduct ul li.product_3{background-position:0px -314px;}
.relatedProduct ul li.product_4{background-position:0px -480px;}
.relatedProduct ul li.product_5{background-position:0px -640px;}
.relatedProduct ul li.product_6{background-position:0px -800px;}
.relatedProduct ul li.product_7{background-position:0px -955px;}
.relatedProduct ul li:hover{
	opacity: 0.65; 
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);		
}
.relatedProduct ul li a{
	display:block; 
	padding-top: 105px;    
	font-weight: bold; 
	color: rgba( 39, 95, 156, 1 );
	text-decoration:none;
}

/*20180510追加*/
.reducer.disable p {
    background-image: url(../image_n/apps/ib/reducer_off.png?20180510);
}

.axis.disable p {
    background-image: url(../image_n/apps/ib/axis_off.png?20180511);
}

.table_under_coment {
	font-size: 14px;
	margin: 10px 0 40px;
	overflow: hidden;
}