@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;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
	overflow:hidden;
	display: block;
	min-height:1%; /* for IE 7*/
}
.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_bg.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;
	clear:both;
}
#centercolumn #maincontents h4.nobg {
	background:none;
	text-indent:0;
	padding:0;
}
#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 0 auto;
	clear:both;
}
#centercolumn #maincontents h5.class1 {
	background:url(../img/stagedance_h5_bg.gif) no-repeat bottom left;
}
#centercolumn #maincontents h5.class2 {
	background:url(../img/streetdance_h5_bg.gif) no-repeat bottom left;
}
#centercolumn #maincontents h5.class3 {
	background:url(../img/backdancer_h5_bg.gif) no-repeat bottom left;
}
#centercolumn #maincontents h5.class4 {
	background:url(../img/streetdancer_training_h5_bg.gif) no-repeat bottom left;
}
#centercolumn #maincontents h5.class5 {
	background:url(../img/themeparkdancer_h5_bg.gif) no-repeat bottom left;
}
#centercolumn #maincontents h5.class6 {
	background:url(../img/vocal_h5_bg.gif) no-repeat bottom left;
}
#centercolumn #maincontents h5.class7 {
	background:url(../img/actor_h5_bg.gif) no-repeat bottom left;
}
#centercolumn #maincontents h5.class8 {
	background:url(../img/model_h5_bg.gif) no-repeat bottom left;
}
#centercolumn #maincontents h5.class9 {
	background:url(../img/junior_college_h5_bg.gif) no-repeat bottom left;
}
#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;
	border-bottom:#CCCCCC 1px dotted;
	padding-bottom:10px;
}
#centercolumn #maincontents .photolayout p.lead3 {
	float:left;
	width:406px;
	padding:10px 0;
}
#centercolumn #maincontents p.lead4 {
	padding:10px 0;
	margin:0 auto 20px 20px;
	display:block;
	float:left;
}
#centercolumn #maincontents p.lead5 {
	padding:10px 0;
	margin:0 auto 20px 0;
	display:block;
	float:left;
}
#centercolumn #maincontents p.lead6 {
	display:block;
	width:560px;
	padding:10px;
	margin:0 auto;
	background:url(../img/streetdance_h5_bg_bottom.gif) no-repeat bottom left;
}
#centercolumn #maincontents .photolayout p.lead7 {
	float:right;
	width:435px;
	padding:10px 0;
	display:block;
}
#centercolumn #maincontents .photolayout .lead_ls {
	float:left;
	width:470px;
	padding:10px 0;
	display:block;
}
#centercolumn #maincontents .photolayout .udlbox {
	float:left;
	width:406px;
	padding:10px 0;
	border-bottom:#CCCCCC 1px dotted;
}
#centercolumn #maincontents .photolayout .udlboxs {
	float:right;
	width:435px;
	padding:10px 0;
	border-bottom:#CCCCCC 1px dotted;
}
#centercolumn #maincontents .photolayout div.photo_r {
	float:left;
	width:164px;
	margin:10px 0 10px 10px;
	display:block;
}
#centercolumn #maincontents .photolayout div.photo_l {
	float:left;
	width:164px;
	margin:10px 10px 10px 0;
	display:block;
}
#centercolumn #maincontents .photolayout div.photo_rs {
	float:left;
	width:100px;
	margin:10px 0 10px 10px;
	display:block;
}
#centercolumn #maincontents .photolayout div.photo_ls {
	float:left;
	width:135px;
	margin:10px 10px 10px 0;
	display:block;
}
#centercolumn #maincontents .photolayout .enter {
	width:406px;
	float:right;
}


#centercolumn #maincontents .trial_photolayout {
	width:580px;
	background:url(../img/trial_head.gif) no-repeat top left;
	padding-top:10px;
	margin:0 auto 20px auto;
}
#centercolumn #maincontents .trial_photolayout .inner_bg {
	background:url(../img/trial_bg.gif) repeat-y;
	width:580px;
}
#centercolumn #maincontents .trial_photolayout p.date {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:10px;
	width:580px;
}
#centercolumn #maincontents .trial_photolayout .photo {
	float:left;
	width:135px;
	margin:0 10px 0 10px;
}
#centercolumn #maincontents .trial_photolayout p.leadbox {
	float:left;
	display:block;
	width:415px;
}

