@charset "UTF-8";
/* CSS Document */



#mv h1 {
	height:280px;
	margin:0 auto;
	width:950px;
}

#mv h1 span {
	display:none;
	visibility:hidden;
}


#mv.products,
#mv.products h1 {
	background:url(../images/img_main.jpg) center top no-repeat #fcfcfc;
}





/* index */


#contents div.halfArea {
	margin-left:2px;
	width:716px;
}

#contents div.halfArea div.halfBox {
	background:url(../images/bg_halfbox.gif) left top repeat-y;
	border-bottom:1px solid #DDD;
	float:left;
	margin:0 20px 20px 0;
	padding-bottom:10px;
	width:347px;
}

#contents div.halfArea div.halfBox div.halfBoxInr {
	width:347px;
	
	min-height: 154px;
	height: auto !important;
	height: 154px;
}

#contents div.halfArea div.halfBox div.product01 {background:url(../images/bg_product01.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product02 {background:url(../images/bg_product02.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product03 {background:url(../images/bg_product03.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product04 {background:url(../images/bg_product04.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product05 {background:url(../images/bg_product05.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product06 {background:url(../images/bg_product06.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product07 {background:url(../images/bg_product07.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product08 {background:url(../images/bg_product08.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product09 {background:url(../images/bg_product09.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product10 {background:url(../images/bg_product10.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product11 {background:url(../images/bg_product11.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product12 {background:url(../images/bg_product12.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product13 {background:url(../images/bg_product13.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product14 {background:url(../images/bg_product14.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product15 {background:url(../images/bg_product15.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product16 {background:url(../images/bg_product16.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product17 {background:url(../images/bg_product17.jpg) left top no-repeat;}
#contents div.halfArea div.halfBox div.product18 {background:url(../images/bg_product18.jpg) left top no-repeat;}

#contents div.halfArea div.halfBox div.halfBoxInr h2 {
	font-size:1px;
	line-height:0;
	margin:0;
	padding:0;
}

#contents div.halfArea div.halfBox div.halfBoxInr h2.t_pro {
	padding-top:15px;
	padding-left:12px;
}

#contents div.halfArea div.halfBox div.halfBoxInr h2 span {
	display:none;
	visibility:hidden;
}

#contents div.halfArea div.halfBox div.halfBoxInr ul {
	margin-left:13px;
	padding-top:30px;
	width:155px;
}

#contents div.halfArea div.halfBox div.product03 ul { width:180px;}
#contents div.halfArea div.halfBox div.product05 ul { width:220px;}

#contents div.halfArea div.halfBox div.halfBoxInr ul li{
	line-height:140%;
	margin-bottom:4px;
}

#contents div.halfArea div.halfBox div.halfBoxInr ul li a {
	background:url(../../libn/cmn_img/icon_arrow_yellow.gif) left 1px no-repeat;
	display:inline-block;
}

#contents div.halfArea div.halfBox div.halfBoxInr ul li a span {
	display:block;
	margin-left:10px;
}

#contents div.productBtn {
	background:url(../images/bg_productbtn.jpg) left top no-repeat;
	height:53px;
	margin:0 0 30px 35px;
	padding-top:15px;
	width:650px;
}

#contents div.productBtn ul {
	margin-left:31px;
	width:600px;
}

#contents div.productBtn ul li {
	float:left;
	width:200px;
}





/* detail */

#contents.productContents {
	background:none;
	padding-top:40px;
}

#contents.productContents #main_area,
#contents.productContents #side {
	margin-top:0;
	padding-top:10px;
}



/* jigs */
div#jigsFeature {
	background:url(../images/img_jigs_02.gif) right top no-repeat;
	width:700px;
	margin:0 auto;
	min-height: 200px;
    height: auto !important;
    height: 200px;
}

div#jigsFeature ul.indList {
	width:420px;
}





/* stud */


#attention {
	border:solid 1px #CCCCCC;
	padding:20px;
	margin-bottom:35px;
	width:660px;
}

#attention ul li {
	margin-bottom:10px;
}

#attention ul li span.olL {
	color:#CC0033;
	display:block;
	float:left;
	width:25x;	
}

#attention ul li span.olR {
	display:block;
	float:left;
	width:640px;	
}



/* clinching */
#contents .clinchiBox {
	margin-bottom:50px;
	width:100%;
}

#contents .clinchiBox ul {
	width:700px;
}

#contents .clinchiBox ul li {
	margin-right:20px;
	font-size:83% !important;
	float:left;
	width:160px;
}








/* catarog */


#contents div.catarogTbl {
	margin-bottom:40px;
	width:720px;
}

#contents div.catarogTbl h3 {
	background-color:#5E769A;
	color:#FFF;
	padding:7px 0;
	width:720px;
}

#contents div.catarogTbl h3 span {
	margin:0 10px;
}

