@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background: #f2f2f2;
	font-size: 14px;
}

img {
	border: none;
}
/* =wrap
-------------------------------------------------- */
#wrap {
	width: 931px;
	margin: 0 auto;
	padding-top: 25px;
	position: relative;
	z-index: 10;
}
#wrap div.box01 {
	width: 385px;
	float: left;
	background: #fff;
	height: 540px;
	overflow: auto;
	position: relative;
	z-index: 10;
}
#video_left {
	width: 385px;
	position: absolute;
	z-index: 40;
	height: 540px;
	display: none;
	top: 0;
	right: 0;
}
#video_right {
	width: 385px;
	position: absolute;
	z-index: 40;
	height: 540px;
	left: 0;
	display: none;
}
#wrap div.box02 {
	width: 156px;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
}
#wrap div.box02 p {
	margin-top: 2px;
}
#wrap div.box02 div.bg {
	height: 471px;
	background: #ffcc00;
	position: relative;
}
#wrap div.box02 div.bg #volume {
	height: 17px;
	position: absolute;
	left: 70px; top: 12px;
	width: 17px;
}
#wrap div.box02 ul {
	text-align: center;
	list-style: none;
	padding-top: 79px;
}
#wrap div.box02 ul li {
	margin-bottom: 38px;
}

#wrap div.box02 ul li a {
	color: #07006b;
	text-decoration: none;
	font-size: 16px;
	display: block;
	/*height: 0 !important;*/
	/*padding: 16px 0 0 0;*/
	height /**/: 16px;
	border: none;
}
#wrap div.box02 ul li,
#wrap div.box02 ul li a {
	overflow: hidden;
}

#wrap div.box02 ul li.link1 a {
	background: url(link1.png) 50% 0 no-repeat;
}
#wrap div.box02 ul li.link2 a {
	background: url(link2.png) 50% 0 no-repeat;
}
#wrap div.box02 ul li.link3 a {
	background: url(link3.png) 50% 0 no-repeat;
}
#wrap div.box02 ul li.link4 a {
	background: url(link4.png) 50% 0 no-repeat;
}
#wrap div.box02 ul li.link5 a {
	background: url(link5.png) 50% 0 no-repeat;
}
#wrap div.box02 ul li.link6 a {
	background: url(link6.png) 50% 0 no-repeat;
}
#wrap div.box02 ul li.active {
	background: url(bullet01.png) 10% 50% no-repeat;
}

#wrap div.box03 {
	background: #fff;
	float: left;
	width: 325px;
	/*padding-left: 2px;*/
	height: 433px;
	overflow: auto;
	padding: 77px 30px 30px 30px;

}
#wrap div.box03 p {
	margin-bottom: 24px;
}
#wrap div.box03 p span {
	font-size: 20px;
}
/* =clear
-------------------------------------------------- */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.clear {
	display: inline-block;
}
html[xmlns] .clear {
	display: block;
}
* html .clear {
	height: 1px;
}