@charset "utf-8";
/* -----------------------------------------------
CSS Document
----------------------------------------------- */
/******************************** reset style ********************************/
html {
	color:#2A2A2A;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}
legend {
	color:#2A2A2A;
}
/******************************** font style ********************************/
body {
	font:12px/1.231 "ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif";
	line-height:1.4em;
*font-size:small;
*font:x-small;
}
select, input, button, textarea {
	font:99%;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}
/******************************** floatclear style ********************************/
.clearfix:after {
	content:"";
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
	overflow:hidden;
	display: block;
}
.clear {
	clear:both;
}
/******************************** link style ********************************/
a:link, a:visited, a:active {
	color: #2A2A2A;
	text-decoration:none;
}
a:hover {
	color: #99CC00;
}
/******************************** http://www.t-steps.com/index.html ********************************/
body {
	background:url(../img/bodybg.gif) repeat-x top;
}
#topcont {
	width:1000px;
	margin:0 auto;
	background:url(../img/main_dlvisual.jpg) no-repeat top center;
}
#header {
	margin:0 auto;
	width:860px;
}
#header h1 {
	display:block;
	width:160px;
	float:left;
}
#header div.day_button {
	width:97px;
	float:left;
	margin-left:10px;
}
#header div.night_button {
	width:97px;
	float:left;
	margin-left:1px;
}
#header div.contact_number {
	width:250px;
	float:left;
	margin-left:15px;
}
#header div.contact_button {
	width:107px;
	float:left;
	margin:3px 0 0 14px;
}
/**IE6hack**/
*html body #header div.contact_button {
	margin:3px 0 0 7px;
}
#header div.document_button {
	width:107px;
	float:left;
	margin:3px 0 0 2px;
}
/**IE6hack**/
*html body #header div.document_button {
	margin:3px 0 0 1px;
}
#header div.headermenu {
	float:right;
	font-size:10px;
	width:250px;
	margin-top:7px;
}
#header div.headermenu ul li {
	float:left;
}
#header div.headermenu ul li.sub {
	background:url(../img/list.gif) no-repeat center left;
	float:left;
	padding-left:9px;
}
/**IE7hack**/
*:first-child+html #header h2 img {
	margin-top:-5px;
}
#globalnavi {
	background:url(../img/globalnavi_nbg.gif) no-repeat top left;
	width:860px;
	height:67px;
	margin:0 auto 0 auto;
	padding-left:20px;
}
#globalnavi li {
	float:left;
	margin:15px 0 0 5px;
}
#maincont {
	background:url(../img/maincont_nbg.gif) no-repeat top left;
	width:880px;
	margin:0 auto;
	padding-top:24px;
}
#main {
	background:url(../img/column_nbg.gif) no-repeat bottom left;
	padding-bottom:15px;
}
#column {
	background:url(../img/main_nbg.gif) repeat-y;
	margin:0 auto;
	width:880px;
}
#leftcolumn {
	width:218px;
	float:left;
}
#leftcolumn ul li {
	float:none;
}
#leftcolumn ul li {
	margin:0px 9px 5px 9px;
}
/**IE6hack**/
*html body #leftcolumn ul li {
	margin:0px 4px 5px 4px;
}
#leftcolumn ul.menu {
	background:url(../img/rightcolumn_bottom.gif) no-repeat 12px 2px;
}
#leftcolumn ul.menu li {
	padding:10px 0 10px 5px;
	margin-left:12px;
	background:url(../img/rightcolumn_bottom.gif) no-repeat bottom left;
}
/**IE6hack**/
*html body #leftcolumn ul.menu li {
	padding:10px 0 10px 5px;
	margin-left:6px;
	background:url(../img/rightcolumn_bottom.gif) no-repeat bottom left;
}
#leftcolumn ul.menu2 {
	background:none;
}
#leftcolumn ul.menu2 li {
	padding:10px 0 10px 5px;
	margin-left:12px;
	background:url(../img/rightcolumn_bottom.gif) no-repeat bottom left;
}
/**IE6hack**/
*html body #leftcolumn ul.menu2 li {
	padding:10px 0 10px 5px;
	margin-left:6px;
	background:url(../img/rightcolumn_bottom.gif) no-repeat bottom left;
}