#contents div.catarogTbl table {
	border-left:1px dotted #CCC;
	border-collapse:collapse;
	width:100%;
}

#contents div.catarogTbl table td {
	border-bottom:1px dotted #CCC;
	border-right:1px dotted #CCC;
	text-align:center;
	vertical-align:middle;
	padding:15px;
}




#contents table td.typeA {
	color:#4386b1;
	font-weight:bold;
}

#contents table td.typeB {
	color:#043c5f;
	font-weight:bold;
}

#contents table td.typeC {
	color:#03797d;
	font-weight:bold;
}
#contents table td.typeD {
	color:#a0a27c;
	font-weight:bold;
}

#contents #contact {
	background:url(../catarog/images/bg_contact.gif) left top no-repeat;
	margin:0 auto;
	min-height:106px;  
    height:auto !important;  
    height:106px;
	position:relative;  
	width:650px;
}

#contents #contact p {
	top:26px;
	left:27px;
	position:absolute;
}


/* howto/about */


#contents h3.blueHead {
	background-color:#5E769A;
	color:#FFF;
	margin-bottom:10px;
	padding:7px 0;
}

#contents h3.blueHead span {
	margin:0 10px;
}

#contents div.aboutFlt {
	margin:0 0 45px 10px;
	width:700px;
}

#contents div.aboutFlt div.aboutFltL {
	float:left;
	width:357px;
}

#contents div.aboutFlt div.aboutFltR {
	float:right;
	width:315px;
}

#contents ul.btm10List li {
	margin-bottom:10px;
}




/* howto/welding */

#contents div.basicOpBox {
	margin:0 0 50px 10px;
	width:680px;
}

#contents div.basicOpBox ol {
	margin-bottom:20px;
	width:670px;
}

#contents div.basicOpBox ol li {
	margin-bottom:10px;
	text-indent:-1.2em;
	padding-left:1.2em;
	width:670px;
}

#contents div.basicOpBox ol li {
	margin-bottom:10px;
	text-indent:-1.2em;
	padding-left:1.2em;
	width:670px;
}

#contents div.basicOpBox ul.redSmallList {
	width:670px;
}

#contents div.basicOpBox ul.redSmallList li {
	color:#bc0000;
	margin-bottom:5px;
	text-indent:-1em;
	padding-left:1em;
}


#contents div.setBox {
	background:url(../howto/images/img_welding_04.jpg) right top no-repeat;
}

#contents div.setBox ol,
#contents div.setBox ol li {
	width:430px;
}

#contents div.setBox ol li strong {
	color:#11478f;
}

#contents strong.blueBold {
	color:#002a61;
}

#contents ul.attBox {
	border:1px solid #CCC;
	color:#bc0000;
	margin:0 auto 60px;
	padding:14px 14px 7px;
	width:645px;
}

#contents ul.attBox li {
	margin-bottom:7px;
	text-indent:-1em;
	padding-left:1em;
}

#contents div.flowBox {
	background:url(../howto/images/bg_flowbox.gif) left bottom no-repeat;
	padding-bottom:60px;
	width:680px;
}

#contents div.flowBox div.flowL {
	float:left;
	width:350px;
}

#contents div.flowBox p.flowR {
	float:right;
	width:290px;
}

#contents div.last {
	background:none;
	padding-bottom:0;
}


#contents ul.attBlackBox {
	border:1px solid #CCC;
	margin:0 auto 60px;
	padding:14px 14px 7px;
	width:645px;
}

#contents ul.attBlackBox li {
	margin-bottom:7px;
	text-indent:-1em;
	padding-left:1em;
}

#contents div.operationBox {
	margin:0 0 50px 30px;
	width:650px;
}

#contents div.operationBox p.opL {
	float:left;
	padding-bottom:20px;
	width:150px;
}

#contents div.operationBox p.opR {
	float:right;
	padding-bottom:20px;
	width:470px;
}

#contents div.operationBox div.opBdr {
	border:1px solid #DFDFDF;
	margin-bottom:30px;
	padding:20px 0 15px;
	width:625px;
}

#contents div.operationBox div.opBdr div.opBdrInr {
	margin-left:25px;
	width:575px;
}

#contents div.operationBox div.opBdr div.opBdrInr p.opBdrL {
	float:left;
	width:100px;
}

#contents div.operationBox div.opBdr div.opBdrInr div.opBdrR {
	float:right;
	width:450px;
}


#contents div.ph_product {
	float:left;
	width:285px;
}

#contents div.boxTbl {
	float:right;
	width:395px;
	
}

#contents .title_blue {
	background:#5e769a;
	color:#FFFFFF;
	margin-bottom:20px;
	padding:7px 10px 5px 10px; 
}


#contents table.tbl01 td.point {
	color:#0e8298;
	font-weight:bold;
}

#contents .bdrHead {
	border-bottom:1px solid #333;
	margin-bottom:25px;
	padding-bottom:7px;
}






















