@charset "utf-8";

/* ---------------------------------------------------------
    index
   ---------------------------------------------------------*/

/*-- indexBox --*/

.indexBox{
	padding:0 0 0 4%;
	/* padding:0 16% 0 20%; */
	clear:both;
}

.indexBox li{
	width:31%;
	/* width:47%; */
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.indexBox a {
	color:#000;
	display:block;
	border:solid 4px #fff;
}

.indexBox a:hover{
	border:solid 4px #e6001b;
	background-color:#000;
	color:#FFF;
}

.indexBox dl{
	border:1px solid #CCC;
}

.indexBox a:hover dl{
	border:1px solid #e6001b;
}

/* h3 */
.indexBox h3{
	background:url(../images/h3-mk.png) 0px 5px no-repeat;
	padding: 8px 8px 8px 25px;
	margin:0;
	font-size:16px;
	line-height:120%;
}

.indexBox dd img{
	width:100%;
	height:auto;
}

.indexBox dd.caption{
	padding: 8px;
	line-height:140%;
	font-size:86%;
}



@media screen and (max-width: 1024px){

	.indexBox{
		padding:0 0 0 4%;
	}

}


@media screen and (max-width: 600px){

	.indexBox{
		padding:0 4% 0 4%;
	}
	
	.indexBox li{
		width:100%;
		clear:both;
	}

}