@charset "utf-8";
/* CSS Document */

#faqTitle{
	float:left;
	padding-left: 204px;
	padding-top: 33px;
	padding-bottom: 7px;
}

#boxLeft{
	float:left;
	background:url(../img/real_stories/bgtopLeft.jpg);
	background-repeat:no-repeat;
	width: 418px;
	height:165px;
	padding:15px;
}
#boxLeft h5,#boxRight h5,.boxesLeft h5,.boxesRight h5{
	float:left;
	font-size:12px;
	font-family:MS PGothic;
	color:#056d00;
	font-weight:bold;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#boxLeft p,#boxRight p,.boxesLeft p,.boxesRight p{
 float:left;
 font-size:12px;
 font-family:MS PGothic;
 color:#432a2a;
 width: 270px;
 text-align:justify;
 padding-left:10px;
 padding-top: 3px;
 line-height:150%;
}
img.picture1{
	float:left;
}

img.greenbar{
	float:left;
	padding-left: 10px;
}

#boxRight{
	float:left;
	background:url(../img/real_stories/bgtopRight.jpg);
	background-repeat:no-repeat;
	width: 418px;
	height:165px;
	margin-left: 9px;
	padding:15px;	
}

.boxesLeft{
	float:left;
	background:url(../img/real_stories/boxesBG.jpg);
	background-repeat:no-repeat;
	width: 418px;
	height:165px;
	padding:15px;
	margin-top:10px;
	margin-right:10px;
	clear: both;
}

.boxesRight{
	float:left;
	background:url(../img/real_stories/boxesBG.jpg);
	background-repeat:no-repeat;
	width: 418px;
	height:165px;
	padding:15px;
	margin-top:10px;
}

/* 2009 NewContainar start */
#ContentsWrap02 {
	clear: both;
	text-align: left;
	padding-top: 50px;
	_padding-top: 15px;
	zoom:1; /* IE7でpadding値が2倍になる対策 */
}

#ContentsWrap02 div {
	position: relative;
}


#ContentsWrap02 div p#subtitile {
	position: absolute;
	top: 20px;
	left: 90px;
}

#ContentsWrap02 div p#btn {
	position: absolute;
	top: 65px;
	left: 290px;
}

#ContentsWrap02 div p#btn a {
	display: block;
	background:url(../img/real_stories/detail_btn_over.jpg);
	width: 316px;
	height: 38px;
	}

#ContentsWrap02 div p#btn a:hover {
	background-color:#FFFFFF;
	}

#ContentsWrap02 div p#btn a:hover img {
	visibility: hidden;
	}

#ContentsWrap02 .Left-section {
	float: left;
	margin: 120px 10px 0 0;
}

#ContentsWrap02 .Right-section {
	float: left;
	margin-top: 120px;
}

#ContentsWrap02 .Right-section p.notes {
	clear: both;
	text-align: right;
	font-size: 10px;
	color: #333333;
}

#ContentsWrap02 ul {
	position: relative;
	background:url(../img/real_stories/inner-boxtop.jpg) top left #CED477 no-repeat;
	padding-top: 10px;
	margin-bottom: 11px;
	width: 448px;
	clear: both;
}

#ContentsWrap02 ul p.nametit {
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	color: #333333;
	margin: 5px 0 0 13px;
}

#ContentsWrap02 ul p.nametit strong {
	font-size: 16px;
	line-height: 150%;
}

#ContentsWrap02 ul div.icon {
	position: absolute;
	top: 15px;
	left: 305px;
	background:url(../img/real_stories/inner-icon.gif) top left no-repeat;
	width: 123px;
	height: 68px;
}

#ContentsWrap02 ul div.icon dl {
	font-weight: bold;
	line-height: 20px;
	color: #FF0000;
	margin: 13px 0 0 6px;
}

#ContentsWrap02 ul div.icon dl dt{
	width: 54px;
	font-size: 14px;
	text-align: right;
	white-space: nowrap;
	margin: 1px 0 0 0;
}

#ContentsWrap02 ul div.icon dl dd{
	font-size: 13px;
	margin: -20px 0 0 60px;
}

#ContentsWrap02 ul dl.comment {
	font-size: 10px;
	background:url(../img/real_stories/inner-boxbottom.jpg) bottom left no-repeat;
	_margin-top: 23px;
	min-height: 120px;
	_margin:23px 0 0 0;
	padding-top: 23px;
	_height: 120px;
}

#ContentsWrap02 ul dl.comment dt,
#ContentsWrap02 ul dl.comment dd {
	margin-left: 13px;
	line-height: 150%;
}

#ContentsWrap02 ul dl.comment dt {
	margin-bottom: 4px;
}

#ContentsWrap02 ul dl.comment dd {
	margin-bottom: 11px;
	padding-right: 26px;
}
/* 2009 NewContainar end */


/* =============================================*/
/* 2008/10/30 BV ǉStart@				*/
/* =============================================*/
#boxLeft span.h5,#boxRight span.h5,.boxesLeft span.h5,.boxesRight span.h5{
	float:left;
	font-size:12px;
	font-family:MS PGothic;
	color:#056d00;
	font-weight:bold;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

#boxLeft div.h5,#boxRight div.h5,.boxesLeft div.h5,.boxesRight div.h5{
	float:left;
	font-size:12px;
	font-family:MS PGothic;
	color:#056d00;
	font-weight:bold;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

/* =============================================*/
/* 2008/10/30 BV ǉEnd @				    */
/* =============================================*/
