title	@charset "UTF-8";

/* --------------------------------------------------------------------------------------
 base
--------------------------------------------------------------------------------------- */
html{
	height: 100%;
	margin:0 ;
	padding:0 ;
	}

body {
	background-image:url(../images/common/bg_body.gif);
	background-repeat:repeat;
	background-position:left top;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height: 1.5;
	margin:0 ;
	padding:0 ;
	color:#333333;
	height: 100%;
}

img{
  vertical-align:bottom;
}

input,textarea,select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

/*\*/
* html table {
	font-size: 100%;
	line-height: 1.5;
}
/**/


th, td {
  font-size: 1em;
  font-weight:normal;
}

/* tag ------------------------------ */

div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,a,
form,fieldset,legend,input,textarea,select,option,label, nav, section{
	margin: 0;
	padding: 0;
	text-align:left;
}

body {
	text-align: center;
}

img,table {
	border: none;
}

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

li img,
dt img {
	vertical-align: bottom;
}

address,em,cite {
	font-style: normal;
}


/* link ------------------------------ */

a:link {
	color:#333;
	text-decoration: none;
}

a:visited {
	color:#333;
	text-decoration: none;
}

a:hover {
	color:#333;
	text-decoration: none;
}
a:active {
	color:#333;
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------
 clear
--------------------------------------------------------------------------------------- */
.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }

/*.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: .1em;}
.clearfix { display:inline-block; }

* html .clearfix { height:1%; }
.clearfix { display:block; }


.clear {
	clear:both;
}

.clearLeft {
clear: left;
margin: 0px;
padding: 0px;
}


/* -----------------------------header------------------------------- */

#header{
	margin:0 auto;
	width:1060px;
	height:102px;
	text-align:left;
	background: #fff;
}


#header ul.upper{
	background-color:#FF1609;
	padding:0 50px 0 50px;
	float:right;
	display:block;
	width:960px;
	height:25px;
	font-size:0.9em;
}

#header ul.upper li{
	float:right;
}

#header ul.upper li a{
	color:#FFF;
	line-height:2.1em
 }
 
#header ul.upper li a:hover{
	text-decoration:underline;
}
 
#header ul.upper li a.frst{
    border-right: 1px solid #FFFFFF;
    padding-right: 10px;
	 margin-right:10px;
}
	 
#header ul.upper li a.mail{
	display: block;
	background:url(../images/common/ico_mail.gif) #CC1207 16px 6px no-repeat;
	padding-left:38px;
	margin-left:1px;
	height:25px;
	width:59px;
	font-size:1.1em;
}

#header ul.upper li a.aboutus{
	display: block;
	background:url(../images/common/ico_us.gif) #CC1207 16px 5px no-repeat;
	padding-left:33px;
	margin-left:15px;
	height:25px;
	width:63px;
	font-size:1.1em;
}

#header ul.upper li a.mail:hover, #header ul.upper li a.aboutus:hover{
	background-color:#890200;
	text-decoration:none;
}


#header ul.under{
	background-color:#FFF;
	padding:30px 50px 0 0;
	float: right;
	width:774px;
	text-align:right;
}


#header .logo{
	margin:14px 0 0 50px;
	float:left;
}

#header ul.under li{
	display:inline;
}

	
#header ul.under li a{
	font-size:12px;
	font-weight:bold;
	padding:0 13px 0 11px;
	border-right:1px solid #B2B2B2;
	letter-spacing:102%;
   }
	
#header ul.under li a:hover, .under li a.on, #footer ul.upper li a:hover, #footer ul.upper li a.on{
	color:#FF1609;
 }
	
	
/* -----------------------------container------------------------------- */
 
#container{
	background:url(../images/common/bg_ftr.gif) repeat left top;
	margin:0 auto;
	width:1060px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
} 

/* -----------------------------content------------------------------- */

#contents{
	padding:0 50px 25px;
	margin-bottom:25px;
	width:960px;
	position:relative;
	background-color:#FFF;
}

