div#pgTitle {
	width: 760px;
	height: 30px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	background-image: url(../img/systemTitle.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	float:left;
}

div#main {
	width: 760px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	font-size:12px;
	text-align:center;
	clear:both;
	/*float:left;*/
}

/*システム*/
div#systemBoxSystem {
	width: 760px;
	height: 1116px;
	margin-bottom: 10px;
	padding: 0px;
	background-image: url(../img/systemSystemBg2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	float:left;
}

/*カード*/
div#systemBoxCard {
	width: 175px;
	height: 100px;
	margin-bottom: 10px;
	padding: 170px 85px 600px 500px;
	background-image: url(../img/systemCardBg2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	float:left;
}

div#systemBoxCard dl{
	width: 175px;
	height: 90px;
	margin: 0px;
	padding-top: 10px;
	float:left;
}

div#systemBoxCard dd.name{
	width: 75px;
	height: 28px;
	margin: 0px;
	padding-top: 5px;
	color:#333333;
	font-size:12px;
	text-align:right;
	float:left;
}

div#systemBoxCard dd{
	width: 100px;
	height: 33px;
	margin: 0px;
	padding: 0px;
	color:#333333;
	font-size:12px;
	text-align:left;
	float:left;
}

div#systemBoxCard dd.name2{
	width: 175px;
	height: auto;
	margin: 0px;
	padding: 3px 0px;
	color:#333333;
	font-size:12px;
	text-align:center;
	float:left;
}

div#systemBoxCard dd.name2 span{
	font-size:12px;
	color:#ff0000;
}

/*HowTo*/
div#systemBoxHow {
	width: 760px;
	height: 950px;
	margin-bottom: 10px;
	padding: 0px;
	background-image: url(../img/systemHowBg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	float:left;
}

/*マップ*/
div#systemBoxMap {
	width: 760px;
	height: 545px;
	margin-bottom: 10px;
	padding: 0px;
	background-image: url(../img/systemMapBg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	float:left;
}

/*メニューボタンエリア------------------------*/
div#systemMenu {
	width: 690px;
	height: 50px;
	margin: 0px;
	padding: 40px 35px 0px 35px;
	background-image: url(../img/systemMenuBg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	float:left;
}

dl.menu{
	width: 690px;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	clear:both;
}

dd.System{
	width:172px;
	height: 50px;
	padding:0px;
	margin:0px;
	border: none;
	text-indent: -9999px;
	float: left;
	/*clear: both;*/
}

dd.System a.other{
	display: block;
	width:172px;
	height: 50px;
	text-decoration: none;
}

dd.System a.this {
	display: block;
	width:172px;
	height: 50px;
	text-decoration: none;
	background-image: url(../img/systemMenuSystem.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

dd.System a:hover {
	display: block;
	width:172px;
	height: 50px;
	background-image: url(../img/systemMenuSystem.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-decoration: none;
}

dd.Card{
	width:172px;
	height: 50px;
	padding:0px;
	margin:0px;
	border: none;
	text-indent: -9999px;
	float: left;
	/*clear: both;*/
}

dd.Card a.other{
	display: block;
	width:172px;
	height: 50px;
	text-decoration: none;
}

dd.Card a.this {
	display: block;
	width:172px;
	height: 50px;
	text-decoration: none;
	background-image: url(../img/systemMenuCard.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

dd.Card a:hover {
	display: block;
	width:172px;
	height: 50px;
	background-image: url(../img/systemMenuCard.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-decoration: none;
}

dd.How{
	width:172px;
	height: 50px;
	padding:0px;
	margin:0px;
	border: none;
	text-indent: -9999px;
	float: left;
	/*clear: both;*/
}

dd.How a.other{
	display: block;
	width:172px;
	height: 50px;
	text-decoration: none;
}

dd.How a.this {
	display: block;
	width:172px;
	height: 50px;
	text-decoration: none;
	background-image: url(../img/systemMenuHow.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

dd.How a:hover {
	display: block;
	width:172px;
	height: 50px;
	background-image: url(../img/systemMenuHow.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-decoration: none;
}

dd.Map{
	width:172px;
	height: 50px;
	padding:0px;
	margin:0px;
	border: none;
	text-indent: -9999px;
	float: left;
	/*clear: both;*/
}

dd.Map a.other{
	display: block;
	width:172px;
	height: 50px;
	text-decoration: none;
}

dd.Map a.this {
	display: block;
	width:172px;
	height: 50px;
	text-decoration: none;
	background-image: url(../img/systemMenuMap.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

dd.Map a:hover {
	display: block;
	width:172px;
	height: 50px;
	background-image: url(../img/systemMenuMap.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-decoration: none;
}