@charset "utf-8";
/*
///////////////////////////////////////////
CSS FOR Index
Made by Huongnt
/////////////////////////////////////
*/

#Profile-en{
	font-family: Arial, Osaka, Sans-Serif;
}
.ttl-h2{
	background:#dcdfdf;
	text-align:center;
	font-size:209%;
	color:#000000;
	height:40px;
	line-height:40px;
	font-family: 'Alegreya', serif;
}
.section-profile{
	padding:0 50px 90px 50px;
	margin-top:30px;
}

.section-profile02{
	padding:0 50px 90px 50px;
	margin-top:30px;
	min-height:550px;
}
.section-profile-left{
	float:left;
	width:280px;
}
.section-profile-right{
	float:right;
	width:535px;
}

#List-menu{float:right; margin-top:20px;}
#List-menu li{
	float:left;
	margin-right:5px;
}
#List-menu li a{
	display:block;
}

#List-menu li.end{margin-right:0;}
.txt{
	color:#333333;
	font-size:109%;
	line-height:22px;
}


#viewer,#viewer01 {
	margin: 0 auto;
	width: 278px;
	text-align: left;
}
#viewer div,#viewer01 div {
	width: 278px;
	height: 319px;
	overflow: hidden;
	position: relative;
}
#viewer div img,#viewer01 div img {
	top: 0;
	left: 0;
	position: absolute;
}

#viewer ul,#viewer01 ul {
	width: 278px;
	margin-bottom:5px;
}

#viewer ul li,#viewer01 ul li {
	width: 86px;
	float: left;
	display: inline;
	margin-right:10px;
}
#viewer ul li.end,#viewer01 ul li.end {margin-right:0;}
#viewer .active,#viewer01 .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#viewer ul {
	display: inline-block;
	overflow: hidden;
}

.ttl-h3{
	color:#333333;
	font-size:134%;
	font-weight:bold;
	background:url(http://file://///ts-wxld30/make2/1047.%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BEBEACON%20ALLIANCE/html/images/shinji_aoyama/line.png) left bottom no-repeat;
	padding:0 0 3px 10px;
		max-height: 999999px;
	
}

.section-profile01{
	padding:0 50px 90px 50px;
	min-height:400px;
}

.table-profile {
	list-style-type: none;
	color: #313131;
	font-size:109%;
	line-height:30px;
	margin:5px 0 0 5px;
	margin-bottom:60px;
}
.table-profile dt {
	margin: 0px;
	float: left;
	padding: 0 0 0 5px;
	text-align:left;
	width:80px;
}
.table-profile dd {
	padding:0 0 0 90px;
	border-bottom:1px dashed #898989;
		max-height: 999999px;
}
.table-profile.end {margin-bottom:0;}

.col1{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:40%;
	*width:44%;
}
.col2{
	display:inline-block;
	width:30%;
	*display:inline;
	*zoom:1;
}
.col3{
	display:inline-block;
	width:30%;
	*display:inline;
	*zoom:1;
}
.txt01{
	color: #313131;
	font-size:109%;
	line-height:30px;
}
.txt02{
	color: #313131;
	font-size:109%;
	line-height:27px;
	border-bottom:1px dashed #898989;
	padding: 0 0 0 5px;
	margin:5px 0 0 10px;
	margin-bottom:70px;
}
.txt02.end{margin-bottom:0;}

.actor-intro{
	font-size:109%;
}
.title-name{
	font-size: 170%;
	color: #2f93aa;
	font-family: 'myfont';
	margin: 0;
	display:block;
}
.title-hira{
	font-size:109%;
	color: #2f93aa;
	display:block;
	margin-bottom:5px;
	font-family: 'myfont';
}
.intro{
	font-size: 80%;
	color: #707070;
	display:block;
	font-family: 'myfont';
}