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

/* 20160329 responsive */

#Contents_all {
	margin: 0 auto 35px;
	width: 967px;
	overflow: hidden;
	zoom: 1;
}
#catalog_container {
	clear: both;
	margin: 0 auto;
	padding: 0;
	zoom: 1;
}
#catalog_container * {
	margin:0;
	padding:0;
}
#catalog_container h1 {
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}
#catalog_container h2 {
	background-image:url(../img/subtitle_bg.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	height:33px;
	padding:10px 0 0 10px;
}


/* 上部 */

#catalog_pp{
	border:1px solid #CCC;
	padding:15px;
	margin-bottom:10px;
	font-size:14px;
	line-height:1.6em;
}

#target_link{
	margin-bottom:20px;
}
#target_link ul{
	font-size:0px;
	padding:5px;
}
#target_link li{
	display:inline-block;
}
#target_link li a{
	display:block;
	margin:5px 1.5em 5px 0;
	font-size:12px;
}



/* パーツ */

#catalog_container #toPagetop{
	margin-bottom:10px;
	}



/* ジャンルタイトル */

#catalog_container h3{
	background-image:url(../../common/img/subtitle_bg2.gif);
	background-repeat:no-repeat;
	color:#333;
	font-weight:bold;
	font-size:12px;
	height:27px;
	padding:0 0 0 5px;
	margin-bottom:10px;
}

#catalog_container h3 span{
	display:block;
	padding-top:8px;
	padding-right:15px;
	}
#catalog_container h3 span a{
	background:  url(../../common/img/arr.gif) no-repeat left center;
	padding-left:12px;

}

#catalog_container .pp .left{
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 2px solid;
	border-bottom:#CCCCCC 2px solid;
	}
#catalog_container .pp .right{
	border-top:#50b224 1px solid;
	border-left:#50b224 1px solid;
	border-right:#50b224 2px solid;
	border-bottom:#50b224 2px solid;
	background-color:#F1F9E5;

	}

#catalog_container .pp .left a,
#catalog_container .pp .right a{
	background:  url(../../common/img/arr.gif) no-repeat left center;
	padding-left:12px;
	margin-left:10px;
}


/* webカタログ */

#feature-panels .cat_area{
	width:967px;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}

#feature-panels .cat_area a{
	text-decoration:none;
}
#feature-panels .cat_area a img{
	border:none;
	}
#feature-panels .cat_area p,
#feature-panels .cat_area span{
	display:block;
	}
	
#feature-panels .cat_area .cont,
#feature-panels .cat_area .cont-guide,
#feature-panels .cat_area .cont-pdf{
	float:left;
	width:151px;
	border:#bbb 1px solid;
	position:relative;
	margin:0 8px 8px 0;
}
#feature-panels .cat_area .cont-pdf{
	background-color:#eee;
}
#feature-panels .cat_area .cont-guide{
	background-color:#eee;
}
#feature-panels .cat_area .cont .image,
#feature-panels .cat_area .cont-pdf .image{
	margin:3px 0 0 4px;
	width:143px;
	height:202px;
	padding:1px 0 0 1px;
	background-repeat:no-repeat;
}
#feature-panels .cat_area .cont-guide .image{
	padding:1px;
}
#feature-panels .cat_area .cont .image{
	background-image:url(../img/cat_bg.gif);
	 }
#feature-panels .cat_area .cont-pdf .image{
	background-image:url(../img/cat_bg-pdf.gif);
}

#feature-panels .cat_area .cap{
	height:5.5em;
	overflow:hidden;
	line-height:125%;
	width:135px;
	margin:0 auto;
	padding-top:0.5em;
	zoom:1;
	}
#feature-panels .cat_area .cap img{
	margin:0 3px 0 0;
	border:none;
}


#feature-panels .cat_area .cont span,
#feature-panels .cat_area .cont-pdf span{
	display:block;
	padding:1px;
	font-size:0.8em;
	text-align:right;
}
#feature-panels .cat_area .cont span a,
#feature-panels .cat_area .cont-pdf span a{
	text-decoration:none;
}
#feature-panels .cat_area .cap span{
	display:block;
	padding:1px;
	font-size:0.8em;
	text-align:right;
}
#feature-panels .cat_area .cap .span{
	font-size:0.8em;
}
#feature-panels .cat_area .cap span a{
	text-decoration:none;
}
#feature-panels .cat_area .cont_txtonly{
	float:left;
	width:151px;
	line-height:125%;
	border:#bbb 1px solid;
	position:relative;
	margin:209px auto 10px;
	padding:0.5em 0;
	font-size:80%;
	text-align:center;
	}

.cap_s{letter-spacing:-0.07em;}


/**************************feature-panels *****************************/

#feature-panels {
	width: 967px;
	margin:15px 0;
}


@media only screen and (max-width:640px) and (max-device-width:1280px) {
html {
	min-width:320px;
}
#Contents_all,
#feature-panels,
#feature-panels .cat_area {
	width:100%;
}
#Contents_all * {
	box-sizing:border-box;
}
#feature-panels .cat_area .cont,
#feature-panels .cat_area .cont-guide,
#feature-panels .cat_area .cont-pdf{
	margin:0 6px 8px 2px;
}


}