@charset "utf-8";

/*
Site Name: 
Description: layout
*/

/* base layout
----------------------------------------- */
#container{
	padding: 0px;
	margin: 0px;
	text-align: center;
	zoom: 1;
}

#header{
	width: 950px;
	margin: 0 auto 20px;
	text-align: left;
	zoom: 1;
}

#home #header{
	/*background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;*/
}

*+html #home #header{
	background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;	
}

* html #home #header{
	background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;		
}

#home #header2{
	background-image: url(../img/header_bg1.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	width: 950px;
	height: 320px;
	position: absolute;
}

*+html #home #header2{
	width: auto;
}

* html #home #header2{
	width: auto;
}

#header #header-left-area{
	float: right;
	clear: right;
	width: 392px;
	margin-right: 3px;
	_margin-right: 2px;	
	zoom: 1;
	position: relative;
	z-index: 998;
}

#content{
	clear: both;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../img/content_bg.gif);
	background-repeat: repeat-y;
	background-position: 100% 0px;
	overflow: hidden;
	zoom: 1;
}

#footer{
	clear: both;
	width: 990px;
	margin: 0 auto;
	text-align: left;
	font-size: 85%;
	zoom: 1;
}

#footer .footer-innner{
	color: #FFF;
	background-image: url(../img/footer_innner_bg.gif);
	background-repeat: no-repeat;
	background-position: 325px 25px;
	background-color: #CC9966;
	overflow: hidden;
	zoom: 1;
}

/* Safari */
body:first-of-type #footer .footer-innner{
	width: 991px;
}

#footer .footer-innner .footer-left{
	float: left;
	clear: left;
	width: 281px;
	margin-top: 20px;
	margin-left: 24px;
}

#footer .footer-innner .footer-right{
	float: right;
	clear: right;
	width: 330px;
	margin-top: 20px;
	
}

#main{
	float: left;
	width: 680px;
}

#contents #banner-area{
	clear: both;
}

#contents #main,
#contents #left-banner-area{
	float: left;
	width: 660px;
}

#sub,
#contents #right-banner-area{
	float: right;
	width: 250px;
}

#contents #left-banner-area,
#contents #right-banner-area{
	margin-bottom: 25px;
}

/* contents layout
----------------------------------------- */
#main .left-area{
	width: 250px;
	float: left;
	clear: left;
}

#main .right-area{
	width: 410px;
	float: right;
	clear: right;
}