#main{
background:url('../images/common/bg_l.png') no-repeat;
}
#wrap{
background:url('../images/common/bg_r.png') no-repeat top right;
}
.item_wrap{
background:#eee;
padding:20px;
border-radius:5px;
margin:0 0 20px 380px;
width:calc(100% - 380px);
box-sizing:border-box;
}
#items_setsumei{
padding:100px 0;
text-align:center;
font-size:18px;
}
#page_title{
background:url('../images/index/bg1.jpg') center top;
}
#page_title2{
background:url('../images/index/bg1.jpg') center top;
}
#item_index article dl .more{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#27639d+0,113c78+100 */
background: #27639d url('../images/common/arrow.png') no-repeat center right 10px; /* Old browsers */
background: -moz-linear-gradient(left, #27639d 0%, #113c78 100%) url('../images/common/arrow.png') no-repeat center right 10px; /* FF3.6-15 */
background: -webkit-linear-gradient(left, #27639d 0%,#113c78 100%) url('../images/common/arrow.png') no-repeat center right 10px; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #27639d 0%,#113c78 100%) url('../images/common/arrow.png') no-repeat center right 10px; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27639d', endColorstr='#113c78',GradientType=1 ) url('../images/common/arrow.png') no-repeat center right 10px; /* IE6-9 */
}
.products_item_r .goback{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#27639d+0,113c78+100 */
background: #27639d url('../images/common/arrow.png') no-repeat center right 10px; /* Old browsers */
background: -moz-linear-gradient(left, #27639d 0%, #113c78 100%) url('../images/common/arrow.png') no-repeat center right 10px; /* FF3.6-15 */
background: -webkit-linear-gradient(left, #27639d 0%,#113c78 100%) url('../images/common/arrow.png') no-repeat center right 10px; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #27639d 0%,#113c78 100%) url('../images/common/arrow.png') no-repeat center right 10px; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27639d', endColorstr='#113c78',GradientType=1 ) url('../images/common/arrow.png') no-repeat center right 10px; /* IE6-9 */
}
#products_item article h3{
background:url('../images/index/bg1.jpg') center top;
}
#setsumei article {
    background: #ececec url('../images/common/bg_img.jpg');

}
#item_index article dt img{
display:block;
}
#item_index article dd h4{
background:url('../images/index/bg1.jpg') center top;
color:#fff !important;
padding:5px;
}
#item_index article dd{
border:1px solid #2b69a3;
}
#item_index article dd .comment{
padding:10px;
}
#main section{
width:960px;
margin:0 auto 80px;
}
#main section h3{
font-size:36px;
text-align:center;
color:#27629d;
margin:0 0 30px 0;
}
#main section ul{
list-style:none;
display:flex;
flex-wrap:wrap;
}
#main section ul li{
width:calc(100% / 3 - 20px);
margin:0 10px 30px;
font-size:13px !important;
text-align:center;
height:40px;
 display: flex;
  justify-content: center;
  align-items: center;
color:#666;
border:1px solid #999;
border-radius:5px;
box-sizing:border-box;
}
#main section ul li a{
display:block;
width:100%;
height:100%;
line-height:1.8em;
font-size:13px !important;
text-align:center;
text-decoration:none;
color:#666;
 display: flex;
  justify-content: center;
  align-items: center;
}
#main section ul li a:hover{
background:#5b99d7;
color:#fff;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}
#subnav ul{
list-style:none;
width:960px;
display:flex;
flex-wrap:wrap;
margin:0 auto 60px;
}
#subnav ul li{
display:inline-block;
margin:0 20px 20px;
}
#subnav ul li a{
color:#e56700;
text-decoration:none;
}
#subnav ul li a:hover{
text-decoration:underline;
}
.znifex_photo1{
width:360px;
float:left;
margin:0 20px 20px 0;
}