@charset "utf-8";

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

/* 中央ペイン
------------------------------------------------------------*/
#content {
width:1080px;
margin:0 auto;
}

/* 見出し
------------------------------------------------------------*/
h2#main_header {
text-align:left;
margin:0 0 10px;
border-left:8px solid #006600;
border-bottom:3px solid #006600;
padding:5px 0 0 10px;
font-size:25px;
font-size:2.5rem;
color:#006600;
font-weight:bold;
line-height:1.2;
}

/* 製品索引
------------------------------------------------------------*/
#products_list {
margin-top:20px;
}

/* 中カテゴリー
------------------------------------------------------------*/
.cat2_header1{
position:relative;
margin-top:10px;
float:left;
text-align:left;
font-weight:bold;
padding:5px 8px;
background-image:none;
background-color:#006600;
margin-bottom:1px;
}
.cat2_header1:after{
position:absolute;
content:'';
bottom:0;
right:-36px;
border:18px solid transparent;
border-left:18px solid #006600;
border-bottom:18px solid #006600;
width:0;
height:0;
}

.cat2_header3{
position:relative;
margin-top:10px;
float:left;
text-align:left;
font-weight:bold;
padding:5px 8px;
background-image:none;
background-color:#1D93AE;
margin-bottom:1px;
color:#fff;
font-size:18px;
font-size:1.8rem;
}
.cat2_header3:after{
position:absolute;
content:'';
bottom:0;
right:-36px;
border:18px solid transparent;
border-left:18px solid #1D93AE;
border-bottom:18px solid #1D93AE;
width:0;
height:0;
}

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

.cat2_header2{
clear:both;
border:1px solid #006600;
}
.cat2_header4{
clear:both;
border:1px solid #1D93AE;
}

/* 製品リスト
------------------------------------------------------------*/
ul.list {
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
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:#006600;

}
.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;
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (max-width:1080px){
	#content {
	width:96%;
	margin:0 auto;
	padding:10px 0;
	}
}

/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:600px){
	ul.list li {
	width:98%;
	margin:5px 2%;
	float:left;
	}
}