/* Books TITLE
----------------------------------------*/
.data-ttl {
	width: 440px;
	border-bottom: 1px solid #5BA853;
	margin:0 0 10px 0;
	clear: left;
}
.data-ttl p {
	font-weight:bold;
	font-size: 115%;
	color:#348534;
	line-height: 1.2;
}
.data-ttl p span {
	font-size: 80%;
	margin-left: 15px ;
}

/* Books Contents
----------------------------------------*/
.data-cont {
	width: 220px;
	float: left;
	display: inline-block;
	margin:0 0 0 0;
}
.data-cont440 {
	width: 440px;
	display: inline-block;
	margin:0 0 0 0;
}
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.data-cont:after,
.data-cont440:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.data-cont,
.data-cont440 { display:inline-table; }

/* Mac IE には適用させない \*/
* html .data-cont,
* html .data-cont440  { height:1px; }
.data-cont,
.data-cont440  { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */

.data-cont img,
.data-cont440 img {
	float: left;
	margin-right: 10px;
}

.data-cont th,
.data-cont td,
.data-cont440 th,
.data-cont440 td {
	font-size: 80%;
	vertical-align: top;
}
.data-cont th ,
.data-cont440 th {
	text-align:left;
	font-weight: lighter;
	white-space: nowrap;
}
.data-cont p,
.data-cont440 p {
	margin:13px 0 3px 0;
	font-size:80%;
}

.data-cont p span,
.data-cont440 p span {
	font-weight:bold;
	font-size: 110%;
}
.data-cont p img ,
.data-cont440 p img {
	float:none;
	clear:left;
}
.comment {
	clear: both;
	width: 440px;
	padding: 10px 0 8px 0;
	background: url(/common/images/bg_dotline.gif) repeat-x bottom;
	margin: 0 0 20px 0 ;
}


/* Related Books Contents
----------------------------------------*/
.relate-cont {
	width: 440px ;
	padding: 0 0 8px 0;
	background: url(/common/images/bg_dotline.gif) repeat-x bottom;
	margin:0 0 20px 0 ;
}
.relate-cont table {
	float: left;
	margin-right: 20px;
}
.relate-cont th,
.relate-cont td {
	font-size: 80%;
	vertical-align: top;
}

.relate-cont th {
	text-align:left;
	font-weight: lighter;
	white-space: nowrap;
}
.relate-cont td.price{
	padding: 10px 0 5px 0;
}
.relate-cont td.price span {
	font-weight:bold;
	font-size: 110%;
}

.relate-cont td.person {
	font-size: 100%;
}

.relate-cont p {
	width: 270px;
	float: right;
	text-align: left;
}
.relate-cont p.w440 {
	width: 440px;
	clear:left;
	float: none;
	margin-top:10px;
}


/* Music Contents
----------------------------------------*/
.txt-navi {
	width: 430px;
	padding:2px 5px 2px 5px;
	background-color: #fff;
	margin-bottom: 20px;
}
.txt-navi li {
	display:inline;
	padding-left: 15px;
	font-size: 80%;
	background: url(/common/images/ico_arrow.gif) no-repeat left ;
	_background: url(/common/images/ico_arrow.gif) no-repeat left 1px;
	margin-right: 30px;
}
.message {
	clear:left;
	margin: 15px 0 0 0;
	padding:5px 0 5px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.message p {
	text-align:right;
	font-size: 80%;
}
.message p a {
	text-align:left;
	padding-left: 15px;
	background: url(/common/images/ico_arrow.gif) no-repeat left ;
	_background: url(/common/images/ico_arrow.gif) no-repeat left 1px;
}

.msg-txt {
	margin:20px 0 0 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}
.msg-txt p {
	margin:0;
	text-indent: 0.8em;
	line-height: 1.8;
}
.msg-txt p.name {
	margin-top:15px;
	font-weight: bold;
	text-align: right;
}
.msg-txt blockquote {
	margin: 10px 0 10px 15px;
}


.record {
	width: 440px;
	margin-bottom: 15px;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #fff;
}
.cont-ttl {
	font-weight: bold;
	font-size: 115%;
	color:#348534;
	line-height: 1.2;
	margin-bottom:5px;
}

/* contact
----------------------------------------*/
.contact {
	margin: 20px 0 20px 0;
	padding: 5px 0 5px 0 ;
}
.contact p {
	margin:0;
	padding : 0 0 5px 0;
	font-weight: bold;
}
.contact span {
	color: #CC0000;
	font-size: 80%;
	font-weight: bold;
	padding: 3px 3px 0 3px;
}
.contact table.design1{
	border-top: 1px solid #B9BCCC;
}
.contact table.design1 th {
	text-align: left;
	padding: 6px 4px 6px 3px;
	width: 30%;
}
.contact table.design1 td {
	vertical-align:middle;
	padding:6px 0 6px 12px;
}
.contact table.design1 td span {
	color: #666;
	font-weight: lighter;
}
.contact input {
	margin-right : 5px ;
}
.contact li {
	clear:left;
	padding:4px 0 4px 0 ;
	_padding: 0 ;
}
.contact li input {
	margin:0 5px 0 0 ;
	padding: 0 ;
	float:left;
}
.contact li p {
	font-size: 100% ;
	float:left; width: 260px;
	line-height: 1;
	_margin-top:6px;
}
.contact input.widS {
	width: 65%;
}
.contact textarea.widL{
	width: 98%;
}
.end {
	margin: 20px 0 20px 0;
	padding: 5px 0 5px 0 ;
}
.end p {
	font-weight:bold;
	font-size: 115%;
	color:#348534;
	line-height: 1.2;
	margin: 5px 0 30px 0 ;
}

.contact p.e-mail {
	margin:0 ;
	padding : 0 0 0 20px;
	font-weight: lighter;
	background: url(/common/images/ico_mail.gif) no-repeat left;	
}

/* Rental Sample Photo
----------------------------------------*/
.sampleY,
.sampleT {
	width: 440px ;
	font-size: 80%;
	line-height: 1.4;
	margin: 0 0 0 0;
}
.sampleY span ,
.sampleT span {
	display:block;
}

.sampleY p.L {
	width: 200px ;
	float: left;
	clear: left;
	margin: 0 40px 10px 0;
}
.sampleY p.R {
	width: 200px ;
	float: left;
	margin: 0 0 10px 0;
}

.sampleT p {
	width: 130px ;
	float: left;
	margin: 0 25px 10px 0;
}
.sampleT p.R {
	margin: 0 0 10px 0;
}

/* Rental Flow
----------------------------------------*/
.rental-flow {
	margin-top:40px;
	padding:0 0 0 0;
}