@charset "utf-8";

/* template */
#contents{
	width:790px;
	margin:0 auto;
}

#main{
	width:790px;
	margin:0;
}

#contents h1{
	margin:0 0 10px 0;
}
#contents ul#gnav{
	width:795px;
	margin:0 0 0 -5px;
}
#contents ul#gnav li{
	float:left;
	width:260px;
	height:50px;
	padding:0 0 0 5px;
}
#contents ul#gnav li a{
	display:block;
}
#contents #main-contents h2{
	margin:0 0 15px 0;
}


#contents #sidebar{
	float:left;
	width:200px;
}
#contents #main-contents{
	float:right;
	width:580px;
	padding:2px 0 0 0;
}


#contents #main-contents p.txt{
	margin:0 0 15px 5px;
}
#contents #sidebar p.apservice{
	margin:0 0 8px 0;
}

#contents #sidebar div.sidelist{
	margin:0 0 8px 0;
	padding:8px 0 0 0;
	background:url(../img/bg_sidebox-top.gif) no-repeat left top;
}
#contents #sidebar div.sidelist-btm{
	font-size:0;
	padding:0 0 8px 0;
	background:url(../img/bg_sidebox-btm.gif) no-repeat left bottom;
}
#contents #sidebar div.sidelist ul{
	padding:0 0 0 8px;
	background:url(../img/bg_sidebox-middle.gif) repeat-y left top;
}
#contents #sidebar div.sidelist ul li{
	width:192px;
	padding:5px 0 5px 0;
	background:url(../img/bg_sidebox-line.gif) no-repeat left bottom;
}
#contents #sidebar div.sidelist ul li.last{
	padding:5px 0 0 0;
	background:none;
}

#contents #sidebar div.sidelist ul li.top{
padding:0px 0 5px 0;
}

#contents #sidebar div.sidelist ul li.last img{
vertical-align:top;
}

#contents #sidebar ul.banner li{
	margin:0 0 0 0;
}
#contents p.pagetop{
	clear:both;
	padding:5px 10px 0 0;
	text-align:right;
}

#contents #main-contents div.aplist,
#contents #main-contents div.cplist,
#contents #main-contents div.pplist,
#contents #main-contents div.rclist{
	width:570px;
	margin:0 0 22px 0;
	padding:3px 0 0 0;
	background:url(../img/bg_listbox-top.gif) no-repeat left top;
}
#contents #main-contents div.aplist-btm,
#contents #main-contents div.cplist-btm,
#contents #main-contents div.pplist-btm,
#contents #main-contents div.rclist-btm{
	padding:0 0 5px 0;
	background:url(../img/bg_listbox-bottom.gif) no-repeat left bottom;
}
#contents #main-contents div.aplist-btm div.box_inner,
#contents #main-contents div.cplist-btm div.box_inner,
#contents #main-contents div.pplist-btm div.box_inner,
#contents #main-contents div.rclist-btm div.box_inner{
	padding:0 0 5px 0;
	background:url(../img/bg_listbox-middle.gif) repeat-y left top;
}

#contents #main-contents div.aplist ul li,
#contents #main-contents div.cplist ul li{
	background:url(../img/bg_listbox-line.gif) no-repeat left bottom;
	line-height:20px;
	padding:6px 0 6px 14px;
}
	#contents #main-contents div.aplist ul li.last,
	#contents #main-contents div.cplist ul li.last,
	#contents #main-contents div.pplist ol ul
	{
		background:none;
	}


/* ***************************************************** */
/* apply */
#contents #main-contents div.aplist ul li a{
	background:url(../img/btn_aplist.gif) no-repeat left top;
	padding:0 0 0 18px;
}

/* company */
#contents #main-contents div.cplist ul li{
	width:556px;
}
#contents #main-contents div.cplist ul li p.ttl{
	float:left;
	width:80px;
	color:#147E18;
}
#contents #main-contents div.cplist ul li p.info{
	float:left;
	width:400px;
}

#contents #main-contents p.map{
	margin:0 0 12px 0;
}

/* news */
#contents #main-contents dl.news-list {
width:570px;
margin:10px 0 10px 0;
}
#contents #main-contents dl.news-list dt {
width:7em;
margin:10px 0 0 0;
padding:0 0 0 2px;
color:#333333;
}
#contents #main-contents dl.news-list dd {
margin:-1.4em 0 0 0;
padding:0 0 10px 7em;
background:url(../img/bdr_dotline.gif) repeat-x bottom;
}
#contents #main-contents p.newsmore{
	margin:0 0 15px 0;
	padding:0 10px 0 0;
	text-align:right;
}

