@charset "UTF-8";
/* CSS Document */

#box{
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#box_top {
	background-image: url(../img/content_bg_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 30px;
}
#box_bottom {
	background-image: url(../img/content_bg_bottom.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 30px;
	margin-bottom: 60px;
}
#infotop {
	background-image: url(../img/sitemap_h2.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 940px;
	text-indent: -9999px;
	margin-bottom: 20px;
}

#box_bottom li {
	padding-left: 10px;
}
#box_content {
	background-image: url(../img/content_bg_center.png);
	background-position: center top;
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}
#cont_box {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}
.cont_top {
	background-image: url(../img/cont_bg_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 940px;
	padding-top: 30px;
}
.cont_bottom {
	width: 940px;
	background-image: url(../img/cont_bg_bottom.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-bottom: 30px;
}
.cont_center h3 {
	font-size: 140%;
	padding-bottom: 20px;
}

.cont_bottom li {

}

.cont_center {
	background-image: url(../img/cont_bg_center.png);
	background-repeat: repeat-y;
	width: 860px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	overflow: hidden;
	
}

.coursetable {
	width: 598px;
	text-align: left;
	border-collapse: collapse;
	float: left;
	overflow: hidden;
	display: block;

}

.coursetable  th {
	padding: 12px;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	background-color:#F90;
	text-align: center;
	white-space: nowrap;
	border: 2px solid #FFF;
}

.th01{

	width: 60px;

}



.th02{

	width: 60%;

}



.th03{

	width: 12%;

}



.th04{

	width: 18%;

}

.th05{

	width: 8%;

}

.td_center{

	text-align: center;

}


.coursetable dl{

	line-height: 1.5;

	padding-left: 1em;

}



.coursetable dt{

	color:#F36;



}



.coursetable dd{

	padding-left: 1em;

	font-weight: bold;

}







.coursetable td {
	padding: 9px 12px;
	color: #000;
	line-height: 1.5em;
	border: 2px solid #FFF;
}



.coursetable td em {

	font-weight: bold;

	font-size: 16px;

	color: #F60;

}



.coursetable  tfoot td {

	font-size: 11px;

}

.coursetable  tbody td {
	background-color: #FFC;
}
.pankuzu {
	background-image: url(../img/content_bg_center.png);
	background-repeat: repeat;
	background-position: center top;
	padding-left: 30px;
}
.clear{
	clear: both;	
}

.pad_10px{
	padding-left: 20px;
	display: block;
	overflow: hidden;
	}
.map {
	margin-top: 2px;
	overflow: hidden;
}
	
.map_t{
	font-size: 120%;
	padding-left: 10px;
	padding-bottom: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F60;
	padding-top: 5px;
	margin-left: 20px;
	color: #F60;
	font-weight: bold;
	}
.map_a{
	padding-bottom: 5px;
	padding-left: 35px;
}
.map_p{
	padding-bottom: 5px;
	padding-left: 35px;
}
.map_c{
	color: #F00;
	padding-left: 35px;
	padding-bottom: 20px;
}

.map_g{
	border: 1px dotted #F60;
	padding: 20px;
	overflow: hidden;
	display: block;
	margin-top: 20px;
}
 #info_F a{
	font-size: 24px;
	font-weight: bold;
	color: #F00;
	text-align: center;
	padding-top: 30px;
	width:860px;
	display: block;
}

 #info_F a:hover{
	color: #F90;
}

#info_text{
	background:url(../img/info_f2.jpg);
	width:860px;
	height:1200px;
	text-indent: -9999px;
}

.p_info{
	line-height: 1.2em;
	padding-bottom: 5px;
}



@charset "utf-8";

/*　ダンスレッスン〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜　*/

body{
	background-image: url(../images/hiphop_navi_bg.jpg);
	background-repeat: repeat-x;
}

.lessonbox{

	padding: 20px;

	background-color:#FFFFC8;

	overflow: hidden;

}

.lessonbox p{

	font-size: 14px;

	font-weight: bold;

	color: #060;

}



.lessonbox p img{

	margin-top: 20px;

}



.lessonlist{

	margin-left: 15px;

	margin-top: 15px;

	width: 650px;

}



