@charset "utf-8";

#Contents {
	padding-bottom: 20px;
}
#Contents .Flex {
	width: 903px;
	margin: 13px auto 0;
	text-align: left;
}
#C01, #C03, #C04, #C06 {
	width: 213px;
	background: url(../images/top/column_bg_single.gif) no-repeat left bottom;
	background-size: 100% auto;
}
#C02, #C05 {
	width: 443px;
	margin-left: 17px;
	margin-right: 17px;
	background: url(../images/top/column_bg_double.gif) no-repeat left bottom;
	background-size: 100% auto;
}
#Contents dl {
	margin-top: 13px
}
#Contents dd {
	padding: 10px 15px 25px 20px;
	font-size: 12px;
	line-height: 1.58;
}
#C05 th, #C05 td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 3px;
}
#C05 th {
	white-space: nowrap;
	padding-right: 25px;
}


/* タブレット 以下 */
@media screen and (max-width: 767px) {
	#Contents .Flex {
		width: 630px;
		margin: 13px auto 0;
		text-align: left;
	}
	#C01, #C03, #C04, #C06 {
		width: 304px;
		background: url(../images/top/column_bg_single.gif) no-repeat left bottom;
		background-size: 100% auto;
	}
	#C02, #C05 {
		width: 630px;
		margin-left: 0px;
		margin-right: 0px;
		background: url(../images/top/column_bg_double.gif) no-repeat left bottom;
		background-size: 100% auto;
	}
	#C01 { -webkit-order: 3; order: 3; }
	#C02 { -webkit-order: 1; order: 1; }
	#C03 { -webkit-order: 4; order: 4; }
	#C04 { -webkit-order: 5; order: 5; }
	#C05 { -webkit-order: 2; order: 2; }
	#C06 { -webkit-order: 6; order: 6; }
	#C01, #C04 { margin-right: 22px; }
	#Contents dl {
		margin-top: 13px
	}
	#Contents dl dt img {
		width: 100%; height: auto;
	}
	#Contents dd {
		padding: 10px 15px 25px 20px;
		font-size: 24px;
	}
}



/* ////////////////////////////////////
[Slide]
//////////////////////////////////// */
#Slide {
	position: relative;
	width: 960px;
	height: 328px;
	background: url(../common/images/visual_shadow.png) no-repeat 0 300px;
}
#Slide .Opening {
	position: absolute;
	width: 158px;
	height: 92px;
	top: 0; left: 0;
	z-index: 100;
}
#banner {
}
#banner ul {
	list-style: none;
	position: relative;
	margin-left: 0px;
	overflow: hidden;
	width:960px;
	height: 300px;
}
#banner ul li {
	float: left;
	width: 960px;
	position: absolute;
}
div#pagenation {
   position: relative;
   overflow: hidden;
   top: 14px;
}

div#pagenation ul {
	position:relative;
	left:50%;
	float:left;
	list-style: none;
}
div#pagenation li {
   position:relative;
   left:-50%;
   float:left;
   margin: 0 6px;
   
}
div#pagenation li a {
	width:14px;
	height:14px;
	overflow:hidden;
	display:block;
	background-image:url(../images/top/pagenation_icon.png);
	background-position:0 0;
}
div#pagenation li.active a,
div#pagenation li a:hover {
	background-position:0 14px;
}
div#pagenation li a img {
	visibility:hidden;
	display: none;
}

/* タブレット 以下 */
@media screen and (max-width: 767px) {
	#Slide {
		position: relative;
		width: 670px;
		height: 212px;
		background: url(../common/images/visual_shadow.png) no-repeat 0 300px;
	}
	#Slide img {
		width: 670px;
		height: auto;
	}
	div#pagenation {
		display: none;
	}
	#banner {
	}
	#banner ul {
		list-style: none;
		position: relative;
		margin-left: 0px;
		overflow: hidden;
		width: 670px;
		height: 209px;
	}
	#banner ul li {
		float: left;
		width: 670px;
		position: absolute;
	}
}