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

/* ===============================================
wrapper
=============================================== */

#wrapper {
	background: url(../common_images/bg_content.jpg) repeat-y;
	margin: 0 auto;
	width: 820px;
}

#wrapperInner {
	background: url(../common_images/bg_content_header.jpg) no-repeat top;
	width: 760px;
	padding: 0 30px;
}

/* ===============================================
header
=============================================== */

#header {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 5px solid #1560AD;
}

h1 {
	font-size: 83%;
	margin-bottom: 10px;
	background: #0099DF;
	padding: 5px;
	height: 1%;
	color: #fff;
}

a#logo {
	display: block;
	float: left;
	background: url(../common_images/logo.gif);
	width: 250px;
	height: 58px;
	text-indent: -9999px;
}

#header dl.contact {
	float: right;
	width: 335px;
	margin-top: 8px;
}

#header dl.contact dt {
	background:url(../common_images/contact_info.gif) no-repeat top right;
	height: 11px;
	
	margin-bottom: 10px;
	text-indent: -9999px;
}

#header dl.contact dd.tel {
	float: left;
	background: url(../common_images/tel.gif);
	width: 165px;
	height: 24px;
	text-indent: -9999px;
}

#header dl.contact dd.mail {
	float: left;
	padding-left: 10px;
}

#header dl.contact dd.mail a {
	display: block;
	background: url(../common_images/btn_contact.gif);
	width: 160px;
	height: 24px;
	text-indent: -9999px;
}

#header dl.contact dd.mail a:hover {
	background-position: left bottom;
}

/* ===============================================
content
=============================================== */

#content {
	height: 1%;
}

#content .container_base_left {
	width: 180px;
	float: left;
}

#content .container_base_right {
	width: 550px;
	padding-bottom: 20px;
	float: right;
}

#breadcrumb {
	margin-bottom: 30px;
	font-size: 83%;
	color: #999;
}

/* -----------------------------------------------
gnavi
----------------------------------------------- */

#gnavi {
	margin-top: 0;
	border-top: 1px dotted #999;
}

#gnavi li {
	border-bottom: 1px dotted #999;
	padding: 3px 0;
}

#gnavi li a {
	display: block;
	text-indent: -9999px;
	height: 25px;
	background: no-repeat 0 0;
}

#gnavi li a:hover {
	background-position: 0 -25px;
}

#gnavi li a.active {
	background-position: 0 -50px;
}

#gnavi li.home a {
	background-image: url(../common_images/gnv_home.gif);
}

#gnavi li.news a {
	background-image: url(../common_images/gnv_news.gif);
}

#gnavi li.about a {
	background-image: url(../common_images/gnv_about.gif);
}

#gnavi li.feature a {
	background-image: url(../common_images/gnv_feature.gif);
}

#gnavi li.readme a {
	background-image: url(../common_images/gnv_readme.gif);
}

#gnavi li.ms a {
	background-image: url(../common_images/gnv_ms.gif);
}

#gnavi li.contact a {
	background-image: url(../common_images/gnv_contact.gif);
}

#gnavi li.document a {
	background-image: url(../common_images/gnv_document.gif);
}

#sub .banner {
	margin-top: 20px;
}

#sub .banner li {
	margin-bottom: 5px;
}

#sub .banner li a {
	height: 50px;
}

#sub .banner li.companies a {
	background-image: url(../common_images/bnr_companies.gif);
}

#sub .banner li.exchange a {
	background-image: url(../common_images/bnr_exchange.gif);
}

#sub .banner li.schedule a {
	background-image: url(../common_images/bnr_schedule.gif);
}

/* ===============================================
footer
=============================================== */

#footer {
	clear: both;
	height: 1%;
}

#fnavi {
	padding: 10px 0;
	float: right;
}

#fnavi li {
	float: right;
	font-size: 83%;
	padding-left: 15px;
}

#fnavi li a {
	background: url(../common_images/triangle_black.gif) no-repeat left center;
	padding-left: 13px;
	color: #666;
	text-decoration: none;
}

#fnavi li a:hover {
	text-decoration: underline;
	background-position: 2px center;
}

#copyright {
	clear: both;
	background: url(../common_images/footer.gif);
	height: 28px;
	padding: 6px;
}

#copyright a#khk {
	display: block;
	float: right;
	background: url(../common_images/bnr_khk.gif) no-repeat;
	width: 120px;
	text-indent: -9999px;
	height: 28px;
}