@charset "utf-8";

body {
	background: #eee;
	margin: 0;
}

#container {
	background-image:		url("../images/digitaltimerbg.jpg") ;
	background-attachment:	fixed ;
	background-size:		100% ;
	border-radius: 1em;
	max-width: 1200px;		/*最大幅の制限。これ以上広がらない。ここはpxでの指定*/
	margin: 0 auto 0;		/*最大幅超えたときに、水平位置中央に*/
	padding: 0 1em;
	color: #008000;
}

header,
footer,
main {		/*特になにも設定しない*/
}


/*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: 12px;
}

} /*media*/