@import 'general.css';
@import 'cate_top.css';


/* ====================== main ====================== */

#cont-wrap h1 {
background:url(/company/img/h1_bg_company.png) no-repeat left bottom;
}


/* ====================== contents ====================== */

#cont-wrap div#main h2 {
background:url(/company/img/icon_h2_company-catch.png) no-repeat left center;
}
#cont-wrap div#main h3 {
background:url(/img/icon_h3_top.png) no-repeat left center;
}


/* ----- this page only style ----- */

#cont-wrap div#main p.img-flt_l {
margin:20px 0 0 0;
}

#cont-wrap div#main p.banner {
text-align:right;
}


/* ----- division introduction ----- */

#main ul#div-intro {
width:530px;
margin:20px 0 0 0;
}
#main ul#div-intro li {
float:left;
width:162px;
margin:0 22px 0 0;
padding:0 0 20px 0;
}
#main ul#div-intro li p {
margin:0;
padding:10px 0 0 0;
border-top:1px solid #000000;
}
#main ul#div-intro li.last {
margin:0;
}


/* ----- history-list ----- */

#main ul#history-list {
}
#main ul#history-list li {
width:532px;
margin:0 0 0 0;
padding:0 0 10px 10px;
border-bottom:1px solid #000000;
background:url(/common/img/icon_list-mark.png) no-repeat 0 16px;
}
#main ul#history-list li p {
float:left;
width:62px;
margin:10px 0 0 0;
padding:0;
}

#main ul#history-list li dd.details{
width:390px;
padding:0 0 0 40px;
}


#main ul#history-list li dl {
float:left;
width:470px;
}
#main ul#history-list li dl dt {
clear:both;
float:left;
width:40px;
margin:10px 0 0 0;
}
#main ul#history-list li dl dd {
float:left;
width:430px;
margin:10px 0 0 0;
}



/* ----- news-release ----- */

#main dl.news-release{
width:530px;
margin:20px 0 0 0;
}

#main dl.news-release dt{
width:75px;
float:left;
clear:both;
}
#main dl.news-release dd{
width:455px;
float:right;
}

#main p.date_r {
text-align:right;
}

#main p.news-more{
clear:both;
text-align:right;
padding:0 0 0 0;
}

/* recruit */
#main div.application-guide h4{
margin:20px 0 0 4px;
}
#main div.application-guide ul,
#main div.application-guide p{
margin:10px 0 0 4px;
padding:0 0 0 15px;
}