div.breadcrumbs{
	padding:0 50px;
	display:block;
	width:960px;
	height:40px;
	font-size:0.9em;
}

div.breadcrumbs ul{
	float:right;
	padding-top:12px;
	}

div.breadcrumbs li{
	display:inline;
	margin-left:5px;
}

div.breadcrumbs li.current{
	color:#FF1609;
}

div.breadcrumbs a{
	margin-right: 5px;
}

div.breadcrumbs .frst{
	background:url(../images/common/ico_home.gif) 3px 2px no-repeat;
	padding-left:17px;
}


div.breadcrumbs a:hover{
	text-decoration:underline;
	margin-right: 5px;
}

/* -----------------------------slide------------------------------- */

.boxmain{
	width:960px;
	height:400px;
	background-color:#fff;
}


div.boxmain img{
	position:absolute;
}

#slideShow .title{
   padding: 50px;
   width: 300px;
   height: 300px;
	color: #FFFFFF;
   font-size: 1.2em;
}

.title{
		font-family: 'Nanum Gothic';
}

#slideShow .title .slideCategory{
	font-family: Arial, Helvetica, sans-serif;
   font-size: 1.1em;
	font-weight:bold;
	margin-bottom:4px;
	}

.title h2{
	font-size:2em;
	font-weight:bold;
	line-height: 1.3em;
   margin-bottom: 6px;
}

.title h2 .subtxt{
	font-size:0.7em;
}


#timer{
	visibility:hidden;
}


#controlbox {
    left: 100px;
    position: absolute;
    top: 365px;
    z-index: 3;
}

ul.slideControl li {
	 float:left;
	 width:10px;
	 height:10px;
	 margin-right:10px;
	 display:block;
    background: url(../images/top/ico_slide_off.png) left top no-repeat;
	 cursor:pointer;
    list-style: none outside none;
}

ul.slideControl li:hover, ul.slideControl li.current {
    background: url(../images/top/ico_slide_on.png) left top no-repeat;
}


/* -----------------------------index------------------------------- */

.index h3{
	display:block;
	padding:25px 10px 10px 25px;
	margin-bottom:15px;
	width:700px;
	background-color:#ECECEC;
}


.index h3 a{
	display:block;
	float:left;
	margin:0 15px 15px 0;
	width:218px;
	height:143px;
	background:#FFF url(../images/top/ico_ctgry_arrow.gif) no-repeat 190px 116px;
	border-bottom:#E0E0E0 2px solid;
}

.index h3 a:hover{
	opacity:0.6;
	filter: alpha(opacity=60); 
	-ms-filter: "alpha(opacity=60)"; 
}

.index h3 a img{
	margin-bottom:8px;
}

.index h3 a span{
	padding-left:15px;
}



.index h4{
	padding:15px 0 15px 16px;
	margin-bottom:15px;
	background: url(../images/products/common/ico_title_h3.gif) 0 13px no-repeat;
	line-height:1em;
	font-size: 1.1em;
   font-weight: bold;
	border-bottom:#C5C5C5 dotted 1px;
}

.index .leftcolumn{
	float:left;
	width:735px;
	margin:0 25px 25px 0;
}

.index .leftcolumn p img{
	float:left;
	margin-right:15px;
}


.index .leftcolumn p img.end{
	margin-right:0;
}

.index .rightcolumn{
	float:left;
	width:200px;
}

.index .rightcolumn h5 span{
	font-size:1.1em;
	font-weight:bold;
}

.index .rightcolumn img{
	margin-bottom:15px;
	}

.index .rightcolumn h5{
	display:block;
	background:#A2CDF8;
	margin:25px 0 15px;
	min-height:250px;
	text-align:center;
}

.index .rightcolumn h5 a img{
	margin:10px 0;
	padding:10px 0;
	border-top: #FFF dotted 1px;
	border-bottom: #FFF dotted 1px;
	}
	
	
		

