/* CSS Document */

#header {
	width: 740px;
	margin: 0 0 20px;
	position: relative;
	background: url(../../common/images/header-bg.jpg) no-repeat left top;
}

h1 {
	position: absolute;
	top: 6px; left: 26px;
}

.submenu {
	margin: 0 0 40px 430px;
	padding: 13px 0 0 0;
	list-style: none;
}
.submenu li {
	margin: 0 10px 0 0;
	float: left;
}


.menu {
	width: 477px;
	height: 45px;
	margin: 0 0 0 253px;
	padding: 0 0 0 20px;
	text-align: right;
	list-style: none;
	background: url(../../common/images/menu-bg.gif) no-repeat left bottom;
}
.menu li {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}


.contents {
	width: 738px;
	margin: 0 auto 0;
	padding: 0 0 30px;
}
h2 {
	margin: 0 0 0 9px;
	padding: 0px;
/*	text-indent: -9999px;*/
}
h3 {
	width: 698px;
	margin: 0 auto 60px;
	padding: 0px;
}

.charactor {
	width: 700px;
	margin: 0 auto 10px;
	list-style: none;
}
.charactor li {
	width: 140px;
	height: 500px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	float: left;
}

.charactor2 {
	width: 600px;
	margin: 0 auto 10px;
	list-style: none;
	text-align: center;
}
.charactor2 li {
	width: 300px;
	height: 500px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.detail {
	width: 500px;
	height: 690px;
	margin: 0 auto 20px;
	padding: 15px 0;
	border-top: #666666 solid 2px;
	border-left: #666666 solid 2px;
	border-bottom: #666666 solid 4px;
	border-right: #666666 solid 4px;
	position: relative;
}
.detail p {
	width: 205px;
	margin: 0 0 0 22px;
}
.detail .name {
	display: block;
	margin: 0 auto 15px;
}
.detail .visual {
	position: absolute;
	top: 0px; right: 0px;
}
.detail .serif {
	position: absolute;
	bottom: 18px; left: 20px;
}