#centercolumn #maincontents .banner_box {
	width:560px;
	margin:0 auto 10px auto;
	border-bottom:#CCCCCC 1px dotted;
	border-top:#CCCCCC 1px dotted;
	padding-bottom:10px;
	padding-top:20px;
}
#centercolumn #maincontents .banner_box img {
	float:left;
	margin:0 10px 10px 0;
}
#centercolumn #maincontents .banner_box2 {
	width:560px;
	margin:20px auto 20px 30px;
}
#centercolumn #maincontents .banner_box2 img {
	float:left;
	margin:0 5px 10px 0;
}
#centercolumn #maincontents .school_layout {
	width:620px;
}
#centercolumn #maincontents .school_layout img {
	margin-bottom:5px;
}
#centercolumn #maincontents .school_layout .box_l {
	width:300px;
	float:left;
	margin:10px auto 10px auto;
}
#centercolumn #maincontents .school_layout .box_r {
	width:300px;
	float:right;
	margin:10px auto 10px auto;
}
#centercolumn #maincontents .banner_box3 {
	width:560px;
	margin:0 auto;
}
#centercolumn #maincontents .course_layout {
	margin:0 auto;
	width:620px;
	padding-left:6px;
}
#centercolumn #maincontents .course_layout img {
	float:left;
	margin-bottom:6px;
	margin-right:6px;
}
.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;
}
.small {
	font-size:10px;
	font-weight:normal;
}
.big {
	font-size:14px;
	font-weight:normal;
}
.bold {
	font-weight:bold;
}
.img_center {
	display:block;
	margin:0 auto;
}
.img_characteristic {
	display:block;
	float:left;
}
.characteristic_img_box {
	margin:0 auto 0 30px;
	width:580px;
}
.more {
	width:37px;
	margin:10px 0 0 583px;
}
.catchcopy {
	margin:30px auto 10px auto;
	display:block;
}
/******************************** table style ********************************/
table.form {
	margin:0 auto 30px auto;
	border:#D5D5D5 1px solid;
	border-collapse:separate;
	width:580px;
}
/**IE6hack**/
*html body table.form {
	border-collapse:collapse;
}
/**IE7hack**/
*:first-child+html table.form {
	border-collapse:collapse;
}
table.form tr th {
	width:180px;
	height:20px;
	padding:10px;
	background:#EAEAEA;
	border-bottom:#FFFFFF 1px solid;
	margin:auto;
	text-align:center;
	font-weight:bold;
}
table.form tr th p {
	display:block;
	font-weight:normal;
	margin-left:25px;
}
table.form tr td {
	width:354px;
	height:20px;
	padding:10px;
	border-bottom:#B6B6B6 1px dotted;
}
table.form tr th.button {
	width:560px;
	border:none;
}
table.form tr th.button input {
	margin-right:12px;
	margin-top:2px;
	padding-top:2px;
}
table.form_inner tr td {
	width:150px;
	padding:5px;
}
table.scholar {
	margin:20px auto 30px auto;
	border-top:#D5D5D5 1px solid;
	border-bottom:#D5D5D5 1px solid;
	border-left:#D5D5D5 1px solid;
	border-collapse:separate;
	width:580px;
}
/**IE6hack**/
*html body table.scholar {
	border-collapse:collapse;
}
/**IE7hack**/
*:first-child+html table.scholar {
	border-collapse:collapse;
}
table.scholar tr th {
	height:20px;
	padding:10px;
	background:#EAEAEA;
	border-bottom:#D5D5D5 1px solid;
	border-right:#D5D5D5 1px solid;
	margin:auto;
	text-align:center;
	font-weight:bold;
}
table.scholar tr td {
	height:20px;
	padding:10px;
	border-right:#D5D5D5 1px solid;
	border-bottom:#B6B6B6 1px dotted;
}
/******************************** 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;
}
div.button {
	margin:0 auto;
	text-align:center;
}
div.button input {
	margin-right:12px;
	padding-top:4px;
}

/******************************** pagebute style ********************************/
/*none
/******************************** footer style ********************************/
#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;
}