@charset "UTF-8";
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

 [ File Name   ] top.css	
 [ Version		 ] 2.0 
 [ Last UpDate ] 2010 May

*/
/*
--------------------------------------------------------------
[ Import Css Library ]
--------------------------------------------------------------
*/
@import './lib/clear.css';
@import './lib/font.css';
@import './lib/common.css';


/*
--------------------------------------------------------------
[ Custom Style ]
--------------------------------------------------------------
*/

body {background:url(../../img/body-bg.jpg) repeat-x 0 0;}

/* 

	#container
--------------------------------------------------------------
*/

#container
	{
	background:transparent url('../../img/container-bg.png') repeat-x 0 0;
	}

/* 

	#header 
--------------------------------------------------------------
*/

#header
	{
	width:100%;
	padding-top:100px;
	background:transparent;
	}
	
#header-inner 
	{
	width:900px;
	height:175px;
	margin:0 auto;
	padding:0 10px;
	background:url('../../img/header-bg.png') no-repeat 0 0;
	position:relative;
	}

#header-inner h1
	{
	display:none;
	}

#header-inner img
	{
	position:absolute;
	top:30px;
	left:25px;
	}
	
/* 

	#wrap 
--------------------------------------------------------------
*/

#wrap
	{
	width:100%;
	padding:0px;	
	}
	
#wrap-inner 
	{
	width:860px;
	margin:0 auto;
	padding:20px 30px 0;
	background:transparent url(../../img/contents-bg.png) repeat-y top center;
	}

div.clearfix
	{
	clear:both;
	}

#w-i-left
	{
	width:421px;
	margin-right:20px;
	float:left;
	}

/*----What's new----*/

#w-i-left .w-i-new {margin-top:15px;}

#w-i-left .w-i-new h2
	{
	width:421px;
	height:37px;
	background:url(../../img/index/h2-news.jpg) no-repeat 0 0;
	color:#fff;
	line-height:37px;
	text-indent:50px;
	}

#news
	{
	display:block;
	width:419px;
	height:125px;
	border:1px solid #b60000;
	overflow:auto;
	}

#news ul li
	{
	margin:15px;
	paddin-left:15px;
	background:url(../../img/index/news.gif) no-repeat 0 0;
	text-indent:15px;
	border-bottom:1px dotted #d7d7d7;
	}

#news ul li .new
	{
	color:#b60000;
	font-weight:bold;
	}

#w-i-right
	{
	width:419px;
	float:left;
	}

/*----Search----*/

#w-i-right .search
	{
	margin-bottom:15px;
	}

#w-i-right img.s-img
	{
	margin-right:15px;
	float:left;
	}

#w-i-right .search img.t-img
	{
	margin-bottom:8px;
	}

.youtube
	{
	width:210px;
	height:164px;
	float:left;
	}

/* 

	#contents-main
--------------------------------------------------------------
*/

#contents-main
	{
	width:630px;
	margin-top:20px;
	float:left;
	}


/* 

 #contents-sub
--------------------------------------------------------------
*/

#contents-sub
	{
	display:inline;
	margin:20px 0 0 15px;
	float:right;
	}

#contents-sub ul li
	{
	margin-bottom:5px;
	}

#contents-sub .schedule
	{
	width:167px;
	margin:10px auto;
	}


/* 

#footer 
--------------------------------------------------------------
*/

#footer
	{
	width:100%;
	padding:60px 0 20px;
	background:url(../../img/footer-bg.png) no-repeat top center;
	clear:both;
	}

#footer-inner
	{
	width:920px;
	margin:0 auto;
	backgroud:transparent;
	text-align:center;
	}

#footer-inner ul li
	{
	display:inline;
	padding:0 5px;
	border-left:1px solid #333;
	}

#footer-inner address
	{
	width:100%;
	margin-top:10px;
	color:#333;
	text-align:center;
	clear:both;
	} 

#footer-inner #dcslink
	{
	clear:both;
	position:absolute;
	right:15px;
	bottom:5px;
	}