.index-area {
	margin: -50px 0 0 0;
	width: 100%;
	max-width: 928px;
	display: table;
}
.bdb.dot.bottom {
	border-bottom: 1px dotted #333;
}
.box-area {
	width: 100%;
	max-width: 928px;
}
.box {
	display: inline-block;
	float: left;
	margin: 0;
}
.box .box-inner {
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	padding: 7px;
	position: relative;
}
.box .box-inner a {
	display: block;
}
.box .box-inner .ab {
	position: absolute;
	bottom: 0;
	right: 0;
}
.col-4 {
	width: 25%;
	max-width: 232px;
	max-height: 232px;
}
.col-4.height2 {
	max-height: 464px;
	overflow: hidden;
}
.col-2 {
	width: 50%;
	max-width: 464px;
	max-height: 464px;
}

#index-content .box-area {
	width: 100%;
	max-width: 464px;
	overflow: hidden;
}
#index-content .box {
	float: left;
	margin: 0;
}
#index-content .box .box-inner {
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
}
#index-content .box .box-inner a {
	display: block;
}
#index-content .box .box-inner .ab {
	position: absolute;
	bottom: 0;
	right: 0;
}
#index-content .col-4 {
	width: 50%;
	max-width: 232px;
	max-height: 232px;
}
#index-content .col-4.height2 {
	max-height: 464px;
	overflow: hidden;
}
#index-content .col-2 {
	width: 100%;
	max-width: 464px;
	max-height: 464px;
}
#index-content .col-2 .box-inner,
#index-content .col-4.height2 .box-inner {
	padding: 0;
}
#Cont{padding:0px; margin:0px; max-width:920px;}
.index-area+.subNavi{ display:none;}