@charset "utf-8";


/* 文字まわり */

.voice_name {
	text-align: right;
	padding: 0 12px;
}

.hr_short {
	height: 11px;
	width: 213px;
	background-image: url("img/hr_short.gif");
	background-repeat: no-repeat;
	margin: 0 auto 6px;
}


/* character_layout */

#chara_container {
	width: 658px;
	height: 321px;
	overflow: hidden;					/* はみ出したブロック要素を非表示 */
}

#sub_menu {
	width: 217px;
	height: 321px;
	border-right: 3px solid #fff;
	float: left;
}

#main_chara {
	width: 438px;
	height: 321px;
	overflow: hidden;
	float: left;
}

.table_space_01 {
	width: 15px;
	background-image: url("img/banner_dummy.gif");
}

.table_space_02 {
	width: 76px;
	background-image: url("img/banner_dummy.gif");
}

img.photo {
	padding-left: 7px;
}

img.comment_img {
	padding: 12px 6px;
}


/* character_contents */

div.tab_style {
	padding: 19px 12px 0;
	width: 414px;
	height: 302px;
	overflow: auto;
}

div#tab_chara01 {
}

div#tab_chara02 {
}

div#tab_chara03 {
}

div#tab_chara04 {
}

div#tab_chara05 {
}


/* chara_menu */

ul#menu_list {
	list-style: none;
	vertical-align: bottom;
	padding: 14px 0 12px;
}

ul#menu_list li {
	display: block;
	background-repeat: no-repeat;
	width: 217px;
}

ul#menu_list li span{
	display: none;
}

li.chara_01_select {
	height: 56px;
	background-image: url("img/chara_01.gif");
	background-position: 0px -112px;
}

li.chara_02_select {
	height: 60px;
	background-image: url("img/chara_02.gif");
	background-position: 0px -120px;
}

li.chara_03_select {
	height: 56px;
	background-image: url("img/chara_03.gif");
	background-position: 0px -112px;
}

li.chara_04_select {
	height: 60px;
	background-image: url("img/chara_04.gif");
	background-position: 0px -120px;
}

li.chara_05_select {
	height: 56px;
	background-image: url("img/chara_05.gif");
	background-position: 0px -112px;
}

ul#menu_list li a {
	display: block;
	width: 217px;
	background-repeat: no-repeat;
}

a#menu_chara_01 {
	height: 56px;
	background-image: url("img/chara_01.gif");
}

a#menu_chara_01:hover {
	background-position: 0px -56px;
}

a#menu_chara_02 {
	height: 60px;
	background-image: url("img/chara_02.gif");
}

a#menu_chara_02:hover {
	background-position: 0px -60px;
}

a#menu_chara_03 {
	height: 56px;
	background-image: url("img/chara_03.gif");
}

a#menu_chara_03:hover {
	background-position: 0px -56px;
}

a#menu_chara_04 {
	height: 60px;
	background-image: url("img/chara_04.gif");
}

a#menu_chara_04:hover{
	background-position: 0px -60px;
}

a#menu_chara_05 {
	height: 56px;
	background-image: url("img/chara_05.gif");
}

a#menu_chara_05:hover {
	background-position: 0px -56px;
}