@charset "utf-8";

/*============================================================

	[voice.css]
	
	BYKELLY 2012

============================================================*/

div#voice {
	padding: 30px 60px 0;
}

/*	heading　※
------------------------------------------------------------*/
div#voice h2 {
	margin: 0 0 40px;
	padding: 30px 24px 24px;
	background: #666 url(../images/bg_title.jpg) no-repeat;
	text-align: center;
	font-size: 100%;
}

div#voice h2 a,
div#voice h2 em {
	display: block;
	height: 30px;
	background: url(../images/title.png) no-repeat center top;
	text-indent: -9999px;
	overflow: hidden;
}

* html div#voice h2 a,
* html div#voice h2 em {
	background-image: url(../images/title.gif);
}

div#voice h2 span#brand-name {
	margin-bottom: -12px;
	line-height: 1;
	font-weight: normal;
	font-size: 129%;
	color: #FFF;
}

div#voice div#recent-entries h3,
div#voice div#brands h3 {
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
}

div#voice div#recent-entries h3 {
	background: url(../images/heading_recent-entries.gif) no-repeat;
}

div#voice div#brands h3 {
	background: url(../images/heading_brands.gif) no-repeat;
}

/*	entry
------------------------------------------------------------*/
div#voice div.entry {
	position: relative;
	width: 540px;
	margin: 30px 0 60px 150px;
}

div#voice div.entry h3 {
	margin: 0 0 3px;
	padding: 0 0 3px;
	border-bottom: 1px solid #963;
	font-weight: lighter;
	font-size: 129%;
}

div#voice div.entry div.entry-info {
	position: relative;
	margin: 0 0 2em;
}

div#voice div.entry p.entry-category {
	color: #963;
}

div#voice div.entry p.entry-date {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 80%;
	color: #999;
}

div#voice div.entry div.entry-body {
	margin: 0 0 3em;
}

div#voice div.entry div.entry-body p {
	margin: 0 0 1.8em;
}

div#voice div.entry div.entry-body * {
	line-height: 1.8;
}

div#voice div.entry div.entry-body img {
	margin: 0.5em 0;
}

/*	pager
------------------------------------------------------------*/
div#voice div#pager {
	padding: 12px 0 0;
	border-top: 1px dotted #CCC;
	text-align: center;
}

div#voice div#pager a {
	font-size: 80%;
}

div#voice div#pager span {
	color: #CCC;
}

/*	archive
------------------------------------------------------------*/
div#voice div.archive {
	margin: 24px 0 0;
	padding: 24px 0;
	background: url(../images/bg_separator.gif) no-repeat center top;
}

div#voice div.archive ul:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

*:first-child+html div#voice div.archive ul {
	zoom: 1;
}

* html div#footer div#voice div.archive ul {
	zoom: 1;
}

div#voice div.archive h2 {
	margin: 0 24px 24px;
}

div#voice div.archive ul {
	margin: 0 0 0 24px;
	list-style: none;
}

div#voice div.archive ul li {
	float: left;
	margin: 0 24px 6px 0;
}

div#voice div.archive ul a {
	display: block;
	width: 228px;
	padding: 0 0 0 12px;
	background: url(../images/bullet_entry.gif) no-repeat 0 0.2em;
	line-height: 1.2;
	font-size: 80%;
}

* html div#voice div.archive ul a {
	width: 240px;
}

div#voice div.archive ul a:visited {
	background: url(../images/bullet_visited-entry.gif) no-repeat 0 0.2em;
	text-decoration: none;
	color: #999;
}

div#voice div.archive ul a:hover {
	text-decoration: underline;
}