@charset "utf-8";
/* ----------------------------------------------------------------
Structure= Contents Area
----------------------------------------------------------------- */

/*
#contentsArea {
	margin: 0 auto;
	width: 960px;
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
	#contentsArea {
		width: auto;
	}
}
*/

.productName {
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 40px;
	min-height:40px;
	color:#fff;
	background-color: #8c8c8c;
	cursor: pointer;
}

.productName.dtlOn {
	background-image: url("../img/spec_arrow_on.png");
	background-repeat: no-repeat;
	background-position: 2% center;

}

.productName.dtlOff {
	background-image: url("../img/spec_arrow_off.png");
	background-repeat: no-repeat;
	background-position: 2% center;
}

.productName h3{
	margin: 2px 0 0 0;
}

.spectitle {
	font-weight: bold;
}


.productSpecTable {
	display: table;
	table-layout: fixed;
	width: 100%
	word-wrap: break-word;
	overflow-wrap:break-word;
}
//// see:https://w3g.jp/blog/confusing_word-break_word-wrap


.productSpecTable th{
	width: 30%
}

.productSpecTable td{
	width: 70%
}

.specReqImg {
	min-height: 100px;
}

.specReqImgText {
	font-size: 12pt;
	border-bottom:1px solid #e5e5e5;
}

.productsList{

}

.productsList img{
	margin:0 0 20px 0;
}
/*------------------------------------------

1. margin (margin-top/margin-right/margin-bottom/margin-left)
2. padding (padding-top/padding-right/padding-bottom/padding-left)
3. border-width (border-top-width/border-right-width/border-bottom-width/border-left-width)
4. border-color (border-top-color/border-right-color/border-bottom-color/border-left-color)
5. border-style (border-top-style/border-right-style/border-bottom-style/border-left-style)
6. border (border-top/border-bottom/border-right/border-left)
7. display
8. position
9. top
10. right
11. bottom
12. left
13. float
14. clear
15. z-index
16. width (min-width/max-width)
17. height (min-height/max-height)
18. line-height
19. vertical-align
20. overflow
21. clip
22. visibility
23. list-style (list-style-type/list-style-image/list-style-position)
24. color
25. background (background-color/background-image/background-repeat/backgroundattachment/
background-position)
26. font (font-family/font-style/font-variant/font-weight/font-size)
27. text-indent
28. text-align
29. text-decoration
30. letter-spacing
31. word-spacing
32. white-space
-----------------*/