@charset "utf-8";
/* CSS Document */

.content_index {
	width: 950px;
	float: left;
	clear: both;
	margin-bottom: 25px;
}
.box01 {
	float: left;
	height: 169px;
	width: 300px;
	background-color: #f4f4f4;
}
.box02 {
	float: left;
	height: 169px;
	width: 300px;
	margin-right: 25px;
	margin-left: 25px;
	background-color: #f4f4f4;
}
.box03 {
	float: right;
	height: 169px;
	width: 300px;
	background-color: #f4f4f4;
}
.box03 h1 {
	font-size: 50px;
	text-align: right;
	padding-right: 15px;
	margin-top: -5px;
	color: #fff;
}
.box04 {
	width: 300px;
	height: 85px;
	float: left;
}
.box05 {
	width: 300px;
	height: 84px;
	float:left;
}
.box06 {
	width: 625px;
	height: 169px;
	float: right;
	background-image: url(../assets/bg_magazine00.jpg);
	background-repeat: no-repeat;
	font-family:"Trebuchet MS";
	font-size: 21px;
	color: #fff;
}
.box08 {
	width: 950px;
	height: 110px;
	float: right;
	background-image: url(../assets/bg_magazine02.jpg);
	background-repeat: no-repeat;
	font-family:"Trebuchet MS";
	font-size: 21px;
	color: #fff;
}
.box08 h1 {
	font-size: 50px;
	padding-left: 15px;
	margin: 0;
	color: #fff;
}
.box08 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
.box08 ul li {
	float: left;
	padding: 0 10px;
	color: #fff;
}
.box08 ul li a:link, .box08 ul li a:visited, .box08 ul li a:hover, .box08 ul li a:active {
	float: left;
	padding: 0 10px;
	color: #fff;
}
.box08 ul li a:hover {
	color: #f6c;
}
.box06 h1 {
	font-size: 50px;
	text-align: right;
	padding-right: 15px;
	margin-top: -5px;
	color: #fff;
}
.box07 {
	width: 198px;
	padding: 0 0 10px 0;
	float: right;
	margin: -10px 10px 0 0;
	font-size: 21px;
}
.box07 a:link, .box07 a:active, .box07 a:visited, .box07 a:hover {
	color: #fff;
}
.box07 a:hover {
	color: #c00;
}