@charset "utf-8";

/* BODY
---------------------------------------------------- */
body {
	margin: 0; 
	padding: 0;
	font-size: 75%;
	font-family: MS Pゴシック, arial, Osaka, Times New Roman;
	color: #1B1B1B;
	line-height: 1.7;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0; 
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: none;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.attention { 
	color: #FF3333;
}
.mini {
	font-size: 85%;
}

/* WRAPPER
---------------------------------------------------- */
#wrapper {
	width: 100%;
	height: 150px;
	background: url(../img/common/bg_sub_header.jpg) repeat-x;
}

/* HEADER
---------------------------------------------------- */
#header {
	width: 900px;
	margin: 0 auto;
}
#header h1 {
	padding-bottom: 5px;
	float: left;
}
#header h2 {
	float: left;
}
#header p {
	padding-bottom: 5px;
	float: left;
}
#header ul li {
	float: left;
}

/* CONTAINER
---------------------------------------------------- */
#container {
	width: 100%;
	background: url(../img/common/bg_container.gif);
	padding-top: 20px;
}

/* CONTENT
---------------------------------------------------- */
#content {
	width: 900px;
	margin: 0 auto;
	background-image: url(../img/common/bg_content.gif);
}

/* MAINCOLUMN
---------------------------------------------------- */
#maincolumn {
	width: 675px;
	float: right;
	background: url(../img/common/bg_maincolumn.gif) repeat-y;
}
#maincolumn div {
	width: 635px;
	margin: 0 auto;
	clear: both;
}
h3#tit  {
	padding: 0 0 15px 0 !important;
}
#maincolumn h4 {
	padding: 20px 0 15px 0;
}
h4.tit {
	padding: 10px 0 15px 0 !important;
}
#maincolumn h5 {
	padding-bottom: 15px;
}
h5.tit {
	padding: 20px 0 15px 0 !important;
}
p.mgn-10 {
	margin-top: 10px;
}
p.mgn-15 {
	margin-top: 15px;
}
p.mgn-20 {
	margin-top: 20px;
}

/* why マイ
---------------------------------------------------- */
p.reason {
	width: 385px;
	padding-right: 20px;
	float: left;
}
p.reason-img {
	width: 230px;
	float: right;
}

/* スクール案内
---------------------------------------------------- */
#school-profile {
	width: 645px !important;
	padding-top: 10px;
}
#school-profile p {
	float: left;
}
#school-profile ul {
	float: left;
}

/* スタッフ紹介
---------------------------------------------------- */
.staff-profile {
	width: 645px !important;
	padding-top: 20px;
}
.staff-profile p {
	margin-right: 15px;
	float: left;
}
.staff-profile ul {
	float: left;
}
.staff-caution {
	width: 645px !important;
	padding:20px 0 10px 0;
	text-align:center;
}

/* 料金表
---------------------------------------------------- */
table#charge {
	width: 635px;
	margin: 20px auto 0 auto;
	font-size: 120%;
	border-top: 1px #DDDDDD dashed;
}
table#charge td {
	padding: 5px;
	border-bottom: 1px #DDDDDD dashed;
}
table#charge td.td1 {
	color: #FFFFFF;
	font-weight: bold;
	background: #F6A900;
}
table#charge td.td2 {
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background: #F6A900;
	border-left: 1px #DDDDDD dashed;
}
table#charge td.td3 {
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	background: #F6A900;
	border-left: 1px #DDDDDD dashed;
}
table#charge td.td4 {
	color: #F6A900;
	font-weight: bold;
	background: #FFFFFF;
}
table#charge td.td4-2 {
	color: #F6A900;
	font-weight: bold;
	background: #F2F2F2;
}
table#charge td.td5 {
	text-align: center;
	background: #FFFFFF;
	border-left: 1px #DDDDDD dashed;
}
table#charge td.td5-2 {
	text-align: center;
	background: #F2F2F2;
	border-left: 1px #DDDDDD dashed;
}
table#charge td.td6 {
	text-align: right;
	background: #FFFFFF;
	border-left: 1px #DDDDDD dashed;
}
table#charge td.td6-2 {
	text-align: right;
	background: #F2F2F2;
	border-left: 1px #DDDDDD dashed;
}
ul#charge {
	width: 595px;
	padding: 20px 0 30px 40px;
}
ul#charge li {
	list-style: outside disc;
}

