/*@charset "utf-8";
 CSS Document */
/**************************

	Made by a-oneweb.com  
	A-ONE is @ http://www.a-oneweb.com/ 
	
***************************/

div#pageBlackContents{
	padding:45px 0 0 0;
	border-top:3px solid #808080;
}

div#pageBlackContents div.subNavigation{
	float:left;
	width:250px;
	padding-right:40px;
}

div#pageBlackContents div.mainContents{
	float:right;
	width:650px;
}

/*----------------------------------------*/

div#pageBlackContents div.subNavigation ul{
	margin-top:30px;
}

div#pageBlackContents div.subNavigation ul li{
	display:block;
	width:250px;
	height:24px;
	float:left;
}
div#pageBlackContents div.subNavigation ul li a{
	display:block;
	width:250px;
	height:24px;
	text-indent:-9999px;
}

li.btn_01 a, li.btn_01on{ background:url(../img/btn_ci.gif) 0 0 no-repeat;}
li.btn_01 a:hover, li.btn_01on{ background-position:0 -24px;}
li.btn_02 a, li.btn_02on{ background:url(../img/btn_outline.gif) 0 0 no-repeat;}
li.btn_02 a:hover, li.btn_02on{ background-position:0 -24px;}
li.btn_03 a, li.btn_03on{ background:url(../img/btn_access.gif) 0 0 no-repeat;}
li.btn_03 a:hover, li.btn_03on{ background-position:0 -24px;}
li.btn_04 a, li.btn_04on{ background:url(../img/btn_recruit.gif) 0 0 no-repeat;}
li.btn_04 a:hover, li.btn_04on{ background-position:0 -24px;}
li.btn_05 a, li.btn_05on{ background:url(../img/btn_contact.gif) 0 0 no-repeat;}
li.btn_05 a:hover, li.btn_05on{ background-position:0 -24px;}

/*----------------------------------------*/

div#pageBlackContents div.mainContents h3,
div#pageBlackContents div.mainContents h4{ padding-bottom:10px;}

/*----------------------------------------*/

h2.pB33{ padding-bottom:33px;}

h3.title{
	padding: 0 0 4px 0;
	border-bottom: 1px solid #C68C42;
	margin-bottom: 20px;
}

h4.subtitle{
	display: block;
	padding: 30px 0px 0px 0px;
	margin:0;
	font-weight: normal;
}

dl#case01 {
	width: 580px;
	padding-bottom: 30px;
}
dl#case01 dt {
    float: left;
    width: 6em;
	padding-bottom: 3px;
}
dl#case01 dd {
    margin-left: 6em;
	padding-bottom: 3px;
	display: block;
}
dl#case01 dd ul {
	list-style: none;
}
dl#case01 dd ul li {
	margin:0;
	padding-bottom: 3px;
}

dl#case02 {
	width: 580px;
	padding-bottom: 30px;
}
dl#case02 dt {
    float: left;
    width: 24em;
	padding-bottom: 3px;
}
dl#case02 dd {
    margin-left: 24em;
	padding-bottom: 3px;
	display: block;
}
div.workflow {
	width: 650px;
	background: url(../img/outline/img01_w.gif) right 0 no-repeat;
	padding-top:10px;
	padding-bottom: 230px;
}

span.mark01 { color: #c68c42;}

span.num_ad { display:block; padding-left:15px;}

table.form_table{ margin-top:5px;}
table.form_table th{
	padding:4px 14px;
	text-align:left;
	background:#222222;
	border-left:4px solid #3A3A3A;
	border-bottom:1px solid #000000;
}
table.form_table td{ padding:4px 12px;}
div.formBtn{
	padding:10px 0;
	text-align:center;
}

ul#privacy-list{ padding-left:30px; list-style-type:decimal;}

/*----------------------------------------*/

/*--------------------------------------------------*/
/*	090520	*/
/*--------------------------------------------------*/

dl.lockStep{
	margin-bottom:20px;
}

dl.lockStep dt,
dl.lockStep dd{
	margin-bottom:0.5em;
}

dl.lockStep dt{
	width:8em;
}

dl.lockStep dd{
	margin-left:8em;
}