@charset "UTF-8";

/*Layout*/

body {
background:url(../img/2nd/bg.gif) top repeat-x #fff;
line-height:160%;
text-align: center;
}

div#head {
height:271px;
text-align:left;
}
  
div#mainContent {
width: 550px;
padding-right:15px;
float: right;
}

div#subContent {
width: 223px;
padding-left:8px;
float: left;
text-align:center;
}



/*SideArea*/

#side-menu{
width:215px;
padding:0 4px;
background:url(../img/2nd/se_sidebg.gif) left repeat-y;
text-align:left;
}
#side-menu li{
width:215px;
height:23px;
background:url(../img/2nd/se_bg.gif) left top no-repeat;
line-height:125%;
}
#side-menu li a{
width:183px;
height:22px;
background:url(../img/2nd/arrow-defo.gif) left top no-repeat;
font-size:12px;
color:#224a66;
text-decoration:underline;
padding-bottom:3px;
padding-left:32px;
}
#side-menu li a:hover{
background:url(../img/2nd/arrow-over.gif) left top no-repeat;
color:#28a7e1;
text-decoration:underline;
}
#side-menu li a.selected{
background:url(../img/2nd/arrow-over.gif) left top no-repeat;
color:#28a7e1;
text-decoration:none;
}
.smtitle{
width:223px;
height:48px;
background:url(../img/2nd/t_service.gif) left top no-repeat;
}
.amtitle{
width:223px;
height:48px;
background:url(../img/2nd/t_aboutus.gif) left top no-repeat;
}
.under{
width:223px;
height:12px;
background:url(../img/2nd/se_end.gif) left top no-repeat;
}

#servicesite{
width:217px;
padding-top:47px;
padding-bottom:5px;
margin-left:3px;
margin-right:3px;
background:url(../img/side_servicesite.gif) top no-repeat #f4f5ee;
text-align:center;}



/*Contents*/

div.section {
padding-left:14px;
padding-bottom:60px;}

.section .imgpad{
padding:8px;}

.meritTxt{
padding-left:62px;
}


/*aboutus index*/

.line {
	border-bottom:1px dotted #cccccc;
	width:540px;
	margin-top:5px;
	margin-bottom:5px;
}

#profile {
	margin-top:15px;
}

#profile table {
	padding:10px 0px 0px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#profile table th {
	width:90px;
	text-align:left;
	vertical-align:top;
	padding:5px 0px 5px 10px;
	font-weight:bold;
	font-size:120%;
	border-left:2px solid #149eb9;
	color:#149eb9;
}

#profile table td.left {
	width:120px;
	text-align:right;
	vertical-align:top;
	padding:5px 0px 5px 10px;
	font-weight:normal;
	color:#232323;
}

#profile table td.right {
	width:340px;
	vertical-align:top;
	padding:5px 5px 5px 5px;
}

#profile span.fsmall {
	font-size:80%;
}


/*aboutus ceo*/

#ceo {
	margin-top:15px;
}

#ceo #ceo_L {
	float:left;
	width:350px;
	margin-right:20px;
}

#ceo #ceo_L p {
	margin:0px 0px 20px 0px;
}

#ceo #ceo_R {
	float:right;
	width:180px;
}

#ceo #ceo_career {
	margin:20px 20px 0px 0px;
}

#ceo #ceo_career p {
	margin:10px 0px 20px 0px;
}

#ceo #ceo_career table th {
	width: 80px;
	vertical-align: top;
	text-align: right;
}

#ceo #ceo_career table td {
	vertical-align: top;
	text-align: left;
}


/*aboutus informaition*/

#history {
}

#history dl {
	padding:10px 0px 0px 10px;
	margin-bottom: 20px;
}

#history dl dt {
	float: left;
	clear: both;
	width:95px;
	padding:5px 0px 5px 10px;
	font-weight:bold;
	color:#149eb9;
}

#history dl dd {
	float: left;
	width:420px;
	padding:5px 5px 5px 5px;
}


/*privacy*/

ul.pri {
	list-style: disc;
	margin:10px 10px 10px 30px;
}


/*privacy2*/

ul.pri2 {
	list-style: disc;
	margin:10px 10px 10px 30px;
}

p.bk_T20 {
	margin-top:20px;
}


/*Siterule*/

ol.rule {
	list-style-type: decimal;
	margin:10px 10px 10px 30px;
}


/*Contact*/

#contact {
	padding:10px;
	background-color:#f2f2f2;
}

#privacy1 ul {
	margin:10px 10px 20px 30px;
}

#privacy1 ul li {
	list-style-type:circle;
	margin:5px 10px 5px 10px;
	display:list-item;
}

#privacy1 ol li {
	list-style-type:decimal;
	margin:5px 10px;
	display:list-item;
	list-style-position:outside;
}

#contact p.marginT10 {
	margin-top:10px;
}


/*Contact2*/

#contact2 {
	padding:10px;
}

#contact2 td {
	background-color:#f7f7f7;
	padding:5px 5px 5px 5px;
	border:1px solid #ffffff;
}

#contact2 td.p1 {
	background-color:#f2f2f2;
}

#contact2 td.key {
	background-color:#e1dede;
}


/*recruit*/

#recruit {
	padding:10px;
}

#recruit td {
	background-color:#f7f7f7;
	padding:5px 5px 5px 5px;
	/*border:1px solid #ffffff;*/
}

#recruit td.p1 {
	background-color:#f2f2f2;
}
.noborder{
	background-color:#f7f7f7;  
	border:none; 
}
#recruit td.key {
	background-color:#e1dede;
}


/*clear*/

.clear{ clear:both;}
.floatL{ float:left;}
.floatR{ float:right;}
.red{color:#cc0000;}


.link a:link,.link a:visited{
color:#224a66;
text-decoration:underline;
}
.link a:hover,.link.selected{
color:#28a7e1;
text-decoration:underline;
}