@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 30px 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:180px;

	float:left;

	position:relative;

}



.qmcs_lineup_frame .lineup_box .no_img{

	margin-top:8px;

	border:1px solid #FFF;

	width:310px;

	height:180px;

	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 .rod02{ background: url(../products/qmcs/img/rod02.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .rod03{ background: url(../products/qmcs/img/rod03.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 .g07{ background: url(../products/qmcs/img/g07.jpg) left bottom no-repeat;}

.qmcs_lineup_frame .lineup_box .g08{ background: url(../products/qmcs/img/g08.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .g09{
	background-image: url(../products/qmcs/img/g09.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.qmcs_lineup_frame .lineup_box .g10{ background: url(../products/qmcs/img/g10.jpg) left bottom no-repeat;}

.qmcs_lineup_frame .lineup_box .g11{ background: url(../products/qmcs/img/g11.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 .unit04{ background: url(../products/qmcs/img/unit04.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 .q04{ background: url(../products/qmcs/img/q04.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_panel03.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .operation_control_panel02{ background: url(../products/qmcs/img/operation_control_panel03.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .operation_control_panel03{ background: url(../products/qmcs/img/operation_control_panel03.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 .accessory02{ background: url(../products/qmcs/img/accessory02.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .accessory03{ background: url(../products/qmcs/img/accessory03.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .accessory04{ background: url(../products/qmcs/img/accessory04.jpg) left bottom no-repeat;}
.qmcs_lineup_frame .lineup_box .accessory05{ background: url(../products/qmcs/img/accessory05.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:1.2em; font-size:13px}

/*追加分/////////////////////////////////////////*/
.left_sp8px a .description_2 {
	font-size: 12px;
	line-height: 13px;
	width: 210px;
	margin-left: 100px;

}
.left_sp8px a .description_3 {
	font-size: 12px;
	line-height: 16px;
	width: 205px;
	margin-left: 100px;
}

.description_4 {
	font-size: 12px;
	line-height: 13px;
	width: 170px;
	margin-left: 130px;
	margin-top: 14px;
}

/* newマーク */ 

.qmcs_lineup_frame .new{ background: url(../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: 0px;
	left: 0px;
	width: 310px;
	height: 180px;
	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:946px;

	height:0px;

	margin:50px auto 0px auto;

	padding-top:156px;

	overflow:hidden;

	background: url(../products/qmcs/img/inquiry2.jpg) no-repeat left top;

}



.qmcs_inquiry_bottom a{

	display: block;

	overflow: hidden;

	position: absolute;

	top: 55px;

	left: 730px;

  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;

}