@charset "utf-8";
/* CSS Document */

/*======================================================
	Reset default style
=======================================================*/

* {margin: 0px; padding: 0px; line-height:150%;font-size:12px;}
em {visibility: hidden; font-size: 10px;}
ul {list-style: none;}
img {border: none;}
h1, h2, h3, h4, h5 {font-weight:normal; font-size:12px; color:#080808;}

/*======================================================
	counter measure for bug
=======================================================*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 


html{
	background:url(img/html_bg02.gif) repeat-x -50px 0;}
	
.block{
	display:block;
	margin:0 auto;
	padding:0 0 10px;}
	
#wrapper{
	width:900px;
	margin:0 auto;
	position:relative;}

h1,#main,#footer{
	width:860px;
	margin:0 auto;}
	
a{
	color:#666666;}
		
h1 a{
	font-size:12px;
	position:absolute;
	top:15px;
	left:0;
	text-decoration:none;
	}
	
.block{
	display:block;
	margin:0 auto;}
	
#gn{
	position:absolute;
	right:0px;
	top:15px;}
	
#gn li,#banner_area li{
	float:left;
	line-height:0;}
	
#banner_area{
	margin:0 auto 15px;
	border:#CCCCCC solid;
	border-width:0 0 1px 0;
	padding:0 0 15px;}
	
#banner_area .center_element{
	margin:0 53px;}
	
#gn li{
	border:#CCCCCC solid;
	border-width:0 0 0 1px;
	padding:0 3px;
	margin:0 2px;}
	
#topimg{
	margin:0 auto;
	width:900px;}
	
#topimg img,#topimg a{
	display:block;
	margin:0 auto;}
	
#wide_contents{
	float:left;
	width:617px;}
	
#about_us{
	background:url(img/about_img02.jpg) no-repeat 0 bottom;
	height:260px;}
	
#about_us a{
	display:block;
	text-decoration:none;}

#about_us h3{
	background:url(img/about_img01.jpg) no-repeat;
	text-indent:-9999px;
	height:65px;}
	
#about_us p{
	width:88%;
	color:#FFFFFF;
	margin:0 auto;}
	
#company table,#contact table{
	width:95%;
	margin:5px auto 0;
	border-collapse:collapse;}
	
#company td,
#contact td{
	border:#CCCCCC dotted;
	border-width:0 0 1px 0;
	padding:3px 0;}
	
#contact p{
	width:95%;
	margin:10px auto;}
	
#contact span{
	color:#FF9900;}
	
#side_contents{
	float:right;
	width:220px;}
	
#side_contents .block{
	padding:0;}
	


	
#side_banner img{
	display:block;
	margin:3px auto;}
	
#news{
	margin:0 0 20px;
	height:150px;
	overflow:auto;}
	
#news span{
	margin:0 15px 0 0;}
	
#news li{
	border:#CCCCCC dotted;
	border-width:0 0 1px 0;
	padding:5px 0 3px 10px;
	font-size:12px;}
	
#greet h3{
	text-indent:-9999px;
	background:url(img/greet_title02.gif) no-repeat 0 50%;
	height:40px;
	width:590px;
	margin:0 auto;}
	
#greet p{
	margin:0 0 0 10px;
	padding:3px;
	line-height:180%;}
	
#greet img{
	display:block;
	margin:20px auto 0;}
	
#footer{
	text-align:center;
	border:#CCCCCC solid;
	border-width:1px 0 0px 0;
	padding:5px 0 3px 10px;}