.lessonlist dt{

	background: url(../images/arrow02.png) left center no-repeat;

	padding-left: 14px;

	color: #F36;

	float: left;

	width: 120px;

}



.lessonlist dd{

	padding-left: 14px;

	margin-bottom: 10px;

	float: left;

	width: 480px;

	line-height: 1.5;

}



.photobox01{

	float: left;

	width: 400px;

	margin-right: 10px;

	padding: 8px;

	background-color: #FFF;

 	border: 1px solid #FC0;

}



.photobox02{

	margin-top: 20px;

	clear:both;

	float:left;

}



.photobox02 li{

	float: left;

	width: 198px;

	margin-right: 14px;

}



.photobox02 li img{

	border: solid 1px #FC0;

}





.mapbox{

	padding: 20px;

}



.mapimg{

	float: left;

	margin-right: 10px;

}



.mapbox p.place{

	color: #060;

	font-size: 14px;

	font-weight: bold;

}



.mapbox p.attention{

	color: #C00;

	border-top: double 3px #FFC4C4;

}



.coursetable {

	width: 100%;

	text-align: left;

	border-collapse: collapse;

	margin-top: 20px;

	clear: both;

}

.coursetable  th {

	padding: 12px;

	font-weight: normal;

	font-size: 14px;

	color: #FFF;

	background-color:#099;

	text-align: center;

	white-space: nowrap;

	border: 1px solid #fff;

}

.th01{

	width: 60px;

}



.th02{

	width: 60%;

}



.th03{

	width: 12%;

}



.th04{

	width: 18%;

}

.th05{

	width: 8%;

}

.td_center{

	text-align: center;

}


.coursetable dl{

	line-height: 1.5;

	padding-left: 1em;

}



.coursetable dt{

	color:#F36;



}



.coursetable dd{

	padding-left: 1em;

	font-weight: bold;

}







.coursetable td {

	padding: 9px 12px;

	color: #000;

	border: 1px solid #fff;

}



.coursetable td em {

	font-weight: bold;

	font-size: 16px;

	color: #F60;

}



.coursetable  tfoot td {

	font-size: 11px;

}

.coursetable  tbody td {

	background: url(../images/back.png);

}



/*　インストラクター〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜　*/



.instbox{

	padding: 20px;

	background-color:#DDD;

	overflow: hidden;

}



.instimg{

	float: left;

	margin-right: 10px;

	margin-bottom: 25px;

}



.instbox dl{

	width: 240px;

	overflow: hidden;

	margin-top: 5px;

	line-height: 1.5;

	color: #36C;

}



.instbox dt{

	border-left: 4px solid #36C;

	padding-left: 5px;

	margin-top: 5px;

	float: left;

	width: 80px;

}



.instbox dd{

	margin-top: 5px;

	float: left;

	width: 140px;

}





h3 {

	font-family:"Times New Roman", Times, serif;

	clear: both;

}

h4 {

	font-family:"Times New Roman", Times, serif;

	color:#C00;

	border-bottom: #C00 solid 1px;

	padding-bottom: 5px;

}



.instbox h6{
	margin-top: 10px;
	padding-left: 5px;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-left-width: 8px;
	border-top-style: solid;
	border-left-style: groove;
	border-top-color: #F39;
	border-left-color: #F39;
}



p {

	line-height: 1.8;

}

li {

	list-style-type:none;

}

.over {

	padding-left:10px;

	margin-bottom: 20px;

}

.style {

	padding-left:10px;

}

.heads {

	padding-left:10px;

}

#over {

	line-height:1.3px;

}



.lead01{

	margin-top: 10px;

}



.instbox ul{

	margin: 10px 0px;

	padding: 0px;

}



.instbox ul li{

	background-image: url(../images/arrow02.png);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 16px;

	color: #C09;

	width: 300px;

	float: left;

	line-height: 1;

	margin-bottom: 10px;

}



/*　お問い合わせ〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜　*/

#form {

	margin: 0px;



	background-color:;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



#form dl {

	overflow: hidden;

	width: 690px;

}



#form dt {

	background-color: ;

	float: left;

	width: 200px;

	margin: 0px;

	padding: 0px;

	line-height: 2;

}



#form dd {

	float: left;

	width: 450px;

	margin: 0px;

	line-height: 2;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 35px;

	padding-left: 0px;

}





