@charset "utf-8";

/* ----------------------------------------------

	CSS information
	file name  :  style.css
	
 ---------------------------------------------- */

#gn_wrapper{ background:#fff;}
#gn_inner{ width:1072px; margin:0 auto;}

body{
	background-color:#000000;
}
#wrapper {
	width:1072px;
	margin:0 auto 30px;
}
#contents{
	overflow:hidden;
	background:url(../images/bg.gif) 0 0 repeat-y;
	width:100%;
}
#contents .right{
	float:right;
	width:485px;
}
#contents .left{
	float:left;
	width:573px;
}

#link{
	padding:12px 0 14px 0px;
	margin-left: -40px;
	text-align: center;
}
#link li{
	list-style:none;
}

#staff{
	background:url(../images/bg2.gif) 0 0 repeat-x;
	margin:0 55px 0 57px;
}

#staff .line{
	background:url(../images/line.png) center center no-repeat;
	height:29px;
}

#staff .inner{
	background:url(../images/bg3.gif) 0 0 repeat-x;
	margin:0 30px;
	padding:5px 42px 0;
	color:#FFFFFF;
}

#staff .inner table{
	width:100%;
}
#staff .inner th{
	text-align:left;
	height:22px;
	vertical-align:top;
}
#staff .inner td{
	font-size:13px;
	line-height:21px;
	vertical-align:top;
}

#staff .inner td span{
	font-size:0.8em;
	line-height:10px;
}

#copyright{
	text-align:right;
	padding:15px 0 40px;
}



/* movie */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

body#mov{
	background:#000000;
	color:#ffffff;
}
#m_wrapper{
	width:420px;
	margin:20px auto 0;
}
#m_textArea{
	margin-bottom:12px;
	font-size:24px;
}
#m_ul{
	margin:0;
	padding:0;
	margin-top:40px;
	width:432px;
}

#m_ul .new{
	position:absolute;
	z-index:20;
	top:-16px;
	left:-10px;
}

#m_ul li{
	color: #cccccc;
	float: left;
	font-size: 12px;
	position:relative;
	list-style: none outside none;
	margin-bottom: 8px;
	margin-right: 12px;
	width: 96px;
}
#m_ul li a img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#m_ul li a.this img{
	filter:alpha(opacity=20);
	-moz-opacity:0.20;
	opacity:0.20;
}

#m_ul li a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/* borad */
#frame{
	width:100%;
	margin:0 auto;
	border:0;
	overflow:hidden;
}
#area {
	color:#fcfcfc;
	width:958px;
	margin:0 auto;
}
#area h2 {
	text-align:center;
}
#area .inner {
	margin:0 30px;
	padding-top:30px;
}
#area #info {
	margin:0 140px;
	background-color:#ffffff;
	color:#000000;
	padding:14px 40px;
	font-size:12px;
}
#area #info h3 {
	font-weight:bold;
	color:#e21b1d;
	font-size:20px;
}
#area #info p {
	font-size:12px;
}
#area .block {
	background:url(../images/line.png) center 0 no-repeat;
	margin-top:25px;
	padding:25px 140px 0;
}
#area .block h4 {
	font-size:18px;
	font-weight:bold;
	float:left;
}
#area .block .time{
	color:#808080;
	font-size:10px;
	text-align:right;
	position:relative;
	float:right;
}
#area .block .main{
	line-height:1.8;
	margin-right:100px;
}
#area .block .name {
	font-size:10px;
	text-align:right;
}
#area .block .name span {
	font-weight:bold;
	display:block;
	font-size:12px;
}

#area .button{
	text-align:center;
	padding:50px 0 20px;
}
#area .button img{
	margin-right:25px;
}