@charset "utf-8";

#mainimage {
	margin-bottom:30px;
	margin-left:-4px;
	background:url(/img/top/main_bg.png) no-repeat 0 0;
	height:401px;
	width:942px;
	padding:14px;
}
#mainarea {
	position:relative;
	width:940px;
	height:400px;
}


#seen1 p {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

ul#switchimg { 
	overflow:hidden;
}
	
ul#switchimg li { 
	position:absolute;
	top:0px;
	left:0px;
}



/*
----------------------------------------------------------------------
  MESSAGE
----------------------------------------------------------------------
*/
#message {
	float:left;
	width:460px;
}
#message h2 {
	margin-bottom:12px;
}

#message .text_wrap {
	background:url(/img/top/message_bg.png) repeat 0 27px;
	overflow:hidden;
}

#message .text {
	float: left;
	width: 270px;
	line-height: 31px;
	letter-spacing: 0;
	font-size: 92%;
	margin-top:-3px;
	padding:0 0 35px;
}

#message .sign {
	float:right;
}

#message .img {
	float:right;
}

/*
----------------------------------------------------------------------
  MAP
----------------------------------------------------------------------
*/
#map {
	float:right;
	width:auto;
	margin-bottom:30px;
	-moz-box-shadow:0px 0px 15px #d0d5c1;
	-webkit-box-shadow:0px 0px 15px #d0d5c1;
	box-shadow:0px 0px 15px #d0d5c1;
}

/*
----------------------------------------------------------------------
  SECURITY
----------------------------------------------------------------------
*/
#security {
	clear:both;
	border:1px solid #d0d5c1;
	background:url(/img/top/security_bg.png) repeat 0 90px;
	overflow:hidden;
	margin-bottom:30px;
}

#security h2 {
	border-bottom:1px solid #d0d5c1;
	position:relative;
	height:88px;
}

#security h2 a {
	display:block;
	position:absolute;
	right:-2px;
	bottom:25px;
}

#security ol {
	overflow:hidden;
	padding:10px 0 20px;
}
#security ol li {
	float:left;
	width:295px;
	background:url(/img/top/security_shadow.jpg) no-repeat 0 bottom #fff;
	padding-bottom:9px;
	margin-left:18px;
	height:480px;
}
#security ol li h3 {
	margin-bottom:10px;
}
#security ol li p {
	width:255px;
	margin: 0 auto;
	padding:0 0 10px;
}


/*
----------------------------------------------------------------------
  ENVIRON
----------------------------------------------------------------------
*/
#environ {
	background:url(/img/top/environ_bg.jpg) no-repeat 0 0;
	padding:33px 0 30px 33px;
	width:927px;
	position:relative;
	margin-bottom:16px;
}

#environ h2 {margin-bottom:20px;}

#environ p {
	width:595px;
	}
	
#environ p.btn {
	width:149px;
	position:absolute;
	bottom:18px;
	right:0px;
}


/*
----------------------------------------------------------------------
  UPDATING
----------------------------------------------------------------------
*/
div#updating_content {
	overflow:hidden;
	padding-top:14px;
}
div#updating_content>div {
	width:460px;
	border:1px solid #d0d5c1;
	background:#fff;
	padding:4px;
}

div#updating_content>div h2 {
	margin-top:-14px;
	position:relative;
}

	
div#updating_content div ul {
	overflow:hidden;
	height:220px;
}

div#updating_content div li{
	background:url(/img/top/dotted.gif) repeat-x 0 top;
	margin-top:-1px;
	padding-top:1px;
}
	

	div#updating_content #faq {
		float:left;
	}
	
	div#updating_content h2 {
		position:relative;
		width:460px;
		height:61px;
	}
	div#updating_content h2 a {
		display:block;
		position:absolute;
		right:0px;
		bottom:2px;
	}
	
	div#updating_content #faq li a{ 
		background:url(/img/top/faq_icon.gif) no-repeat 10px 10px;
		padding:13px 0 13px 40px;
		display:block;
	}
	
	/* --- */
	
	div#updating_content #blog {
		float:right;
	}

	div#updating_content #blog li {
		padding:13px 0 14px 15px;
		overflow:hidden;
	}
	div#updating_content #blog li p {
		float:left;
	}
	div#updating_content #blog li p.date {
		width:87px;
		color:#998e8c;
		letter-spacing:0px;
	}
	div#updating_content #blog li p.title {
		padding-left:15px;
		background:url(/img/top/blog_icon.gif) no-repeat 0 5px;
	}