@charset "utf-8";

.bl-hot {
background-color:#fff;
}
.bl-hover {
cursor:pointer;
background-color:#f3f3f3;
}
.bl-hover a:link{
text-decoration:underline;
}

ul.cat{
display:table;
table-layout:fixed;
width:100%;
border-collapse:separate;
border-spacing:10px;
}
ul.cat li.cat_content{
width:50%;
display:table-cell;
padding:10px;
border:#008000 solid 1px;
color:#00497D;
text-align:left;
line-height:1.2;
overflow:hidden;
}
ul.cat .table_row{
display:table-row;
}

ul.cat li.cat_content ul li{
width:100%;
padding:0 0 4px 20px;
background-image:url(https://www.iifas.jp/img/yaz3_green.gif);
background-repeat:no-repeat;
background-position:left 5px;
word-break:normal;
}

ul.cat li.cat_content ul li a{
color:#006600;
font-size:20px;
font-size:2.0rem;
font-weight:bold;
}
ul.cat li .cat_content a:hover{
text-decoration:underline;
}

ul.cat li.cat_content img.goods{
margin:6px 6px 3px 0;
border:1px solid #ccc;
}
ul.cat li.cat_content img.goods2{
margin:6px 6px 3px 0;
border:none;
}

ul.cat li.cat_content .cat_link{
float:right;
color:#990000;
}
ul.cat li.cat_content .cat_link a{
color:#990000;
}

.cat_link a{
color:#900;
text-decoration:none;
font-weight:normal;
text-align:center;
padding:2px 30px;
margin-left:10px;
border:1px solid #999;
border-radius:5px;
background:#EEE;
background:-moz-linear-gradient(top,#fff 0%,#eee);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
white-space:nowrap;
cursor:pointer;
line-height:2;
}

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

	/*ul.cat li .cat_content{
	height:280px;
	}*/

}

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

	ul.cat li.cat_content{
	width:100%;
	display:block;
	margin:10px 0;
	}
	ul.cat .table_row{
	display:block;
	}
}