/* -----------------------------aboutus------------------------------- */
	body#aboutus {
		background-color:#FFF;
		background-image:none;
	}

	#aboutus div{
		height:450px;
		width:450px;
	}
	
	#aboutus p{
		display:block;
		padding:50px 0 0 20px;
		margin-bottom:10px;
		width:430px;
		height:93px;
		background: url(../images/top/title_aboutus.jpg) left top no-repeat;
		color:#FFF;
		font-size:2em;

		}
		
	#aboutus table.history{
		width:450px;
		}
		
	#aboutus table.history th{
		color:#FF1609;
		}
		
	#aboutus table.history th, #aboutus table.history td{
		border-bottom:#C5C5C5 dotted 1px;
		padding:4px;
	}
		

/* -----------------------------inner------------------------------- */

#contents.inner{
	padding-top:35px;
	}

#contents.inner h1{
	height:154px;
	width:960px;
	padding:35px 0 0 25px;
	margin-bottom:25px;
	color:#FFF;
	font-size:1.2em;
}

#contents.inner h1 .title{
	width:243px;
	display:block;
	margin-bottom:7px;
	font-size:1.7em;
	line-height:1.2em;
	}

#contents.inner p.pageT{
	display:block;
	width:665px;
	height:15px;
	margin-bottom:25px;
}

#contents.inner p.pageT a{
	display:block;
	float: right;
	padding-left:16px;
	color:#FF1609;
	background:url(../images/common/ico_pgtop.gif) left top no-repeat;
	font-size:0.9em;
	line-height:1em;
}

#contents.inner p.pageT a:hover{
	text-decoration:underline;
}


#contents.inner.hm_ktchn h1 {
	background:url(../images/products/home_kitchen_appliances/title_h1.jpg) left top no-repeat;
}


#contents.inner.atmtv_mtrcl h1 {
	background:url(../images/products/automotive_motorcycle/title_h1.jpg) left top no-repeat;
}

#contents.inner.indstrl_aplctn h1 {
	background:url(../images/products/industrial_application/title_h1.jpg) left top no-repeat;
}

#contents.inner.gnrl_us h1 {
	background:url(../images/products/general_use/title_h1.jpg) left top no-repeat;
}

#contents.inner.spry_pen h1 {
	background:url(../images/products/spraycans_markerpens/title_h1.jpg) left top no-repeat;
}

#contents.inner.evrmtl_aplctn h1 {
	background:url(../images/products/environmental_application/title_h1.jpg) left top no-repeat;
}

#contents.inner.okitech h1 {
	background:url(../images/products/okitech/title_h1.jpg) left top no-repeat;
}



/* -----------------------------sidenav------------------------------- */

#contents.inner .sdnav{
	float:left;
	margin-right:25px;
	width:270px;
	border-top:#F8847B solid 3px;
	border-bottom:#6E6E6E solid 3px;
	line-height:1em;
}


#contents.inner .sdnav .accordion_head{
	background: left top repeat;
	display:block;
	font-size:1.1em;
	font-weight: bold;
	border-bottom:#C5C5C5 solid 1px;
}

#contents.inner .sdnav .accordion_head a{
	display:block;
	padding:13px 0 13px 16px;
	background: url(../images/products/common/ico_sdnav_off.gif) 0 13px no-repeat; 
}


#contents.inner .sdnav .accordion_head a:hover{
   color:#FF1609;
	background: url(../images/products/common/ico_sdnav_on.gif) 0 13px no-repeat; 
}


#contents.inner .sdnav .selected{
    background: url(../images/products/common/ico_sdnav_on.gif) 0 13px no-repeat;
     color:#FF1609;
}
#contents .accordion > li .selected + * {
    background: background: url(../images/common/ico_sdnav_on.gif) 0 13px no-repeat;
     color:#FF1609;
}


