@charset "utf-8";

/*About float, position, width, height, padding, margin...*/

/*--------------------Guide--------------------
---------------------------------------------*/
#guide { height: 27px;}
#guide_wrapper {
	margin: 0 auto;
	position: relative;
	width: 980px;
}
#guide_wrapper ul { 
	position: absolute;
	right: 10px;
	top: 7px;
}
#guide_wrapper ul li{ 
	float: left;
	padding-left: 15px;
}
#guide_wrapper ul li a { padding-left: 20px;}

/*--------------------Wrapper--------------------
-----------------------------------------------*/
#wrapper { 
	margin: 0 auto;
	padding-top: 15px;
	width: 980px;
}
/*-----Header-----*/
#header { 
	height: 77px;
	margin-bottom: 80px;
}

/*-----Social Button-----*/
#social_btn {
	height: 218px;
	position: fixed;
	right: 15px;
	top: 30px;
	width: 38px;
	z-index:99;
}
#social_btn ul li { }
#social_btn ul li a {
	display: block;
	height: 38px;
	padding-bottom: 7px;
	width: 38px;
}
/*-----Scalable Font-----*/
#scalable_font {
	height: 13px;
	position: relative;
}
#scalable_font form{
	position: absolute;
	right: 0;
	top:-7px;
}
#scalable_font form input#search{
	width:100px;
}
#scalable_font ul { 
	position: absolute;
	right: 220px;
	top:0;
}
#scalable_font ul li {
	display: block;
	float: left;
}
#scalable_font ul li a {
	display: block;
	height: 13px;	
	width: 20px;
}
/*-----Service-----*/
#service { 
	overflow: hidden;
	padding: 0 45px 60px;
}
#service ul { width: 890px;}
#service ul li {
	display: block;
	float: left;
	/*position: relative;*/
	width: 200px;
}
#service ul li#service_1, #service ul li#service_2, #service ul li#service_3 { padding-right: 30px;}
#service ul li h2 a {
	display: block;
	height: 231px;
	margin-bottom: 32px;
	width: 200px;
}
#service ul li p { padding: 0 20px;}
/*-----More-----*/
.more { 
	display: block;
	height: 17px;
	padding-top: 20px;
	position: relative;
}
.more a {
	display: block;
	height: 17px;
	padding-left: 25px;
	position: absolute;
	right: 20px;
	bottom: 0;
}
/*-----News-----*/
#news { 
	overflow: hidden;
	padding: 60px 0;
}
#news h2 {
	display: block;
	height: 24px;
	width: 177px;
}
#news ul { margin-top: 25px;}
#recently {
	float: left;
	padding: 0 60px 0 15px;
	width: 430px;
}
#press {
	float: right;
	padding: 0 30px 0 15px;
	width: 430px;
}
#recently ul li, #press ul li { 
	display: block;
	overflow: hidden;
	padding-bottom:20px; 
} 
#recently ul li .date, #press ul li .date {
	float: left;
	height: 50px;
	position: relative;
	width: 50px;
}
#recently ul li .date .month, #press ul li .date .month {
	position: absolute;
	top: 7px;
	left: 10px;
}
#recently ul li .date .day, #press ul li .date .day {
	position: absolute;
	bottom: 6px;
	right: 6px;
}
#recently ul li .news_list, #press ul li .news_list {
	float: left;
	padding: 10px 0 0 20px;
	width: 359px;
}
/*-----Content-----*/
#breadcrumb { 
	margin-top: 10px;
	padding-top: 20px;
}  
#section { 
	overflow: hidden;
	padding: 60px 0 40px;
}
#article {
	position:relative;
	float: left;
	padding-left:20px;
	width: 740px;
}
#article form.list{position:absolute;top:-30px;right:0px;}
#article form.list input{color:#4C473D;}
#article h1.title { padding: 7px 0 7px 40px;margin-bottom:10px;}
#article .content div.site_map {overflow: hidden;}
#article .content div.site_map div {float: left; margin-right: 15px;}
#article .content div.site_map h3 a{color:#4C473D;}
#article .content { padding: 5px 40px 0 40px;}
#article .content h1, #article .content h2, #article .content h3, #article .content h4, #article .content h5, #article .content h6 {}
#article .content p { padding-bottom:25px;}
#article .content ul { 
	list-style: disc inside;
	padding-bottom:25px;
}
/*-----Aside-----*/
.aside {
	float: right;
	padding: 10px 0;
	width: 220px;
}
.aside ul li a { 
	display: block;
	padding: 7px 0 7px 40px;
}
.aside ul li ul { 
	margin: 10px 0;
	padding-left: 0;
}
.aside ul li ul li a { padding: 8px 20px 8px 40px;}
/*-----AD-----*/
#ad { padding: 40px 15px;}
/*-----Contact-----*/
#contact { 
	padding: 40px 15px 20px;
	position: relative;
}
#contact h2 {
	display: block;
	height: 128px;
	width: 128px;
}
#contact p { position: absolute;}
#contact p.tel { 
	left: 172px;
	top: 68px;
}
#contact p.fax { 
	top: 68px;
	left: 492px;
	left: 522px\9;
}
#contact p.mail { 
	left: 172px;
	top: 105px;
}
#contact p span { padding-right: 12px;}

/*--------------------Footer--------------------
----------------------------------------------*/
#footer_info { height: 258px;}
#footer_wrapper { 
	position: relative;
	height: 258px;
	margin: 0 auto;
	width: 980px;
}
#top_wrapper {
	height: 29px;
	position: relative;
}
#top_wrapper .top {
	display: block;
	height: 29px;
	position: absolute;
	right: 0;
	top: 0;
	width: 61px;
}
#top_wrapper .top a {
	display: block;
	padding: 9px 0 0 12px;
}
#menu_wrapper {
	margin-top: 30px;
	overflow: hidden;
	position: relative;
}
#menu_wrapper .brick {
	display: block;
}
.footer_column {
	float: left;
	padding-right: 30px;
}
.footer_column ul { margin-top: 9px;}
.footer_column ul li { padding-bottom: 6px;}
#copyright {
	position: relative;
	right:0;bottom:15px;
	width: 300px;
	height:31px;
}
#copyright img {position: relative;}
#copyright span{position: absolute;bottom:0;}
#copyright a {position: absolute;right:0;}