/* CSS Document */

/* body and container and ffscrollbarfix*/

body{
	font-size: 12px;
	font-family:Verdana, Helvetica, sans-serif;
	color: #ccc;
	background: #333333;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	text-align:center;
}

#container{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right:auto;
	margin-left:auto;	padding: 0px;
	width: 820px;
	background:url(../images/bk.gif) repeat-y;
	text-align: left;
	position:relative;
}

h1, h2, h3, h4{
	margin:0px;	padding:0px;
}

#header {
	margin: 0px 0px 0px 32px;	padding: 0px;
	width: 778px;
	height: 90px;
	background:#666666;
	text-align: left;
}

#header h1 {
	margin: 0px;	padding: 0px;
	width: 210px;
	height: 61px;
	background:url(../images/logo.gif) no-repeat;
	position:absolute;
	left:52px;
	top:15px;
}

#header h1 a{
	width: 210px;
	height: 61px;
	display:block;
}

#header h1 a span{
	display:none;
}

#header ul {
	margin: 0px 0px 0px 0px;	padding: 0px;
	list-style-type:none;
	position:absolute;
	right:20px;
	top:15px;
	font-size: 11px;
}

#header ul li{
	margin: 0px 0px 0px 0px;	padding: 0px 7px 2px 7px;
	border-left:1px solid #999999;
	list-style-type:none;
	float:left;
	display:block;
}

#header ul li:first-child{
	border-left:0px solid #999999;
}

#header ul li a{
	color:#999999;
	text-decoration:none;
}

#header ul li a:hover{
	color:#cccccc;
	text-decoration:none;
}

#main {
	margin: 0px 0px 0px 32px;	padding: 0px;
	width: 778px;
	min-height:530px;
	text-align: left;
}

#main div#full {
	margin: 20px 10px 20px 20px;	padding: 0px;
	width: 728px;
	height:340px;
	text-align: left;
	font-size:11px;
}

#main div#full h2{
	margin: 0px;	padding: 0px;
	font-size:14px;
	font-weight:normal;
}

#main div#full p{
	margin: 10px 0px 0px 0px;	padding: 0px;
}

#main div#full p a{
	color:#ccc;
	text-decoration:underline;
}

#main div#full p a:hover{
	color:#ccc;
	text-decoration:none;
}










#main div#copy {
	margin: 20px 10px 20px 20px;	padding: 0px;
	width: 210px;
	height:340px;
	text-align: left;
	font-size:11px;
}

#main div#copy h2{
	margin: 0px;	padding: 0px;
	font-size:14px;
	font-weight:normal;
}

#main div#copy p{
	margin: 10px 0px 0px 0px;	padding: 0px;
}

#main div#copy p a{
	color:#ccc;
	text-decoration:underline;
}

#main div#copy p a:hover{
	color:#ccc;
	text-decoration:none;
}

#main div#gallery {
	margin: 0px 0px 0px 0px;	padding: 0px;
	width: 518px;
	height:340px;
	background:#666666;
	position:absolute;
	right:30px;
	top:110px;
}

#main div#gallery span.top {
	margin: 0px;	padding: 0px;
	width:12px;
	height:12px;
	background: url(../images/gall_corner_top.png) no-repeat;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}

#main div#gallery span.bottom {
	margin: 0px;	padding: 0px;
	width:12px;
	height:12px;
	background: url(../images/gall_corner_bottom.png) no-repeat;
	display:block;
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:100;
}

main div#gallery div{
	margin: 0px;	padding: 0px;
	width: 159px;
	height:14px;
	position:absolute;
	right:0px;
	top:0px;
	text-align:center;
	background:url(../images/gall_navi_bk.png) no-repeat;
}

main div#gallery div span{
	margin: 0px 5px 0px 5px;	padding: 0px;
	width: 59px;
	height:14px;
	display:block;
	float:left;
	font-size:10px;
	color:#666;
}

main div#gallery div span a {
	color:#666;
	text-decoration:none;
}

main div#gallery div span a:hover {
	color:#ccc;
	text-decoration:none;
}

main div#gallery div span:first-child{
	margin:0px;
	width:35px;
	height:14px;
}

main div#gallery div span:last-child{
	margin:0px 20px 0px 0px;
	width:35px;
	height:14px;
}

#main div#info {
	margin: 0px 0px 0px 20px;	padding: 0px;
	width: 738px;
	height:182px;
	background:#333 url(../images/info_bk.gif) no-repeat;
	position:relative;
}