#centercolumn {
	width:620px;
	float:left;
	margin-left:32px;
}
#centercolumn a:link, #centercolumn a:visited, #centercolumn a:active {
	color: #38B5E9;
	text-decoration:underline;
}
#centercolumn a:hover {
	color: #99CC00;
}
#centercolumn #maincontents {
	width:620px;
}
#centercolumn #maincontents h3 {
	margin-bottom:20px;
}
#centercolumn #maincontents h4 {
	background:url(../img/h4_bg.gif) no-repeat top left;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	width:620px;
	height:30px;
	padding:6px 0 0 0;
	text-indent:22px;
	margin-top:30px;
}
#centercolumn #maincontents h5 {
	background:url(../img/h5_bg.gif) no-repeat bottom left;
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
	width:580px;
	margin:20px auto 20px auto;
	clear:both;
}
#centercolumn #maincontents p.caption{
	font-size:14px;
	padding:10px 10px 10px 0;
	line-height:1.8em;
}
#centercolumn #maincontents p.lead {
	padding:10px 10px 10px 0;
}
#centercolumn #maincontents p.lead2 {
	display:block;
	width:580px;
	padding:10px 0;
	margin:0 auto;
}
#centercolumn #maincontents .photolayout {
	width:580px;
	margin:0 auto;
}
#centercolumn #maincontents .photolayout p.lead3 {
	float:left;
	width:406px;
	padding:10px 0;
}
#centercolumn #maincontents .photolayout div.photo_r {
	float:left;
	width:164px;
	margin:10px 0 30px 10px;
	display:block;
}
#centercolumn #maincontents .photolayout div.photo_l {
	float:left;
	width:164px;
	margin:10px 10px 30px 0;
	display:block;
}
#centercolumn #maincontents .innercont {
	width:580px;
	margin:0 auto;
}
#centercolumn #maincontents .photolayout2 {
	padding:15px 5px 15px 0;
	background:url(../img/night_instructor_head.gif) no-repeat top left;
	width:285px;
	float:left;
}
#centercolumn #maincontents .photolayout2 .innerbox p.name_lesson{
	width:155px;
	float:left;
	display:block;
}
#centercolumn #maincontents .photolayout2 .innerbox p.profile{
	clear:both;
	width:265px;
	display:block;
	padding:5px 10px 0 10px;
}
#centercolumn #maincontents .photolayout2 .innerbox {
	width:285px;
	background:url(../img/night_instructor_bg.gif) repeat-y;
	display: inline-block;
	overflow:hidden;
	display: block;
}
#centercolumn #maincontents .photolayout2 .innerbox:after {
	content:"";
	display: block;
	clear: both;
	height: 0;
}
#centercolumn #maincontents .photolayout2 .innerbox img.photo {
	float:left;
	width:100px;
	margin:0 10px 0 10px;
}
#centercolumn #maincontents .photolayout2 .innerbox img.bottombg {
	float:left;
}
.accent {
	font-weight:bold;
	color:#FF9900;
}
.img_center {
display:block;
margin:0 auto;
}
div.kids_schedule {
	background:url(../img/kids_bg.gif) no-repeat center top;
	width:140px;
	height:75px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
	padding-top:25px;
}
div.mb20 {
	margin-bottom:20px;
} 
div.kids_noschedule {
	background:none;
	width:140px;
	height:75px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
	padding-top:25px;
}
/******************************** table style ********************************/
table.kids {
	margin:0 auto 30px auto;
	border:#D5D5D5 1px solid;
	border-collapse:separate;
	width:580px;
}
/**IE6hack**/
*html body table.kids {
	border-collapse:collapse;
}
/**IE7hack**/
*:first-child+html table.kids {
	border-collapse:collapse;
}
table.kids tr th {
	width:180px;
	height:20px;
	padding:10px;
	background:#EAEAEA;
	border-bottom:#FFFFFF 1px solid;
	margin:auto;
	text-align:center;
	font-weight:bold;
}
table.kids tr th p {
	display:block;
	font-weight:normal;
	margin-left:25px;
}
table.kids tr td {
	width:354px;
	height:20px;
	padding:10px;
	border-bottom:#B6B6B6 1px dotted;
}
table.kids tr th.button {
	width:560px;
	border:none;
}
table.kids tr th.button input {
	margin-right:12px;
	margin-top:2px;
	padding-top:2px;
}
table.kids_inner tr td {
	width:150px;
	padding:5px;
}
/******************************** form style ********************************/
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}
input{
	border-color:#525252;
	border-style:solid;
	font-size:12px;
	background-color:#FFFFFF;
	border-width:1px;
}
textarea{
	border-color:#525252;
	border-style:solid;
	font-size:12px;
	background-color:#FFFFFF;
	border-width:1px;
}
select{
	border-color:#525252;
	border-style:solid;
	font-size:12px;
	background-color:#FFFFFF;
	border-width:1px;
}
#error_box {
	width:300px;
	display:block;
	margin:0 auto;
	text-align:left;
}
.bold {
	font-weight:bold;
}
div.button {
	margin:0 auto;
	text-align:center;
}
div.button input {
	margin-right:12px;
	padding-top:4px;
}
.accent {
	font-weight:bold;
	color:#FF9900;
}
span.red {
	color:#ED1C24;
}
span.blue {
	color:#0066B3;
}
span.blue2 {
	color:#00AEEF;
}
span.green {
	color:#80C342;
}
span.pink {
	color:#EC008C;
}
span.green2 {
	color:#00AE9C;
}
span.purple {
	color:#782B90;
}
span.pink2 {
	color:#F15B66;
}
span.green3 {
	color:#00A650;
}
span.yellow {
	color:#FFCB00;
}
span.small {
	font-size:10px;
	font-weight:normal;
}
.bold {
	font-weight:bold;
}
.img_center {
	display:block;
	margin:0 auto;
}
#footer {
	background:url(../img/footer_bg.jpg) no-repeat top left;
	width:880px;
	margin:0 auto;
	padding-top:10px;
}
#footer div.pagetop {
	width:71px;
	margin:0 0 0 794px;
}
#footer div.footermenu {
	font-size:14px;
	padding:10px 0 25px 173px;
}
#footer div.footermenu ul li {
	float:left;
}
#footer div.footermenu ul li.sub {
	background:url(../img/list2.gif) no-repeat center left;
	float:left;
	padding-left:23px;
}
#footer div.footermenu ul li a:link,
#footer div.footermenu ul li a:visited,
#footer div.footermenu ul li a:active {
	color:#666666;
}
#footer div.footermenu ul li a:hover {
	color:#99CC00;
}
#footer #copyright {
	display:block;
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0 auto 20px auto;
}