@charset "utf-8";
/* CSS Document */

/*ブラウザ固有設定解除*/

*{
	margin: 0;
	padding: 0;
}

/*共通*/

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
}

#wrapper {
/*	width: 940px; */
	width: 1070px;
	margin: 10px auto;
	color:#666666;
	font-size: 15px;
	letter-spacing: 0.3em;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

li {
	display: block;
	float: left;
}

a {
	text-decoration: none;
	border-style: none:
}

a img {
	border-style: none;
}

br {
	letter-spacing: 0;
}
/*トップページ*/

#topbg {
	background-color: #99ccff;
}

#topheader {
	width: 850px;
	height: 20px;
	margin: 20px auto;
	padding: 0px 10px;
}

#topbox {
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: auto;
}

#menu {
/*	width: 910px; */
	width: 1040px; 
	height: 100px;
	margin: 10px auto;
	padding: 0px;
}

#list {
/*	width: 910px; */
	width: 1040px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
a.menu01,a.menu02,a.menu03,a.menu04,a.menu05,a.menu06,a.menu07, a.menu08 {
	width: 130px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

a.menu01 {
	background-image: url(img/top/menu01.png);
}

a.menu02 {
	background-image: url(img/top/menu02.png);
}

a.menu03 {
	background-image: url(img/top/menu03.png);
}

a.menu04 {
	background-image: url(img/top/menu04.png);
}

a.menu05 {
	background-image: url(img/top/menu05.png);
}

a.menu06 {
	background-image: url(img/top/menu06.png);
}

a.menu07 {
	background-image: url(img/top/menu07.png);
}

a.menu08 {
	background-image: url(img/top/menu08.png);
}

a.menu01:hover {
	background-image: url(img/top/menu01_2.png);
}

a.menu02:hover {
	background-image: url(img/top/menu02_2.png);
}

a.menu03:hover {
	background-image: url(img/top/menu03_2.png);
}

a.menu04:hover {
	background-image: url(img/top/menu04_2.png);
}

a.menu05:hover {
	background-image: url(img/top/menu05_2.png);
}

a.menu06:hover {
	background-image: url(img/top/menu06_2.png);
}

a.menu07:hover {
	background-image: url(img/top/menu07_2.png);
}

a.menu08:hover {
	background-image: url(img/top/menu08_2.png);
}

#topfooter {
	border-top: dashed #003366 1px;
}

.topfoot {
	color: #003366;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 12px;
}

/*サービス*/

#servicebg {
	background-color: #99ff99;
}


#serviceheader {
	width: 800px;
	height: 110px;
	margin: 10px auto;
	padding: 0px;
	position: relative;
}

.servicelogo {
	margin: 0px;
	padding: 0px 20px;
}

.servicetitle {
	float: left;
	width: 350px;
	height: 60px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	top: 30px;
	left: 380px;
}

#servicebox {
	position: relative;
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/service/sr_main.jpg);
}

#pointcard {
	position: absolute;
	top: 90px;
	left: 50px;
	line-height: 1.1em;
	letter-spacing: 0.2em;
	width: 500px;
}

#gamesarvice {
	position: absolute;
	top: 190px;
	left: 50px;
	line-height: 1.2em;
	letter-spacing: 0.2em;
	width: 690px;
}


#servicefooter {
	border-top: dashed #673C1E 1px;
}

.servicefoot {
	color: #673C1E;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 12px;
}

/*ルール*/

#rulebg {
	background-color: #ffff66;
}


#ruleheader {
	width: 800px;
	height: 110px;
	margin: 10px auto;
	padding: 0px;
	position: relative;
}

.rulelogo {
	margin: 0px;
	padding: 0px 20px;
}

.ruletitle {
	float: left;
	width: 300px;
	height: 45px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	top: 20px;
	left: 400px;
}

.ruletitlemenu01,ruletitlemenu02 {
	position: absolute;
	border-style: none;
}

.ruletitlemenu01 {
	position: absolute;
	top: 70px;
	left: 410px;
}

.ruletitlemenu02 {
	position: absolute;
	top: 70px;
	left: 510px;
}

.ruletitlemenu03 {
	position: absolute;
	top: 70px;
	left: 610px;
}

#rulebox {
	position: relative;
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/rule/r_main.jpg);
}

#rulebox p {
	position: absolute;
	top: 80px;
	left: 50px;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	width: 690px;
}

#jyunnibox {
	position: relative;
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/rule/r_main_02.jpg);
}

#jyunnibox p {
	position: absolute;
	top: 100px;
	left: 50px;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	width: 690px;
	text-align: center;
}

#manerbox {
	position: relative;
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/rule/r_main_03.jpg);
}

#manerbox p {
	font-size: 16px;
	position: absolute;
	top: 90px;
	left: 50px;
	line-height: 1.7em;
	letter-spacing: 0.2em;
	width: 690px;
}

#rulefooter {
	border-top: dashed #ff9900 1px;
}

.rulefoot {
	color: #ff9900;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 12px;
}

/*プロ*/

#probg {
	background-color: #93d3ff;
}


#proheader {
	width: 800px;
	height: 110px;
	margin: 10px auto;
	padding: 0px;
	position: relative;
}

.prologo {
	margin: 0px;
	padding: 0px 20px;
}

.protitle {
	float: left;
	width: 350px;
	height: 65px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	top: 8px;
	left: 380px;
}

