@charset "utf-8";

/* .top_relatedproduct
-------------------------------------------------- */
.product_related {
	margin: 23px 0 25px 0;
	padding-bottom: 12px;
	background: #f2f2f2 url(../../images/related/bg_related_product_06.jpg) left top no-repeat;
	min-height: 390px;
	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: 233px;
		font-size: 21px;
		font-weight: bold;
	}
	.lineup_product {
		margin: 0 11px;
		padding-top: 85px;
	}
	.lineup_product_body {
		padding: 0 0 24px 0;
		min-height: 407px;
		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;
	}
	.lineup_product_body h2 {
		padding-top: 22px;
		width: 688px;
		min-height: 73px;
		background: url(../../images/related/bg_related_product_04.jpg) left top no-repeat;
		font-size: 16px;
		font-weight: normal;
		text-align: center;
		color: #ffffff;
	}
	.lineup_product_body h3 {
		text-align: center;
		font-weight: bold;
		color: #f79700;
		font-size: 15px;
		margin-bottom: 10px;
	}
	.lineup_product_body .prod {
		width: 343px;
		float: left;
		border-left: 1px dashed #424242;
	}
	.lineup_product_body .first {
		border-left: 1px dashed #ffffff;
	}
	.lineup_product_body p.comment {
		text-align: center;
		font-size: 14px;
		margin: 5px 0;
	}
	.lineup_product_body .prod li {
		margin-right: 1px;
		width: 170px;
		float: left;
	}
	.lineup_product .pic {
		margin: 8px 0;
		text-align: center;
	}
	.lineup_product .pic img {
		vertical-align: top		
	}
	.lineup_product .link_btn {
		margin: 0 15px;
		padding: 8px 0;
		background-color: #118135;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		position: relative;
		zoom: 1;
	}
	.lineup_product .link_btn p {
		color: #ffffff;
		font-size: 13px;
		zoom: 1;
		text-align: center;
	}
	.lineup_product .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); /*フィルターで透明に*/
	}
	.lineup_product .link_btn p:link,
	.lineup_product .link_btn p:active,
	.lineup_product .link_btn p:visited,
	.lineup_product .link_btn p:hover {
		text-decoration: none;
		color: #fff;
	}
	.lineup_product .link_btn:hover {
		background: rgba(17,139,54,0.6);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff');
	}
	.lineup_product .w67 {
		margin: 0 67px;
	}



