@charset "utf-8";
/* Editor:WOOROM WEB */
/* ==================================================================
�� W H O L E / / / / / / / / / / / / / / / / / / / / / / / / / / / /
================================================================== */
@-webkit-keyframes flash{
0%{opacity:1;}
50%{opacity:0.4;}
100%{opacity:1;}
}

body{text-align:center;font-size:14px;line-height:1.4;background:url(../images/bg.jpg);}
a:link{color:rgb(0,140,210);}
a:visited{color:rgb(0,140,210);}
a:hover{text-decoration:underline;}
#wrapper{width:960px;margin:0 auto;}

/* ==================================================================
�� H E A D E R / / / / / / / / / / / / / / / / / / / / / / / / / / /
================================================================== */
header#gHeader{width:960px;height:100px;position:relative;}
header#gHeader h1{position:absolute;top:28px;left:0;}
header#gHeader h1{position:absolute;top:16px;left:10px;}/* mod 2012/08/10 */
#headerAddress{display:block;position:absolute;top:28px;left:340px;}
#headerAddress{display:none;}/* mod 2012/08/10 */
#headerPhone{display:block;position:absolute;top:-11px;left:741px;}
#gNav{width:960px;height:28px;position:absolute;bottom:0;left:0;background:url(../images/gnav.png);}
#gNav ul li{float:left;}
#gNav ul li a{display:block;width:120px;height:28px;text-indent:-9999px;background:url(../images/gnav_o.png) 0 0 no-repeat;/background:none;background:none\9;opacity:0;
-webkit-transition:opacity 0.25s ease-in-out;
-moz-transition:opacity 0.25s ease-in-out;
}
#gNav ul li a:hover{opacity:1;/background:url(../images/gnav_o.png) 0 0 no-repeat;background:url(../images/gnav_o.png) 0 0 no-repeat\9;}
#gNav ul li#gNavIndex a{background-position:0 0;}
#gNav ul li#gNavProduct a{background-position:-120px 0;}
#gNav ul li#gNavCompany a{background-position:-240px 0;}
#gNav ul li#gNavHandicapped a{background-position:-360px 0;}
#gNav ul li#gNavEco a{background-position:-480px 0;}
#gNav ul li#gNavShop a{background-position:-600px 0;}
#gNav ul li#gNavFAQ a{background-position:-720px 0;}
#gNav ul li#gNavContact a{background-position:-840px 0;}

#sNav{padding:4px 0;position:absolute;top:0;right:0;font-size:12px;background:rgb(255,255,255);}
#sNav{padding:0 0;position:absolute;top:0;right:0;font-size:12px;background:rgb(255,255,255);}/* mod 2012/08/22 */
#sNav ul{display:inline;}
#sNav ul li{float:left;padding:1px 9px;}

#cse-search-form{width:250px;position:absolute;top:0;left:280px;}
#cse-search-form{width:230px;position:absolute;top:30px;left:545px;}

/* ==================================================================
�� F O O T E R / / / / / / / / / / / / / / / / / / / / / / / / / / /
================================================================== */
footer{padding:25px 0 15px 0;}

/* ==================================================================
�� P A G E S / / / / / / / / / / / / / / / / / / / / / / / / / / / /
================================================================== */
#pagesWrapper{width:950px;margin:15px auto auto;padding:0 0 0 10px;background:url(../images/pages_bg.png);}
article{float:left;width:720px;}
hgroup#pagesHeader{height:230px;position:relative;top:0;left:-15px;}
hgroup#pagesHeader h2{
	width:500px;
	height:140px;
	padding:10px 30px 0 210px;
	position:absolute;
	top:90px;
	left:0;
	font-weight:lighter;
}
header#pagesHeader{height:95px;position:relative;top:0;left:-10px;}

#breadCrumbs{margin:0 0 10px 0;padding:3px;background:url(../images/underline_t.png) bottom repeat-x;}
#navi-b{padding:10px 0 0 0;text-align:right;}

a.links:{}
a.links:hover{opacity:0.75;}

.sectionHead{margin:35px 0 0 0;}
.sectionLead{padding:10px;}
.sectionLead p{margin:0 0 15px 0;}
section#factory{font-size:12px;}
section#factory ul li{margin:0 0 10px 0;}
section#factory ul li a:hover img{margin-bottom:-1px;border-bottom:1px solid rgb(21,68,126);}
#sectionFactoryTxt{float:left;width:465px;}
#sectionFactoryPhoto{display:block;float:right;margin:10px 70px 0 0;}

aside{float:right;width:195px;padding:0 10px 0 0;}
aside ul li{padding:5px 0;position:relative;top:0;left:0;}
aside ul li.mainContents{border-bottom:2px dotted rgb(255,255,255);}
aside ul li.mainContents a{display:block;width:195px;height:70px;}
aside ul li.mainContents a:hover{background:url(../images/aside_maincontents_bg.png);}
aside ul li.mainContents .aside_icons{display:block;width:70px;height:70px;position:absolute;top:5px;left:-5px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.10s ease-in-out;
}
aside ul li.mainContents a:hover .aside_icons{
-webkit-transform:rotate(-8deg)scale(1.1);
-moz-transform:rotate(-8deg)scale(1.0);
}
aside ul li.asideETC a{display:block;background:rgb(255,255,255);}
aside ul li.asideETC a:hover img{
-webkit-animation:flash 1s ease-in-out infinite;
-moz-animation:flash 1s ease-in-out infinite;
}

#pagesETC{width:620px;padding:25px 50px;font-size:13px;line-height:1.5;background:rgb(255,255,255);border-radius:8px;-moz-border-radius:8px;}
#pagesETC h1{padding:10px 0 5px 0;font-size:26px;background:url(../images/underline.png) bottom repeat-x;}
#pagesETC h2{font-size:16px;}
#pagesETC section{padding:10px;}
#pagesETC .address strong{display:block;}

.press{line-height:1.4;}
.press p{padding:8px 0;}

/* ==================================================================
�� E N G L I S H / / / / / / / / / / / / / / / / / / / / / / / / / / / /
================================================================== */
#engHeader{width:960px;height:110px;position:relative;}
#engHeader h1{position:absolute;top:0;left:0;}
#engAddress{display:block;position:absolute;top:0;left:385px;}
#engPhone{display:block;position:absolute;top:0;left:750px;}

.normalText{margin:0 0 15px 0;padding:10px 0 0 0;}
.normalText h2{display:inline;padding:2px 10px 2px 5px;color:rgb(255,255,255);background:rgb(27,172,255);border-top-right-radius:10px;border-bottom-right-radius:10px;}
.normalText p{padding:5px 0;}
.normalText em{display:block;text-align:right;}
.normalTable{border:1px solid rgb(224,224,224);}
.normalTable td{padding:5px;vertical-align:middle;border-left:1px solid rgb(224,224,224);border-bottom:1px solid rgb(224,224,224);}
.normalTable td:first-child{border-left:none;}
.normalTable tr:last-child td{border-bottom:none;}

#eng_aside ul li{padding:0;border-bottom:1px dashed rgb(255,255,255);}
#eng_aside ul li a{display:block;margin:3px 0;padding:5px;background:rgb(255,255,255);border-left:3px solid rgb(27,172,255);}


/* ClearFix ======================================================== */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
