@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */
.qmcs_title{
	padding:0px 0px 10px 5px;
	margin-top:15px;
	background:url(../common/contents/title_bg01.gif) left bottom no-repeat;
}

.qmcs_title_h4{
	font-size: 14px;
	line-height:100%;
	padding: 5px 10px;
	font-weight: bold;
	
	/*background:url(../products/qmcs/img/title_bg.gif) no-repeat right top #D01619 ;*/
	color:#FFF;
}
.qmcs_title_h4.line0{background:url(../products/qmcs/img/title_bg.gif) no-repeat right top #D01619 ;}
.qmcs_title_h4.line1{background-color:#ff8c00;}
.qmcs_title_h4.line2{background-color:#483d8b;}
.qmcs_title_h4.line3{background-color:#dc143c;}
.qmcs_title_h4.line4{background-color:#00bfff;}
.qmcs_title_h4.line5{background-color:#6b8e23;}

/* --------------------------------------------------------------------------------------
 タブ
--------------------------------------------------------------------------------------- */
.qmcs_tab_back{width:960px;
	margin:15px auto 0px auto;}

/* 上部　///////////////////////////////////////////////////////////////////////////////// */
.top_tab{ background:url(../products/qmcs/img/qmcs_tab_base_bg.gif) repeat-x left bottom; margin-top:0px;}

.top_tab ul{ width:960px; margin:0px auto; border-left:1px #CCCCCC solid;}
	
.top_tab ul li {
	width:239px;
	height:40px;
	float: left;
	background-color:#FFF;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	border-left:none;
}

.top_tab ul li.active { background:url(../products/qmcs/img/qmcs_tab_bg01.gif); border-bottom:1px #FFF solid;}

.top_tab ul li a { display: block;}
.top_tab ul li a:hover {}
.top_tab ul li a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* 下部　///////////////////////////////////////////////////////////////////////////////// */
.bottom_tab{ background:url(../products/qmcs/img/qmcs_tab_bottom_base_bg.gif) repeat-x left top; margin-top:50px; margin-bottom:30px;}

.bottom_tab ul{ width:960px; margin:0px auto; border-left:1px #CCCCCC solid;}
	
.bottom_tab ul li {
	width:239px;
	height:40px;
	float: left;
	background-color:#FFF;
	border-right:1px #CCCCCC solid;
	border-top:1px #CCCCCC solid;
	border-left:none;
}

.bottom_tab ul li.active { background:url(../products/qmcs/img/qmcs_tab_bg02.gif); border-top:1px #FFF solid;}

.bottom_tab ul li a { display: block;}
.bottom_tab ul li a:hover {}
.bottom_tab ul li a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* --------------------------------------------------------------------------------------
 ラインナップ
--------------------------------------------------------------------------------------- */
.qmcs_lineup_frame{
	width:960px;
	margin:15px auto 0px auto;
}
.qmcs_lineup_frame p.title_img{ margin-top:35px; width:100%; text-align:center}
.qmcs_lineup_frame p.text_frame{ font-size:16px; line-height:160%; margin:25px 0px; width:100%; text-align:center;}

.qmcs_lineup_frame .lineup_box{
	line-height:100%;
	margin-top:10px;
}

/* 基本枠 */
.qmcs_lineup_frame .lineup_box li{
	margin-top:8px;
	border:1px solid #999;
	width:310px;
	height:170px;
	float:left;
	position:relative;
}

.qmcs_lineup_frame .lineup_box .no_img{
	margin-top:8px;
	border:1px solid #FFF;
	width:310px;
	height:170px;
	float:left;
	position:relative;
}

/* 製品画像 */
.qmcs_lineup_frame .lineup_box .rod01{ background:url(../products/qmcs/img/rod01.jpg) left bottom no-repeat;}

.qmcs_lineup_frame .lineup_box .magnet01{ background: url(../products/qmcs/img/magnet01.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .magnet02{ background: url(../products/qmcs/img/magnet02.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .magnet03{ background: url(../products/qmcs/img/magnet03.jpg) left bottom no-repeat;}

.qmcs_lineup_frame .lineup_box .g01{ background: url(../products/qmcs/img/g01.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .g02{ background: url(../products/qmcs/img/g02.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .g03{ background: url(../products/qmcs/img/g03.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .g04{ background: url(../products/qmcs/img/g04.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .g05{ background: url(../products/qmcs/img/g05.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .g06{ background: url(../products/qmcs/img/g06.jpg) left bottom no-repeat;}

.qmcs_lineup_frame .lineup_box .unit01{ background: url(../products/qmcs/img/unit01.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .unit02{ background: url(../products/qmcs/img/unit02.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .unit03{ background: url(../products/qmcs/img/unit03.jpg) left bottom no-repeat;}

.qmcs_lineup_frame .lineup_box .h01{ background: url(../products/qmcs/img/h01.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .h02{ background: url(../products/qmcs/img/h02.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .h03{ background: url(../products/qmcs/img/h03.jpg) left bottom no-repeat;}

.qmcs_lineup_frame .lineup_box .q01{ background: url(../products/qmcs/img/q01.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .q02{ background: url(../products/qmcs/img/q02.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .q03{ background: url(../products/qmcs/img/q03.jpg) left bottom no-repeat;}

.qmcs_lineup_frame .lineup_box .airclamp01{ background: url(../products/qmcs/img/airclamp01.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .airclamp02{ background: url(../products/qmcs/img/airclamp02.jpg) left bottom no-repeat;}

.qmcs_lineup_frame .lineup_box .operation_control_panel01{ background: url(../products/qmcs/img/operation_control_panel01.jpg) left bottom no-repeat;}

.qmcs_lineup_frame .lineup_box .accessory01{ background: url(../products/qmcs/img/accessory01.jpg) left bottom no-repeat;}



/* 製品文字関係 */
.qmcs_lineup_frame .lineup_box li .title{ width:290px; height:40px; padding:10px 10px 0px 10px; line-height:14px;}
.qmcs_lineup_frame .lineup_box li .model{ height:20px; margin-left:130px;}
.qmcs_lineup_frame .lineup_box li .model span{ font-size:14px; font-weight:bold; padding-left:10px;}
.qmcs_lineup_frame .lineup_box li .description{ margin-left:130px; width:170px; line-height:100%; font-size:10px}

/* newマーク */ 
.qmcs_lineup_frame .lineup_box li .new{
	 background: url(../english/products/kwcs/img/series_bg_new.gif) no-repeat right top;
}

/* ボックス内リンク */
.qmcs_lineup_frame .lineup_box li a{
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 310px;
	height: 170px;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

.qmcs_lineup_frame .lineup_box li a:hover{
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	background:#FFF;
}

/* お問い合わせ　///////////////////////////////////////////////////////////////////////////////// */
.qmcs_inquiry{
	display: block;
	position: relative;
	width: 751px;
	height: 0px;
	margin: 40px auto 0px auto;
	padding-top: 100px;
	overflow: hidden;
	background: url(../products/common/inquiry_back2.jpg) no-repeat left top;

}

.qmcs_inquiry a{
	display: block;
	overflow: hidden;
	position: absolute;
	top: 21px;
	left:545px;
  line-height: 1.5;
  width:191px;
  height:59px;
}

.qmcs_inquiry a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* お問い合わせ 上部　///////////////////////////////////////////////////////////////////////////////// */
/*----- 上側*/
.qdcs_inquiry_top{
	display: block;
	position: relative;
	width: 751px;
	height: 0px;
	margin: 50px auto 0px auto;
	padding-top: 121px;
	overflow: hidden;
	background: url(../products/common/inquiry_back2.jpg) no-repeat left top;
}

.qdcs_inquiry_top a{
	display: block;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left:535px;
	  line-height: 1.5;
	  width:191px;
	  height:59px;
	}

.qdcs_inquiry_top a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}




/* お問い合わせ 下部　///////////////////////////////////////////////////////////////////////////////// */
/*----- 下側*/
.qmcs_inquiry_bottom{
	display: block;
	position: relative;
	width: 751px;
	height: 0px;
	margin: 50px auto 0px auto;
	padding-top: 91px;
	overflow: hidden;
	background: url(../products/common/inquiry_back2.jpg) no-repeat left top;
}

.qmcs_inquiry_bottom a{
	display: block;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left:535px;
  line-height: 1.5;
  width:191px;
  height:59px;
}

.qmcs_inquiry_bottom a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* --------------------------------------------------------------------------------------
 導入効果
--------------------------------------------------------------------------------------- */
.qmcs_introduction_frame{
	width:960px;
	margin:15px auto 0px auto;
}

.qmcs_introduction_frame .box01{
	width: 935px;
	margin: 25px auto 0px auto;
	background: url(../products/qmcs/introduction/img/img01.gif) no-repeat 30px 50px;
}

.qmcs_introduction_frame .box01 .bolt_text{
	width:380px;
	margin:320px auto 0px auto;
	padding:10px;
	border:1px solid #C00;
	background-color:#FEF4E2;
}

.qmcs_introduction_frame .box01 .auto_text{
	width:380px;
	margin:320px auto 0px auto;
	padding:10px;
	border:1px solid #36C;
	background-color: #E2FBFE;
}

.qmcs_introduction_frame .box02{
	width: 935px;
	margin: 25px auto 0px auto;
}



/* --------------------------------------------------------------------------------------
 システム選定方法　たてよこ入れ金型交換方式
--------------------------------------------------------------------------------------- */
.exchange_system_frame{
	width:960px;
	margin:15px auto 0px auto;
}

.exchange_system_frame .text_box{
	width:935px;
	margin:15px auto 0px auto;
}


/* --------------------------------------------------------------------------------------
 システム選定方法　たて入れ金型交換方式
--------------------------------------------------------------------------------------- */
.exchange_system_frame .qmcs_contents a{
	display: block;
	overflow: hidden;
	position: absolute;
  	line-height: 1.5;
 	 height:0px;
}
.exchange_system_frame .qmcs_contents a:hover{
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	background:#FFF;
}
.exchange_system_frame .qmcs_contents .box01{
	background:url(../products/qmcs/l_exchange_system/img/img02_01.gif) no-repeat;
	margin-top:15px;
	height:0px;
	overflow:hidden;
	padding-top:1395px;
	position:relative;
}
.exchange_system_frame .qmcs_contents .box01 .link01{
	top:20px;
	left: 622px;
	width: 315px;
	padding-top: 155px;
}
.exchange_system_frame .qmcs_contents .box01 .link02{
	top:480px;
	left:622px;
	width: 315px;
	padding-top: 155px;
}
.exchange_system_frame .qmcs_contents .box01 .link03{
	top: 650px;
	left: 622px;
	width: 315px;
	padding-top: 155px;
}
.exchange_system_frame .qmcs_contents .box01 .link04{
	top: 940px;
	left: 622px;
	width: 315px;
	padding-top: 155px;
}
.exchange_system_frame .qmcs_contents .box01 .link05{
	top: 1110px;
	left: 622px;
	width: 315px;
	padding-top: 155px;
}
.exchange_system_frame .qmcs_contents .box02{
	background:url(../products/qmcs/l_exchange_system/img/img02_02.gif) no-repeat;
	height:0px;
	overflow:hidden;
	padding-top:915px;
	position:relative;
}
.exchange_system_frame .qmcs_contents .box02 .link01{
	top:15px;
	left:622px;
	width: 315px;
	padding-top:90px;
}
.exchange_system_frame .qmcs_contents .box02 .link02{
	top: 114px;
	left:622px;
	width: 315px;
	padding-top: 90px;
}
.exchange_system_frame .qmcs_contents .box02 .link03{
	top: 220px;
	left: 622px;
	width: 315px;
	padding-top: 90px;
}
.exchange_system_frame .qmcs_contents .box02 .link04{
	top: 340px;
	left: 622px;
	width: 315px;
	padding-top: 90px;
}
.exchange_system_frame .qmcs_contents .box02 .link05{
	top: 470px;
	left: 622px;
	width: 315px;
	padding-top:130px;
}
.exchange_system_frame .qmcs_contents .box02 .link06{
	top: 610px;
	left: 622px;
	width: 315px;
	padding-top:130px;
}
.exchange_system_frame .qmcs_contents .box02 .link07{
	top: 760px;
	left: 623px;
	width: 315px;
	padding-top: 130px;

}



/* --------------------------------------------------------------------------------------
 システム選定方法　よこ入れ金型交換方式
--------------------------------------------------------------------------------------- */

.exchange_system_frame .qmcs_contents .box03{
	background:url(../products/qmcs/s_exchange_system/img/img02.gif) no-repeat;

	height:0px;
	overflow:hidden;
	padding-top:919px;
	position:relative;
}
.exchange_system_frame .qmcs_contents .box03 .link01{
	top:15px;
	left:622px;
	width: 315px;
	padding-top:155px;
}
.exchange_system_frame .qmcs_contents .box03 .link02{
	top: 485px;
	left: 622px;
	width: 315px;
	padding-top: 155px;
}
.exchange_system_frame .qmcs_contents .box03 .link03{
	top: 650px;
	left: 622px;
	width: 315px;
	padding-top: 155px;
}
