@charset "utf-8";

/* .top_relatedproduct
-------------------------------------------------- */
.lineup_recommend {
	display: none;
}

.product_related {
	margin: 23px 0 25px 0;
	padding-bottom: 12px;
	background: #f2f2f2 url(../images/bg_related_product_01.jpg) left top no-repeat;
	min-height: 537px;
	position: relative;
	zoom: 1;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
	.product_related p.title_s {
		position: absolute;
		top: 38px;
		left: 100px;
		font-size: 14px;
	}
	.product_related p.title_l {
		position: absolute;
		top: 43px;
		left: 197px;
		font-size: 23px;
		font-weight: bold;
	}
	.product_related .recoder {
		margin: 85px 0 0 10px;
		float: left;
		width: 454px;
		min-height: 440px;
		background: url(../images/bg_related_product_02.jpg) left top no-repeat;
		position: relative;
		zoom: 1;
	}
	.product_related .recoder p.recoder_title {
		padding-top: 13px;
		text-align: center;
		font-weight: bold;
		color: #ffffff;
	}
	.product_related .recoder_body {
		margin: 0;
		margin-top: 35px;
		padding-bottom: 9px;
		background-color: #ffffff;
	    -moz-border-radius: 0 0 5px 5px;
    	-webkit-border-radius: 0 0 5px 5px;
	    border-radius: 0 0 5px 5px;
		position: relative;
		zoom: 1;
	}
	.product_related .recoder_body h2 {
		text-align: center;
		font-weight: bold;
		color: #f79700;
		font-size: 15px;
	}
	.product_related .recoder_contents {
		margin: 14px 10px 0 10px;
	}
	.product_related .recoder_contents p.title {
		margin-bottom: 19px;
		text-align: center;
		font-size: 14px;
	}
		.product_related .recoder_contents li {
			margin-left: 10px;
			padding-bottom: 15px;
			float: left;
			width: 207px;
		}
		.product_related .recoder_contents li:first-child {
			margin: 0;
			padding-right: 9px;
			float: left;
			border-right: 1px dashed #424242;
		}
	.product_related .sound {
		margin: 85px 10px 0 0;
		float: right;
		width: 226px;
		min-height: 440px;
		background: url(../images/bg_related_product_07.jpg) left top no-repeat;
		position: relative;
		zoom: 1;
	}
	.product_related .sound p.sound_title {
		padding-top: 13px;
		text-align: center;
		font-weight: bold;
		color: #ffffff;
	}
	.product_related .sound_body {
		margin: 0;
		margin-top: 35px;
		padding-bottom: 9px;
		background-color: #ffffff;
	    -moz-border-radius: 0 0 5px 5px;
    	-webkit-border-radius: 0 0 5px 5px;
	    border-radius: 0 0 5px 5px;
		position: relative;
		zoom: 1;
	}
	.product_related .sound_body h2 {
		text-align: center;
		font-weight: bold;
		color: #f79700;
		font-size: 15px;
	}
	.product_related .sound_contents {
		margin: 14px 0 0 0;
	}
	.product_related .sound_contents p.title {
		margin-bottom: 19px;
		text-align: center;
		font-size: 14px;
	}
	.product_related .recoder_body .link_btn,
	.product_related .sound_body .link_btn {
		margin: 0 19px;
		padding: 8px 10px;
		background-color: #118135;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		position: relative;
		zoom: 1;
	}
	.product_related .recoder_body .link_btn p,
	.product_related .sound_body .link_btn p {
		color: #ffffff;
		font-size: 13px;
		zoom: 1;
	}
	.product_related .recoder_body .link_btn p a,
	.product_related .sound_body .link_btn p a {
		display: block ;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		text-indent:-9999px;
		background/*\**/: #fff\9; /*IE7、8用ハック*/
		opacity: 0;
		moz-opacity: 0; 
		filter:alpha(opacity=0); /*フィルターで透明に*/
	}
	.product_related .recoder_body .link_btn p:link,
	.product_related .recoder_body .link_btn p:active,
	.product_related .recoder_body .link_btn p:visited,
	.product_related .sound_body .link_btn p:link,
	.product_related .sound_body .link_btn p:active,
	.product_related .sound_body .link_btn p:visited,
	.product_related .recoder_body .link_btn p:hover,
	.product_related .sound_body .link_btn p:hover {
		text-decoration: none;
		color: #fff;
	}
/*
	.product_related .recoder_body .link_btn p:hover,
	.product_related .sound_body .link_btn p:hover {
		text-decoration: underline;
		color: #fff;
	}
*/
	.product_related .recoder_body .link_btn:hover,
	.product_related .sound_body .link_btn:hover {
		background: rgba(17,139,54,0.6);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff');
	}
	