/* スケジュール表
---------------------------------------------------- */
h3#schedule-tit {
	text-align: center;
}
h4#schedule-tit {
	width: 635px;
	margin: 0 auto;
}
p#schedule {
	width: 635px;
	margin: 10px auto 0 auto;
	font-size: 120%;
	font-weight: bold;
	color: #FF3333;
}
table#schedule {
	width: 635px;
	margin: 5px auto 0 auto;
	border-top: 1px #DDDDDD dashed;
}
table#schedule td {
	padding: 5px 0;
	border-bottom: 1px #DDDDDD dashed;
}
table#schedule td.td1 {
	width: 155px;
	padding-left: 5px;
	color: #FFFFFF;
	font-weight: bold;
	background: #009900;
	border-bottom: 1px #009900 dashed;
}
table#schedule td.td2 {
	width: 154px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background: #009900;
	border-left: 1px #DDDDDD dashed;
	border-bottom: 1px #009900 dashed;
}
table#schedule td.td2-2 {
	width: 110px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background: #009900;
	border-left: 1px #DDDDDD dashed;
	border-bottom: 1px #009900 dashed;
}
table#schedule td.td2-3 {
	width: 205px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background: #009900;
	border-left: 1px #DDDDDD dashed;
	border-bottom: 1px #009900 dashed;
}
table#schedule td.td3 {
	padding-left: 5px;
	font-weight: bold;
	color: #009900;
	background: #FFFFFF;
	vertical-align: top;
	border-bottom: 1px #009900 dashed;
}
table#schedule td.td4 {
	background: #FFFFFF;
	text-align: center;
	border-left: 1px #DDDDDD dashed;
}
table#schedule td.td4-2 {
	background: #F2F2F2;
	text-align: center;
	border-left: 1px #DDDDDD dashed;
}
table#schedule td.td5 {
	background: #FFFFFF;
	text-align: center;
	border-left: 1px #DDDDDD dashed;
	border-bottom: 1px #009900 dashed;
}
table#schedule td.td5-2 {
	background: #F2F2F2;
	text-align: center;
	border-left: 1px #DDDDDD dashed;
	border-bottom: 1px #009900 dashed;
}
ul.news-letter {
	width: 625px;
	padding: 0 5px;
	clear: both;
}
ul.news-letter li {
	width: 125px;
	float:	left;
	text-align: center;
	font-size: 12px;
}
ul.news-letter li.tit {
	padding-bottom: 15px;
}

/* 受講生の声
---------------------------------------------------- */
li.voice {
	width: 455px;
	padding-right: 20px;
	float: left;
}
li.voice-img {
	width: 160px;
	margin-bottom: 10px;
	float: left;
}
li.voice-noimg {
	clear: both;
	margin-bottom: 10px;
}

/* よくある質問
---------------------------------------------------- */
p.faq_q {
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #50B3CC;
	font-weight: bold;
	border-bottom: #50B3CC dotted 1px;
}
p.faq_a {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: #50B3CC double 2px;
}

/* イベント
---------------------------------------------------- */
p#main-img {
	margin-top: 20px;
}
p.event {
	width: 385px;
	padding-right: 20px;
	float: left;
}
p.event-flyer {
	width: 230px;
	margin-bottom: 10px;
	text-align: right;
	float: left;
}
ul.event-img {
	padding: 10px 0 0 20px;
	clear: both;
}
ul.event-img li {
	float: left;
}

/* Fruit Salad
---------------------------------------------------- */
p#fruit-salad {
	margin: 20px 0;
}
ul#fruit-salad {
	padding: 10px 0 0 20px;
}
ul#fruit-salad li {
	float: left;
}

/* Privacy Policy
---------------------------------------------------- */
ul.privacy li {
	margin-left: 20px;
	list-style: disc outside;
}
ul.privacy li#privacy-policy {
	margin-top: 20px;
}
p.privacy {
	width: 635px;
	margin: 0 auto 15px auto;
}

/* Sitemap
---------------------------------------------------- */
ul.sitemap {
	padding: 20px 0 0 20px;
	clear: both;
}
ul.sitemap li {
	padding: 5px 0 0 7px;
	float: left;
}

