/*sub CSS*/
body {
	background:url('../img/sub/sub_bg.jpg') no-repeat;
}
/*header*/
#header {
	width:960px;
	height:125px;	
	position:relative;	
}

.top_menu {
	float:right;
	height:28px;
	padding-top:18px;
	text-align:left;	
}
.top_menu li {
	float:left;
}
.top_menu span{
	width:15px;
	height:9px;
	display:inline-block;
	background:url('../img/sub/top_menu_line.gif') no-repeat 0 50%;
}
.top_menu a {	
	color:#6285b0;
	font-size:10px;
}
.top_menu a:hover {		
	text-decoration:underline;
}
.top_menu li.last a{
	float:left;
	width:62px;
	height:17px;
	text-indent:-99999em;
	margin-left:15px;
	background:url('../img/sub/top_korea_button.gif') no-repeat 0 50%;
}
.logo {
	float:left;
	width:109px;
	height:62px;
	margin:47px 0 0 3px;
}
.logo h1 a{
	width:110px;
	height:62px;
	display:block;
}


/*contents */
.contents {
	position:relative;
	overflow:hidden;
	width:960px;
}
/* Left Menu */
.contents .left_menu{
	width:205px;
	float:left;	
}
.contents .left_menu dl{
	float:left;
	width:100%;
}
.contents .left_menu dt {
	float:left;
	width:205px;
	height:32px;
	background: url('../img/index/left_menu_icon.png') no-repeat;
}
.contents .left_menu dt:hover {
	float:left;
	width:205px;
	height:32px;
	background: url('../img/index/left_menu_icon_ov.png') no-repeat;
}
.contents .left_menu dt.title a{		
	display:block;
	height:24px;	
	color:#454545;
	font-family:'Georgia';
	font-size:14px;
	font-weight:700;
	padding:5px 0 0 30px;	
}
.contents .left_menu dt.title a:hover {	
	color:#e9c400;	
}

.contents .left_menu dd {
	float:left;	
	width:205px;
	margin-bottom:5px;
}
.contents .left_menu dd.second {
	float:left;	
	padding-left:10px;	
}
.contents .left_menu dd.last {
	margin-bottom:10px;
}
.contents .left_menu dd a,
.contents .left_menu dd.dd02 a{
	display:block;
	background:url('../img/index/dot01.gif') no-repeat 0 50%;	
	height:18px;	
	font-family:arial;
	margin-left:31px;
	padding-left:10px;
	line-height:18px;
	color:#000;	
}
.contents .left_menu dd a:hover,
.contents .left_menu dd.dd02 a:hover{
	color:#6285b0;
}
.contents .left_menu dd.second a{
	padding:0;
	height:20px;
	font-size:11px;
	color:#454545;
	background:none;
}
.contents .left_menu dd.second a:hover{
	color:#000;
	text-decoration:underline;
}
.contents .left_menu dd.dd02 a{
	height:30px;
	line-height:120%;
	background:url('../img/index/dot01.gif') no-repeat 0 20%;
}
/* Article */
#article {
	float:right;	
	width:735px;	
}
.sub_title {
	float:left;
	width:735px;
	height:64px;
}
.sub_title li.route{
	float:right;	
	height:23px;
	padding-top:5px;
	font-size:11px;
}
.sub_title li.title{
	float:left;
	width:700px;
	font-size:18px;	
	font-weight:bold;
	color:#6285b0;
	font-family:'Georgia';
}
.sub_content {
	float:left;
	clear:both;
	padding:30px 0;
	width:735px;
}
/* greeting */
.greeting{
	width:730px;
	float:left;
}
 .greeting .text{
	width:725px;
	float:left;
	text-align:justify;
	line-height:20px;
}
.greeting h2{
	font-size:15px;
	color:#232334;
	padding-bottom:8px;
}
.greeting h3{
	font-size:13px;
	color:#7aa0ce;
	padding-bottom:8px;
}
.greeting .img{
	float:left;
	padding-top:50px;
}
/* history */
.history{
	float:left;
	width:735px;
}
.history dl{
	float:left;
	width:735px;
}
.history dl.year2012{
	float:left;
	width:735px;
	padding-bottom:20px;
}
.history dt{
	float:left;
	width:100px;
	height:150px;
}
.history dd{
	float:left;
	width:600px;
	margin:0;
	border-bottom:1px dotted #e9e9e9;
	padding:5px 0;
}
.history dd .line2{
	display:block;
	padding-left:55px;
}
.history dd .mon{
	display:inline-block;
	padding-right:17px;
}
.history dd .mon1{
	display:inline-block;
	padding-right:8px;
}
.history dd .mon2{
	display:inline-block;
	padding-right:25px;
}
.history dd .mon3{
	display:inline-block;
	padding-right:14px;
}
/* hyalu-100 */
.hyalu-100{
	float:left;
	width:735px;
}
.hyalu-100 h2{
	color:#6285b0;
	font-weight:bold;
	font-size:25px;
	line-height:28px;
}
.hyalu-100 .title, .origin p.title, .origin .tip, .features dt,
.features .f_title, .ingredients p.i_title, .why_ha dt, .manufacture dt{
	background:url(../img/sub/icon01.png) 0 0 no-repeat;
	height:20px;
	padding:8px 0 0 20px;
	width:715px;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
	color:#536c04;
}