/* newsdetail */
#contents #main-contents p.newsdate{
	color:#147E18;
	padding:0 0 0 4px;
	font-weight:bold;
}
#contents #main-contents h3.newstitle{
	margin:0 0 15px 0;
	padding:0 0 7px 4px;
	background:url(../img/bg_newstitle.gif) no-repeat left bottom;
	font-size:14px;
	font-weight:bold;
	color:#147E18;
}
#contents #main-contents div.newsbody{
	width:570px;
}
#contents #main-contents div.newsbody img{
	float:right;
	padding:0 0 0 20px;
}
#contents #main-contents div.newsbody p{
	margin:0 0 25px 0;
	padding: 0 15px 0 0;
}
#contents #main p.newsnb{
	clear:both;
	margin:0 0 35px 0;
	padding:8px 0 0 0;
	background:url(../img/bg_dotline.gif) no-repeat right top;
	text-align:right;
}

/* privacy policy */


#contents #main-contents div.pplist table{
	width:95%;
	margin:0 0 0 15px;
}

#contents #main-contents div.pplist table th,
#contents #main-contents div.pplist table td{
	padding:4px;
	border:1px solid #333333;
}

#contents #main-contents div.pplist div.pplist-btm p.pplist-top{
	padding:5px 10px 5px 10px;
	width:550px;
	
}

#contents #main-contents div.pplist div.pplist-btm p.pplist-top ol li{
	width:550px;	
	margin:0 0 0 20px;
}

#contents #main-contents div.pplist h2{
	margin:0;
}

#contents #main-contents div.pplist ul,
#contents #main-contents div.pplist ol{
	padding:5px 15px 5px 35px;
}
#contents #main-contents div.pplist h2,
#contents #main-contents div.pplist h3,
#contents #main-contents div.pplist h4,
#contents #main-contents div.pplist h5{
	padding:10px 15px 10px 15px;
}
#contents #main-contents div.pplist p{
	padding:0 15px 10px 25px;
}
#contents #main-contents div.pplist ol li,
#contents #main-contents div.pplist ul li{
	margin:0 0 5px 0;
}
#contents #main-contents div.pplist ol li{
list-style:decimal;
}

#contents #main-contents div.pplist ol li.nmb_list_b{
	text-indent:-1.1em;
	padding-left:1.1em;
}
#contents #main-contents div.pplist ol li ul{
	margin:5px 0 0 30px;
	padding:0 0 0 0;
}
#contents #main-contents div.pplist ul li ul li{
	padding:0 0 0 10px;
}
#contents #main-contents div.pplist ul li.dot_list{
	text-indent:-0.5em;
	padding-left:0.5em;
}
#contents #main-contents div.pplist ol.nmb_list li{
	text-indent:-0.8em;
	padding-left:0.8em;
}

#contents #main-contents div.pplist div.pplist-btm ol.lst-ll li{
	list-style:lower-alpha;
}

/* sitemap */
#contents #main-contents div.smlist{
	width:570px;
	margin:0 0 22px 0;
	padding:3px 0 0 0;
	background:url(../img/bg_listbox-top.gif) no-repeat left top;
}
#contents #main-contents div.smlist-btm{
	padding:0 0 5px 0;
	background:url(../img/bg_listbox-bottom.gif) no-repeat left bottom;
}
#contents #main-contents div.smlist-middle{
	background:url(../img/bg_listbox-middle.gif) repeat-y left top;
	padding:0 12px 12px 12px;
}
#contents #main-contents div.smlist ul li ul {
	padding:0 0 2px 0;
	background:url(../img/bg_listbox-line.gif) repeat-x left bottom;
}
	#contents #main-contents div.smlist ul li ul.last{
		background:none;
	}
#contents #main-contents div.smlist ul li ul li{
	padding:0 0 0 18px;
	background:url(../img/btn_aplist.gif) no-repeat 0 10px;
	line-height:32px;
	min-height:32px;
}
#contents #main-contents div.smlist ul li ul li.left{
	float:left;
	width:205px;
	background:none;
	padding:0;
}
#contents #main-contents div.smlist ul li ul li.right{
	float:left;
	width:335px;
	background:none;
	padding:0;
}
#contents #main-contents div.smlist ul li ul li.left ul,
#contents #main-contents div.smlist ul li ul li.right ul{
	background:none;
}
#contents #main-contents div.smlist ul li ul li.left ul li ul{
	padding:0 0 0 12px;
	background:url(../img/btn_haschild.gif) no-repeat 0 12px;
}

