@charset "utf-8";
/*
CSS Information
 File name:      voice.css
 Author:         Administrator
 Style Info:     /voice.php
----------------------------------------------------- */
/* CSS override and Class setting
***********************************/

/* #voice
***********************************/
section ul.voiceList {
	margin: 0 auto;
	padding: 11px 0 0;
	width: 890px;
}
section ul.voiceList li {
	display: block;
	position: relative;
	margin: 0 0 10px;
	padding: 10px 9px;
	border: solid 1px #999;
	overflow: hidden;
}
section ul.voiceList li .thumb {
	display: block;
	position: relative;
	float: left;
	width: 105px;
	height: 140px;
	overflow: hidden;
}
section ul.voiceList li.new .thumb:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 37px;
	height: 14px;
	background: transparent url(https://img.undernavi.com/shikoku/tropical-eros/parts/icon_new.png) right bottom no-repeat;
}
section ul.voiceList li > a:after {
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	top: -1px;
	width: 44px;
	height: 44px;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}
section ul.voiceList li.ready > a:after {
	background-image: url(https://img.undernavi.com/shikoku/tropical-eros/parts/icon_standby.png);
}
section ul.voiceList li.busy > a:after {
	background-image: url(https://img.undernavi.com/shikoku/tropical-eros/parts/icon_busy.png);
}
section ul.voiceList li .thumb img {
	width: auto;
	height: auto;
	max-width: 105px;
	max-height: 140px;
	vertical-align: top;
}
section ul.voiceList li .txtData {
	padding-left: 115px;
	text-align: left;
}
section ul.voiceList li .txtData .title {
	padding: 5px 10px;
	background: #efefef;
	text-align: left;
}
section ul.voiceList li .txtData .ladyName,
section ul.voiceList li .txtData .userName,
section ul.voiceList li .txtData .date {
	display: inline-block;
}
section ul.voiceList li .txtData .ladyName {
	margin: 0 10px 0 0;
	vertical-align: top;
}
section ul.voiceList li .txtData .ladyName a {
	font-size: 108%;
	font-weight: bold;
}
* html section ul.voiceList li .txtData .ladyName,
* html section ul.voiceList li .txtData .userName,
* html section ul.voiceList li .txtData .date {
	display: inline;
	zoom: 1;
}
*+html section ul.voiceList li .txtData .ladyName,
*+html section ul.voiceList li .txtData .userName,
*+html section ul.voiceList li .txtData .date {
	display: inline;
	zoom: 1;
}
section ul.voiceList li .txtData .userName {
	position: absolute;
	right: 180px;
	top: 20px;
}
section ul.voiceList li .txtData .date {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #666;
}
section ul.voiceList li .txtData .body {
	margin: 10px 0 0;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.6;
}

section ul.voiceList li .txtData dt {
    padding-left: 3px;
    font-weight: bold;
    border-left: 5px solid #999;
    border-color: inherit;
}
section ul.voiceList li .txtData dd {
    margin-bottom: 5px;
    padding-left: 15px;
}
section .sendBtn a {
	display: inline-block;
	padding: 10px 80px;
	background: #efefef;
	border: solid 1px #999;
	color: #000;
	font-size: 108%;
	text-decoration: none;
}
section .sendBtn {
	padding-top: 10px;
}