#idxbox {
	height: 511px;
	width: 668px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	position: relative;
}
#idxbox h2 {
	height: 29px;
	width: 260px;
	position: absolute;
	left: 10px;
	top: 10px;
}
#idxbox a:hover {
	background-position: 0px -80px;
}

#idx01 {
	background-image: url(img/idx_01c.jpg);
	height: 270px;
	width: 216px;
	position: absolute;
	left: 10px;
	top: 50px;
}
#idx01 a {
	background-image: url(img/idx_ttl_01.png);
	display: block;
	height: 80px;
	width: 216px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 190px;
}

#idx02 {
	background-image: url(img/idx_02c.jpg);
	height: 270px;
	width: 216px;
	position: absolute;
	left: 227px;
	top: 50px;
}
#idx02 a {
	background-image: url(img/idx_ttl_02.png);
	display: block;
	height: 80px;
	width: 216px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 190px;
}

#idx03 {
	background-image: url(img/idx_03b.jpg);
	height: 270px;
	width: 216px;
	position: absolute;
	left: 444px;
	top: 50px;
}
#idx03 a {
	background-image: url(img/idx_ttl_03.png);
	display: block;
	height: 80px;
	width: 216px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 190px;
}

#idx04 {
	background-image: url(img/idx_04a.jpg);
	height: 178px;
	width: 325px;
	position: absolute;
	left: 10px;
	top: 321px;
}
#idx04 a {
	background-image: url(img/idx_ttl_04.png);
	display: block;
	height: 80px;
	width: 325px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 98px;
}

#idx05 {
	background-image: url(img/idx_05b.jpg);
	height: 178px;
	width: 324px;
	position: absolute;
	left: 336px;
	top: 321px;
}
#idx05 a {
	background-image: url(img/idx_ttl_05.png);
	display: block;
	height: 80px;
	width: 324px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 98px;
}

.campaign {
	margin-bottom: 20px;
}
#whatsnew dl {
	font-size: 12px;
	border: 1px solid #CCC;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#whatsnew dt {
	float: left;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCC;
	width: 100px;
	padding-left: 5px;
	margin-bottom: 15px;
}
#whatsnew dd {
	float: left;
	width: 530px;
	margin-bottom: 15px;
}
#backnumber {
	text-align:right;
}





	
/*============================================================================

	↓↓↓　ここから　レスポンシブ設定　↓↓↓

============================================================================*/
@media screen and (max-width:640px) {
/*==========================================================================*/


#idxbox {
	height: 443px;
	width: 100%;
	margin-bottom: 20px;
	box-sizing:border-box;
}
#idxbox a:hover {
	background-position: top left;
}

#idx01 {
	top: 50px;
	left: 10px;
	width: 32%;
	height: 200px;
	background-image: url(img/idx_01c.jpg);
	background-size:cover;
}
#idx01 a {
	width: 100%;
	height: 28%;
	top: auto;
	bottom:0;
	background-image: url(img/idx_ttl_01.png);
	background-size:cover;
}

#idx02 {
	top: 50px;
	left: 34%;
	width: 32%;
	height: 200px;
	background-image: url(img/idx_02c.jpg);
	background-size:cover;
	border-left:1px solid #FFF;
}
#idx02 a {
	width: 100%;
	height: 28%;
	top: auto;
	bottom:0;
	background-image: url(img/idx_ttl_02.png);
	background-size:cover;
}

#idx03 {
	top: 50px;
	left: 66%;
	width: 32%;
	height: 200px;
	background-image: url(img/idx_03b.jpg);
	background-size:cover;
	border-left:1px solid #FFF;
}
#idx03 a {
	width: 100%;
	height: 28%;
	top: auto;
	bottom:0;
	background-image: url(img/idx_ttl_03.png);
	background-size:cover;
}

#idx04 {
	height: 178px;
	width: 48%;
	left: 10px;
	top: 251px;
	background-image: url(img/idx_04a.jpg);
	background-size:cover;
}
#idx04 a {
	width: 100%;
	height: 30%;
	top: auto;
	bottom:0;
	background-image: url(img/idx_ttl_04.png);
	background-size:cover;
}

#idx05 {
	height: 178px;
	width: 48%;
	left: 50%;
	top: 251px;
	background-image: url(img/idx_05b.jpg);
	background-size:cover;
	border-left:1px solid #FFF;
}
#idx05 a {
	width: 100%;
	height: 30%;
	top: auto;
	bottom:0;
	background-image: url(img/idx_ttl_05.png);
	background-size:cover;
}

#whatsnew dl {
	margin-top: 20px;
}



/*==========================================================================*/
}
/*============================================================================

	↑↑↑　ここまで　レスポンシブ設定　↑↑↑

============================================================================*/


/****************** 東内式レスポンシブ修正・追加 ******************/
@media screen and (max-width:640px) {
#idxbox {
	line-height: 1.7em;
}	
	
} /* レスポンシブ閉じ括弧 */