#contents.inner .sdnav li ul li a{
	display:block;
	padding:13px 0 13px 16px;
	background: url(../images/products/common/ico_sdnav_arw.gif) 0 13px no-repeat; 
}

#contents.inner .sdnav li ul li a:hover{
	color:#FF1609;
	
}



/* -----------------------------producttitle------------------------------- */


#contents.inner .article{
	float:right;
	width:665px;
}

#contents.inner .article h2{
	width: 665px;
	height:45px;
	margin-bottom:15px;
	background:url(../images/products/common/ico_h2.gif) left top repeat;
	color: #FFF;
	font-size:1.2em;
   font-weight: bold;
	line-height:1em;
}

#contents.inner .article h2 span{
	display:block;
	padding:16px 0 0 15px;
	float:left;
	height:29px;
	width:300px;
}

#contents.inner .article h2 img{
	float:right;
}


#contents.inner .article h3{
	padding:15px 0 15px 16px;
	background: url(../images/products/common/ico_title_h3.gif) 0 13px no-repeat;
	line-height:1em;
	font-size: 1.1em;
   font-weight: bold;
	}
	
	
#contents.inner .article p.subtxt{
	padding:0 0 15px 0 ;
	}

	
#contents.inner .article p .prname{
	 background:url(../images/products/common/ico_prgnm02.gif) no-repeat left top;
	 padding-left:18px;
	 font-size:1.2em;
	 font-weight:bold;
	 }
	
	

#contents.inner .article .frmprdct{
	padding-top:15px;
/*	margin-bottom:15px;
*/	width: 665px;
	border-top:#C5C5C5 dotted 1px;
}


/* -----------------------------producSpec------------------------------- */


#contents.inner .article th, #contents.inner .article td {
	padding:7px;
}


#contents.inner .article table.main_spec{
	display:block;
	float:left;
	margin:0 0 15px 0;
	width:441px;
	min-height:115px;
	border-left: #C5C5C5 solid 1px;
	border-right: #C5C5C5 solid 1px;
	border-bottom:#C5C5C5 solid 1px;
	background:url(../images/products/common/bg_spec.gif) left top repeat-y;
}



#contents.inner .article table.main_spec th, #contents.inner .article table.main_spec td{
	border-top: #C5C5C5 solid 1px;
}

#contents.inner .article table.main_spec th{
	padding-left:25px;
	line-height:1em;
	text-align:left;
	width:55px;
}


#contents.inner .article table.main_spec td{
	width:339px;
}


#contents.inner .article .upper th{
 	background:#F2E1E1 url(../images/products/common/ico_knd.gif) 7px 50% no-repeat ;
}

#contents.inner .article .middle th{
 	background:#E0E4EE url(../images/products/common/ico_prgnm.gif) 7px 50% no-repeat ;
}

#contents.inner .article .middle td{
	font-size:1.2em;
}

#contents.inner .article .middle .subtxt{
	font-size:0.7em;
}


#contents.inner .article .under th{
	background:#EFEBE0 url(../images/products/common/ico_dtl.gif) 7px 50% no-repeat ;
}


#contents.inner .article table.main_spec td{
	border-left:#FFF solid 1px;
	background-color:#F3F3F3;
}

#contents.inner .article table.main_specfull{
	width:665px;
	}



/* -----------------------------producSpec2------------------------------- */

#contents.inner .article table.sub_spec, #contents.inner .article table.sub_spec th, #contents.inner .article table.sub_spec td,
#contents.inner .article table.sub_spec_half, #contents.inner .article table.sub_spec_half th, #contents.inner .article table.sub_spec_half td {
	padding:4px;
	font-size:0.9em;
}


#contents.inner .article table.sub_spec{
	clear:both;
	width:665px;
	border: #C5C5C5 solid 1px;
	margin-bottom:15px;
}


#contents.inner .article table.sub_spec td{
	border-left:#C5C5C5 solid 1px;
	border-bottom:#C5C5C5 solid 1px;
	text-align:center;
}

