﻿@charset "utf-8";

/* #article */

#article h2{
	background: url(../comment/images/h2_article.png) no-repeat center bottom;
}

#article #actor ul{
	width:575px;
	margin:0 auto;
	padding:5px 0 30px;
}

#article #actor ul li.photo{
	float:left;
}

#article #actor ul li.name{
	width:390px;
	height:90px;
	text-indent:-9999em;
	float:left;
}

#article #actor ul li.character{
	width:365px;
	padding:15px 0 0 25px;
	float:left;
}

#article #actor ul li.comment{
	width:535px;
	margin:10px 0 0;
	padding:15px;
	background:#9d948f;
	float:left;
}

#article #actor ul.chara01 li.name{
	background:url(../comment/images/name01_actor.png) no-repeat 20px 10px;
}

#article #actor ul.chara02 li.name{
	background:url(../comment/images/name02_actor.png) no-repeat 20px 10px;
}

#article #actor ul.chara03 li.name{
	background:url(../comment/images/name03_actor.png) no-repeat 20px 10px;
}

#article #author ul{
	width:525px;
	margin:5px auto 0;
	padding:20px;
	background:#e5d7b4;
}

#article #author ul li.photo{
	width:155px;
	float:left;
}

#article #author ul li.comment{
	width:370px;
	float:left;
}

#main #producer ul{
	width:525px;
	margin:35px auto 0;
	padding:20px;
	background:#e3e1b9;
}

/* テキスト指定 */

#article ul li.character{
	font-size:15px;
	color:#553929;
	line-height:1.8em;
}

#article ul li.comment{
	font-size:14px;
	color:#fff;
	line-height:1.8em;
}

#article ul li.comment span{
	font-size:15px;
	font-weight:bold;
}

#article #author ul li.comment{
	font-size:14px;
	color:#563822;
	line-height:1.8em;
}

#main #author ul li.comment span{
	font-weight:bold;
	line-height:2.3em;
}

#main #producer ul{
	font-size:14px;
	color:#585303;
	line-height:1.8em;
}

#main #producer ul li span{
	font-size:15px;
	font-weight:bold;
	line-height:2.3em;
}