@charset "UTF-8";
/* history */
#hisbox{ width:550px; margin:0 auto 36px; text-align:left; }

#hisbox li.cap { color:#999;margin-bottom:9px;}
.hisarea{display:block; float:left; width:550px; margin-bottom:18px;}

.hisarea dl{ border-bottom:solid 1px #CCC; padding-bottom:9x; margin-bottom:18px; width:550px; zoom:1;}
.hisarea dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.hisarea dt{ float:left; font-size:12px;width:70px; height:auto;}
.hisarea dd { float:left; font-size:10px;;margin:0;text-indent:0px; width:480px;}
.hisarea dl dd ul { list-style:none; }
.hisarea dl dd ul li { line-height:14px; margin-bottom:9px;}
.hisarea li.bottom{ margin-bottom:14px;}

.hisimg{ display:block; float:right; width:100px; margin:0;font-size:10px;text-align:right; margin: 0 0 18px 9px; line-height:14px; color:#666;}



/* company */
#cobox{ width:550px; margin:0 auto 36px; text-align:left;}
#cobox p{ margin-bottom:9px;}
.textright{ display:block;font-size:10px;text-align:right; margin-bottom:5px; color:#666; width:100px; }

.productimg{ float:right; margin:0 0 9px 9px; }

#topimg{width:550px; height:500px; background:url(../image/company/history/top.gif) no-repeat; text-indent:-9999px; margin-bottom:18px; }

#topbottan{ display: inline; float: left; width:550px; height:30px;}
#pro a { display:block; float:left; width:275px; height:30px; background:url(../image/company/history/button.gif) no-repeat 0 0; text-indent:-9999px}
#pro a:hover { background-position:0px -31px;}

#conp a { display:block; float:left; width:275px; height:30px; background:url(../image/company/history/button.gif) no-repeat -275px 0px; text-indent:-9999px}
#conp a:hover { background-position: -275px -31px;}

#cp ul{ list-style: square; margin-left:18px; margin-bottom:9px; padding: 0;color:#333;}
#cp li{ font-size:12px; }
#cp.block{display:block; float:left; width: 200px; margin-left:18px;}
.mr{ margin-left:60px; }



/* layout------------------------------------------------------------------------------------------------------------index_column */

/* column */
.column, .columnbtl{ position:relative; top:0; left:0; clear:both; width:100% ; height:auto; margin-bottom:36px; zoom:1; }
.column:after, .columnbtl:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.columnbtl{ padding-bottom:18px; border-bottom:solid 1px #333; }

.column hr{ position:relative; top:0; left:0; clear:both; width:100% ; height:auto; margin-bottom:18px; zoom:1; }
.column hr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.column2first, .column2last, .column3first, .column3last, .column4first, .column4last,
.column5first, .column5last { position: relative;display: inline;float: left;margin: 0;padding: 0; }
.column2first { width: 364px; margin-right: 30px; }
.column2last { width: 364px; margin-right: 0; }
.column3first { width: 232px; margin-right: 30px; }
.column3last { width: 234px; margin-right: 0; }
.column4first { width: 167px; margin-right: 30px; }
.column4last { width: 167px; margin-right: 0; }
.column5first { width: 142px; margin-right: 12px; }
.column5last { width: 142px; margin-right: 0; }
.column2first.bottom, .column2last.bottom, 
.column3first.bottom, .column3last.bottom, 
.column4first.bottom, .column4last.bottom,
.column5first.bottom, .column5last.bottom { margin-bottom: 0px; }