.protitlemenu01,protitlemenu02,protitlemenu03{
	position: absolute;
	border-style: none;
}

.protitlemenu01 {
	position: absolute;
	top: 75px;
	left: 420px;
}

.protitlemenu02 {
	position: absolute;
	top: 75px;
	left: 520px;
}

.protitlemenu03 {
	position: absolute;
	top: 75px;
	left: 620px;
}

.protitlemenu04 {
	position: absolute;
	top: 75px;
	left: 720px;
}

#probox {
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/pro/p_main.jpg);
	position: relative;
}

#probox01 {
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/pro/p_main.jpg);
	position: relative;
}

#probox02 {
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/pro/p_main02.jpg);
	position: relative;
}

#probox03 {
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/pro/p_main03.jpg);
	position: relative;
}

#probox04 {
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/pro/p_main04.jpg);
	position: relative;
}

#probox p {
	position: absolute;
	top: 370px;
	left: 100px;
	line-height: 1.2em;
}

#probox01 p {
	position: absolute;
	top: 200px;
	left: 430px;
	line-height: 1.3em;
}

#probox02 p {
	position: absolute;
	top: 200px;
	left: 430px;
	line-height: 1.3em;
}

#probox03 p {
	position: absolute;
	top: 200px;
	left: 430px;
	line-height: 1.3em;
}

#probox04 p {
	position: absolute;
	top: 200px;
	left: 430px;
	line-height: 1.3em;
}

/**
#probox03 p {
	position: absolute;
	top: 200px;
	left: 130px;
	line-height: 1.3em;
}

#probox04 p {
	position: absolute;
	top: 200px;
	left: 130px;
	line-height: 1.3em;
}
**/

#profooter {
	border-top: dashed #003366 1px;
}

.profoot {
	color: #003366;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 12px;
}

/*リクルート*/

#recruitbg {
	background-color: #6363cb;
}


#recruitheader {
	width: 800px;
	height: 110px;
	margin: 10px auto;
	padding: 0px;
	position: relative;
}

.recruitlogo {
	margin: 0px;
	padding: 0px 20px;
}

.recruittitle {
	float: left;
	width: 380px;
	height: 60px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	top: 30px;
	left: 380px;
}

.recruittitlemenu01,recruittitlemenu02 {
	position: absolute;
	border-style: none;
}

.recruittitlemenu01 {
	position: absolute;
	top: 70px;
	left: 450px;
}

.recruittitlemenu02 {
	position: absolute;
	top: 70px;
	left: 550px;
}

#recruitbox {
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/recruit/re_main.jpg);
	position: relative;
}

#recruitman {
	position: absolute;
	top: 70px;
	left: 50px;
	line-height: 1.3em;
	letter-spacing: 0.2em;
	width: 500px;
}

#recruitwoman {
	position: absolute;
	top: 210px;
	left: 50px;
	line-height: 1.3em;
	letter-spacing: 0.2em;
	width: 690px;
}

#recruitfooter {
	border-top: dashed #66ffff 1px;
}

.recruitfoot {
	color: #66ffff;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 12px;
}

/*アクセス*/

#accessbg {
	background-color: #9999cc;
}


#accessheader {
	width: 800px;
	height: 110px;
	margin: 10px auto;
	padding: 0px;
	position: relative;
}

.accesslogo {
	margin: 0px;
	padding: 0px 20px;
}

.accesstitle {
	float: left;
	width: 350px;
	height: 60px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	top: 30px;
	left: 380px;
}

.accesstitlemenu01,accesstitlemenu02 {
	position: absolute;
	border-style: none;
}

.accesstitlemenu01 {
	position: absolute;
	top: 70px;
	left: 450px;
}

.accesstitlemenu02 {
	position: absolute;
	top: 70px;
	left: 550px;
}

#accessbox {
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/access/a_main.jpg);
	position: relative;
}

#accessbox p {
	position: absolute;
	top: 150px;
	left: 475px;
	line-height: 1.1em;
	letter-spacing: 0.2em;
}

#accessfooter {
	border-top: dashed #9933cc 1px;
}

.accessfoot {
	color: #9933cc;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 12px;
}

/*プライス*/

#pricebg {
	background-color: #99ff99;
}


#priceheader {
	width: 800px;
	height: 110px;
	margin: 10px auto;
	padding: 0px;
	position: relative;
}

.pricelogo {
	margin: 0px;
	padding: 0px 20px;
}

.pricetitle {
	float: left;
	width: 350px;
	height: 60px;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	top: 30px;
	left: 380px;
}

.pricetitlemenu01,pricetitlemenu02 {
	position: absolute;
	border-style: none;
}

.pricetitlemenu01 {
	position: absolute;
	top: 70px;
	left: 450px;
}

.pricetitlemenu02 {
	position: absolute;
	top: 70px;
	left: 550px;
}

#pricebox {
	width: 820px;
	height: 520px;
	margin: 0px auto;
	padding: 0px;
	background-image: url(img/price/pr_main.jpg);
	position: relative;
}

#pricefree {
	position: absolute;
	top: 90px;
	left: 50px;
	line-height: 1.1em;
	letter-spacing: 0.2em;
	width: 500px;
}

#priceset {
	position: absolute;
	top: 230px;
	left: 50px;
	line-height: 1.2em;
	letter-spacing: 0.2em;
	width: 690px;

}

#pricefooter {
	border-top: dashed #669900 1px;
}

.pricefoot {
	color: #669900;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 12px;
}