/*===============================================
CONTENTS TEMPLATE
===============================================*/

.maincontents {
	width:100%;
}
.contents {
	float:left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
}
.contents_text {
	font-size:100%;
	line-height:1.7;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.h3Common {margin-bottom:20px;}


.Tit3 ,
.Tit4{
	font-size:140%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFFFFF;
	margin-bottom:15px;
	padding:7px 10px;
	background-color:#E4540D;
}
.h5Products {
	font-size:105%;
	margin-bottom:15px;
}


.item {
  width:144px;
  height:220px;
  float:left;
  border-radius: 2px;
  background: #f4f0ec;
  padding: 1px;
  border:1px solid #ccc;
  margin: 1px 1px 1px 0px;
  text-align: center;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  text-align: left;
  line-height:1.7;
}
table{
  margin-top:1em;
}
table.item tr td h3 {
	background-color: #319531;
	display: block;
	color: #FFF;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 20px;
}
table.item tr td {
	line-height: 1.7em;
}
table tr th {
  text-align:center;
}
table td{
  position:relative;
}
table td.trim140 a{
	overflow:hidden;
	display:block;
	width:140px;
	height:158px;
}
table td.trim140 img{
	width:170px;
	height:auto;	
}
table td.trim140 img.new_icon{
  width:auto !important;
}

table img.new_icon{
  position:absolute;
  left:10px;
  bottom:10px;
}


#table_leg .item{
  border-radius: 2px;
  background: #f4f0ec;
  padding: 2px;
  margin: 1px;
  text-align: center;
}
#table_leg img{
  max-width: 100%;
  height: auto;
}
#table_leg p{
  text-align: left;
}

@media ( min-width : 650px ){
	.flexbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
  .item {
    width: 24%;
  }
}

/*-----------------------------------------------
case
-----------------------------------------------*/
li.case_navi01 a {
	width:100px;
	background:url(../img/shopping/area_navi01.gif) no-repeat left top;
}
li.case_navi02 a {
	width:100px;
	background:url(../img/shopping/area_navi02.gif) no-repeat left top;
}
li.case_navi03 a {
	width:100px;
	background:url(../img/shopping/area_navi03.gif) no-repeat left top;
}
li.case_navi04 a {
	width:100px;
	background:url(../img/shopping/area_navi04.gif) no-repeat left top;
}
li.case_navi05 a {
	width:100px;
	background:url(../img/shopping/area_navi05.gif) no-repeat left top;
}
li.case_navi06 a {
	width:100px;
	background:url(../img/shopping/area_navi06.gif) no-repeat left top;
}
li.case_navi07 a {
	width:100px;
	background:url(../img/shopping/area_navi07.gif) no-repeat left top;
}
li.case_navi08 a {
	width:100px;
	background:url(../img/shopping/area_navi08.gif) no-repeat left top;
}
ul.scroll_navi li {float:left;}
ul.scroll_navi li a {
	display:block;
	height:30px;
}
ul.scroll_navi li a:hover,ul.navigation li a:focus {background-position:0px -30px;}
li.case_navi01 .selected,
li.case_navi02 .selected,
li.case_navi03 .selected,
li.case_navi04 .selected,
li.case_navi05 .selected,
li.case_navi06 .selected,
li.case_navi07 .selected,
li.case_navi08 .selected
 {background-position:0px -30px;}
.case_info,.faq_box {
	width:590px;
	margin-top:30px;
	padding:5px;
	border:#E6E6E6 1px solid;
	background-color:#F2F2F2;
}