@charset "shift_jis";
/* Common CSS */

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;
}

/*dl#case01 {
	width: auto;
	padding-bottom: 30px;
}

dl#case01 dt {
    float: left;
    width: 6em;
	padding: 5px 0;
}

dl#case01 dd {
    margin-left: 6em;
	padding: 5px 0;
	display: block;
}

dl#case01 dd ul {
	list-style: none;
}

dl#case01 dd ul li {
	margin:0;
	padding-bottom: 3px;
}*/


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

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

dl.lockStep dt,
dl.lockStep dd{
	border-bottom: 3px solid #000000;
	float: left;
	margin: 0;
}

dl.lockStep dt{
	padding: 8px 12px;
	width: 20%;
	background: #222222;
}

dl.lockStep dd{
	padding: 8px 12px;
	width: 72%;
	background: #111111;
	border-left: 3px solid #000000;
}

/*-------------------------------------------------
	FOOTER
---------------------------------------------------
※フッター固定する為のソース	
-------------------------------------------------*/

div#footerBox{ 
    position:fixed; 
    bottom:0; 
    left:0; 
    width:100%;
} 
 
/* IE6 */


* html, 
* html #footerBox{ 
    overflow-y:hidden;
} 
* html div#footerBox{ 
    position:absolute; 
    bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1); 
}