@charset "UTF-8";
/*---------------------------------------------------------------
local.css
-----------------------------------------------------------------
table of contents

	1. Common
	2. users

-----------------------------------------------------------------
font-size table

	10px :   77%		16px : 123.1%
	11px :   85%		17px :    131%
	12px :   93%		18px : 138.5%
	13px : 100%		19px : 146.5%
	14px : 108%		20px : 153.9%
	15px : 116%		21px : 161.6%
---------------------------------------------------------------*/

/*==============================================================
	1.	Common
===============================================================*/

#contents{
	padding-bottom:2px;
}

/*==============================================================
	2.	users
===============================================================*/

#users{
	position:relative;
	width:100%;
}
#users h2{
	margin-bottom:34px;
}
#voices{
	overflow:hidden;
	padding-top:5px;
}
#voice-left{
	float:left;
	width:455px;
}
#voice-right{
	float:right;
	width:455px;
}
#voices div.voice{
	position:relative;
	width:455px;
	margin-bottom:38px;
}
#voices div.baloon{
	background:url(/images/users/bg_balloon.png) top left repeat-y;
}
#voices div.baloon p.date{
	width:434px;
	padding-right:21px;
	background:url(/images/users/bg_balloon_top.png) top left no-repeat;
	text-align:right;
	font-size:77%;
	line-height:1;
}
#voices div.baloon p.date span{
	position:relative;
	top:-5px;
	padding:0 5px;
	background:#fff;
	letter-spacing:0.02em
}
#voices dl.comment{
	position:relative;
	width:415px;
	padding:7px 20px 31px;
	background:url(/images/users/bg_balloon_bottom_left.png) bottom left no-repeat;
}
#voices div.voice.left dl.comment{
	background:url(/images/users/bg_balloon_bottom_left.png) bottom left no-repeat;
}
#voices div.voice.right dl.comment{
	background:url(/images/users/bg_balloon_bottom_right.png) bottom left no-repeat;
}
#voices dl.comment dt{
	margin-bottom:14px;
}
#voices dl.comment dt span.name{
	padding-right:7px;
	font-size:138.5%;
	letter-spacing:0.04em;
	color:#000;
}
#voices dl.comment dt span.suffix{
	padding-right:7px;
	font-size:77%;
}
#voices dl.comment dt span.sex{
	font-size:77%;
}
#voices dl.comment dt span.sex.male{
	color:#2499dd;
}
#voices dl.comment dt span.sex.female{
	color:#f00;
}
#voices dl.comment dd.rate{
	position:absolute;
	top:10px;
	right:21px;
}
#voices dl.comment dd.profile{
	margin-top:-2px;
	margin-bottom:10px;
	font-size:77%;
	color:#4c4c4c;
	line-height:1.8;
}
#voices dl.comment dd.profile span{
	color:#999;
}
#voices dl.comment dd.profile img{
	vertical-align:middle;
}
#voices div.items{
	overflow:hidden;
}
#voices div.items dl{
	position:relative;
	width:142px;
	height:122px;
}
#voices div.items dt img{
	padding:1px;
}
#voices div.items dt a:link img,
#voices div.items dt a:viited img{
	padding:1px;
	background:#fff;
}
#voices div.items dt a:hover img,
#voices div.items dt a:active img{
	padding:1px;
	background:#ccc;
}
#voices div.items dd{
	position:absolute;
	bottom:5px;
	right:8px;
	font-size:77%;
	color:#4c4c4c;
}
#voices div.voice.right{
	margin-top:20px;
}
#voices div.voice.left div.items dl{
	float:right;
}
#voices div.voice.right div.items dl{
	float:left;
}
#voices span.dummy{
	display:none;
}
#paging{
	width:100%;
	padding-top:35px;
	padding-bottom:33px;
	font-size:93%;
	text-align:center;
	font-weight:bold;
	color:#ff8bd2;
}
#paging a:link,
#paging a:visited{
	color:#f70097;
	text-decoration:none;
}
#paging a:hover,
#paging a:active{
	color:#ff8bd2;
	text-decoration:none;
}
#paging img{
	vertical-align:middle;
}
#paging span.pages{
	padding-left:15px;
}
#paging span.pages a{
	padding-right:10px;
}
#paging span.pages span.current_page{
	margin-right:10px;
}