@charset "UTF-8";
@import url("base.css");
@import url("extensions.css");

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 01.wrapper style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#wrapper {
	width: 860px!important;
	width/**/: 920px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 30px 20px 30px;
	background-color: #040404;
	background: url(../../images/top/background/background.gif) repeat-y left top;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 02.header style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#header {
	width: 860px;
	height: 125px!important;
	height/**/: 195px;
	text-align: left;
	padding: 70px 0px 0px 0px;
	background: url(../../images/top/background/bg_head.gif) no-repeat left top;
	position: relative;
}
div#header h1 {
	float: left;
	width: 290px;
	height: 62px;
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	left: 83px;
	top: 47px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 03.navigation style                                                    */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#navigator {
	width: 860px;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 129px;
}
div#navigator ul {
	clear: both;
	width: 860px;
}
div#navigator ul li {
	float: left;
	height: 50px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 04.container style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#title {
	clear: both;
	overflow: hidden;
	width: 860px;
	height: 50px;
	background: url(../../images/top/background/bg_title.gif) no-repeat;
}
div#container {
	clear: both;
	overflow: hidden;
	width: 820px!important;
	width/**/: 860px;
	text-align: left;
	padding: 0px 20px 0px 20px;
	background: url(../../images/top/background/bg_body.gif) no-repeat;
}
div#conbox {
	clear: both;
	overflow: hidden;
	background: url(../../images/top/background/bg_body_repeat.gif) repeat-y left 250px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 05.sidebar style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#sidebar {
	float: right;
	display: block;
	overflow: hidden;
	width: 210px;
	padding: 0px 0px 0px 0px;
}
div.sidetitle {
	padding: 0px 0px 10px 0px;
}
ul.news {
	clear: both;
	overflow: hidden;
	width: 210px;
	padding: 0px 0px 20px 0px;
}
ul.news li {
	float: left;
	display: block;
	width: 210px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.8em;
	padding: 0px 0px 0px 0px;
}
ul.news li span {
	display: block;
	line-height: 1.6em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #CCCCCC;
}
ul.news li a {
	display: block;
	text-align: left;
	text-indent: 8px;
	line-height: 1.6em;
	padding: 0px 0px 8px 0px;
	background: url(../../images/commons/icon/ic_menu.gif) no-repeat left 5px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 06.contents style                                                      */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#contents {
	float: left;
	display: block;
	overflow: hidden;
	width: 580px;
	padding: 12px 0px 0px 0px;
}
div.thumnail {
	float: right;
	width: 173px!important;
	width/**/: 198px;
	height: 230px;
	padding: 0px 15px 0px 10px;
}
p.caption {
	font-size: 14px;
	line-height: 2.6em;
	padding: 0px 0px 20px 10px;
}
p.navi {
	float: right;
	font-size: 12px;
	line-height: 2.6em;
	color: #999999;
	padding: 0px 0px 0px 10px;
}

div.top_horizon {
	clear: both;
	width: 100%;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	text-indent: -5000px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* pickup style                                                      */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.Phead {
	clear: both;
	width: 560px;
	height: 36px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-indent: -5000px;
	background: url(../../images/top/contents/pickup.gif) no-repeat;
}
div.Pfoot {
	width: 560px;
	height: 15px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-indent: -5000px;
	background: url(../../images/top/contents/pickup_foot.gif) no-repeat;
}

div.pickbox {
	clear: both;
	width/**/: 558px;
	_width: 560px;
	text-align: center;
	border: 1px solid #363636;
	padding: 10px 0px 10px 0px;
}
div.pickbox img {
	width: 540px;
	margin: 0px auto 0px auto;
}


div#con_foot {
	clear: both;
	overflow: hidden;
	width: 860px;
	height: 16px!important;
	height/**/: 46px;
	text-align: left;
	text-indent: -5000px;
	background: url(../../images/top/background/bg_foot_repeat.gif) no-repeat;
	margin: 0px 0px 0px 0px;
}