
@charset "utf-8";



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　コンテンツ（トップ）　＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 最少サイズ＋中間サイズ */
@media print, screen and (max-width:800px) {
	#contents {
		background-color: #fff;
		line-height: 1.8em;
	}
	#contents-top {
		width: 100%;
		margin: auto;
	}
	.contents-top-header {
		font-size: 140%;
		font-weight: bold;
		text-align: center;
		padding: 60px 0 30px 0;
	}
	.contents-top-caption {
		font-size: 100%;
		padding: 0 2% 50px 2%;
	}
	.contents-top-product {
		width: 100%;
		margin-bottom: 40px;
	}
	.contents-top-product-img {
		margin-bottom: 10px;
	}
	.contents-top-product-left {

	}
	.contents-top-text {
		font-size: 100%;
		padding: 2%;
	}
	.contents-top-product a:link { 
		color: #333;
		text-decoration: none;
	}
	.contents-top-product a:hover { 
		color: #333;
	}
	.contents-top-product a:visited { 
		color: #333;
	}
	.contents-top-product a:visited:hover {
		color: #333;
	}
}
/* 最大サイズ */
@media print, screen and (min-width:801px) {
	#contents {
		background-color: #fff;
		background-image: url("../images/bg_contents.jpg");
		background-repeat: no-repeat;
		background-position: center top;
	}
	#contents-top {
		width: 980px;
		margin: auto;
		text-align: center;
	}
	.contents-top-header {
		font-size: 26px;
		font-weight: bold;
		padding: 80px 0 30px 0;
	}
	.contents-top-caption {
		font-size: 16px;
		padding: 0 0 50px 0;
	}
	.contents-top-product {
		width: 460px;
		margin-bottom: 40px;
		float: left;
	}
	.contents-top-product-img {
		margin-bottom: 10px;
	}
	.contents-top-product-left {
		margin-right: 60px;
	}
	.contents-top-text {
		font-size: 14px;
		height: 60px;
		text-align: left;
	}
	.contents-top-product a:link { 
		color: #333;
		text-decoration: none;
	}
	.contents-top-product a:hover { 
		color: #333;
	}
	.contents-top-product a:visited { 
		color: #333;
	}
	.contents-top-product a:visited:hover {
		color: #333;
	}
	.contents-top-btn {
		width: 196px;
		height: 50px;
		margin: auto;
		background-image: url("../images/btn_top_more.png");
	}
	.contents-top-product a:hover .contents-top-btn  {
		background-image: url("../images/btn_top_more_s.png");
	}
	.contents-top-product a:hover .contents-top-product-img  {
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}


}

