@charset "UTF-8";
@import "base.css";
/********************************************************************************************/
/* AREA                                                                                     */
/********************************************************************************************/
/** CONTAINER */
#container {
	padding:	10px 20px 30px 20px;
}

/** MAIN AREA */
#container #mainArea {
	float:					left;
	width:					380px;
	text-align:				left;
	margin-top:				0px;
}
/** SUB MENU AREA */
#container #subMenuArea {
	float:					left;
	width:					240px;
	position:				relative;
}
/** OTHER AREA  */
#container #otherArea {
	float:					right;
	width:					210px;
}

/********************************************************************************************/
/* SUB MENU AREA                                                                            */
/********************************************************************************************/
/*** MAIN BANNER */
#container ul#courseList {
	position:				relative;
	top:					-13px;
}

/********************************************************************************************/
/* MAIN AREA                                                                                */
/********************************************************************************************/
/** CONTENTS */
#mainArea .content {
	margin-bottom:			35px;
	position:				relative;
}

/*** CONTENTS P */
#mainArea .content p {
	margin:					15px 0px 10px 0px;
}

/** h2 What's Hot */
h2#hot {
	background:				transparent url(../images/what_hot.gif) no-repeat;
	height:					62px;
	line-height:			0.5;
	padding-bottom:			0px;
	text-indent:			-9999px;
}
/*** h2 moreInfo */
#mainArea .content p#moreInfo  {
	position:				absolute;
	top:					-15px;
	left:					auto;
	right:					0px;
	background:				transparent url(../images/more_info.gif) no-repeat;

}
#mainArea .content p#moreInfo a {
	width:					136px;
	display:				block;
	height:					53px;
	text-indent:			-9999px;
}

/** h2 About us */
h2#aboutus {
	background:				transparent url(../images/about_us.gif) no-repeat;
	height:					51px;
	line-height:			0.5;
	padding-bottom:			0px;
	text-indent:			-9999px;
}
p#mainImage {
	margin-bottom:			10px;
	padding:				0px;
}

/** NEWS */
#container dl.news {
	width:					380px;
	margin:					0px;
	padding:				0px;
	font-size:				90%;
	background-image:		url(../images/line.gif);
	background-position:	left bottom;
	background-repeat:		repeat-x;
	overflow:				hidden;
}
#container dl.news:hover {
	background-color:		#FFF0FF;
}
#container dl.news dt {
	clear:					both;
	float:					left;
	width:					90px;
	padding-top:			12px;
	padding-bottom:			9px;
	text-indent:			10px;
	line-height:			1.2;
}

#container dl.news dd a:link,
#container dl.news dd a:visited,
#container dl.news dt a:link,
#container dl.news dt a:visited  {
	color:					#555555;
	width:					100%;
	display:				block;
}


#container dl.news dd {
	float:					right;
	width:					290px;
	padding-top:			12px;
	padding-bottom:			9px;
	line-height:			1.2;
}


/********************************************************************************************/
/* OTHER                                                                                    */
/********************************************************************************************/
/** OPTION */
#container dl#optionList {
	padding-bottom:			10px;
	width:					210px;
}
#container dl#optionList  dt {
	background-repeat:		no-repeat;
	text-indent:			-9999px;
	width:					210px;
	margin-bottom:			3px;
}
#container dl#optionList dt a {
	display:				block;
		height:				70px;
}
#container dl#optionList dt#rental {
	background-image:		url(../images/rentalstudio_banner.jpg);
	height:					70px;
}
#container dl#optionList dt#audition {
	background-image:		url(../images/audition_banner.jpg);
	height:					80px;
}
#container dl#optionList dd {
	font-size:				90%;
	line-height:			1.4;
	margin-bottom:			15px;
}

/** h3 */
#container #otherArea h3 {
	line-height:			1;
	font-size:				100%;
	margin:					0px 0px 10px;
	background-repeat:		no-repeat;
	text-indent:			-9999px;
	height:					20px;
}

h3#option {
	background-image:		url(../images/option_h3.gif);
}
h3#address {
	background-image:		url(../images/address_h3.gif);
}
h3#mail {
	background-image:		url(../images/mail_h3.gif);
}
h3#mobile {
	background-image:		url(../images/mobile_h3.gif);
}

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

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

/*** SIDE AREA ADDRESS, OTHER AREA ADDRESS */
#container #otherArea address {
	line-height:			1;
	margin-top:				0px;
	padding-bottom:			25px;
}