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

	clearfix:after {
		display: block;
		content: '';
		clear: both;
	}

	clearfix {
		zoom: 1;
	}
#main-contents .category-list ul li a:link strong{color:#405392; text-decoration:none;}
#main-contents .category-list ul li a:visited strong{color:#405392; text-decoration:none;}
#main-contents .category-list ul li a:hover strong{color:#3399cc; text-decoration:underline;}
#main-contents .category-list ul li a:link em{color:#666; text-decoration:none;}
#main-contents .category-list ul li a:visited em{color:#666; text-decoration:none;}
#main-contents .category-list ul li a:hover em{color:#666; text-decoration:underline;}



@media print,screen and (max-width: 499px) {
#contents-area {
	overflow: hidden;
	width:100%;
}

#main-contents{
		width: 98%;
		margin: 15px auto 0;
		padding: 0;
}
#sub-contents {
}
#main-contents h2{
	width: 99%;
	margin:0 auto;
	padding: 0 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 15px 0;
	box-sizing:border-box;
	color: #7092C5;
}
#main-contents h2 span{
	padding: 0 0 0 1%;
	font-size: 108%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #96B7D1;
	display: block;
	margin: 3px 0 0 0.5%;
	box-sizing:border-box;
}
.pickup-img{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 2% 0;
}
.pickup-img img{
		width:100%;
		height:auto;
}
.category-list {
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	margin: 0 0 5% 0;
	width: 100%;
}
.category-list li {
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0 2%;
	box-sizing: border-box;
	border: 1px solid #CCC;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display:inline-block;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
.category-list li.cat-obj img {
	width: 21%;
	float: left;
	margin: 0;
	height: auto;
}
.category-list li.cat-obj-s img {
	width: 18%;
	float: left;
	margin: 0;
	height: auto;
}
.category-list li.cat-obj dl{
	/* [disabled]display:inline; */
	float: left;
	width: 75%;
	padding: 3% 2%;
}
.category-list li.cat-obj-s dl{
	/* [disabled]display:inline; */
	float: left;
	width: 78%;
	padding: 3% 2%;
}
.category-list li dt {
	padding: 0 0 0.5% 0;
	margin: 0 0 0 0;
	font-weight: bold;
	line-height: 1.4;
	font-size: 93%;
}
.category-list li dd {
	padding: 0;
	margin: 0;
	font-size: 77%;
	line-height: 1.4;
}

#main-contents .category-list a:link{text-decoration:none;}
#main-contents .category-list a:visited{text-decoration:none;}
#main-contents .category-list a:link dt{color:#405392; text-decoration:none;}
#main-contents .category-list a:visited dt{color:#405392; text-decoration:none;}
#main-contents .category-list a:hover dt{color:#3399cc; text-decoration:underline;}
#main-contents .category-list a:link dd{color:#666; text-decoration:none;}
#main-contents .category-list a:visited dd{color:#666; text-decoration:none;}
#main-contents .category-list a:hover dd{color:#666; text-decoration:none;}

/* --------------------------------------------------------------------
その他　関連製品リスト
-------------------------------------------------------------------- */
#main-contents .sub-category-list{
	padding: 0 0 1% 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #F5F5F5;
	width:100%;
	margin:0 auto 20px;
	clear: both;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .sub-category-list .ttl-list{
	font-weight:bold;
	box-sizing:border-box;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #FFF;
	padding: 14px 0 12px 2%;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#main-contents .sub-category-list .ttl-list span{
	padding: 2px 0 2px 8px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555;
	color: #333;
	line-height:1;
	font-size: 116%;
	display: block;
}
#main-contents .sub-category-list .ttl-list span em{
	font-size: 70%;
}
#main-contents .sub-category-list .list-box{
	box-sizing: border-box;
	margin: 1% 0 0 1%;
	width: 48.5%;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
	border: 1px solid #D9D9D9;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
#main-contents .sub-category-list .accordion_head {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .sub-category-list .accordion_head a{
	display:block;
}
#main-contents .sub-category-list .accordion_head img{
	width:100%;
	height:auto;
	padding: 0;
	margin: 0;
	vertical-align:top;
}
#main-contents .sub-category-list .accordion_head .img{
	width:25%;
}
#main-contents .sub-category-list .accordion_head .txt{
	width:70%;
	padding:0 0 0 2%;
}
/* inline-block化 */
#main-contents .sub-category-list .accordion_head span{
	display: inline-block;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	vertical-align: middle;
	line-height: 1.2;
	font-size: 85%;
	padding: 0;
	margin: 0;
	color: #405392;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
/* IE 6 */
* html #main-contents .sub-category-list .accordion_head span{
	display: inline;
	zoom: 1;
}
/* IE 7 */
*:first-child+html #main-contents .sub-category-list .accordion_head span
{
	display: inline;
	zoom: 1;
}
#main-contents .sub-category-list a:link span{color:#405392; text-decoration:none;}
#main-contents .sub-category-list a:visited span{color:#405392; text-decoration:none;}
#main-contents .sub-category-list a:hover span{color:#3399cc; text-decoration:underline;}