.functions dt{
	height:15px;
	padding:10px 0 8px 0;
	width:715px;
	float:left;
	font-size:13px;
	font-weight:bold;
	margin:10px 0;
	color:#303030;
}

.hyalu-100 .img{
	float:left;
}
.hyalu-100 .detail{
	float:left;
	width:480px;
	text-align:justify;
	padding-left:20px;
	line-height:20px;
}
.hyalu-100 .detail span, .why_ha .w_detail span{
	color:#f5250c;
	font-weight:bold;
	font-size:13px;
}
/* origin */
.origin{
	float:left;
	width:735px;
}
.origin dl{
	float:left;
	width:735px;
}
.origin dt, .origin .title2{
	background:url(../img/sub/icon03.png) 0 10% no-repeat;
	padding-left:15px;
	float:left;
	width:695px;
	margin-left:25px;
	font-weight:bold;
}
.origin dd,	.origin .text, .ingredients dd{
	background:url(../img/sub/icon02.png) 0 65% no-repeat;
	padding:5px 0 0 10px;
	float:left;
	width:678px;
	margin-left:42px;
}
.origin .img{
	float:left;
	padding:15px 0;
	width:735px;
}
.origin .text{
	background:url(../img/sub/icon02.png) 0 35% no-repeat;
	padding:5px 0 0 10px;
	float:left;
	width:678px;
	margin-left:42px;
}
.origin .tip_text, .use-directions .u_detitle{
	background:url(../img/sub/tip_b.gif) 0 0 no-repeat;
	padding:20px 0 0 20px;
	float:left;
	width:715px;
	height:60px;

}
.tip_text img{
	padding-right:8px;
}
.tip_text span{
	display:block;
	padding-left:16px;
}
/* features */
.features{
	float:left;
	width:735px;
}
.features td.name{
	font-weight:bold;
}
.features .table_ex{
	width:730px;
	background:url(../img/sub/icon02.png) 0 45% no-repeat;
	font-weight:bold;
	padding-left:10px;
	float:left;
	margin:0 0 10px 5px;
}
.features dd{
	background:url(../img/sub/icon03.png) 0 10% no-repeat;
	padding-left:15px;
	float:left;
	width:695px;
	margin-left:25px;
}
/* ingredients */
.ingredients{
	width:735px;
	float:left;
}
.ingredients dl{
	float:left;
	width:735px;
}
.ingredients dt, .i_ex{
	background:url(../img/sub/icon03.png) 0 10% no-repeat;
	padding-left:15px;
	float:left;
	width:730px;
	margin-left:25px;
	font-weight:bold;
}
.ingredients dd{
	background:url(../img/sub/icon02.png) 0 30% no-repeat;
	padding:10px 0 15px 10px;
	float:left;
	width:678px;
	margin-left:42px;
}
.ingredients dd.dd1{
	background:url(../img/sub/icon02.png) 0 23% no-repeat;
	padding:10px 0 15px 10px;
	float:left;
	width:678px;
	margin-left:42px;
}
.ingredients dd.dd2{
	background:url(../img/sub/icon02.png) 0 42% no-repeat;
	padding:10px 0 15px 10px;
	float:left;
	width:678px;
	margin-left:42px;
}
.ingredients dd.dd3{
	background:url(../img/sub/icon02.png) 0 25% no-repeat;
	padding:10px 0 15px 10px;
	float:left;
	width:678px;
	margin-left:42px;
}
.ingredients dd.dd1 .em{
	color:#f5250c;
	font-weight:bold;
}
/* why_ha */
.why_ha, .why_ha dl{
	width:735px;
	float:left;
}
.why_ha dd{
	width:715px;
	float:left;
	background:url(../img/sub/icon02.png) 0 65% no-repeat;
	margin-left:25px;
	padding:5px 0 0 10px;
}
.why_ha .w_detail{
	background:url(../img/sub/icon03.png) 0 35% no-repeat;
	width:710px;
	float:left;
	margin-left:10px;
	padding:15px 0 0 15px;
}
.why_ha img{
	padding-top:0px;
}
/* range */
.range{
	float:left;
	width:730px;
	height:250px;
	background:url(../img/sub/application-and-use_bg.jpg) 0 0 no-repeat;
	margin-bottom:10px;
}
.range dl{
	float:left;
	width:735px;
	margin-bottom:10px;
}
.range dt, .use-directions .u_title,
.presentation dt{
	background:url(../img/sub/icon01.png) 0 0 no-repeat;
	height:28px;
	padding:8px 0 0 20px;
	width:735px;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#536c04;
}
.range dd{
	width:705px;
	float:left;
	background:url(../img/sub/icon02.png) 0 65% no-repeat;
	margin-left:25px;
	padding:5px 0 0 10px;
}
.range dd.dd1{
	width:705px;
	float:left;
	background:url(../img/sub/icon02.png) 0 65% no-repeat;
	margin-left:25px;
	padding:5px 0 0 10px;
	font-weight:bold;
}
/* use-directions */
.use-directions .u_detitle img{
	padding-right:8px;
}
.u_detitle span{
	display:block;
	padding-left:15px;
}
/* manufacture */
.manufacture, .manufacture dl{
	float:left;
	width:735px;
}
.manufacture h2{
	color:#61acca;
	text-decoration:underline;
}
.manufacture dd{
	width:715px;
	float:left;
	padding:0 0 30px 20px;
	line-height:18px;
}
.presentation dd{
	width:735px;
	float:left;
	padding:0 0 30px 20px;
}
.manufacture dd span{
	color:#F5250C;
	font-weight:bold;
}
.manufacture .image{
	float:left;
}
/* direction */
.direction_title {
    background: url("../img/sub/direction_bar.gif") no-repeat;
    height: 47px;
    width: 735px;
}
.direction_title strong {
    color: #4E8F31;
    display: inline-block;
    font-family: arial;
    font-size: 16px;
    padding: 15px 0 0 20px;
}
.direction_title strong.txt2 {
	padding: 0 0 0 5px;
}
.direction_title span {
    color: #242424;
    display: inline-block;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding-left: 5px;
}
#article .first dt, #article .second dt {
     background: url("../img/sub/direction_titlebox.gif") no-repeat 0 40%;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    padding-top: 5px;
    text-align: center;
    width: 74px;
}
#article .first dd, #article .second dd {
    background: url("../img/sub/arrow01.gif") no-repeat 0 20%;
    float: left;
    height: 25px;
    margin-left: 10px;
    padding: 5px 0 0 25px;
    width: 550px;
}
#article .second dd.tel, #article .second dd.fax {
    font-family: arial;
    font-size: 12px;
    width: 150px;
}
#article .first {
	border-top: 1px solid #EBEBEB;
	padding-top:10px;
}
#article .first, #article .second {
    border-bottom: 1px solid #EBEBEB;
    padding-bottom:5px;
	margin:10px 0 0 10px;
    width: 98%;
	float:left;
}
/* certification */
.certification, .certification ul{
	float:left;
	width:735px;
}
.certification li{
	float:left;
	width:230px;
	text-align:center;
	padding-right:20px;
}
.certification li.last{
	float:left;
	width:230px;
	text-align:center;
	padding:0;
}
/* presentation */
.presentation{
	float:left;
	width:735px;
}
.presentation li{
	float:left;
	padding-right:20px;
}
.presentation li.third, .recommendation li.last{
	float:left;
	padding:0;
}
.presentation li.last{
	float:left;
	padding:20px 0 0 0;
}
/* recommendation */
.recommendation{
	float:left;
	width:735px;
}
.recommendation ul{
	float:left;
	width:735px;
	padding-top:10px;
}
.recommendation li{
	float:left;
	width:230px;
	text-align:center;
	padding-right:20px;
}
.recommendation .big, .presentation .big, .certification .big{
	color:#c30101;
	float:left;
	width:712px;
	padding-bottom:5px;
}
/* sitemap_site */
.sitemap_site{
	float:left;
	width:735px;
}
.sitemap_site dl{
	width:200px;
	float:left;
	height:150px;
	margin-right:50px;
}
.sitemap_site dl.community{
	width:200px;
	float:left;
	height:150px;
	margin:-70px 50px 0 0;
}
.sitemap_site dl.products{
	width:200px;
	float:left;
	height:200px;
}
.sitemap_site dl.rnd{
	width:200px;
	float:left;
	height:80px;
	margin:0;
}
.sitemap_site dl.marketing{
	width:200px;
	float:left;
	height:150px;
	margin:0;
}
.sitemap_site dl.company dt{
	width:168px;
	height:23px;
	background:url(../img/sub/sitemap_b02.gif) 0 0 no-repeat;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}
