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

#wrapper {
	width: 100%;
	margin: 0px auto;
	background: url(../img/top_i_back.jpg) repeat-x top;
	text-align: center;
	}
			
#topmain {
	width: 940px;
	margin: 0px auto;
	text-align: left;
	background: #FFFFFF;
	padding: 20px 0px 25px;
}
	
#info {
	width: 390px;
	margin: 0px 14px 0px 18px;
	background: url(../img/top_i_infoback.gif) no-repeat bottom;
	text-align: center;
	height: 205px;
	float: left;
	}
	
* html #info {
	width: 390px;
	margin: 0px 7px 0px 9px;
	background: url(../img/top_i_infoback.gif) no-repeat bottom;
	text-align: center;
	height: 205px;
	float: left;
	}
	
#info dl{
	width: 360px;
	margin: 7px auto;
	font-size: 12px;
	border-bottom: 1px dotted #CCCCCC;
	text-align: left;
	}

#info dt{
	color: #FF3366;
	margin: 0px 0px 0px 3px;
	}
		
#info dd{
	margin: 0px 0px 0px 3px;
	}
	
#visual{
	width: 948px;
	margin: 0px;
	height: 300px;
	position: relative;
	background: url(../img/top_i_main.jpg) no-repeat;
	}
	
#visual .v01{
	position: absolute;
	left: 430px;
	top: 3px;
	}
	
#visual .v02{
	position: absolute;
	left: 430px;
	top: 102px;
	}
	
#visual .v03{
	position: absolute;
	left: 430px;
	top: 201px;
	}
	
#service {
	width: 500px;
	margin: 8px 18px 0px 0px;
	background: url(../img/top_i_serviceback.jpg) no-repeat bottom;
	height: 197px;
	float: right;
	position: relative;
	}
	
* html #service {
	width: 500px;
	margin: 8px 9px 0px 0px;
	background: url(../img/top_i_serviceback.jpg) no-repeat bottom;
	height: 197px;
	float: right;
	position: relative;
	}
	
#service .s01 {
	position: absolute;
	left: 16px;
	top: 96px;
	}
	
#service .s02 {
	position: absolute;
	top: 125px;
	left: 16px;
	}
	
#service .s03 {
	position: absolute;
	top: 155px;
	left: 16px;
	}
		
#service .s04 {
	position: absolute;
	left: 224px;
	top: 96px;
	}
	
#service .s05 {
	position: absolute;
	top: 125px;
	left: 224px;
	}
	
#service .s06 {
	position: absolute;
	top: 155px;
	left: 224px;
	}