﻿@charset 'UTF-8';

/**********************************************************************************

	character Page Style Sheet

**********************************************************************************/

/*******************************************************************************
	div.content_main
*******************************************************************************/
div.content_main .line_chara{
	width: 752px;
	height: 25px;
	display: block;
}
/*=========================================================================
	div.content_main .chara_type_left
=========================================================================*/
div.content_main .chara_type_left{
	background: url(../img/bg_chara_asa.jpg) right bottom no-repeat;
	margin: 0 0 20px 0;
	overflow: hidden;
	zoom: 1;
}

div.content_main .chara_type_left .personality{
	float: left;
	width: 500px;
}

div.content_main .chara_type_left .personality img.asa01{
	width: 252px;
	height: 382px;
	float: right;
}

div.content_main .chara_type_left .personality p{
	padding: 0 0 0 20px;
}

div.content_main .chara_type_left .personality ul{
	overflow: hidden;
	zoom: 1;
	padding: 20px 0 0 0;
}

div.content_main .chara_type_left .personality ul li{
	float: left;
}

div.content_main .chara_type_left .personality ul li img.asa02{
	width: 182px;
	height: 164px;
}

div.content_main .chara_type_left .personality ul li img.asa03{
	width: 180px;
	height: 164px;
}


/*=========================================================================
	div.content_main .chara_type_right
=========================================================================*/
div.content_main .chara_type_right{
	background: url(../img/bg_chara_corpo.jpg) left bottom no-repeat;
	margin: 0 0 20px 0;
	overflow: hidden;
	zoom: 1;
	position: relative;
}

div.content_main .chara_type_right .personality{
	float: right;
	width: 500px;
}

div.content_main .chara_type_right .personality img.corpo01{
	width: 252px;
	height: 382px;
	float: left;
}

div.content_main .chara_type_right .personality p{
	padding: 0 0 0 20px;
}

div.content_main .chara_type_right .personality ul{
	overflow: hidden;
	zoom: 1;
	padding: 20px 0 0 0;
}

div.content_main .chara_type_right .personality ul li{
	float: right;
}

div.content_main .chara_type_right .personality ul li img.corpo02{
	width: 182px;
	height: 164px;
}

div.content_main .chara_type_right .personality ul li img.corpo03{
	width: 180px;
	height: 164px;
}

div.content_main .chara_type_right .corpo_lines{
	position: absolute;
	bottom: 115px;
	left: 70px;
}

/*=========================================================================
	div.content_main .chara_type_left_s
=========================================================================*/
div.content_main .chara_type_left_s{
	overflow: hidden;
	zoom: 1;
	padding: 0 0 30px 0;
}

div.content_main .chara_type_left_s .personality{
	float: left;
}

div.content_main .chara_type_left_s .personality p{
	width: 552px;
	padding: 0 0 0 20px;
}

div.content_main .chara_type_left_s .chara_img{
	width: 180px;
	height: 201px;
	float: right;
}

/*=========================================================================
	div.content_main .chara_type_right_s
=========================================================================*/
div.content_main .chara_type_right_s{
	overflow: hidden;
	zoom: 1;
	padding: 0 0 30px 0;
}

div.content_main .chara_type_right_s .personality{
	float: right;
}

div.content_main .chara_type_right_s .personality p{
	width: 552px;
	padding: 0 0 0 20px;
}

div.content_main .chara_type_right_s .chara_img{
	width: 180px;
	height: 201px;
	float: left;
}