@charset "utf-8";

#index .mainview {
	margin-bottom: 80px;
	height: 640px;
	background-color: #000;
	background-image: url(../../images/mainviewsinnen.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#index #intro {
	margin-bottom: 100px;
}

#index #intro h2 {
	margin-bottom: 50px;
	height: 66px;
	background-image: url(../../images/intro_hl.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

#index #intro p {
	margin-bottom: 2em;
	text-align: center;
}

#index #intro ul {
	margin-bottom: 50px;
}

#index #intro p.link {
}

#index #intro p.link a {
	margin: 0 auto;
	display: block;
	width: 540px;
	height: 60px;
	background-image: url(../../images/intro_link.png);
	background-position: 0 0;
	text-indent: -10000em;
}

#index #intro p.link a:hover { background-position: 0 -60px; }

#index #party {
	margin-bottom: 80px;
}

#index #party .container {
	padding: 730px 70px 70px 70px;
	width: 840px;
}

#index #party h2 {
	position: absolute;
	left: 700px;
	top: 70px;
	width: 30px;
	height: 394px;
	background-image: url(../../images/party_hl.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

#index #party img.main {
	position: absolute;
	left: 70px;
	top: 70px;
}

#index #party p.text {
	position: absolute;
	left: 520px;
	top: 490px;
	width: 390px;
}

#index #party p.link {
	position: absolute;
	left: 520px;
	top: 640px;
}

#index #party p.link a {
	display: block;
	width: 390px;
	height: 60px;
	background-image: url(../../images/party_link.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

#index #party p.link a:hover {
	background-position: 0 -60px;
}

#index #party ul li {
	margin-right: 30px;
	float: left;
}

#index #party ul li:last-child {
	margin-right: 0;
}

#index #feature {
	margin-bottom: 100px;
}

#index #feature .container {
	padding-top: 405px;
}

#index #feature h2 {
	position: absolute;
	top: 0;
	right: 265px;
	width: 103px;
	height: 259px;
	background-image: url(../../images/feature_hl.png);
	text-indent: -10000em;
}

#index #feature p {
	position: absolute;
	left: 265px;
	top: 80px;
	width: 337px;
	height: 270px;
	background-image: url(../../images/feature_text.png);
	text-indent: -10000em;
}

#index #feature ul li dl {
	position: relative;
}

#index #feature ul li dl dt {
	position: absolute;
	left: 5px;
	top: 180px;
	width: 40px;
	height: 81px;
	text-indent: -10000em;
}

#index #feature ul li.feature01 dl dt {	background-image: url(../../images/feature01_title.png); }
#index #feature ul li.feature02 dl dt {	background-image: url(../../images/feature02_title.png); }
#index #feature ul li.feature03 dl dt {	background-image: url(../../images/feature03_title.png); }

#index #feature ul li dl dd.text {
	padding-left: 60px;
}

#index .recruit {
	margin: 0 auto 30px auto;
	width: 1000px;
	height: 140px;
}

#index .recruit a {
	display: block;
	width: 1000px;
	height: 140px;
	background-image: url(../../images/recruit_btn.png);
	background-position: 0 0;
	text-indent: -10000em;
}

#index .recruit a:hover {
	background-position: 0 -140px;
}

#index .blog {
	margin: 0 auto 70px auto;
	width: 1000px;
	height: 80px;
}

#index .blog a {
	display: block;
	width: 1000px;
	height: 80px;
	background-image: url(../../images/blog_btn.png);
	background-position: 0 0;
	text-indent: -10000em;
}

#index .blog a:hover {
	background-position: 0 -80px;
}