@charset "UTF-8";
@import "base.css";

/********************************************************************************************/
/* HEADER                                                                                   */
/********************************************************************************************/
/* LOGO A */
#logo a {
	display:				block;
	height:					50px;
}

/********************************************************************************************/
/* AREA                                                                                     */
/********************************************************************************************/
/** SIDE AREA  */
#container #sideArea {
	float:					left;
	width:					240px;
	position:				relative;
}
/** MAIN AREA  */
#container #mainArea {
	width:					600px;
	float:					right;
	text-align:				left;
	position:				relative;
	padding-top:			14px;
}

 
/********************************************************************************************/
/* MAINAREA                                                                                 */
/********************************************************************************************/
/** TABLE コース一覧 */
#container #mainArea table#usually {
	width:					98%;
	border-collapse:		collapse;
	margin-top:				10px;
	line-height:			2;
}
#container #mainArea table#usually th {
	width:					20%;
	border-collapse:		collapse;
	border:			1px solid #CCCCCC;
	vertical-align:			top;
	background-color:		#F3F3F3;
	padding:				20px 10px 20px 20px
}
#container #mainArea table#usually td {
	width:					80%;
	border-collapse:		collapse;
	border:					1px solid #CCCCCC;
	padding:				20px 10px 20px 20px;
}

/** CONTENT, INSTRUCTOR */
#container .content,
#container #instructorArea {
	margin-top:				15px;
	clear:					both;
	margin-bottom:			40px;
	width:					600px;
}
#container #instructorArea {
	background-color:		#F2F2F2;
	margin-bottom:			10px;
}

#container .content:after {
	content:				"";
	clear:					both;
	height:					0;
	display:				block;
	visibility:				hidden;
}

/*** CONTENT P */
#container .content p {
	padding-right:			15px;
	margin-bottom:			10px;

}
#container .content.info p {
	padding-right:			15px;
	padding-left:			10px;
	margin-bottom:			20px;
}
#container #mainArea .content p.lead {
	padding-left:			0px;
}
/**** CONTENT LETS TRY */
#container .content p.try_banner {
	text-indent:			-9999px;
	background-image:		url(../images/try_banner.gif);
	background-repeat:		no-repeat;
	height:					60px;
	margin-top:				15px;
	margin-bottom:			25px;
}
#container .content p.try_banner a {
	height:					60px;
	width:					272px;
	display:				block;
}
/**** CONTENT P.ADD */
#container .add {
	font-size:				90%;
	color:					#888888;
	margin-top:				10px;
	padding-left:			10px;
	clear:					both;
}

#container #sideArea .add {
	font-size:				90%;
	color:					#888888;
	padding:				0px;
	margin:					-3px 0px 0px;
	display:				block;
}

/**** CONTENT P.ADD INDENT */
#container .content p.add span.indent {
	color:					#F95D7F;
}

/** hx要素 */
/*** H1 */
#container #mainArea h1 {
	line-height:			1em;
	padding:				0px;
	background-repeat:		no-repeat;
	text-indent:			-9999px;
	height:					30px;
}
*:first-child+html #container #mainArea h1 {
	padding-top:			0px;
}

#container #mainArea h1#musicTitle {
	background-image:		url(../images/music_title.gif);
}
#container #mainArea h1#danceTitle {
	background-image:		url(../images/dance_title.gif);
}
#container #mainArea h1#kidsTitle {
	background-image:		url(../images/kids_title.gif);
}
#container #mainArea h1#blogTitle {
	background-image:		url(../images/blog_title.gif);
}
#container #mainArea h1#try {
	background-image:		url(../../try/images/try.jpg);
	height:					220px;
}
#container #mainArea h1#rentalTitle {
	background-image:		url(../../others/images/rentalstudio_title.gif);
	background-position:	0px 0px;
	background-repeat:		no-repeat;
	margin:					0px;
}
#container #mainArea h1#auditionTitle {
	background-image:		url(../../others/images/audition_title.gif);
	background-position:	0px 0px;
	background-repeat:		no-repeat;
}

#container #mainArea h1#totalpromotionTitle {
	background-image:		url(../../others/images/totalpromotion_title.gif);
	background-position:	0px 0px;
	background-repeat:		no-repeat;
}