/* rules */
#contents #main-contents p.rulelead{
	margin:0 15px 25px 5px;
}
#contents #main-contents div.rulelist{
	width:570px;
	margin:0 0 22px 0;
	padding:3px 0 0 0;
	background:url(../img/bg_listbox-top.gif) no-repeat left top;
}
#contents #main-contents div.rulelist-btm{
	padding:0 0 5px 0;
	background:url(../img/bg_listbox-bottom.gif) no-repeat left bottom;
}
#contents #main-contents div.rulelist dl{
	background:url(../img/bg_listbox-middle.gif) repeat-y left top;
	padding:12px;
}
#contents #main-contents div.rulelist dl dt{
	margin:0 0 5px 0;
	font-weight:bold;
}
#contents #main-contents div.rulelist dl dd{
	margin:0 0 10px 45px;
}
#contents #main-contents div.rulelist dl dd ol{
	margin:12px 0 0 0;
}
#contents #main-contents div.rulelist dl dd ol.circle_nmb li{
	list-style:decimal;
	margin:0 0 0 20px;
}

/* contact us */
#contents #main-contents p.prv_txt{
	padding:0 0 5px 0;
}
#contents #main-contents div.aplist ul,
#contents #main-contents div.aplist ul li{
	width:570px;
}


#contents #main-contents div.aplist ul li{
	clear:both;
}

#contents #main-contents form label{
	float:left;
	display:block;
	padding:2px 0 0 0;
	width:120px;
}

#contents #main-contents form input,
#contents #main-contents form textarea{
	float:left;
	width:420px;
}

#contents #main-contents form textarea{
	height:100px;
}
#contents #main-contents p.confirm{
	padding:0 0 0 140px;
}
#contents #main-contents p.confirm input{
	width:142px;
	height:44px;
	margin:0 10px 0 0;
}


/* faq */
#contents #main-contents div.pplist dl.faq{
	width:557px;
	padding:10px 0 5px 10px;
	background:url(../../faq/img/bdr_qa_line.gif) repeat-x bottom left;
}
#contents #main-contents div.pplist dl.faq.last{
	background:none;
}

#contents #main-contents div.pplist dl.faq dt,
#contents #main-contents div.pplist dl.faq dd{
	float:left;
}
#contents #main-contents div.pplist dl.faq dt{
	width:60px;
}
#contents #main-contents div.pplist dl.faq dd{
	width:480px;
}
#contents #main-contents div.pplist dl.faq dd ul.faq_list{
	padding:0 0 0 0;
}
#contents #main-contents div.pplist dl.faq dd ul.faq_list li{
	margin:0 0 0 1.3em;
	text-indent:-1.3em;
}

/* ecostation */
#contents #main-contents ol.ecoslist li{
	margin:0 0 20px 0;
	width:570px;
}
#contents #main-contents ol.ecoslist li span{
	display:block;
	padding:0 0 9px 0;
	background:url(../../eco_station/img/bg_ecostation_list.gif) repeat-x left bottom;	
}
#contents #main-contents ol.ecoslist li ul li{
	margin:10px 0 0 0;
	padding:0 0 0 28px;
	width:542px;
	background:url(../img/ico_circle_green.gif) no-repeat 12px 3px;	
}

/* logistics */
#wrapper #contents #main-contents .chartertxt{
	width:325px;
	float:left;
	margin:15px 20px 0 0;
}
.charterimg{
	float:left;
	margin:15px 0 25px 0;
}

/* angel_pack */
#contents #main-contents ul#ap_ii li{
	float:left;
	margin:0 15px 22px 0;
}

#contents #main-contents ul#ap_ii li.apst{
	margin:0 0 22px 0;
}


#contents #main-contents p.apply_link{
	float:right;
	margin:10px 0 18px 0;
	padding:0 40px 0 18px;
	background:url(../img/btn_aplist.gif) no-repeat 0 2px;
}

