@charset "utf-8";

/* ================================================================

CSS Information

 File name:      home.css
 Summary:        for home page styles (/index.html)
 Last update:    2010-04-23

================================================================ */

body{
	background: url(../../img/home/bg_body_home.png) repeat-x 0 -1px;
}
#contents {
	margin-top: -8px;
	background: transparent;
}
	#contents .WrapContents {
		position: relative;
		margin: 0 auto;
		padding: 0 18px 0 0;
		background: url(../../img/home/bg_main_home.png) no-repeat left top;
	}
	
	#main {	margin-left: 24px; width: 680px;}
	#aside {	margin-right: 6px;}


#footer {
	position: relative;
	background-position: 0 -27px;
}
.FooterNav {
	padding-top: 40px;
	background: url(../../img/home/bg_footer_nav.png) no-repeat left bottom; 
}


/* @group #blandImage */

#blandImage {
	position: relative;
	padding: 0;
	height: 542px;
}

	#blandImage dl {
		margin: 0;
	}
	
		#blandImage dl dt {
			
		}
			img.ImgCatchPhrase {
				position: absolute;
				top: 0px; left: 8px;
			}
			img.ImgTitleLogo {
				position: absolute;
				top: 29px; left: 262px;
			}
		
		#blandImage dl dd {
			
		}


/* @group #ListFeatures */

#ListFeatures {
	position: absolute;
	top: 130px; left: 48px;
}
	#ListFeatures ul {
	}
		#ListFeatures ul li {
			
		}

/* @end */

/* @group #ListLinks */

#ListLinks {
	position: absolute;
	top: 266px; left: 47px;
}
	#ListLinks ul {
	}
		#ListLinks ul li {
			float: left;
			display: inline;
		}

/* @end */

/* @group #ListFunctions */

#ListFunctions {
	position: absolute;
	top: 368px; left: 24px;

}
	#ListFunctions ol {
		
	}
		#ListFunctions ol li {
			float: left;
			display: inline;
		}

/* @end */

/* @end */

/* @group #main .Section */

#main .Section {
	position: relative;
	margin-top:0;
	margin-bottom: 18px;
}

#main .Section p { padding-left: 0; }

#main .Section h2 {
	position: relative;
	border: 0;
	margin-bottom: 10px;
	padding-left: 90px;
	line-height: 68px;
	font-size: 1.5em;
	color: #030;
	background: url(../../img/home/bg_home_h2.png) no-repeat left top;
}

* html #main .Section h2 {
	zoom:1;
}
*:first-child+html #main .Section h2 {
	zoom:1;
}

	#main .Section h2 span {
		display: inline;
		padding: 0 0 0 15px;
		color: #666;
		border: 0;
		font-size: 0.6em;
		font-weight: normal;
	}

#main .Section h3 {
	margin-top: 0;
	padding: 0;
	color: #333;
	background: none;
}

#main .Section a.LinkH2 {
	position: absolute;
	top: 10px; right: 0;
}
	#main .Section a.LinkH2 img {
		width: 70px; height: 50px;
	}

/* @group #section1 */
#main #section1 {
	margin-top: -8px;
}

#main #section1 h2 {
	background: url(../../img/home/h2_1.png) no-repeat left top;
}

/* @end */

/* @group #section2 */

#main #section2 h2 {
	background: url(../../img/home/h2_2.png) no-repeat left top;
}

/* @end */

/* @group #section3 */

#main #section3 h2 {
	background: url(../../img/home/h2_3.png) no-repeat left top;
}

/* @end */

/* @group #section4 */
#main #section4 h2 {
	padding-top: 5px;
	background: url(../../img/home/h2_4.png) no-repeat left top;
}

/* @end */

/* @group #section5 */
#main #section5 h2 {
	padding-top: 5px;
	background: url(../../img/home/h2_5.png) no-repeat left top;
}
#main #section5 ul{
	margin-left:30px;
}
#main #section5 .detail{
	font-size:10px;
	color:#999999;
}
/* @end */