#container #mainArea h1#tryTitle {
	background-image:		url(../../try/images/try_title.gif);
}
#container #mainArea h1#sitemapTitle {
	background-image:		url(../images/sitemap_title.gif);
}
/*** H2 */
#container #mainArea .content h2,
#container #mainArea.other h1 {
	width:					600px;
	margin:					0px 0px 9px;
	background-image:		url(../images/h_line.gif);
	background-repeat:		repeat-x;
	line-height:			1.2;
	background-position:	0px 14px;
	background-color:		#FFFFFF;
	font-size:				100%;
}
#container #mainArea .content h2.ja,
#container #mainArea.other h1.ja {
	background-position:	0px 9px;
	margin-bottom:			15px;
}


/**** H2 IMAGE */
#container #mainArea .content h2 img,
#container #mainArea.other h1 img {
	background-color:		#FFFFFF;
	display:				block;
	border-right:			10px solid #FFFFFF;
}

/*** H3 */
#container #mainArea .content h3,
#container #mainArea .content h4  {
	font-size:				100%;
	margin-bottom:			10px;
	line-height:			1.4;
	padding:				5px 10px;
	background-color:		#FE264D;
	width:					250px;
	color:					#FFFFFF;
}
#container #mainArea.other .content h4  {
	font-size:				100%;
	margin-bottom:			10px;
	line-height:			2;
	padding:				5px 10px;
	background-color:		#FE264D;
	width:					580px;
	color:					#FFFFFF;
}
#container #mainArea .content h3.cp, 
#container #mainArea.other .content h2.cp {
	line-height:			2;
	padding:				5px 15px;
	background-color:		#F5F5F5;
	color:					#333333;
	border-left:			10px solid #FE264D;
	width:					560px;
	background-image:		none;
}

#container #mainArea.other .content h2.cp {
	margin-bottom:			20px;
}
#container #mainArea .content h2 a {
	color:					#333333;
}

#container #mainArea .content h2 .add {
	color:					inherit;
}
#container #mainArea .content h2 .add a {
	color:					#FE264D;
}

/*** H5 */
#container #mainArea .content h5 {
	clear:					both;
	font-size:				100%;
	padding-top:			10px;
}
#container #mainArea .content .notice {
	background:				url(../images/line_y.gif) repeat-y center;
	width:					600px;
	overflow:				hidden;
	height:					100%;
	margin:					20px 0px 40px;
}
/** LESSON INFORMATION */
#container #mainArea .content .lessonInfo {
	float:					left;
	width:					300px;
}

/** MONEY INFORMATION */
#container #mainArea .content .lessonMoney {
	width:					270px;
	float:					right;
}

/*** MONEY INFORMATION P , MONEY INFORMATION P */
#container #mainArea .content .lessonInfo p,
#container #mainArea .content .lessonMoney p {
	padding-left:			10px;
	padding-bottom:			5px;

}

/** PATH */
#container #path {
	clear:					both;
	padding:				7px 0px 0px;
	letter-spacing:			1px;
	width:					100%;
}

/*** COURSE TABLE */
#container #mainArea table#courceTable {
	margin-top:				30px;
	width:					100%;
}

#container #mainArea table#courceTable td a img {
	border:					1px #DDDDDD solid;
}

#container #mainArea table#courceTable td a:hover img {
	border:					1px #AAAAAA solid;
}

#container #mainArea table#courceTable td {
	padding-bottom:			3px;
}

/*** INSTRUCTOR H3 */
#container #mainArea #instructorArea h3 {
	background-repeat:		no-repeat;
	background-color:		#333333;
	width:					580px;
	padding:				5px 10px;
	margin-bottom:			10px;
	color:					#FFFFFF;
	font-size:				100%;;
}


/*** INSTRUCTOR P */
#container #mainArea #instructorArea p {
	padding-bottom:			20px;
	padding-right:			20px;
	padding-left:			10px;
}

/*** INSTRUCTOR A */
#container #mainArea #instructorArea a:link,
#container #mainArea #instructorArea a:visited  {
	color:					#555555;
	text-decoration:		underline;
}
#container #mainArea #instructorArea a:hover,
#container #mainArea #instructorArea a:active  {
	color:					#FF264A;
}

