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



/* wrapper */
#wrapper {
	background-color: #000000;
}



#container span {
	color: #FF0000;
}



/* #container #system */
#container #system {
	width: 730px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/system/730_73.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#container #system h2 {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	height: 100px;
}



/* #container #course */
#container #course {
	width: 730px;
	margin: 100px 0px 0px;
	padding: 0px;
	background-image: url(../img/system/730_320.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#container #course h2 {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	height: 320px;
}



/* #container #course div.play */
#container #course div.play01 {
	width: 730px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/system/01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
}
#container #course div.play02 {
	width: 730px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/system/02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
}
#container #course div.play03 {
	width: 730px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/system/03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
}
#container #course div.play04 {
	width: 730px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/system/04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
}
#container #course div.play05 {
	width: 730px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/system/05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 201px;
}
#container #course div.play01 h2, #container #course div.play02 h2, #container #course div.play03 h2, #container #course div.play04 h2, #container #course div.play05 h2 {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	height: 33px;
}
#container #course div.play01 p, #container #course div.play02 p, #container #course div.play03 p, #container #course div.play04 p, #container #course div.play05 p {
	width: 654px;
	padding: 0px;
	display: inline;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 38px;
	font-size: 12px;
	color: #a0a0a0;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height: 2;
	letter-spacing: 0.1em;
}



/* #container #course #access #guide */
#container #charge {
	width: 730px;
	padding: 0px;
	background-image: url(../img/system/charge.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #access {
	width: 730px;
	padding: 0px;
	background-image: url(../img/system/access.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #guide {
	width: 730px;
	padding: 0px;
	background-image: url(../img/system/guide.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
}
#container #charge h2, #container #access h2, #container #guide h2 {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	height: 109px;
}
#container #charge div.text, #container #access div.text, #container #guide div.text {
	width: 730px;
	margin: 0px;
	background-image: url(../img/system/730_730.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 39px;
	padding-left: 0px;
}
#container #charge div.text p, #container #access div.text p, #container #guide div.text p {
	width: 622px;
	padding-top: 5px;
	padding-right: 54px;
	padding-bottom: 5px;
	padding-left: 54px;
	display: block;
	margin: 0px;
	font-family: verdana, chicago;
	font-size: 11px;
	line-height: 2;
	color: #666666;
	letter-spacing: 0.1em;
	font-weight: lighter;
}





/* ----------------------------------------------------------------------------- option */

ul#option {
	list-style:none;
	width:710px;
	padding-right: 10px;
	padding-left: 10px;
	height: 1050px;
	background-image: url(../img/system/option/00.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

ul#option h2 {
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
	height: 320px;
}

ul#option li {
	list-style:none;
	float:left;
	width:142px;
}

ul#option a {
	display:block;
	width:142px;
	height:142px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
}
a.aa {
	background-image:url(../img/system/option/01.jpg);
}
a:hover.aa {
	background-position:0px -142px;
}
a.bb {
    background-position:-142px 0px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.bb {
    background-position:-142px -142px;
}
a.cc {
    background-position:-284px 0px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.cc {
    background-position:-284px -142px;
}
a.dd {
    background-position:-426px 0px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.dd {
    background-position:-426px -142px;
}
a.ee {
    background-position:-568px 0px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.ee {
    background-position:-568px -142px;
}
a.ff {
    background-position:0px -284px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.ff {
    background-position:0px -426px;
}
a.gg {
    background-position:-142px -284px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.gg {
    background-position:-142px -426px;
}
a.hh {
    background-position:-284px -284px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.hh {
    background-position:-284px -426px;
}
a.ii {
    background-position:-426px -284px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.ii {
    background-position:-426px -426px;
}
a.jj {
    background-position:-568px -284px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.jj {
    background-position:-568px -426px;
}
a.kk {
    background-position:0px -568px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.kk {
    background-position:0px -710px;
}
a.ll {
    background-position:-142px -568px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.ll {
    background-position:-142px -710px;
}
a.mm {
    background-position:-284px -568px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.mm {
    background-position:-284px -710px;
}
a.nn {
    background-position:-426px -568px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.nn {
    background-position:-426px -710px;
}
a.oo {
    background-position:-568px -568px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.oo {
    background-position:-568px -710px;
}
a.pp {
    background-position:0px -852px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.pp {
    background-position:0px -994px;
}
a.qq {
    background-position:-142px -852px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.qq {
    background-position:-142px -994px;
}
a.rr {
    background-position:-284px -852px;
    background-image:url(../img/system/option/01.jpg);
}
a:hover.rr {
    background-position:-284px -994px;
}