body {
	background-color: #EAEEFE;
	color: #3E3E3E;
	font-family: "メイリオ", sans-serif;
	font-size: 100%;
	line-height: 1;
	margin: 0;
	text-align: center;
}
img { vertical-align: bottom; }
.ta_c { text-align: center; }

div#container {
	background-color: #FFFFFF;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 740px;
}

header p {
	background-color: #EAEEFE;
	font-family: sans-serif;
	font-size: 10px;
	line-height: 1.4;
	margin: 0;
	padding: 5px 0;
	text-align: right;
}

article {
	float: right;
	overflow: hidden;
	width: 537px;
}
article h1 {
	margin: 16px;
	padding: 0;
}
article h2 {
	font-size: 140%;
	line-height: 1.4;
	margin: 16px;
	padding: 0;
}
article h3 {
	font-size: 120%;
	line-height: 1.4;
	margin: 16px;
	padding: 0;
}
article p {
	font-size: 16px;
	line-height: 1.4;
	margin: 16px;
	padding: 0;
}

/* ----- 講習・講座のご案内 ----- */

article.training h2 {
	border: 1px solid #CCCCCC;
	font-size: 120%;
	line-height: 1.4;
	margin: 16px;
	padding: 0;
}
article.training h2 span {
	background-color: #EEEEEE;
	border-left: 7px solid #AA0707;
	display: block;
	margin: 2px;
	padding: 5px;
}
article.training dl {
	margin: 16px;
	padding: 0;
}
article.training dl dt {
	float: left;
	overflow: hidden;
	width: 7em;
}
article.training dl dd {
	margin-left: 8em;
}
article.training dl dt,
article.training dl dd {
	font-size: 16px;
	line-height: 1.4;
}

aside {
	background-color: #E3E4D5;
	float: left;
	overflow: hidden;
	width: 203px;
}
aside p {
	font-size: 12px;
	line-height: 1.4;
	margin: 16px 0;
	padding: 0;
}
aside ul {
	margin: 0;
	padding: 0;
}
aside ul.menu1 { border-left: 7px solid #CE6363; }
aside ul.menu0,
aside ul.menu2 {
	border-left: 7px solid #AA0707;
	margin-bottom: 16px;
}
aside ul.menu3 { border-left: 7px solid #DE9449; }
aside ul li {
	border-bottom: 1px solid #B6B6AA;
	border-top: 1px solid #FFFFFF;
	font-size: 12px;
	line-height: 1.4;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
aside ul li a {
	background: url(../imgs/list.gif) no-repeat 5px center;
	color: #3E3E3E;
	display: block;
	padding: 10px 15px 10px 23px;
	text-decoration: none;
}

footer {
	background-color: #F6F6F6;
	clear: both;
	text-align: center;
	width: 100%;
}
footer p {
	font-size: 12px;
	line-height: 1.4;
	margin: 12px 20px;
	padding: 0;
	text-align: left;
}
footer p.copyright {
	background: #EAEEFE url(../imgs/under_bg.gif) repeat-y center top;
	color: #FFFFFF;
	line-height: 1;
	margin: 0;
	padding: 16px;
	text-align: center;
}
footer p.copyright a { color: #FFFFFF; }

@media screen and (max-width: 739px) {
	div#container { width: 100%; }
	img.img_100 {
		height: auto;
		width: 100%;
	}
	.pc { display: none; }
	article,
	aside {
		float: none;
		width: auto;
	}
}