@charset 'utf-8'; /*文字コード指定*/

/* ----- css reset(各ブラウザで指定されているスタイルを初期化)と全体設定 ----- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
    margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
    padding: 0; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
    border: 0; /*境界線指定*/
}

html, body {
    height: 100%; /*領域の高さ指定*/
}

body {
    /*font-size: 100%;*/ /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 2; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    background: #F2F2F2; /*背景指定*/
    font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro'; /*フォントの種類指定(左から優先順位)*/
    color: #333; /*文字色指定*/
}
a:hover{
	text-decoration: none;
	color:red;
	font-weight:bold;
}
.top{
	font-size:24px;
	text-align: center;
	padding:30px;
	background-image:url("../images/download2.png") /*背景*/
}
.top a{
	color:#2B2B2B;
	text-decoration: none;
}
.top a:hover{
	color:#727272;
}
.menu{
	font-size:18px;
}
.menu ul{
	margin: 5px;
	padding:0px;
	text-align: center;
	list-style-type: none;
}
.menu ul li{
	display:inline-block;
	padding:0 10px;
	border-right: 1px solid #323232;
}
.content{
	text-align: center;
	width:70%;
	padding:0 10%;
	margin:0 15%;
}
.content h2{
	margin:20px 0;
}
.content0{
	text-align: center;
	padding-bottom:20px;
}
.content0 iframe{
	width:467px;
	height:263px;
}
.content1{
	text-align: left;	
	line-height: 25px;
}
.content2{
	text-align: left;
}
.content2 img{
	padding:5px;
	margin-right: 10px;
	border:1px solid #000000;
	float:left;
	width:160px;
}
.content2 h3{
	text-align:left;
}
.content3{
	clear:left;
	text-align:left;
}
.sponsor{
	padding:5%;
	margin: 0 10%;
}
.sponsor0{
	width: 60%;
	height: 280px;
	overflow: scroll;
	border:1px solid #B8B8B8;

}
.sponsor1{
	display:inline-block;

}
.copyright{
	text-align: center;
	font-size:10px;
	padding: 10px;
	line-height: 20px;
}
@media screen and (max-width: 768px) {
	html{
		font-size:14px;
	}
	.top{
		font-size:18px;
	}
	.content0 iframe{
		width:367px;
		height:208px;
	}
	.content2 img{
		width:108px;
	}
}
@media screen and (max-width: 543px) {
	.sponsor{
		margin-left:auto;
	}
}
@media screen and (max-width: 468px) {
	html{
		font-size:12px;
	}	
	.top{
		font-size:12px;
		white-space: nowrap;
	}
	
	.menu{
		font-size:12px;
	}
	.content0 iframe{
		width:267px;
		height:150px;
	}
	.content2 img{
		width:78px;
	}
}