@charset "utf-8";
/* CSS Document */


/*common*/

p{
	margin:0;
	padding:0;
}

.fade,.fade_orange,.fade_navy,.fade_green,.fade_pink,.fade_brown {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
 
.fade:hover {
    opacity: 0.5;     /* 透過レベル */
    filter: alpha(opacity=60);
}

.fade_orange:hover {
	background:#F60;
}

.fade_navy:hover {
	background:#036;
}

.fade_green:hover {
	background:#396;
}

.fade_pink:hover {
	background:#F36;
}

.fade_brown:hover {
	background:#600;
}



.boxtext:hover{
	color:#FFFFFF;
}

.icon_ichioshi{
	width:50px;
	height:20px;
	background:url(../images/icon/icon_ichioshi.gif) no-repeat;
	float:left;
}

.icon_shinchaku{
	width:40px;
	height:20px;
	background:url(../images/icon/icon_shinchaku.gif) no-repeat;
	float:left;
}





/*600*/

#pickupcate_600{
	width:600px;
	height:auto;
	overflow:hidden;
}

#pickupcate_600 .outbox{
	width:200px;
	height:300px;
	float:left;
	overflow:hidden;	
}

#pickupcate_600 .boxicon{
	width:190px;
	height:20px;
	margin:5px;
}

#pickupcate_600 a.inbox{
	display:block;
	width:190px;
	height:243px;
	text-decoration:none;
	font-size:11px;
	color:#333;
	margin:0 5px 5px 5px;
}

#pickupcate_600 .boximg{
	width:190px;
	height:190px;
}

#pickupcate_600 .boxtext{
	width:168px;
	height:32px;
	border:#EBEBEB 1px dotted;
	border-top:none;
	padding:10px;
	line-height:16px;
}



/*740*/

#pickupcate_740{
	width:740px;
	height:auto;
	overflow:hidden;
}

#pickupcate_740 .outbox{
	width:245px;
	height:340px;
	float:left;
	overflow:hidden;	
}

#pickupcate_740 .boxicon{
	width:235px;
	height:20px;
	margin:5px;
}

#pickupcate_740 a.inbox{
	display:block;
	width:235px;
	height:288px;
	text-decoration:none;
	font-size:11px;
	color:#333;
	margin:0 5px 5px 5px;
}

#pickupcate_740 .boximg{
	width:235px;
	height:235px;
}

#pickupcate_740 .boxtext{
	width:215px;
	height:32px;
	border:#EBEBEB 1px dotted;
	border-top:none;
	padding:10px;
	line-height:16px;
}



/*980*/

#pickupcate_980{
	width:980px;
	height:auto;
	overflow:hidden;
}

#pickupcate_980 .outbox{
	width:245px;
	height:340px;
	float:left;
	overflow:hidden;	
}

#pickupcate_980 .boxicon{
	width:235px;
	height:20px;
	margin:5px;
}

#pickupcate_980 a.inbox{
	display:block;
	width:235px;
	height:288px;
	text-decoration:none;
	font-size:11px;
	color:#333;
	margin:0 5px 5px 5px;
}

#pickupcate_980 .boximg{
	width:235px;
	height:235px;
}

#pickupcate_980 .boxtext{
	width:215px;
	height:32px;
	border:#EBEBEB 1px dotted;
	border-top:none;
	padding:10px;
	line-height:16px;
}