@charset "utf-8";
@import url("../css/common.css");

.page_title {
	background-image: url(images/title.png);
	height: 60px;
	display: block;
	width: 645px;
	background-repeat: no-repeat;
}
.chara {
	margin-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(images/cahra_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.chara .image {
	float: left;
	margin-right: 10px;
	width: 140px;
}
.chara .text {
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	width: 335px;
}

.story {
	margin-bottom: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(images/story_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.story .title {
	margin-bottom: 5px;
}

.story .image {
	float: left;
	margin-right: 10px;
	width: 180px;
}
.story .text {
	float: left;
	font-size: 12px;
	line-height: 24px;
	color: #333;
	width: 295px;
}
.story_line {
	background-image: url(images/story_line.png);
	background-repeat: no-repeat;
	height: 20px;
}


.right .menu {
	width: 150px;
}

.right .menu div {
	margin-bottom: 5px;
}
.right  .menu_about  a {
	background-image: url(images/bt_about.png);
	height: 40px;
	width: 150px;
	display: block;
	background-repeat: no-repeat;
}
.right .menu_character a {
	background-image: url(images/bt_character.png);
	height: 40px;
	width: 150px;
	display: block;
	background-repeat: no-repeat;
}
.right .menu_story a {
	background-image: url(images/bt_story.png);
	height: 40px;
	width: 150px;
	display: block;
	background-repeat: no-repeat;
}
.right .menu_staff a {
	background-image: url(images/bt_staff.png);
	height: 40px;
	width: 150px;
	display: block;
	background-repeat: no-repeat;
}
.staff {
	margin-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.staff .image {
	float: left;
	margin-right: 10px;
	width: 120px;
}
.staff .text {
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	width: 350px;
}
.staff .text_only {
	font-size: 12px;
	line-height: 18px;
	color: #333;
}
.staff .job {
	font-weight: bold;
	color: #C30;
	font-size: 12px;
}
.staff .name {
	font-weight: bold;
	color: #F60;
	font-size: 12px;
}