#contents.inner .article table.sub_spec .title{
	background-color:#F3F3F3;
}

/* -----------------------------producSpec3------------------------------- */

#contents.inner .article table.other_spec, #contents.inner .article table.other_spec th, #contents.inner .article table.other_spec td,
#contents.inner .article table.other_spec_half, #contents.inner .article table.other_spec_half th, #contents.inner .article table.other_spec_half td {
	padding:7px;
}

#contents.inner .article table.other_spec td{
	padding:12px;
}


#contents.inner .article table.other_spec{
	clear:both;
	width:441px;
	border: #C5C5C5 solid 1px;
	margin-bottom:15px;
	float:left;
}


#contents.inner .article table.other_spec td{
	border-left:#C5C5C5 solid 1px;
	border-bottom:#C5C5C5 solid 1px;
}

#contents.inner .article table.other_spec th{
	border-bottom:#C5C5C5 solid 1px;
	width:55px;
	text-align: center;
}

#contents.inner .article table.other_spec .title{
	background-color:#F3F3F3;
}




/* -----------------------------Specfin------------------------------- */



#contents.inner .article p img{
	float:right;
	text-align:right;
	margin-bottom:12px;
	border: #C5C5C5 solid 1px;
}

#contents.inner .article ul.pdf{
	 display: block;
    float: left;
    width: 665px;
	margin-bottom:15px;
	 font-size: 0.9em;
}

#contents.inner .article ul.pdf li{
	 margin-bottom: 5px;
	 background:url(../images/products/common/ico_title_pdf.gif) no-repeat left 6px;
	 padding-left:7px;
	 }
	 
#contents.inner .article p.notetext{
	 margin-bottom: 15px;
	 background:url(../images/products/common/ico_title_pdf.gif) no-repeat left 6px;
	 padding-left:7px;
	 display:block;
	 width:658px;
	 float:left;
	 }
	 
#contents.inner .article p.mailtext a{
	 background:url(../images/products/common/ico_mail.gif) no-repeat left 1px;
	 padding-left:19px;
	text-decoration:underline;
	 }
	 
#contents.inner .article p.mailtext{
	 margin-bottom: 20px;
	 background:url(../images/products/common/ico_title_pdf.gif) no-repeat left 6px;
	 padding-left:7px;
	 display:block;
	 width:658px;
	 float:left;
	 font-size:0.9em;
	 }
	  
	 
#contents.inner .article ul.pdf li a{
	height:16px;
	background: url(../images/products/common/ico_pdf.gif) 0 0 no-repeat;
	padding-left:20px;
	margin:0 7px 0 0;
	text-decoration: underline;
	display:inline-block;	
}



#contents.inner .article p.prtitle{
	display: block;
    float: left; 
	 margin-bottom:5px;
    width: 665px;
	 background:url(../images/products/common/ico_title_p.gif) no-repeat left 6px;
	 padding-left:10px;
}

#contents.inner .article p.pdf a:hover{
	text-decoration:none;
}

/* -----------------------------footer------------------------------- */


#footer {
	padding:0 50px 50px 50px;
	width:960px;
	line-height: 1em;
	font-size:0.9em;
}

#footer ul.upper {
	height:35px;
}


#footer ul li {
	float:left;
}

#footer ul li a{
	 border-left: 1px solid #B2B2B2;
    padding: 0 10px;
	 }



/* -----------------------------text------------------------------- */

/* Firefoxtext*/
::-moz-selection {
	color:#FF1609;
	background-color:#fff;
}

::selection {
	color:#FF1609;
	background-color:#fff;
}


/* -----------------------------form------------------------------- */

textarea.jpn{
	width:285px;
	resize: vertical;
	border:#999 solid 1px;
	padding:2px;
}

input.jpn{
	width:285px;
}

input.jpn, input.eng{
	border:#999 solid 1px;
	padding:2px;
}


.wmi_postcode{
	margin-bottom:7px;
	}