.sitemap_site dl.products dt{
	width:168px;
	height:23px;
	background:url(../img/sub/sitemap_b02.gif) 0 0 no-repeat;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}
.sitemap_site dl.rnd dt{
	width:168px;
	height:23px;
	background:url(../img/sub/sitemap_b02.gif) 0 0 no-repeat;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}
.sitemap_site dl.marketing dt{
	width:168px;
	height:23px;
	background:url(../img/sub/sitemap_b02.gif) 0 0 no-repeat;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}
.sitemap_site dl.community dt{
	width:168px;
	height:23px;
	background:url(../img/sub/sitemap_b02.gif) 0 0 no-repeat;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}
.sitemap_site dd{
	width:220px;
	float:left;
	background:url(../img/sub/sitemap_icon.png) 0 80% no-repeat;
	padding:10px 0 0 15px;
}
.sitemap_site dd.pro-dd2, dd.pro-dd3, dd.pro-dd4{
	background:none;
}
.sitemap_site dd a:hover{
	color:#000;
}
/* functions */
.functions, .functions dl{
	float:left;
	width:735px;
}
.functions dd{
	float:left;
	width:600px;
	background:url(../img/sub/icon02.png) 0 33% no-repeat;
	margin-left:15px;
	padding:0 0 0 10px;
	height:20px;
}
.functions .text{
	float:left;
	background:url(../img/sub/tip_b.gif) 0 0 no-repeat;
	width:715px;
	height:65px;
	padding:15px 0 0 15px;
	line-height:16px;
	margin:20px 0;
}
.functions .text-01{
	float:left;
	width:715px;
	height:60px;
	line-height:16px;
}
.functions .text img{
	padding-right:8px;
}
.functions .text .line2{
	display:block;
	padding-left:16px;
}
.functions .brick{
	width:700px;
	height:170px;
	background:url(../img/sub/fuction_img3.jpg) 0 0 no-repeat;
	padding:40px 0 0 30px;
	line-height:20px;
	float:left;
	margin-top:30px;
	color:#000;
}
.functions .brick span{
	font-size:13px;
	font-weight:bold;
}
.functions .brick span.first_w{
	color:#f12542;
	font-weight:bold;
}
.functions .img1, .img2{
	float:left;
	padding-top:30px;
}
/* footer */
#footer p.copy02 a:hover{
	color:#000;
}