#form dt span {

	color: #F60;

}



.color01 {

	color: #090;

}



.color02 {

	color: #099;

}



.color03 {

	color: #03C;

}



.color04 {

	color: #63C;

}



.color05 {

	color: #609;

}



.color06 {

	color: #909;

}



.color07 {

	color: #C09;

}





.color08 {

	color: #F09;

}





.color09 {

	color: #F39;

}



.color10 {

	color: #999;

	font-size: 10px;

}







#form dd span {

	color: #999;

}



#puterror{
	padding: 10px;
	margin:10px 0;
	border: 1px solid #F11;	
}

#puterror span{
	color: #F11;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}



.textfield01{

	width: 150px;

}



.textfield02{

	width: 50px;

}

.textfield03 {

	width: 100px;

}



.textfield04 {

	width: 400px;

}



.textfield04_1 {

	width: 250px;

}



.textfield04_2 {

	width: 250px;

}

.textfield04_3 {

	width: 50px;

}



.itext01{

	width: 400px;

}



.clear {

	clear: both;

}



#button {

	width: 690px;

	margin: 0px;

	padding: 0px;

	text-align: center;

}

/*　サンキューページ〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜　*/



.thank {

	background-color: #FF9;

	border: 1px dashed #F63;

	padding: 20px;

	margin: 10px 0;

}

/*　プライバシーポリシー〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜　*/



.privacy ul {

	margin: 10px 0;
	
	padding:10px;

	border: #999 1px dashed;

}

#content.privacy p {

	line-height: 1.8;

	margin-top: 5px;

}



/*　動画ギャラリー〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜　*/



.nav_gallery img{

	margin-top: 20px;

}



.bt_gallery {

	margin-right: 20px;

}



.moviebox{
	margin-bottom:20px;
	padding: 25px 0px 15px 35px;
	background-color: #333;
	overflow: hidden;
	background-image: url(../images/movie_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;

}



.moviebox dl{
	width: 620px;
	overflow: hidden;
	line-height: 2;
	margin-top: 20px;
	color: #eee;



}



.moviebox dt{
	padding: 5px;
	float: left;
	width: 130px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #eee;
	border-left-color: #eee;

}



.moviebox dd{
	float: left;
	width: 465px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #eee;

}

.new {
	color: #CC0000;
	font-size: 90%;
	text-decoration: blink;
}

/*　過去動画〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜　*/

.archive {
	margin-bottom:20px;
	background-color: #333;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-image: url(../images/movie_bg2.gif);
	background-repeat: repeat-y;
	background-position: right top;
}


.archive dl {
	overflow: hidden;
}

.archive dt {
	float: left;
	overflow: hidden;
	height: 90px;
	width: 120px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: 10px;
}

.archive dl dd {
	float: left;
	width: 175px;
	height: 90px;
	padding-bottom: 10px;
	padding-right: 25px;
	font-size: 10px;
	margin-top: 10px;
}

.archive dl dd p.date {
	color: #eee;
	padding: 5px;
	line-height: 2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #eee;
	font-size: 10px;
}

.archive dl dd p.title {
	color: #eee;
	padding: 5px;
	line-height: 1.5;
	font-size: 10px;
}

.archive dt a img{
	width:120px;
}


.youtube{

	width: 640px;

	height: 390px;

}

.mediadetail{
	margin-bottom:15px;

}

/*

#mediaplayer{

	float: left;

	width: 400px;

	overflow: hidden;

}



.mediadetail{

	position: absolute;

	top: 10px;

	left: 440px;

}



.mediadetail dl{

	color: #FFF;

}



.moviebox{

	padding: 20px;

	background-color: #FC6;

	overflow: hidden;

	position: relative;

}



.moviebox dl{

	width: 240px;

	overflow: hidden;

	margin-top: 5px;

	line-height: 1.5;

	color: #F60;

}



.moviebox dt{

	border-left: 4px solid #F60;

	padding-left: 5px;

	margin-top: 5px;

	float: left;

	width: 80px;

}



.moviebox dd{

	margin-top: 5px;

	float: left;

	width: 140px;

}



*/



/*　サイトマップ〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜　*/

.sitemap {

	padding-bottom: 40px;

}

.tab {

	padding: 30px 0px 15px;

}

.honbun {

	padding-left: 20px;

}

.links {

	padding-bottom: 30px;

}

#map a:link, a:visited, a:hover {

	color:#fff;

	text-decoration: none;

}

