@import "style.css";

#topmenu {
	float: left;
	width: 660px;
	}
#top_flash {
	}
#school_info_box {
	}
#school_info_box h1,
#other h1 {
	margin: 0; padding: 0 0 0 10px;
	font-size: 16px;
	line-height: 40px;
	border-top: 4px solid #e2dada;
	border-bottom: 4px solid #e2dada;
	border-left: 4px solid #e2dada;
	}
table {
	border-collapse: collapse;
	}
table td {
	vertical-align: top;
	}
*html .school_info1 a,
*html .school_info2 a,
*html .school_info3 a {
	height: 1%;
	}
.school_info1 {
	float: left;
	width: 320px;
	margin: 5px;
	border: 1px solid #e2dada;
	}
*html .school_info1 {
	width: 318px;
	}
.school_info2 {
	float: left;
	width: 310px; height: 180px;
	margin: 5px;
	}
*html .school_info2 {
	width: 315px;
	}
.school_info3 {
	float: left;
	width: 200px; height: 120px;
	margin: 5px;
	}
*html .school_info3 {
	width: 205px;
	}
.school_info1 td,
.school_info2,
.school_info3 {
	padding: 5px;
	}
#school_info_box ul,
#other ul {
	list-style: none;
	margin: 10px 0 ;
	}
#other {
	}
.school_info3 p {
	margin: 10px 0;
	}

#information {
	float: left;
	width: 660px;
	}
#information h1 {
	margin: 0; padding: 0 0 0 10px;
	font-size: 16px;
	line-height: 40px;
	border-top: 4px solid #e2dada;
	border-left: 4px solid #e2dada;
	}
#information h2.label2 {
	margin: 5px;
	}
#information ul {
	list-style: none;
	}
#information ul#bc_list {
	margin: 0;
	border-top: 1px solid #e2dada;
	border-bottom: 4px solid #e2dada;
	border-left: 4px solid #e2dada;
	}
#information ul#bc_list li.bc1 {
	padding: 0 4px;
	background: none;
	}
#information ul#bc_list li {
	float: left;
	padding: 0 4px 0 24px;
	font-size: 10px;
	line-height: 20px;
	background: url(../img/bc_arrow.gif) no-repeat 0 50%;
	}
#beginner {
	float: left;
	width: 320px;
	margin: 5px;
	}
#advance {
	float: right;
	width: 320px;
	margin: 5px;
	}
.nagare_waku {
	margin:20px 0; padding: 1px 10px 10px 10px;
	background: #f0ebeb;
	}
.nagare_waku h3 {
	font-size: 16px;
	color: #609;
	}
.mail_form {
	width: 650px;
	margin: 5px;
	}
.mail_form th {
	width: 172px;
	font-size: 12px;
	line-height: 1.6;
	background: #f0ebeb;
	}
.mail_form th,
.mail_form td {
	padding: 4px;
	border: 1px solid #e2dada;
	}
.mail_form td input {
	vertical-align: middle;
	}
.mail_form td textarea {
	width: 450px;
	}
.mail_form td table td {
	border: none;
	}
.review_box p {
	margin: 10px;
	}
.review_box p.qst {
	color: #f60;
	}
.review_box p.asw:first-letter {
	font-weight: bold;
	color: #111;
	}
.review_box h3 {
	margin: 10px;
	}
.right h2 {
	margin: 5px;
	padding: 2px 4px;
	background: #e2dada;
	}
table.shiryo {
	width: 450px;
	}
.shiryo th {
	width: 140px;
	font-size: 12px;
	line-height: 1.6;
	background: #f0ebeb;
	}
.shiryo th,
.shiryo td {
	padding: 4px;
	border: 1px solid #e2dada;
	}
.shiryo td input {
	vertical-align: middle;
	}
.shiryo td textarea {
	width: 280px; height: 5em;
	}
.shiryo td table td {
	border: none;
	}
#mform {
	width: 460px;
	margin: 0 auto;
	text-align: center;
	}
#mform .center_element {
	text-align: left;
	}