@charset "UTF-8";
/* CSS Document */
#area_01 .main{
	width:720px;
	height:372px;
	margin:auto;
	margin-bottom:40px;
	overflow:hidden;
	background:url(images/ill_main.jpg) no-repeat;
	position:relative;
}
#area_01 .main h2{
	margin:auto;
	position:absolute;
	width:290px;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
#area_01 .main p{
	width:82px;
	height:82px;
	margin:auto;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}
#area_01 h3{
	float:left;
	margin:6px 0 0 0;
}
.contenthover{
	cursor:pointer;
}
.item_area_large,.item_area_midium,.item_area_small{
	float:left;
	overflow:hidden;
	margin:0 0 20px 0;
}
.item_area_large{
	width:720px;
}
.item_area_midium{
	width:357px;
}
.item_area_small{
	width:236px;
	margin:0 6px 20px 0;
}
.s_last{
	margin-right:0;
}
.right{
	float:right;
}
.contenthover h4{
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.ttl_01{
	width:320px;
	height:29px;
}
.ttl_02{
	width:342px;
	height:60px;
}
.ttl_03{
	width:197px;
	height:89px;
}
.ttl_04{
	width:287px;
	height:63px;
}
.ttl_05{
	width:216px;
	height:89px;
}
.ttl_08{
	width:331px;
	height:37px;
}
.ttl_09{
	width:249px;
	height:89px;
}
.ttl_10{
	width:203px;
	height:89px;
}
.contenthover p{
	position:absolute;
	width:88px;
	height:42px;
	margin:auto;
	bottom:0;
	left:0;
	right:0;
}
#area_02 ul,#area_03 ul{
	width:100%;
	height:auto;
	margin:auto;
}
#area_02,#area_03{
	width:720px;
	height:auto;
	margin:auto;
}
#area_02 ul,#area_03 ul{
	width:100%;
	height:auto;
	margin:auto;
}
#area_02 ul li,#area_03 ul li{
	width:228px;
	margin: 0 15px 15px 0;
}
#area_02 ul li:nth-child(3n),
#area_03 ul li:nth-child(3n){
	margin: 0;
}
#area_02 h2,#area_03 h2{
	margin:30px 0 20px 0;
}
#area_02,
#area_03{
	margin: 0 auto 70px 0;
}

.item_area{
	width:558px;
	height:auto;
	margin:auto;
}
.modalbox h3{
	font-size:20px;
	font-weight:bold;
}