@charset "utf-8";


body {
	background: #ddd;
	margin: 0;
	border: 2px solid #000;
	max-width: 1300px;		/*最大幅の制限。これ以上広がらない。ここはpxでの指定*/
	margin: 0 auto 0;
}

#container {
	background-image:	url("../images/mahjongbg.jpg") ;
	background-attachment:	fixed ;
	background-size:		100%;
	max-width: 1200px;		/*最大幅の制限。これ以上広がらない。ここはpxでの指定*/
	margin: 0 auto 0;
}
	
header {
	border: 2px solid #f00;
	padding: 0 1em;
}

main {
	border: 2px solid #00f;
	color: #008000;
	font-weight: bold;
	padding: 0 1em;
}

footer {
	border: 2px solid #f00;
	padding: 0 1em;
}

/*h2*/
h2 {
	clear: both;
	margin-bottom: 15px;
	color: #fff;
	background: url(../images/woopin.jpg) no-repeat 20px center, linear-gradient(#6bf, #aaf);
	border-radius: 30px;
	padding: 5px 20px 5px 50px;
}


/*h3タグ*/
h3 {
	clear: both;
	margin-bottom: 15px;
	color: #333;
	background: linear-gradient(#fff, #ddd);
	border-radius: 30px;
	padding: 5px 20px;
	border: 1px solid #ccc;
}


/*スマホの小さい画面ではフォントを小さくする*/
@media screen and (max-width:800px){

	body {
		font-size: 11px;
	}

} /*media*/