@charset "UTF-8";
/* **************************************
character.css
************************************** */

/* character index style
-------------------------------------- */
.index {
	width : 900px;
	float: left;
}

.index ul {
	margin-left: 18px;
	margin-top: 10px;
}

.index ul li {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 95px;
}

.index ul .clr {
	clear: both;
}

.index ul li a {
	display: block;
}

.index ul li p {
	text-align: center;
}

/* character mein style
-------------------------------------- */
div.line-top {
	width: 900px;
	height: 20px;
	background: #333;
	float: left;
}

.backz {
	width: 900px;
	float:left;
	background: url(../character/images/bg_z.jpg) repeat-y;
}

.backa {
	width: 900px;
	float:left;
	background: url(../character/images/bg_a.jpg) repeat-y;
}

.backe {
	width: 900px;
	float:left;
	background: url(../character/images/bg_e.jpg) repeat-y;
}

.character-img01e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e01.jpg) no-repeat;
	float: left;
}

.character-img02e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e02.jpg) no-repeat;
	float: left;
}

.character-img03e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e03.jpg) no-repeat;
	float: left;
}

.character-img04e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e04.jpg) no-repeat;
	float: left;
}

.character-img05e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e05.jpg) no-repeat;
	float: left;
}

.character-img06e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e06.jpg) no-repeat;
	float: left;
}

.character-img07e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e07.jpg) no-repeat;
	float: left;
}

.character-img08e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e08.jpg) no-repeat;
	float: left;
}

.character-img09e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e09.jpg) no-repeat;
	float: left;
}

.character-img10e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e10.jpg) no-repeat;
	float: left;
}

.character-img11e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e11.jpg) no-repeat;
	float: left;
}

.character-img12e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e12.jpg) no-repeat;
	float: left;
}

.character-img13e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e13.jpg) no-repeat;
	float: left;
}

.character-img14e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e14.jpg) no-repeat;
	float: left;
}

.character-img15e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e15.jpg) no-repeat;
	float: left;
}

.character-img16e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e16.jpg) no-repeat;
	float: left;
}

.character-img17e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e17.jpg) no-repeat;
	float: left;
}

.character-img18e {
	width : 450px;
	height : 595px;
	background : url(../character/images/e18.jpg) no-repeat;
	float: left;
}

.character-img01z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z01.jpg) no-repeat;
	float: left;
}

.character-img02z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z02.jpg) no-repeat;
	float: left;
}

.character-img03z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z03.jpg) no-repeat;
	float: left;
}

.character-img04z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z04.jpg) no-repeat;
	float: left;
}

.character-img05z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z05.jpg) no-repeat;
	float: left;
}

.character-img06z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z06.jpg) no-repeat;
	float: left;
}

.character-img07z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z07.jpg) no-repeat;
	float: left;
}

.character-img08z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z08.jpg) no-repeat;
	float: left;
}

.character-img09z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z09.jpg) no-repeat;
	float: left;
}

.character-img10z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z10.jpg) no-repeat;
	float: left;
}

.character-img11z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z11.jpg) no-repeat;
	float: left;
}

.character-img12z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z12.jpg) no-repeat;
	float: left;
}

.character-img13z {
	width : 450px;
	height : 595px;
	background : url(../character/images/z13.jpg) no-repeat;
	float: left;
}

.character-img01a {
	width : 450px;
	height : 595px;
	background : url(../character/images/a01.jpg) no-repeat;
	float: left;
}

.character-img02a {
	width : 450px;
	height : 595px;
	background : url(../character/images/a02.jpg) no-repeat;
	float: left;
}

.character-img03a {
	width : 450px;
	height : 595px;
	background : url(../character/images/a03.jpg) no-repeat;
	float: left;
}

.character-img04a {
	width : 450px;
	height : 595px;
	background : url(../character/images/a04.jpg) no-repeat;
	float: left;
}

.character-img05a {
	width : 450px;
	height : 595px;
	background : url(../character/images/a05.jpg) no-repeat;
	float: left;
}

.character-text {
	width : 450px;
	float: left;
	min-height: 595px;
	height: auto !important;
	background-color:#06F;
}

.character-textz {
	width : 450px;
	float: left;
	min-height: 595px;
	height: auto !important;
	background-color:#c66;
}

.character-texta {
	width : 450px;
	float: left;
	min-height: 595px;
	height: auto !important;
	background-color:#3CC;
}

.name {
	padding-top: 30px;
	padding-right: 12px;
	padding-left: 12px;
}

p.mark {
	float:right;
	margin-right: 12px;
}

.list {
	margin-left: 11px;
	width: 428px;
	margin-bottom: 10px;
}

.list .item {
	white-space: nowrap;
	background-color:#03c;
}

.list .itemz {
	white-space: nowrap;
	background: #900;
}

.list .itema {
	white-space: nowrap;
	background: #009fa8;
}

.list td {
	vertical-align: top;
}

div.line-bottom {
	clear: both;
	width: 900px;
	height: 20px;
	background: #333;
	float: left;
}

div.link {
	width: 880px;
	background: #ccc;
	float: left;
	text-align: right;
	padding: 10px;
}