/* クラス
---------------------------------------------------- */
h4#main-flash {
	padding: 15px 0 !important;
	text-align: center;
	background: url(../img/class/bg_children_main.jpg) no-repeat;
}
ul#class-course li {
	width: 310px;
	padding: 20px 0 0 5px;
	float: left;
}
ul#class-course2 li {
	width: 310px;
	padding: 0 0 0 5px;
	float: left;
}
ul.class-course3 li {
	width: 320px;
	padding: 0 0 0 0;
	float: left;
}
ul.class-course3 li.class-course3-R {
	width: 315px;
	padding: 0 0 0 0;
	float: left;
}
table#detail {
	width: 625px;
	margin: 20px auto;
	font-size: 120%;
	border-top: 1px #DDDDDD dashed;
}
table#detail td {
	padding: 10px 5px;
	border-bottom: 1px #DDDDDD dashed;
}
table#detail td.td1 {
	width: 150px;
	text-align: center;
	background: #F2F2F2;
}
table#detail td.td2 {
	width: 445px;
	padding-left: 10px;
	background: #FFFFFF;
}
table#detail td#td3 {
	padding-left: 10px;
	background: #DDDDDD;
}
p#intensive {
	margin-top: 15px;
	padding-left: 20px;
}
p.intensive-course {
	padding-right: 10px;
}
ul.intensive li {
	margin-left: 20px;
	list-style: disc outside;
}
p.intensive {
	margin: 0 10px 0 10px;
}

/* 分校
---------------------------------------------------- */
p#map {
	margin-bottom: 20px;
	text-align: center;
}
h3.branch-school-tit {
	text-align: center;
	margin-top: 35px;
}
ul.branch-school {
	padding: 20px 0 20px 10px;
}
ul.branch-school li {
	padding: 0 5px;
	float: left;
}
table.branch-school {
	width: 635px;
	margin: 0 auto;
	font-size: 120%;
	border-top: 1px #DDDDDD dashed;
}
table.branch-school td {
	padding: 10px 5px;
	border-bottom: 1px #DDDDDD dashed;
}
table.branch-school td.td1 {
	width: 150px;
	text-align: center;
	background: #F2F2F2;
}
table.branch-school td.td2 {
	padding-left: 10px;
	background: #FFFFFF;
}

/* ETC
---------------------------------------------------- */
ul#free-lesson li {
	width: 320px;
	padding: 0 0 0 0;
	float: left;
}
ul#free-lesson li.free-lesson-R {
	width: 315px;
	padding: 0 0 0 0;
	float: left;
}

/* google map
---------------------------------------------------- */
#gmap {
	border: 1px solid #968F9B;
	text-align: center;
}
#infowindow {
	text-align: left;
}
#infowindow dl, #infowindow dt, #infowindow dd {
	margin: 0;
	padding: 0;
}
#infowindow dt {
	font-size: medium;
	margin-bottom: 3px;
	font-weight: bold;
}
#infowindow dd {
	line-height: 130%;
	font-size: small;
	color: #1B1B1B;
}
span.loading {
	display: block;
	text-align: left;
	padding: 10px;
}

/* SUBCOLUMN
---------------------------------------------------- */
#subcolumn {
	width: 200px;
	padding-bottom: 20px;
	float: left;
}
ul#subnav {
	margin-bottom: 10px;
	background: url(../img/common/bg_snav.gif) repeat-y;
}
ul#subnav li.snav {
	padding-bottom: 10px;
}
ul#subnav li#snav-top {
	padding: 20px 0 10px 0;
	background: url(../img/common/bg_top_snav.gif) no-repeat top;
}
ul#subnav li#snav-bottom {
	padding-bottom: 20px;
	background: url(../img/common/bg_bottom_snav.gif) no-repeat bottom;
}
ul#subnav-link li {
	padding-top: 10px;
	text-align: center;
	background: url(../img/common/bg_snav.gif) repeat-y;
}
ul#subnav-link li#subnav-link-top {
	background: none !important;
}
ul#subnav-link li#btn-link-bottom {
	padding-top: 40px;
	background: url(../img/common/bg_bottom_snav.gif) no-repeat top;
}

/* FOOTER
---------------------------------------------------- */
#footer {
	width: 100%;
	background: url(../img/common/bg_footer.gif) repeat-x;
}
#footer p {
	width: 900px;
	margin: 0 auto;
	text-align: right;
}

/* CLEARFIX
---------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* OTHER
---------------------------------------------------- */
.red {
	color:#F00;
}