@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
body { line-height: 1 }
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block }
nav ul { list-style:none }
ul, ol { list-style: none }
:focus { outline: 0 }
html { margin-left:-1px; overflow-y:scroll }

/*
-----------------------------------
Link
-----------------------------------
*/
a:link, a:visited {
	color:#CCC;
	text-decoration:none
}
a:hover, a:focus {
	color:#FFF;
	text-decoration:none
}

/*
-----------------------------------
Layout
-----------------------------------
*/
body {
	background:#323737 url(/site/images/bg_body.gif) repeat-x top center;
	position:relative;
	line-height:1;
	color:#CCC;
	font-size:64.5%;
	font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif
}
p, ul{font-size:13px;}

/*
-----------------------------------
Header
-----------------------------------
*/
#header {
	width:50%;
	height:96px;
	right:0;
	background: url(/site/images/bg_wrap.gif) repeat-x left top;
	position:absolute
}
#inner {
	margin:0 auto;
	width:960px;
	overflow:hidden;
	position:relative
}
h1 a {
	position:absolute;
	width:315px;
	height:80px;
	z-index:100;
	top:5px;
	text-indent:-9999px
}

/*
-----------------------------------
Navi
-----------------------------------
*/
#nav {
	margin-top:-2px;
	overflow: hidden;
	font-weight: bold;background: #323737;
}
#nav ul {

	width: 960px;
	margin: 0 auto;
}
#nav ul li {
	float: left;
}
#nav ul li.current  {
	background: #567776;
}
#nav ul li a {
	padding: 10px 15px;
	display: block;
	color: #FFF;
}
#nav ul li a:hover {
	background: #252929;
}

/*
-----------------------------------
Wrapper
-----------------------------------
*/
#wrapper {
padding-top:40px;
	padding-bottom:10px;
	border-bottom:1px solid #353535;
	text-align:left;
	width:100%;
background:#000;
}
#contents {
	margin:0 auto 30px;
	width:960px;
	clear:both;
	overflow:hidden
}
#contents h2 {
	margin-bottom:30px;
	padding:0;
	color:#FFF;
	font-weight:bold;
	font-size:3em;
	line-height:1;
	letter-spacing:0.03em
}
.left {
	padding:0.25em 1.5em 0 0;
	float:left
}
ul.col {
	width:960px;
	float:left;
	list-style:none
}
ul.col li {
	margin:0 40px 30px 0;
	float:left;
	width:210px
}

ul.col li.none {
	margin-right:0;
}
ul.col li a img {
	margin-bottom:5px;
	padding:4px;
	border:1px solid #333;
	background-color:#1A1A1A
}
ul.col li a:hover img {
	padding:4px;
	border:1px solid #999
}
ul.col li p {
	margin:0 0 8px;
	line-height:1.5;
}
#contents_sub1 {
	margin-top:0;
	width:140px;
	float:left
}
#contents_sub2 {
	margin-bottom:30px;
	float:right;
	width:820px;
	line-height:1.6;
}
#contents_sub2 p{ margin-bottom:1em;}
ul#nav_sub li a {
	padding:0.5em 10px 0.5em 15px;
	display:block;
	color:#666;
	background:url(/site/images/arrw-grey.gif) no-repeat 5px center;
	text-decoration:none
}
ul#nav_sub li.here a {
	color:#FFF;
	background:url(/site/images/arrw-white.gif) no-repeat 5px center;
	text-decoration:none;
	font-weight:bold
}
ul#nav_sub li a:hover {
	color:#FFF;
	background:url(/site/images/arrw-white.gif) no-repeat 5px center
}

/*
-----------------------------------
Footer
-----------------------------------
*/
#footer_wrapper {
	margin-bottom:-16px;
	border-top:1px solid #000;
	clear:both;
	width:100%;
	background:#323737;

}
#footer {
	margin:0 auto;
	padding:10px 0 46px;
	position:relative;
	width:960px;
	line-height:1.4;
	font-size:12px
}
#footer p {
	margin:0;
	padding:2em 0 0;
	text-align:left
}
#footer p.to_top {
	margin-top:-66px;
	text-align:right;
}
#footer p a {
	color:#666
}
#footer p a:hover {
	color:#FFF;
	text-decoration:none
}
#footer p.to_top a {
	padding-right:8px;
	bottom:0;
	text-decoration:none
}
#footer p.to_top a:hover {
	background-position:right 0
}