#main div#info img {
	margin: 30px 20px 0px 20px;	padding: 0px;
	width: 179px;
	height:127px;
}

#main div#info ul {
	margin: 0px 0px 0px 0px;	padding: 0px;
	list-style-type:none;
	position:absolute;
	right:10px;
	top:0px;
}

#main div#info ul li{
	margin: 0px 10px 0px 0px;	padding: 0px 0px 0px 0px;
	width:100px;
	height:22px;
	display:block;
	float:left;
	background: url(../images/sub_button_off.gif) no-repeat;
	text-align:center;
	font-size:11px;
}

#main div#info ul li:hover {
	color:#ccc;
	text-decoration:none;
	background: url(../images/sub_button_on.gif) no-repeat;
}

#main div#info ul li a.on{
	background: url(../images/sub_button_on.gif) no-repeat;
}


#main div#info ul li a{
	padding: 5px 0px 0px 0px;
	display:block;
	height:17px;
	width:100px;
	border:0px solid #ff0000;
	color:#ccc;
	text-decoration:none;
	cursor:pointer;
}

#main div#info ul li a:hover {
	color:#ccc;
	text-decoration:none;
	background: url(../images/sub_button_on.gif) no-repeat;
}

#main div#info div {
	margin: 0px 0px 0px 0px;	padding: 0px;
	position:absolute;
	left:220px;
	top:20px;
}

#main div#info div p{
	margin: 10px 20px 0px 0px;	padding: 0px;
	color:#999;
	font-size:11px;
}

#main div#info div p a{
	color:#ccc;
	text-decoration:underline;
}

#main div#info div a:hover{
	color:#ccc;
	text-decoration:none;
}


#navi {
	margin: 0px 0px 0px 0px;	padding: 0px;
	width: 32px;
	height:200px;
	position:absolute;
	top:105px;
	left:0px;
}

#navi ul {
	margin: 0px 0px 0px 0px;	padding: 0px;
	list-style-type:none;
}

#navi ul li{
	margin: 0px 0px 0px 0px;	padding: 5px 0px 5px 10px;
	height:100px;
	width:22px;
	list-style-type:none;
	display:block;
}

#navi ul li.co {background: url(../images/navi_co_off.gif) no-repeat;}
#navi ul li.co a:hover {background: url(../images/navi_co_on.gif) no-repeat -10px -5px;}
#navi ul li#co {background: url(../images/navi_co_on.gif) no-repeat;}

#navi ul li.we {background: url(../images/navi_we_off.gif) no-repeat;}
#navi ul li.we a:hover {background: url(../images/navi_we_on.gif) no-repeat -10px -5px;}
#navi ul li#we {background: url(../images/navi_we_on.gif) no-repeat;}

#navi ul li.po {background: url(../images/navi_po_off.gif) no-repeat;}
#navi ul li.po a:hover {background: url(../images/navi_po_on.gif) no-repeat -10px -5px;}
#navi ul li#po {background: url(../images/navi_po_on.gif) no-repeat;}

#navi ul li.la {background: url(../images/navi_la_off.gif) no-repeat;}
#navi ul li.la a:hover {background: url(../images/navi_la_on.gif) no-repeat -10px -5px;}
#navi ul li#la {background: url(../images/navi_la_on.gif) no-repeat;}

#navi ul li a{
	color:#999999;
	text-decoration:none;
	display:block;
	height:100px;
	width:22px;
	border:0px solid #ff0000;
}

#navi ul li a span{
	display:none;
}

#main_bottom {
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;	padding: 0px;
	width: 820px;
	height:30px;
	background: url(../images/bottom_bk.gif) no-repeat;
}


#footer {
	margin-top:0px;
	margin-bottom:40px;
	margin-right:auto;
	margin-left:auto;	padding: 0px;
	width: 820px;
	text-align: left;
	font-size: 10px;
	color:#666;
}

#footer p:first-child {
	margin:0px 0px 0px 42px;	padding:0px;
	text-align: left;
	float:left;
}

#footer p {
	margin:0px 20px 0px 0px;	padding:0px;
	text-align: left;
	float:right;
}

#footer p a {
	color:#666;
	text-decoration:none;
}

#footer p a:hover {
	color:#999;
	text-decoration:none;
}

#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: 1px;
	width: 1em;
	z-index: -1;
}