#contents #main-contents p.post_txt{
	width:500px;
	margin:0 0 0 6px;
}
#contents #main-contents .ap_post_box_t{
	width:570px;
	margin:10px 0 0 0;
	padding:9px 0 0 0;
	background:url(../../common/img/bdr_dot.gif) repeat-x left top;
}
#contents #main-contents ul.ap_post_box_b{
	width:570px;
	margin:0 0 24px 0;
	padding:0 0 6px 0;
	background:url(../../common/img/bdr_dot.gif) repeat-x left bottom;
}

#contents #main-contents ul.ap_post_box_b li{
	padding:0 0 0 2px;
}

#contents #main-contents p.ap_post_img {
	float:left;
	width:231px;
	padding:0 0 0 3px;
}
#contents #main-contents .ap_post_txt {
	float:right;
	width:328px;
	padding:0 8px 0 0;
}
#contents #main-contents .ap_post_txt ul {
	margin:10px 0 0 0;
}
#contents #main-contents .ap_post_txt ul li{
	margin:0 0 6px 1px;
	padding:0 0 0 12px;
	background:url(../../angel_pack/img/ico_circle_orange.gif) no-repeat 0 6px;
}
#contents #main-contents .ap_post_txt ul li ul li{
	background:none;
}

#contents #main-contents .ap_post_txt ul li ul li{
	background:#f8f8f8;
}

h3.kg{
	margin:30px 0 0 0;
}

.ap10kg{
	margin:15px 0 0 0;
}

.ap10kg_lft{
	float:left;	
}

.ap10kg_rgt{
	float:left;
}

.apmsg{
	background:#f8f8f8;
	width:230px;
	height:95px;
	border:1px solid #cfcfcf;
	padding:15px 5px 15px 20px;
	margin:0 0 0 15px;
}


.apmsg_b{
	font-size:13px;
	margin:10px 0 0 0;
}

.apmsg_b span{
	font-weight:bold;
	font-size;
	color:#478449;
	margin:10px 0 0 0;
}

.ap20kg{
	margin:15px 0 0 0;
}

.ap20kg_lft{
	float:left;	
}

.ap20kg_rgt{
	float:left;
}


.apmsg2{
	background:#f8f8f8;
	width:230px;
	height:75px;
	border:1px solid #cfcfcf;
	padding:15px 5px 15px 20px;
	margin:0 0 0 20px;
}


#main-contents .ap_ad{
	margin:15px 0 35px 0;
}

ul.iron{
	float:left;
	width:358px;
}

#main-contents .ap_ad div.iron_i{
	float:left;
	clear:right;
}




#contents #main-contents .ap_ad ul li{
	background:url(../img/ico_circle_orange.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
}

#contents #main-contents .ap_ad ul.iron li ul li{
	list-style-type: disc;
	background:none;
	padding:0 0 0 0;
	margin:0 0 0 15px;
}




/* concept */
#contents #main-contents p.page_link{
	float:right;
	margin:10px 0 18px 0;
	padding:0 10px 0 18px;
	background:url(../img/btn_aplist.gif) no-repeat 0 2px;
}
#contents #main-contents ul.concept-list{
	margin:0 0 20px 0;
	width:570px;
}
#contents #main-contents ul.concept-list li{
	padding:13px 5px 13px 2px;
	width:563px;
	background:url(../img/bdr_dot.gif) repeat-x bottom left;
}
#contents #main-contents ul.concept-list span{
	padding:0 0 0 18px;
	display:block;
	background:url(../img/ico_circle_green.gif) no-repeat 1px 2px;	
}

