@charset "shift_jis";

body{
	margin:0;
	background:#ffcccc;
	color:#111111;
	font-size:12px;
	line-height:1.2em;
	letter-spacing:1px;
}

img{
	border:none;
	padding:0;
}

#header{
	margin:0 auto;
	width:880px
}

#logo{
	margin:5px auto -10px;
	width:880px;
	z-index:100;
	position:relative;
}

*:first-child+html #logo{
	margin-bottom:-13px;
}

#intro{
	margin:34px 0 -59px 370px;
	height:25px;
	width:600px;
}

h1{
	font-size:10px;
	color:#b65e5e;
}

#container{
	border:#b6978b 3px solid;
	width:880px;
	margin:0 auto;
	background:#ffffff;
	z-index:1;
	position:relative;
}

#about{
	background:url(../img/header.jpg) no-repeat;
	width:265px;
	margin:15px auto;
	padding:210px 405px 100px 135px;
	color:#444444;
}

.button a{
	display:block;
	overflow:hidden;
	width:575px;
	height:72px;
}

.button a:hover img{
	margin-top:-72px;
}

#button1{
	width:575px;
	margin-top:-105px;
	margin-left:155px;
	margin-bottom:105px;
}

#button2{
	width:575px;
	margin-top:50px;
	margin-left:150px;
}


.button3 a{
	display:block;
	overflow:hidden;
	width:61px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
}

.button3 a:hover img{
	margin-top:-24px;
}

*:first-child+html #button2{
	margin-top:60px;
}

#midashi{
	margin-top:-80px;
	margin-left:58px;
	margin-bottom:-13px;
	z-index:100;
	position:relative;
}

#point{
	width:300px;
	height:40px;
	margin-left:500px;
	margin-top:-55px;
	font-size: 1.5vh;
}

.sys{
	background:url(../img/system.png) no-repeat #999999;
	width:783px;
	height:270px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:center;
	z-index:99;
	position:relative;
}

*:first-child+html .sys{
	text-align:left;
}

.sys_il{
	margin-top:47px;
}

*:first-child+html .sys_il{
	margin-left:33px;
}

.il1{
	margin-top:-133px;
	margin-left:-670px;
}

*:first-child+html .il1{
	margin-left:20px;
}

.il2{
	margin-top:-95px;
	margin-left:143px;
}

*:first-child+html .il2{
	margin-left:420px;
}

.il3{
	padding:0;
	margin-top:-143px;	
	margin-left:358px;
}

*:first-child+html .il3{
	margin-left:520px;
}

.txt1{
	margin-top:10px;
	margin-left:37px;
	height:35px;
	width:220px;
	overflow:hidden;
	text-align:left;
	font-size: 1.3vh;
}

.txt2{
	margin-top:-35px;
	margin-left:292px;
	height:35px;
	width:215px;
	overflow:hidden;
	text-align:left;
	font-size: 1.3vh;
}

.txt3{
	margin-top:-35px;
	margin-left:535px;
	height:35px;
	width:220px;
	overflow:hidden;
	text-align:left;
	font-size: 1.3vh;
}

#coin{
	width:694px;
	height:320px;
	margin:0 auto;
	background:url(../img/coin.jpg) no-repeat;
}

#cointxt{
	padding-top:30px;
	padding-left:20px;
	width:500px;
}

*:first-child+html #cointxt{
	padding-top:40px;
}

#footer{
	background:url(../img/girl.png) no-repeat right bottom;
	width:920px;
	height:189px;
	margin-top:-40px;
	padding-top:10px;
}

*:first-child+html #footer{
	margin-bottom:-20px;
}

span{
	display:block;
	width:200px;
	margin-top:-63px;
	margin-left:580px;
	margin-bottom:-4px;
	text-align:center;
	height:53px;
	overflow:hidden;
}

*:first-child+html span{
	margin-bottom:-14px;
}

#copy{
	width:890px;
	margin:5px auto 15px;
}