@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	}
#main {
	margin: 1em 5%;
	padding: 1em;
	border: 1px solid #333;
	}
h1 {
	padding: 5px 0 5px 50px;
	color: #FFF;
	background-color: #999;
	border-bottom: 4px solid #666;
	}
h2 {
	color: #666;
	padding: 1px 1px 1px 5px;
	border-color: #999;
	border-style: solid;
	border-width: 0 0 2px 40px;
	}
p {
	color: #fff;
	margin: 2em 0px;
	line-height: 1.8em;
	}
p.ma{
	border-width: 2px 0;
	border-style: dotted;
	border-color: #f77;
	}
iframe.mi{
	float: left;
	margin-right: 10px;
	margin-top: 1em;
	}

/* cssの書き方の復習
----------------------------------------
htmlタグ名（既定）.クラス名（任意） {
	プロパティ:値;
	プロパティ:値;
	}
----------------------------------------

よく使うプロパティとその値の例
----------------------------------------
	margin: 1em;
	margin: 1em 5%;
	margin: 5px 30px 20px 20px;
	padding: 5px;
	border: 2px solid #00F;
	border-width: 0 0 1px 20px;
	border-style: solid; （他に dotted, dashed等）
	border-color: #69F;
	line-height: 1.8em;
	background-color: #369;
----------------------------------------
*/