@charset "utf-8";

/**** Clearfix ****/
ul.list:after{content:""; display:table;clear:both;}
ul.list{zoom:1;}

/* パンくずリスト
------------------------------------------------------------*/
div ol#breadcrumb{
padding:0 0 20px;
}

/* 見出し
------------------------------------------------------------*/
h2#main_header2 {
text-align:left;
margin:0 0 10px;
border-bottom:3px solid #000080;
padding:5px 2px 0px 40px;
font-size:25px;
font-size:2.5rem;
color:#000080;
font-weight:bold;
background:url('../img/document_28.png') no-repeat 5px 4px;
line-height:1.2;
}

/* 商品索引
------------------------------------------------------------*/
#goods_list {
margin-top:20px;
}

/* 中カテゴリー
------------------------------------------------------------*/
.cat2_header1{
margin-top:10px;
float:left;
text-align:left;
font-weight:bold;
padding:4px 30px 4px 5px;
background:url('https://www.iifas.jp/img/diagonal4.png') top right no-repeat;
margin-bottom:1px;
}

.cat2_header1 a{
font-size:18px;
font-size:1.8rem;
color:#fff;
}
.cat2_header1 a:hover{
text-decoration:underline;
}

.cat2_header2{
border:1px solid #006600;
}

/* 商品リスト
------------------------------------------------------------*/
ul.list {
margin-bottom:10px;
}

ul.list li {
width:48%;
margin:5px 1%;
float:left;
}

.list-bg a{
display:block;
margin:10px 0 0 10px;
/*background:url('http://www.iifas.jp/img/yaz3.gif') no-repeat left 20px;*/
line-height:1.2;
color:#000080;

}
.list-bg a:hover{
color:#800000;
text-decoration:underline;
}
img.goods{
float:left;
margin:5px 10px 5px 5px;
border:1px solid #ccc;
}
img.goods2{
float:left;
margin:5px 10px 5px 5px;
border:none;
}

/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:480px){

ul.list li {
width:98%;
margin:5px 2%;
float:left;
}

}