/* quality_tech */
#contents #main-contents .followup {
	width:570px;
	margin:15px 0 15px 0;
	background:url(../../common/img/bdr_dot.gif) repeat-x left bottom;
}
#contents #main-contents .followup .followup_lft {
	float:left;
	width:330px;
	padding:0 4px 0 4px;
}
#contents #main-contents .followup .followup_lft {
	float:left;
	width:330px;
	padding:0 0 47px 0;
}
#contents #main-contents .followup .followup_rgt {
	float:right;
	width:221px;
}
#contents #main-contents .followup .followup_rgt p.ap_link {
	float:right;
	margin:8px 0 12px 0;
	padding:0 0 0 18px;
	background:url(../img/btn_aplist.gif) no-repeat 0 2px;
}
#contents #main-contents .cert {
	float:left;
	width:220px;
	padding:0 0 0 40px;
}
#contents #main-contents .history {
	float:left;
	width:220px;
	padding:0 0 0 50px;
}
#contents #main-contents .cert dl,
#contents #main-contents .history dl {
	margin:8px 0 0 0;
	text-align:center;
}
#contents #main-contents h3.recycle {
	margin:23px 0 14px 0;
}
#contents #main-contents .recycle_lft {
	float:left;
	width:290px;
}
#contents #main-contents .recycle_rgt {
	float:right;
	width:272px;
	padding:0 10px 0 0;
}
#contents #main-contents .recycle_rgt p.r_caption {
	padding:3px 0 0 0;
	text-align:center;
}
#contents #main-contents .allotorio {
	width:573px;
	margin:20px 0 0 0;
	text-align:center;
}
#contents #main-contents .allotorio p.allotorio_txt {
	margin:0 0 20px 0;
	padding:5px 0 17px 0;
	background:url(../../common/img/bdr_dot.gif) repeat-x left bottom;
}
#contents #main-contents ol.flow li {
	float:left;
	width:105px;
	margin:10px 11px 0 0;
}
#contents #main-contents ol.flow li.rgt_list {
	margin:10px 0 0 0;
}
#contents #main-contents ol.flow li dl dd {
	font-size:80%;
}



/* recruit */
#contents #main-contents p.catch {
	width:400px;
	height:150px;
	font-size:16px;
	font-weight:bold;
	line-height:1.8;
	color:#49432F;
	padding:40px 0 10px 30px;
}

.catchimg{
	background:url(../../recruit/img/pic_catch.jpg);
	width:570px;
	height:202px;
}

#contents #main-contents div.rclist h3 {
	margin: 0 1px 0 1px;
	padding:8px 15px 10px 15px;
	background: url(../../recruit/img/bg_h3-btm.gif) repeat-x left bottom;
}
#contents #main-contents div.rclist p {
	padding: 14px 15px 10px 15px;
}

#contents #main-contents div.rclist ul {
	width: 568px;
}
#contents #main-contents div.rclist ul li {
	margin: 0 1px 0 1px;
	padding: 10px 40px 13px 12px;
	background: url(../../recruit/img/bg_h3-btm.gif) repeat-x left bottom;
}
#contents #main-contents div.rclist ul li.last {
	padding: 10px 8px 4px 12px;
	background: none;
}
#contents #main-contents div.rclist ul li span {
	display: block;
	padding: 0 0 0 18px;
	background: url(../img/ico_circle_green.gif) no-repeat scroll 1px 2px;
}
#contents #main-contents div.rclist ul li span.square {
	display: block;
	padding: 0 0 0 18px;
	background: url(../img/ico_square_orange.gif) no-repeat scroll 1px 2px;
}
	
#contents #main-contents div.rclist ul li p.mail {
	height: 18px;
	margin: 8px 0 0 20px;
	padding: 0 0 0 40px;
	background: url(../../recruit/img/fig_mail.gif) no-repeat left top;
}
#contents #main-contents div.rclist ul li p.mail a {
	font-size: 110%;
}
#contents #main-contents div.rclist ul li dl {	
	width: 400px;
	margin: 16px 0 0 20px;
	overflow: hidden;
}
#contents #main-contents div.rclist ul li dl dt {
	float: left;
	padding: 0 0 0 14px;
	background: url(../img/ico_square_black.gif) no-repeat scroll 1px 2px;
}
#contents #main-contents div.rclist ul li dl dd {
	display: inline;
	float: left;
	margin: 0 0 0 15px;
 padding:0 10px 0 18px;
	background: url(../img/btn_aplist.gif) no-repeat scroll 0 1px;
}

#contents #main-contents div.rclist ul li ul {
	width: 500px;
	margin: 10px 0 0 18px;
}
#contents #main-contents div.rclist ul li ul li {
	margin: 0 0 5px 0;
	padding: 0 0 14px 0;
	background: url(../../recruit/img/ico_arrow_btm.gif) no-repeat 28px bottom;	
}
#contents #main-contents div.rclist ul li ul li.last {
	padding: 0;
	background: none;
}
#contents #main-contents div.rclist ul li ul li span {
	padding: 0 0 0 14px;
	background:transparent url(../img/ico_square_black.gif) no-repeat scroll 1px 2px;
}	
#contents #main-contents div.rclist ul li ul li p {
	width: 500px;
}