/******************
サブメニュー
******************/
#sub-contents{
	display: none;
}
#sub-contents .bnr-box{
	width:220px;
}
}

@media print,screen and (min-width: 500px) and (max-width: 799px) {
#contents-area {
	width: 100%;
	overflow: hidden;
}

#main-contents{
	width: 99%;
	margin: 15px auto 0;
	padding: 0;
}

#sub-contents {
}
#main-contents h2{
	width: 99%;
	margin:0 auto;
	padding: 0 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 15px 0;
	box-sizing:border-box;
	color: #7092C5;
}
#main-contents h2 span{
	padding: 0 0 0 1%;
	font-size: 123.1%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #96B7D1;
	display: block;
	margin: 3px 0 0 0.5%;
	box-sizing:border-box;
}
.pickup-img{
	width:99%;
	margin:0 auto;
	padding:0 0 13px 0;
}
.pickup-img img{
	width:100%;
	height:auto;
}

.category-list {
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	margin:0 0 8px;
}

.category-list li {
	width: 32.3%;
	border: 1px solid #ccc;
	margin: 0 0.5% 10px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display:inline-block;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
.category-list li.cat-obj img {
	width: 40%;
	float: left;
	margin: 0;
	height: auto;
}
.category-list li.cat-obj-s img {
	width: 33%;
	float: left;
	margin: 0;
	height: auto;
}
.category-list li.cat-obj dl{
	/* [disabled]display: inline; */
	float: left;
	width: 52%;
	padding: 5% 4%;
}
.category-list li.cat-obj-s dl{
	/* [disabled]display: inline; */
	float: left;
	width: 59%;
	padding: 5% 4%;
}
.category-list li dt {
	padding: 0 0 3px;
	margin: 0;
	font-weight: bold;
	line-height: 1.2;
	font-size: 93%;
}

.category-list li dd {
	padding: 0;
	margin: 0;
	font-size: 77%;
	line-height: 1.3;
}

#main-contents .category-list a:link{text-decoration:none;}
#main-contents .category-list a:visited{text-decoration:none;}
#main-contents .category-list a:link dt{color:#405392; text-decoration:none;}
#main-contents .category-list a:visited dt{color:#405392; text-decoration:none;}
#main-contents .category-list a:hover dt{color:#3399cc; text-decoration:underline;}
#main-contents .category-list a:link dd{color:#666; text-decoration:none;}
#main-contents .category-list a:visited dd{color:#666; text-decoration:none;}
#main-contents .category-list a:hover dd{color:#666; text-decoration:none;}

/* --------------------------------------------------------------------
その他　関連製品リスト
-------------------------------------------------------------------- */
#main-contents .sub-category-list{
	padding: 0 0 1% 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #F5F5F5;
	width:99%;
	margin:0 auto 20px;
	clear: both;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .sub-category-list .ttl-list{
	font-weight:bold;
	box-sizing:border-box;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #FFF;
	padding: 14px 0 12px 2%;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#main-contents .sub-category-list .ttl-list span{
	padding: 2px 0 2px 8px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555;
	color: #333;
	line-height:1;
	font-size: 116%;
	display: block;
}
#main-contents .sub-category-list .ttl-list span em{
	font-size: 70%;
}
#main-contents .sub-category-list .list-box{
	box-sizing: border-box;
	margin: 1% 0 0 1%;
	width: 32%;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
	border: 1px solid #D9D9D9;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#main-contents .sub-category-list .accordion_head {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 1% 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .sub-category-list .accordion_head a{
	display:block;
}
#main-contents .sub-category-list .accordion_head a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
#main-contents .sub-category-list .accordion_head img{
	width: 40px;
	padding: 3px 5px 3px 5px;
	height: 40px;
	border: none;
	margin: 0;
	display: inline;
	vertical-align:top;
}
/* inline-block化 */
#main-contents .sub-category-list .accordion_head span{
	display: inline-block;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	vertical-align: middle;
	line-height: 1.2;
	font-size: 85%;
	padding: 0;
	margin: 0;
	color: #405392;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
/* IE 6 */
* html #main-contents .sub-category-list .accordion_head span{
	display: inline;
	zoom: 1;
}

/* IE 7 */
*:first-child+html #main-contents .sub-category-list .accordion_head span
{
	display: inline;
	zoom: 1;
}
#main-contents .sub-category-list .accordion_head.img{
	width:40px;

}
#main-contents .sub-category-list .accordion_head.txt{
	width:166px;
}
#main-contents .sub-category-list a:link span{color:#405392; text-decoration:none;}
#main-contents .sub-category-list a:visited span{color:#405392; text-decoration:none;}
#main-contents .sub-category-list a:hover span{color:#3399cc; text-decoration:underline;}

