@charset "utf-8";

/* =============================================================
 TITLE : xxxx
============================================================= */

/* =============================================================
 root
============================================================= */
body{
	background:#e56c22;
}

.container{
	background:none;
}


/* =============================================================
 content
============================================================= */
#content{
	margin:0 auto;
	width:100%;
	min-width:960px;
	_width:expression(document.body.clientWidth < 964 ? '960px' : '100%' );
	color:#fff;
	background-color:#000;
}

#keyVisual{
	text-align:center;
	background-color:#fff;
	width:100%;
	height:470px;
	overflow:hidden;
}

#mainContent{
	margin:0 auto;
	padding:18px 0;
	position:relative;
	width:960px;
	min-height:186px;
	_height:186px;
}

#infoSection{
	float:left;
	width:621px;
}

#infoSection h2{
	margin-bottom:17px;
}

#infoSection .box{
	line-height:1.6;
	height:145px;
	overflow:auto;
}

#infoSection .box dl{
	margin-bottom:1.4em;
}

#badge01{
	position:absolute;
	top:17px;
	left:644px;
}

#badge02{
	position:absolute;
	top:69px;
	left:826px;
}

/* =============================================================
 footer
============================================================= */
#footer{
	padding:7px 0 0;
	width:100%;
	background:none;
}

#company{
	margin:-4px 10px 6px;
	text-align:center;
	color:#fff;
}

#company span,
#company a{
	color:#000;
}

#company a:hover{
	text-decoration:underline;
}

#copyright{
	height:30px;
	background-image:url(../img/footer_copyright.gif);
	background-position:center top;
}