@charset "UTF-8";

#contentsTopWrap #contentsTop {
	padding: 0 0 0 20px;
	background: url(/img/bg_top01.png) no-repeat right top;
	height: 260px;
}
	#contentsTopWrap #contentsTop #contentsTopIn .txt01 {
		padding: 64px 0 0;
	}
	#contentsTopWrap #contentsTop #contentsTopIn .txt02 {
		padding: 19px 0 0;
	}
@media only screen and (max-width: 1200px) {
	#contentsTopWrap #contentsTop {
		background-position: center top;
	}

}
@media only screen and (max-width: 657px) {
	#contentsTopWrap #contentsTop {
		padding: 0;
		background: url(/img/bg_top01_sp.png) no-repeat right bottom;
		height: 178px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
		#contentsTopWrap #contentsTop #contentsTopIn p.txt01 {
			padding: 19px 0 0;
			width: 244px;
			height: auto;
		}
		#contentsTopWrap #contentsTop #contentsTopIn p.txt02 {
			padding: 15px 0 0;
			width: 231px;
			height: auto;
		}
			#contentsTopWrap #contentsTop #contentsTopIn p img {
				width: 100%;
				height: auto;
			}
}

#contents #contentsIn #main {
	*zoom: 1;
}
#contents #contentsIn #main:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

#contentsBtm {
	background: url(/common/img/bg_line01.png) repeat center top;
}
	#contentsBtm #boxTopArea {
		margin: 0 auto;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 960px;
		width: 95%;
		text-align: left;
	}
@media only screen and (max-width: 657px) {
	#contentsBtm #boxTopArea {
		max-width: none;
		width: 100%;
	}
}
		#contentsBtm #boxTopArea .h3Top01 {
			font-size: 172%;
			font-weight: bold;
		}
		#contentsBtm #boxTopArea nav {
			text-align: right;
			margin: -30px 0 0;
		}
			#contentsBtm #boxTopArea nav .more {
				font-size: 115%;
				font-weight: bold;
			}
			#contentsBtm #boxTopArea nav .more a {
				padding: 0 22px 0 0;
				background: url(/common/img/ico_arrow_r03.png) no-repeat right center;
				color: #222222;
			}
			#contentsBtm #boxTopArea #boxTopNews dl {
				margin: 10px 0 0;
			}
				#contentsBtm #boxTopArea #boxTopNews dl dt {
					width: 10.0em;
				}
				#contentsBtm #boxTopArea #boxTopNews dl dd {
					padding: 0 0 0 11.0em;
				}
			#contentsBtm #boxTopArea .box_basic01 {
				margin: 40px 0 0;
			}
				#contentsBtm #boxTopArea .box_basic01 .figure {
					margin: 0;
				}
				#contentsBtm #boxTopArea .box_basic01 .figure a:hover {
					-ms-filter: "alpha(Opacity=70)";
					opacity: 0.7;
					background-color: #FFF;
				}
@media only screen and (max-width: 657px) {
	#contentsBtm #boxTopArea {
		padding: 0;
	}
		#contentsBtm #boxTopArea .h3Top01 {
			font-size: 125%;
		}
		#contentsBtm #boxTopArea nav {
			display: none;
		}
			#contentsBtm #boxTopArea #boxTopNews dl {
				margin: 0;
			}
				#contentsBtm #boxTopArea #boxTopNews dl dt {
					width: 100%;
				}
				#contentsBtm #boxTopArea #boxTopNews dl dd {
					padding: 0;
				}
			#contentsBtm #boxTopArea .box_basic01 {
				margin: 0 0;
			}
}

.ie8 #contentsBtm #boxTopArea .box_basic01 .figure a img {
	-ms-filter: "alpha(opacity=100)";
	background-color: #FFF;
}
.ie8 #contentsBtm #boxTopArea .box_basic01 .figure a:hover img {
	-ms-filter: "alpha(opacity=70)";
	background-color: #FFF;
}

.sectionTop01 {
	float: left;
	margin: 0 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 700px;
	width: 75%;
}
@media only screen and (max-width: 657px) {
	.sectionTop01 {
		max-width: none;
		width: 100%;
		margin: 0 0 20px;
	}
}
@media only screen and (max-width: 657px) {
	.sectionTop01 .boxTopMenu ul li {
		margin: 0 0 10px;
	}
}

.sectionTop02 {
	float: right;
	margin: 0 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 210px;
	width: 23%;
}
@media only screen and (max-width: 657px) {
	.sectionTop02 {
		max-width: none;
		width: 100%;
		margin: 0 0 20px;
	}
}
	.sectionTop02 #boxTopBanner ul li {
		width: 100%;
	}
	.sectionTop02 #boxTopBanner ul li.odd,
	.sectionTop02 #boxTopBanner ul li.even {
		float: none;
	}
@media only screen and (max-width: 657px) {
	.sectionTop02 #boxTopBanner ul li {
		width: 300px;
	}
}