/******************
	サブメニュー
******************/
#sub-contents{
	display: none;
}
#sub-contents .bnr-box{
	width:220px;
}
}

@media print,screen and (min-width: 800px) {
#contents-area {
	overflow: hidden;
}

#main-contents{
	width: 715px;
	margin: 0 0 0 10px;
	padding: 0;
	float:left;
}

#sub-contents {
	float: right;
	width: 220px;
}
#main-contents h2{
	width: 700px;
	padding: 0 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 12px;
	color: #7092C5;
}
#main-contents h2 span{
	padding: 0 0 0 8px;
	font-size: 123.1%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #96B7D1;
	display: block;
	margin: 3px 0 0 3px;
}
.pickup-img{
	width:100%;
	padding:0 0 13px 0;
}

.category-list {
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	clear: both;
	padding: 0 0 20px 0;
	width: 715px;
}

.category-list li{
	width: 227px;
	border: 1px solid #ccc;
	margin: 0 10px 10px 0;
	box-sizing: border-box;
	border: 1px solid #CCC;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display:inline-block;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
.category-list li img {
	float: left;
	margin: 0;
}
.category-list li.cat-obj dl{
	/* [disabled]display: inline; */
	width: 111px;
	float: left;
	padding: 8px 7px;
}
.category-list li.cat-obj-s dl{
	/* [disabled]display: inline; */
	width: 141px;
	float: left;
	padding: 7px 7px 7px;
}
.category-list li dt {
	padding: 0 0 2px;
	font-weight: bold;
	line-height: 1.2;
	font-size: 100%;
}

.category-list li dd {
	padding: 0;
	margin: 0;
	font-size: 77%;
	line-height: 1.3;
}

#main-contents .category-list a:link{text-decoration:none;}
#main-contents .category-list a:visited{text-decoration:none;}
#main-contents .category-list a:link dt{color:#405392; text-decoration:none;}
#main-contents .category-list a:visited dt{color:#405392; text-decoration:none;}
#main-contents .category-list a:hover dt{color:#3399cc; text-decoration:underline;}
#main-contents .category-list a:link dd{color:#666; text-decoration:none;}
#main-contents .category-list a:visited dd{color:#666; text-decoration:none;}
#main-contents .category-list a:hover dd{color:#666; text-decoration:none;}

/* --------------------------------------------------------------------
その他　関連製品リスト
-------------------------------------------------------------------- */
#main-contents .sub-category-list{
	padding: 0 0 1% 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #F5F5F5;
	width: 700px;
	clear: both;
	margin: 0 0 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .sub-category-list .ttl-list{
	font-weight: bold;
	width:688px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color: #FFF;
	padding: 14px 0 12px 10px;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#main-contents .sub-category-list .ttl-list span{
	padding: 2px 0 2px 8px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555;
	color: #333;
	line-height:1;
	font-size: 116%;
	display: block;
}
#main-contents .sub-category-list .ttl-list span em{
	font-size: 70%;
}
#main-contents .sub-category-list .list-box{
	box-sizing: border-box;
	margin: 1% 0 0 1%;
	width: 32%;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
	border: 1px solid #D9D9D9;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#main-contents .sub-category-list .accordion_head {
	display: block;
	width: 100%;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 1% 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .sub-category-list .accordion_head a{
	display:block;
}
#main-contents .sub-category-list .accordion_head a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
#main-contents .sub-category-list .accordion_head img{
	width: 40px;
	padding: 3px 5px 3px 5px;
	height: 40px;
	border: none;
	margin: 0;
	display: inline;
	vertical-align:top;
}
/* inline-block化 */
#main-contents .sub-category-list .accordion_head span{
	display: inline-block;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	vertical-align: middle;
	line-height: 1.2;
	font-size: 85%;
	padding: 0;
	margin: 0;
	color: #405392;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
/* IE 6 */
* html #main-contents .sub-category-list .accordion_head span{
	display: inline;
	zoom: 1;
}

/* IE 7 */
*:first-child+html #main-contents .sub-category-list .accordion_head span
{
	display: inline;
	zoom: 1;
}
#main-contents .sub-category-list .accordion_head.img{
	width:40px;

}
#main-contents .sub-category-list .accordion_head.txt{
	width:166px;
}
#main-contents .sub-category-list a:link span{color:#405392; text-decoration:none;}
#main-contents .sub-category-list a:visited span{color:#405392; text-decoration:none;}
#main-contents .sub-category-list a:hover span{color:#3399cc; text-decoration:underline;}
/******************
サブメニュー
******************/
#sub-contents{
	float:right;
	padding:0 5px 0 0;
}
#sub-contents .bnr-box{
	width:220px;
}


}