/** MAP */
#container #mainArea .content p#mapImage {
	margin-top:				30px;
	padding-top:			20px;
	border-top:				1px solid #555555;
	text-align:				center;
}
#container #mainArea .content #mapInfo {
	float:					right;
	width:					150px;
	font-size:				90%;
	margin-top:				30px;
}

/** EFFECT */
#effect {
	position:				absolute;
	left:					auto;
	right:					0;
	text-align:				right;
}

/** PAGE TOP */
.pageTop {
	font-size:				90%;
	color:					#FF5A00;
	width:					200px;
}

/** PHOTOAREA */
#container .content .photoArea {
	float:					right;
	margin-left:			20px;
}

/***  P.PHOTO */
#container p.photo {
	border:					1px solid #CCCCCC;
	height:					130px;
	padding:				0px;
	width:190px
}
/***  .PHOTO IMAGE */
#container .photo img {
	margin:					5px;
}

/********************************************************************************************/
/* OTHER                                                                                    */
/********************************************************************************************/
/*** SIDE AREA P, OTHER AREA P */
#container #sideArea p {
	line-height:			1;
	padding-bottom:			25px;
}

/** H3, OPTIONLIST */
#sideArea h3  {
	line-height:			1;
	font-size:				100%;
	margin:					0px 0px 10px;
	background-repeat:		no-repeat;
	text-indent:			-9999px;
	height:					0;
	margin-bottom:			15px;
}

#container #sideArea ul#optionList li  {
	text-indent:			-9999px;
	background-repeat:		no-repeat;
	height:					25px;
	margin-bottom:			10px;

}
#container #sideArea ul#optionList a {
	width:					210px;
	height:					20px;
	display:				block;

}

#container #sideArea ul#optionList li#rental {
	background-image:		url(../images/rentalstudio_btn.gif);
	background-repeat:		no-repeat;
}
#container #sideArea ul#optionList li#audition {
	background-image:		url(../images/audition_btn.gif);
	background-repeat:		no-repeat;
}

#container img#mobileImage {
	border:					1px solid #AAAAAA;
}


/*** SIDE AREA ADDRESS */
#container #sideArea address {
	line-height:			1;
	margin-top:				0px;
	padding-bottom:			10px;
}


/* LOCAL LIST */
#container #sideArea #localListArea {
	margin-top:				14px;
}
#container #sideArea ul.localList li ul {
	width:					210px;
}

/* LOCAL LIST */
#container #sideArea ul.localList li  {
	padding:				7px 0px;
	width:					210px;
	border-bottom:			1px dotted #F0F0F0;
}
#container #sideArea ul.localList li:hover {
	background-color:		#FFF0FF;
}
#container #sideArea ul.localList li.noBorder {
	border-bottom:			none;;
}
#container #sideArea ul.localList li a {
	padding-left:			10px;
	display:				block;
	width:					100%;
	color:					#555555;
	text-decoration:		none;
}
#container #sideArea h4.localTitle {
	line-height:			2;
	padding:				5px 10px;
	background-color:		#F2F2F2;
	border-left:			10px #FE264D solid;
	color:					#333;
	width:					180px;
	background-image:		none;
	font-size:				100%;
	margin-top:				5px;
}


/********************************************************************************************/
/*                                                                                          */
/********************************************************************************************/
/** ALIGN */
#container #mainArea .alignLeft {
	text-align:				left;
	width:					200px;
}
#container #mainArea .alignCenter {
	text-align:				center;
	width:					200px;
}
#container #mainArea .alignRight {
	text-align:				right;
	width:					200px;
}
#container .miniFont {
	font-size:				90%;
}

/** FORM */
#mailForm {
	margin-top:			20px;
	margin-bottom:		40px;
}
#mailForm form {
	margin-top:			10px;
}
#mailForm form input.text {
	width:				350px;
}
#mailForm p {
	font-size:			90%;
	padding-left:		10px;
}


/********************************************************************************************/
/** SITEMAP LIST */
ul.sitemapList li {
	float:					left;
	margin-bottom:			5px;
	margin-right:			15px;
	padding-left:			20px;
	background-image:		url(../images/sitemap_bullet.gif);
	background-repeat:		no-repeat;
	background-position:	0px 8px;
}
ul.sitemapList li a {
	color:					#555555;
}

#container #sideArea ul li a {
	text-decoration:		none;
}