*{
	margin: 0;
	padding: 0;
	border:0;
	list-style: none;
}
img{
	max-width: 100%;
}

body{
	background: url(../images/bg.png);
	-webkit-background-size: 27px auto;
	     -o-background-size: 27px auto;
	        background-size: 27px auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*///////////////////////////

//////////////////////////*/
.inner{
	width: 90%;
	margin: 0 auto;
}
/*///////////////////////////

//////////////////////////*/
.mainvisual{
	position: relative;
	padding: 45px 0 0 0;
	background: url(../images/mainvisual-bg.png) no-repeat center top;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
}
.info{
	position: relative;
	width: 100%;
	padding-bottom: 40%;
	margin: 0 auto;
}
.info img{
	position: absolute;
}

.logo img{
	left: 5%;
	width: 52%;
}
.icon img{
	right: 5%;
	width: 35%;
}

.main-lead{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 20px;
}



.link-application{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 30px 0 20px;
}
.app-item{
	float: left;
	width: 50%;
}
.app-item img{width: 90%;}





/*///////////////////////////

//////////////////////////*/
.screenshot-area{
	position: relative;
	width: 100%;
	padding: 25px 0;
	overflow: hidden;
	background: url(../images/_bg.png);
	-webkit-background-size: 200px auto;
	     -o-background-size: 200px auto;
	        background-size: 200px auto;

}
.screenshot-list{
	position: relative;
	width: 400%;
	margin: 0;
	overflow: hidden;
}
.screenshot-item{
	float: left;
	width: 25%;
	text-align: center;
}
.screenshot-item img{
	width: 90%;
}


/*///////////////////////////

//////////////////////////*/
.copyright{
	font-size: 12px;
	text-align: center;
	padding: 45px 0;
}