@charset "UTF-8";
@font-face {
    font-family: AlexBrush-Regular_font;                    /* フォントに名前を付ける */
    src: url('/fonts/AlexBrush-Regular.ttf') format('truetype');  /* フォントのURLを指定する */
}

body{
	margin:0;
	font-size:13px;
	background: linear-gradient(to bottom,#003973, #E5E5BE);
	font-family: メイリオ, Meiryo,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	box-sizing: border-box;
	color:black;
}

.stage{
	margin:10px;
    background: #469dba;
    text-decoration: none;
    color: #fff;
    padding: 10px 10px 10px 10px;
    text-align: left;
    display: block;
    border-radius: 5px;
    font-size:15px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

}

.main_scratch{
    background: #469dba;
	padding:0;
}

.main_scratch h1{
    text-align: center;
    font-size:26px;
	padding:20px;
}


.main_scratch .first{
    background: #e0b557;
}
.main_scratch .first h2.title{
    background: #c9891a;
	color: #fff;
    padding: 24px;
    margin:0px;
    text-align: center;
    font-size:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #c9891a;
}

h2.make{
    background: red;
	color: #fff;
    padding: 20px;
    margin:0px;
    text-align: center;
    font-size:24px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #c9891a;
}


.main_scratch .go{
    background: #e0b557;
}

.main_scratch .go h2.title{
    background: #c9891a;
	color: #fff;
    padding: 24px;
    margin:0px;
    text-align: center;
    font-size:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #c9891a;
}

.main_scratch .sprite{
    background: #65A7D6;
}

.main_scratch .sprite h2.title{
    background: #65A7D6;
	color: #fff;
    padding: 20px;
    margin:0px;
    text-align: center;
    font-size:24px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #65A7D6;

}


.main_scratch .program{
    background: #d4d8d8;
    margin:0px;
    padding:0px;
	border:1px solid #d4d8d8;
 	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;   
}

.main_scratch .program h2.title{
    background: #d4d8d8;
	color: #353838;
    padding: 24px;
    margin:0px;
    font-size:24px;
    text-align: center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #d4d8d8;
}

.main_scratch .execute{
    background: #33cc66;
}

.main_scratch .execute h2{
    background: #33cc66;
	color: black;
    padding: 20px;
    margin:0px;
    text-align: center;
    font-size:24px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #33cc66;
}

.main_scratch .text{
    background: #e8c3b4;
	color: #353838;
    padding: 20px;
    margin:20px 20px 0 20px;
    text-align: center;
    font-size:17px;
    border-radius:30px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.main_scratch .text img{
	width:70px;
	margin:5px;
	hspace:30;
	vspace:30;
}

.main_scratch .text span{
    background: #ce5727;
	color: white;
	text-weight:bold;
    padding: 10px;
    margin:10px;
    text-align: center;
    font-size:17px;
    border-radius:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.main_scratch .execute img{
	width:100px;
	margin:5px;
	hspace:30;
	vspace:30;
}

.main_scratch .ready img{
	max-width:400px;
	max-height:400px;
	margin:5px;
	hspace:30;
	vspace:30;
}