@charset "utf-8";

/* ------------------------------- base ---------------------------- */

body{
	background: url(../img/bg.jpg) repeat-x left top;
}

#header{
	background: url(../img/header-bg.jpg) no-repeat left top;
}

/* ------------------------------- button ------------------------------- */

	#header ul{
		width: 317px;
		height: 32px;
		margin: 47px 30px 0 0;
		background: url(../img/t-nav.gif) no-repeat;
		float: right;
	}

		#header ul li{
			float: left;
		}

			#header ul li.group a,
			#header ul li.recruit a,
			#header ul li.mobile a{
				height: 32px;
				display: block;
				text-indent: -9999em;
			}

			#header ul li.group a{
				width: 167px;
			}

			#header ul li.recruit a{
				width: 70px;
			}

			#header ul li.mobile a{
				width: 79px;
			}

			#header ul li.group a:focus,
			#header ul li.group a:hover{
				background: url(../img/t-nav.gif) no-repeat left -32px;
			}

			#header ul li.recruit a:focus,
			#header ul li.recruit a:hover{
				background: url(../img/t-nav.gif) no-repeat -167px -32px;
			}

			#header ul li.mobile a:focus,
			#header ul li.mobile a:hover{
				background: url(../img/t-nav.gif) no-repeat -237px -32px;
			}


/* ------------------------------- container ------------------------------- */

	#main{
		background:  url(../../img/main-bg.gif) repeat-y left top;
		border: 1px solid #94843E;

	}

/* ------------------------------- side ------------------------------ */

		#nav ul{
			width: 196px;
			height: 268px;
			margin: 0 0 0 0;
			background: url(../img/menu.jpg) no-repeat;
		}

			#nav ul li.home a{
				width: 196px;
				height: 43px;
				display: block;
				text-indent: -9999em;
			}

			#nav ul li a{
				width: 196px;
				height: 30px;
				display: block;
				text-indent: -9999em;
			}

				#nav ul li.home a.active,
				#nav ul li.home a:focus,
				#nav ul li.home a:hover{
					background: url(../img/menu.jpg) no-repeat right 0;
				}

				#nav ul li.new a.active,
				#nav ul li.new a:focus,
				#nav ul li.new a:hover{
					background: url(../img/menu.jpg) no-repeat right -43px;
				}

				#nav ul li.girl a.active,
				#nav ul li.girl a:focus,
				#nav ul li.girl a:hover{
					background: url(../img/menu.jpg) no-repeat right -73px;
				}

				#nav ul li.sc a.active,
				#nav ul li.sc a:focus,
				#nav ul li.sc a:hover{
					background: url(../img/menu.jpg) no-repeat right -103px;
				}

				#nav ul li.system a.active,
				#nav ul li.system a:focus,
				#nav ul li.system a:hover{
					background:url(../img/menu.jpg) no-repeat right -133px;
				}

				#nav ul li.ranking a.active,
				#nav ul li.ranking a:focus,
				#nav ul li.ranking a:hover{
					background: url(../img/menu.jpg) no-repeat right -163px;
				}

				#nav ul li.query a.active,
				#nav ul li.query a:focus,
				#nav ul li.query a:hover{
					background: url(../img/menu.jpg) no-repeat right -193px;
				}

				#nav ul li.request a.active,
				#nav ul li.request a:focus,
				#nav ul li.request a:hover{
					background: url(../img/menu.jpg) no-repeat right -223px;
				}