@charset "utf-8";

/* ================================================================
font size default 13px
		10px  	77%			19px 	147%
		11px 	85%			20px 	154%
		12px 	93%			21px 	162%
		13px 	100%		22px 	170%
		14px 	108%		23px 	177%
		15px 	116%		24px 	185%
		16px 	124%		25px 	193%
		17px 	131%		26px 	200%
		18px 	139%
================================================================ */

/* ================================================================
		wrap
================================================================ */
.wrapper {
	width:960px;
	margin:0 auto;
}

/* ================================================================
		header
================================================================ */
#header .wrapper {
	background:url(../common/bg_header.jpg) 360px 0 no-repeat;
	padding:20px 0;
	position:relative;
}
#header #facebook{
	position:absolute;
	top:50%;
	margin-top:-19px;
	right:80px;
}
/* ================================================================
		gnavi
================================================================ */
#gnavi {
	background:url(../common/bg_gnavi.png) 0 0 repeat-x;
	text-align:left;
}
#gnavi ul li {
	float:left;
}



#gnavi li a{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
}
#gnavi li  ul.dropsub{
	display:none;
}
#gnavi li  ul.dropsub{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#gnavi li  ul.dropsub a{
	display:block;
	background:#FFF;
	border-bottom:1px solid #FFF;
	border-top:1px solid #CCC;
	width:180px;
	padding:5px 10px;
}
#gnavi li  ul.dropsub{
    position:absolute;
}
#gnavi li  ul.dropsub{
    zoom:1;
}
#gnavi li  ul.dropsub:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
#gnavi li  ul.dropsub li{
	float:none;
}

#gnavi li  ul.dropsub a,
#gnavi li  ul.dropsub a:visited,
#gnavi li  ul.dropsub a:hover{
	color:#333;
	text-decoration:none;
	display:block;
}
#gnavi li  ul.dropsub a:hover{
	background:#FFF url(../common/bg_submenu_o.jpg) 0 0 repeat-x;
}

/* ================================================================
		container
================================================================ */
#container {
	background:url(../common/bg_body.png) center top repeat-x;
}
#container #containerWrap {
	background:url(../common/bg_main.png) center top no-repeat;
	padding-top:23px;
}

/*--------------------
		main
--------------------*/
#main {
	width:700px;
	float:left;
}

/*--------------------
		side
--------------------*/
#side {
	width:240px;
	float:right;
}
#side .sponsorBnr{
	margin-top:10px;
}
#side .sponsorBnr li{
	margin-top:5px;
	text-align:center;
	
}

#sponsorcat2 div{
	vertical-align:middle;
	width:110px;
	text-align:center;
	float:left;
}
#sponsorcatP2 div{
	vertical-align:middle;
	width:220px;
	text-align:center;
}

#sponsorcat2,
#sponsorcatP2{ /zoom : 1; }
#sponsorcat2:after,
#sponsorcatP2:after{ content : ''; display : block; clear : both; height:0; }

/* ================================================================
		footer
================================================================ */
#footer {
	background:url(../common/bg_footer.png) 0 0 repeat-x;
	padding:18px;
	margin-top:20px;
}
#footer .copy {
	text-align:center;
	color:#637662;
}

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

		clearfix

================================================================ */
.wrapper,
.crearfix,
#gnavi ul{ /zoom : 1; }
.wrapper:after,
.crearfix:after,
#gnavi ul:after{ content : ''; display : block; clear : both; }