@charset "utf-8";
/* CSS Document */

#left-contents-Area_lp_n {
	padding-bottom:20px;}
	
.casebox {
	margin-bottom:20px;
	width:525px;
	_width:520px;
	height:auto;
	position:relative;
}


.casebox .photo_box_l {
	float:left;
	background-color:#000;
	padding:3px;
	font-weight:bold;
	}

.casebox .photo_box_l h3{
	color:#FFF;
	margin:4px;
	font-size: 14px;
	font-weight:bold;
	}


.casebox .caseward {
	float:left;
	}

.casebox .caseward{
	height:100%;
	float:left;
	padding-left:10px;
	
}

.casebox .caseward h4 {
	width:245px;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	color:#000;
}

.casebox .caseward p{
	width:245px;
	margin-top:5px;
	
	}
	
.casebox .caseward p.detail {
	position:absolute;
	bottom:0px;
	text-align:right;

}

.casebox .caseward ul {
	margin-top:10px;
	font-weight:bold;
}

/*--------------------------
sample case
--------------------------*/

/*title*/
h3.case-title {
	height:30px;
	padding-top:5px;
	font-size:18px;
	font-weight:bold;
	padding-left:14px;
	background:url(../../common/img/pagetitle_bar.gif) 0px -3px no-repeat;
}

img.tag {
	float:right;
}

p.tag {
	float:right;
	height:26px;
	color:#FFF;
	font-weight:bold;
	font-size:120%;
	background-color:#333;
	padding:7px 8px 0;
	margin:0px;
}

/*cassette1*/
.detail-box_1 {
	clear:both;
	position:relative;
	margin-top:14px;
	margin-bottom:36px;
	height:195px;
	width
}

.detail-box_1 img.ph,
.detail-box_2 img.ph {
	border:solid 2px #999;
	float:right;
}

.detail-box_1 h3 img,
.detail-box_2 h3 img {
	float:left;
}

.detail-box_1 p {
	width:247px;
	float:left;
	margin-top:10px;
	padding-left:12px;
}

.detail-box_1 .outline-box {
	width:247px;
	margin-left:10px;
	border:solid 1px #666;
	position:absolute;
	bottom:0px;
	left:0px;
}

.detail-box_1 .outline-box table.outline {
	width:237px;
	margin:5px;
}

.detail-box_1 .outline-box table.outline th {
	font-weight:bold;
	width:64px;
	vertical-align:top;}
	
.detail-box_1 .outline-box table.outline td.conma {
	width:10px;
	vertical-align:top;
	text-align:center;}

/*cassette2*/
.detail-box_2 {
	margin-top:24px;
	margin-bottom:36px;
	position:relative;
}


.detail-box_2 p {
	width:326px;
	float:left;
	margin-top:10px;
	padding-left:12px;
}


/*cassette staff*/
.detail-box_3 {
	margin-top:24px;
	margin-bottom:36px;
	position:relative;
}


.detail-box_3 p {
	width:523px;
	margin-top:10px;
	padding-left:12px;
}


/*cassette layout*/

.detail-box_layout {
	margin-top:24px;
	margin-bottom:36px;
	position:relative;
	margin-left:13px;
}

.detail-box_layout h4 img{
	float:right;
}

.detail-box_layout img.layout_ph{
	float:left;
}

.detail-box_layout .layout-words {
	float:right;
	width:350px;
	margin-top:10px;
	padding-left:12px;
}

.detail-box_layout .layout-words h5 {
	margin:3px 0px;
	font-weight:bold;
	font-size:12px;
	color:#333;
	

}