#s_link a:link, a:visited, a:hover {

	color:#000;

	text-decoration: none;

}

#map {

	margin-top: 20px;

}

.site a:hover {

	color:#900;

	border-bottom:dotted 1px #900;

}

#s_site a {

	color:#FFF;

	display:block;

	border:solid 1px transparent;

}

#s_site dt {

	width:11em;

	color:#FFF;

	text-align:center;

	padding:5px;

	font-weight:bold;

}

#s_site dd {

	width:11em;

	color:#FFF;

	text-align:center;

	margin-left:5em;

	font-weight:bold;

}

#s_site dt {

	background:#228b22;

}

#s_site dd dl dt.dt_lesson{

	background:#0d5cab;
	margin-top:10px;

}

.d_lesson {

	width:13em;

	background:#3886c8;

	margin-left:5em;

		margin-top:5px;
		padding:5px;
}

#s_site dd dl dt.dt_gallery{

	background: #333;
	margin-top:10px;

}

.d_gallery {

	width:13em;

	background: #666;

	margin-left:5em;

		margin-top:5px;
		padding:5px;
}

.dd_gallery {

	width:13em;

	background: #999;

	margin-left:5em;

		margin-top:5px;
		padding:5px;
}

.in {

	background:#e6569b;
		margin-top:10px;
			padding:5px;


}

.ad {

	background:#f2a700;
		margin-top:10px;
	padding:5px;


}

.pr {

	background:#eb5a2e;
		margin-top:10px;
	padding:5px;


}

.site {

	background:#624b9d;
		margin-top:10px;
	padding:5px;


}

#s_site a:hover {

	filter: alpha(opacity=80);

	-moz-opacity:0.8;

	opacity:0.8;

	border:dashed 1px #FFF;

}

#s_page {

	margin-top:20px;

	overflow:hidden;

	zoom:1;

}

#s_page dt {

	margin-top:20px;

	clear:left;

	float:left;

	width:25%;

	;

	font-weight:bold;

}

#s_page dd {

	margin-top:20px;

	float:left;

	width:75%;

}

#s_page dl dd dt, #s_page dl dd dd {

	float:none;

}

#s_page dl dd dd {

	margin:0;

}

/*-------------------------------------------s_page/ページの詳細情報*/





#s_link h3 {

	padding:5px;

	border-left:double 10px #82aa30;

	border-bottom:dashed 2px #82aa30;

}

#s_link {

	margin-top:20px;

	overflow:hidden;

	zoom:1;

}

#s_link dt {

	margin-top:10px;

	clear:left;

	float:left;

	width:30%;

	font-weight:bold;

}

#s_link dd {

	margin-top:10px;

	float:left;

	width:70%;

}



#s_link dd a:link,a:visited,a:active,a:hover{

	color: #F39;

	text-decoration: underline;

}

.page1 {

	margin: 30px;

}

.caution img {

	margin-top: 20px;

}

#content p a {

	color: #000;

	text-decoration: none;

}

#content p a:link, a:visited, a:hover {

	color: #F36;

	text-decoration: underline;

}

.left {

	text-align: left;

}

.ready {

	text-align: center;

	font-size: 14px;

	overflow: hidden;

}

.nav_gallery_link a {
	background-image: url(../images/bt_gallery01on_link.gif);
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	width: 335px;
}

.nav_gallery_link2 a {
	background-image: url(../images/bt_gallery02off_link.gif);
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	width: 335px;
}

.nav_gallery_link3 a {
	background-image: url(../images/bt_gallery01off_link.gif);
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	width: 335px;
}

#nav_gallery ul li a:hover {
	background-position: 0px -60px;
	background-repeat: no-repeat;
}

#nav_gallery ul li a {
	text-indent: -9999px;
}

#nav_gallery ul li {
	float:left;
	margin-top :20px;
	}
.m_right {
	margin-right :20px;
	}
#gallery_link {
	margin-top: 20px;
}
#gallery_link img {
	margin-bottom: 10px;
}
.profile {
	line-height: 1.5em;
}

.inst_photo{
	width: 305px;
}