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

/* ===containerのレイアウト==================*/

#container {
	background:url(../images/common/bg_pattern.jpg);
}

/* ===headerのレイアウト==================*/

#header {
	width:800px;
	height:1300px;
}

#head-top {
	width:800px;
	height:265px;
	background:url(../images/interview/interview_01_04.png);
}

#head-top #head-top-left {
	float:left;
	width:650px;
	height:40px;
}

#head-top h1 {
	width:650px;
	height:40px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#head-top #head-top-right {
	float:right;
	padding:16px 12px 0 0px;
}

#interview {
	clear:both;
	margin:auto;
	width:800px;
}

#interview #play-movie {
	margin:auto;
	width:800px;
	height:550px;
	position:absolute;
	background:url(../images/interview/interview_02_04.png) 0px center no-repeat;
}

#play-movie ul li a.jun {
	display:block;
	width:240px;
	height:154px;
	position:absolute;
	top:350px;
	left:280px;
	background-image:url(../images/interview/play.png);
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#play-movie ul li a:hover {
	background-position:0px -154px;
}

#interview #upcomming {
	width:800px;
	margin:auto;
	position:relative;
	top:550px;
}

#upcomming p#line-01 {
	width:800px;
	border-bottom:#c2fafe 1px solid;
	opacity:0.5;
	margin-bottom:16px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#upcomming h2 {
	width:740px;
	background:url(../images/interview/upcomming.png) 600px center no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#upcomming p#nextweek {
	width:740px;
	padding-top:8px;
	text-align:right;
	color:#cac8ba;
	font-size:14px;
}

#interview #archives {
	width:800px;
	margin:auto;
	position:relative;
	top:570px;
}

#archives p#line-02 {
	width:800px;
	border-bottom:#c2fafe 1px solid;
	opacity:0.5;
	margin-bottom:16px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#archives #archive-box {
	width:740px;
	margin:auto;
}

#archive-box h3 {
	background:url(../images/interview/archives.png) 0px center no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#archive-box #archive-01 {
	clear:both;
	float:left;
	width:350px;
	margin-bottom:20px;
}

#archive-01 h4 {
	margin:12px 0 8px;
	font-size:12px;
	color:#cac8ba;
}

#archive-01 h4 span {
	margin-left:8px;
}

#archive-01 h4 span a {
	font-size:14px;
	color:#c2fafe;
	text-decoration:underline;
}

#archive-01 a:hover {
	opacity:0.75;
}

#archive-box #archive-02 {
	float:right;
	width:350px;
	margin-bottom:20px;
}

#archive-02 h4 {
	margin:12px 0 8px;
	font-size:12px;
	color:#cac8ba;
}

#archive-02 h4 span {
	margin-left:8px;
}

#archive-02 h4 span a {
	font-size:14px;
	color:#c2fafe;
	text-decoration:underline;
}

#archive-02 a:hover {
	opacity:0.75;
}