@charset "shift_jis";

/*===================================================================

CSS Information

 Site URL:	http://-----
 File name:	style.css (http://---)
 Summary:	all styles
 Created:	2007-05-14

Order of description

 + __styleReset
 + __base style
===================================================================*/


/* --------------------------------------------------------
 __commonContents
-------------------------------------------------------- */
.lead_h2 {
	color:#fff;
	font-size:14px;
	background:#fff  url(images/common_leadbar01.gif)  no-repeat ;
	width:500px;
	height:24px;
	padding-left:28px;
	padding-top:4px;
	margin-bottom:8px;
	}

p {
	font-size:80%;
	}

.mar_b_size{
	margin-bottom:40px;
	}

/* --------------------------------------------------------
 __school_information
-------------------------------------------------------- */

#school_information_title{
	width:500px;
	height:80px;
	margin-bottom:28px;
	padding-left:25px;
	}

.sit01{background:#fff  url(images/school_information_title01.gif)  no-repeat ;}
.sit02{background:#fff  url(images/school_information_title02.gif)  no-repeat ;}
.sit03{background:#fff  url(images/school_information_title03.gif)  no-repeat ;}
.sit04{background:#fff  url(images/school_information_title04.gif)  no-repeat ;}
.sit05{background:#fff  url(images/school_information_title05.gif)  no-repeat ;}


/* --------------------------------------------------------
 __school_guide:::::::school_information
-------------------------------------------------------- */
#school_information_title #school_information{
	font-size:1.3em;
	margin-bottom:12px;
	}
#school_information_title #eu{
	font-size:12px;
	font-weight: bold;
	padding-top:8px;
	margin-bottom:5px;
	}
#school_information_title #chips{
	font-size:75%;
	}

.school_guide_imgfloat{
	float: right;
	margin:0 0 10px 18px;
	}
#imgfloat01 li{
	margin-bottom:6px;
	}


.school_guide_guide{
	margin:0 auto;
	margin-top:20px;
	text-align:center;
	width:440px;
	border:1px solid #ccc;
	font-size:80%;
	background-color:#eee ;
	}
.school_guide_ul{
	text-align: left;
	margin:15px 20px;
	}
.school_guide_ul li{
	margin:10px 0;
	line-height:1.5;
	}




/* --------------------------------------------------------
 __school_guide:::::::course
-------------------------------------------------------- */
.course_box{
	margin:28px auto;
	text-align:center;
	width:480px;
	}


.course_box .name{
	text-align: right;
	height:60px;
	margin-bottom:5px;
	}
.course_box .name img{
	margin-top:15px;
	}
.course_box .course_box_txt{
	text-align: left;
	font-size:70%;
	}


.course_box #piano{background:  url(images/course_t_piano.gif)  no-repeat ;}
.course_box #vocal{background:  url(images/course_t_vocal.gif)  no-repeat ;}
.course_box #guitar{background:  url(images/course_t_guitar.gif)  no-repeat ;}
.course_box #songwriting{background:  url(images/course_t_songwriting.gif)  no-repeat ;}
.course_box #ukulele{background:  url(images/course_t_ukulele.gif)  no-repeat ;}
.course_box #masschoir{background:  url(images/course_t_masschoir.gif)  no-repeat ;}
.course_box #theory{background:  url(images/course_t_theory.gif)  no-repeat ;}
.course_box #acting{background:  url(images/course_t_acting.gif)  no-repeat ;}
.course_box #comedy{background:  url(images/course_t_comedy.gif)  no-repeat ;}
.course_box #makeup{background:  url(images/course_t_makeup.gif)  no-repeat ;}
.course_box #p_v{background:  url(images/course_t_p_v.gif)  no-repeat ;}
.course_box #yogapilates{background:  url(images/course_t_yogapilates.gif)  no-repeat ;}

/* --各紹介ページ-- */

.course_box_txt_detail{
	text-align: left;
	font-size:80%;
}

#course_imgbox{
	margin:0 auto;
	text-align:center;
	}
#course_imgbox img{
	margin-right: 8px;
	}



#course_center480{/* --幅480pxでセンター位置に-- */
	margin:0 auto;
	text-align:center;
	width:480px;
	}


#course_spec{
	margin:50px auto;
	text-align: left;
	border-top:1px solid #ccc;
	padding-top:10px;
	}

#course_message{
	margin:50px auto;
	text-align: left;
	border-top:1px solid #ccc;
	padding-top:10px;
	}
.course_tec1{font-size:90%;color:#f9a51a;font-weight:bold;}
.course_tec2{font-size:90%;color:#f05a22;font-weight:bold;}
.course_tec3{font-size:90%;color:#8bc53f;font-weight:bold;}
.course_tec4{font-size:90%;color:#3a9948;font-weight:bold;}

.course_sublead{
	font-size:85%;
	margin:12px 0 15px 0;
	}
#course_list{
	font-size:80%;	
	}
#course_list li{
	border-top:1px solid #ccc;
	padding:6px 10px;
	}
.course_list_eee {background-color:#eee}

.course_message_p {
	font-size:80%;
	margin-bottom:60px;
	}







/* --------------------------------------------------------
 __school_guide:::::::system
-------------------------------------------------------- */

.system_box {
	margin:40px auto;
	width:450px;
	}
.system_box .title01{
	font-size:100%;
	font-weight:bold;
	margin-bottom: 13px;
	color:#f9a51a;
	border-top:1px solid #f9a51a;
	border-left:6px solid #f9a51a;
	padding:3px 0 0 5px;
	}
.system_box .title02{
	font-size:100%;
	font-weight:bold;
	margin-bottom: 13px;
	color:#f05a22;
	border-top:1px solid #f05a22;
	border-left:6px solid #f05a22;
	padding:3px 0 0 5px;
	}
.system_box .title03{
	font-size:100%;
	font-weight:bold;
	margin-bottom: 13px;
	color:#8bc53f;
	border-top:1px solid #8bc53f;
	border-left:6px solid #8bc53f;
	padding:3px 0 0 5px;
	}
.system_box .title04{
	font-size:100%;
	font-weight:bold;
	margin-bottom: 13px;
	color:#3a9948;
	border-top:1px solid #3a9948;
	border-left:6px solid #3a9948;
	padding:3px 0 0 5px;
	}
.sys_list{
	font-size:80%;
	}
.sys_list li{
	border-bottom:1px solid #ccc;
	padding:8px 10px;
	}
.sys_cap{
	margin:10px 0 60px 0;
	font-size:75%;
	line-height:130%;
	}
.system_box .mini{
	font-size:75%;
	color:#666;
	font-weight:normal;
	}

.course_tec1{font-size:90%;color:#f9a51a;font-weight:bold;}
.course_tec2{font-size:90%;color:#f05a22;font-weight:bold;}
.course_tec3{font-size:90%;color:#8bc53f;font-weight:bold;}
.course_tec4{font-size:90%;color:#3a9948;font-weight:bold;}








/* --------------------------------------------------------
 __school_guide:::::::event
-------------------------------------------------------- */

.event_box{
	margin:40px auto;
	width:480px;
	}
.event_box .event_title{
	color:#666;
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:7px;
	background:#fff url(images/event_title_bar.gif) 0 0.6em no-repeat ;
	}
.event_box .end_img{
	float:left;
	margin-right:10px;
	}

.event_box .days{
	color:#f00;
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
	}

.event_box .states{
	font-size:80%;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	}

.event_txt{
	}

.event_images{
	float:right;
	margin:0 0 10px 20px;
	}

/*2009-Renewal*/
	
.event_box_2nd {
	padding:1.5em 0 4em;
	}

.event_box_2nd .event_title{
	background:#fff url(./school_info/09images/paper_icon.jpg) 0.4em 0.4em no-repeat ;
	padding:0.3em 30px;
	border-top:2px solid #8bc53f;
	border-bottom:1px solid #ccc;
	color:#333;
	font-size:1.3em;
	}

.event_box_2nd .event_data{
	border-bottom:2px solid #8bc53f;
	margin:0 0 1em;
	padding:0.5em 1.2em;
	font-size:80%;
	line-height:1.5;
	background:#f9f9f9;
	color:#333;
	font-weight: bold;
	}

.event_box_2nd .event_data .em_word{
	font-size:85%;
	background:#8bc53f;
	padding:0.1em 0.5em;
	margin-right:1em;
	color:#fff;
	}

.event_box_2nd p {
	font-size:85%;
	}

/*囲み内のしかけ*/
.event_box_2nd .kakomi01{
	border:1px solid #B8D690;
	background:#FBFEE6;
	margin:1em;
	padding:1em;
	}
.event_box_2nd .kakomi_in{
	border:1px solid #B8D690;
	background:#B8D690;
	padding:1em;
	font-size:80%;
	line-height:1.5;
	font-weight:bold;
	margin-bottom:1.5em;
	}


.event_box_2nd .kakomi01 .voice{
	font-size:80%;
	font-weight:bold;
	color:#6CAB19;
	margin-bottom:0.5em;
	}
.event_box_2nd .kakomi01 p{
	font-size:75%;
	line-height:1.5;
	margin-bottom:1.5em;
	}



.event_box_2nd .k_box_01{
	text-align:center;
	}

.event_box_2nd .k_box_01 img{
	margin:3px;
	border:1px solid #ccc;
	width:200px;
	}

.event_box_2nd .k_box_01 a:hover img{
	filter: alpha(opacity=50);
	opacity:0.5;
	}

.backnumber_list{
	margin:3em 4em 0;
	text-align:center;
	font-size:80%;
	line-height:1.7;
	padding:1em;
	background:#fff;
	font-weight: bold;
	border:1px solid #ccc;
	}	
.toPagetop{
	text-align:center;
	font-size:80%;
	margin:50px 0 100px;
	border-top:1px dotted #999;
	padding-top:8px;
	}

/* --------------------------------------------------------
 __school_guide:::::::staff
-------------------------------------------------------- */


.staff_box {
	margin:20px 10px;
	text-align:center;
	float:left;
	width:102px;
	}

.staff_box img{
	width:100px;
	height:125px;
	border:1px solid #3A9948;
	}


.staff_box .name{
	font-size:75%;
	margin-top:5px ;
	}
.staff_box .name .sensei{
	font-size:85%;
	}
.staff_box .part{
	font-size:70%;
	color:#3A9948;
	margin-top:3px ;
	}


/* --各講師ページ-- */


#staff_members_box{
	margin:50px auto;
	text-align:center;
	width:450px;
	}

#staff_photo{
	float:left;
	text-align: left;
	width:150px;
	}

#staff_photo img{
	width:120px;
	height:150px;
	border:1px solid #ccc;
	}

#staff_profile{
	float:right;
	text-align: left;
	width:300px;
	}

#staff_profile .name{
	font-weight:bold;
	border-top:1px solid #3A9948;
	border-bottom:1px solid #3A9948;
	padding:10px 0;
	font-size:120%;
	margin-bottom:20px;
	}

#staff_profile .name .sensei{
	font-size:70%;
	}

#staff_profile .name .part{
	color:#3A9948;
	font-size:75%;
	}










/* --------------------------------------------------------
 __others:::::::共通
-------------------------------------------------------- */


#others_title{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

#others_title_hex{
	padding:14px 28px;
	font-size:1.4em;
	background:#fff  url(images/others_arrow.gif) 0 0.7em  no-repeat ;
	}



/* --------------------------------------------------------
 __others:::::::リンク
-------------------------------------------------------- */
#link_box{
	margin:50px auto;
	text-align:center;
	width:420px;
	}
.linkname{
	margin-bottom:5px;
	text-align: left;
	font-size:80%;
	font-weight:bold;
	}
.linkurl{
	margin-bottom:30px;
	text-align: left;
	font-size:75%;
	}
.linkurl a{
	color:#8EA6D4;
	}
.linkurl a:hover{
	color:#C6D2E9;
	}

/* --------------------------------------------------------
 __others:::::::お問合せ
-------------------------------------------------------- */

table#contact {
	margin:50px auto;
        font-size: 75%;
        color: #333;
        border: 1px solid #ccc;
        border-collapse: separate;
        border-spacing: 1px;
	}
#contact th {
	width:11em;
        padding: 5px 10px;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        background-color:#eee;
	text-align:left;
	
	}

#contact td {
        padding: 5px;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        background-color: #fff;
	}	
.nainaiyo{
	line-height:150%;
	}


/* --------------------------------------------------------
 __others:::::::map
-------------------------------------------------------- */
#accessmap_box{
	width:350px;
	margin:0 auto;
	text-align:center;
	}
#accessmap_box img{
	margin:50px 0;
	}
#accessmap_box .as{
	text-align:left;
	font-size:90%;
	font-weight:bold;
        border-bottom: 1px solid #cccccc;
	padding-bottom:3px;
	}


#accessmap_box .bs{
	margin:4px 0 28px 0;
	text-align:left;
	font-size:80%;
	}
#accessmap_box .bs li{
	line-height:140%;
	}

#accessmap_box #cs{
	background-color:#eee;
        border: 1px solid #cccccc;
	padding:20px;
	font-size:80%;
	text-align:left;
	line-height:140%;
	margin-bottom:100px;
	}




/* --------------------------------------------------------
 __others:::::::sitemap
-------------------------------------------------------- */
#sitemap_box{
	width:480px;
	margin:0 auto;
	text-align:center;
	}

#sitemap_box h4{
	text-align: left;
	font-size:100%;
	margin-top:30px;
	margin-bottom:5px;
	}

#sitemap_box .sitemap_list{
	text-align: left;
	font-size:80%;
	}

#sitemap_box .sitemap_list li{
	margin:12px 0;
	}

#sitemap_box  a{
	color:#666;
	}


/* --------------------------------------------------------
 __Topics
-------------------------------------------------------- */



/* --------------------------------------------------------
 __Topics/体験レッスン
-------------------------------------------------------- */
#pre_lesson_box {
	width:480px;
	margin:0 auto;
	text-align:center;
	}

#pre_lesson_box p{
	text-align: left;
	}

#pre_lesson_box .lead{
	margin-bottom:8px;
	text-align: left;
	font-size:90%;
	padding:3px 8px;
	background-color:#F9A51A;
	font-weight:bold;
	color:#fff;
	}

#pre_lesson_box #list{
	margin-bottom:5px;
	text-align: left;
	font-size:80%;
	}

#pre_lesson_box #list li{
	border-bottom:1px solid #ccc;
	padding:5px 0;
	}


/* --------------------------------------------------------
 __Topics/スクール生 出演情報
-------------------------------------------------------- */
#topics_title2{
	border-top:1px solid #A5CD39;
	border-bottom:1px solid #A5CD39;
	border-left:12px solid #A5CD39;
	padding:10px;
	margin-bottom: 40px;
	}
#topics_title2 #cap{
	font-size:80%;
}
#topics_title2 #title{
	margin-top: 8px;
	font-size:1.6em;
	font-weight:bold;
	}
#seito_box{
	width:480px;
	margin:0 auto;
	text-align:center;
	}

/**/
.seito_info_box_person{
	text-align:left;
	margin: 0;
	padding:0 0 2em;
	border-bottom:1px dotted #ccc;
	}


.seito_info_box_person h2 {
	background:#F3FFD2;
	font-size: 20px;
	margin:0 0 1em;
	padding:6px 0.5em;
	border-top:2px solid #A5CD39;
	border-bottom:2px solid #A5CD39;
	}
.seito_info_box_person h2 .min{
	font-size: 80%;
	}
.seito_info_box_person h2 .let{
	font-size: 14px;
	font-weight: normal;
	margin-left:1em;
	}

.termBox .left {
	width:150px;
	float:left;
	margin:0;
	padding:0;
	}
.termBox .left img{
	border:1px solid #ccc;
	width:150px;
	float:left;
	margin:0 15px 10px 0;
	}

.termBox .right {
	width:310px;
	float: right;
	margin:0;
	padding:0;
	}
.seito_info_box_person .termBox .right p {
	margin:0 0 0.6em;
	padding:0;
	line-height:1.6;
	font-size: 80%;
	}
.seito_info_box_person .termBox .right p a{
	font-weight: bold;
	}
.seito_info_box_person .senko{
	font-weight: normal;
	font-size:75%;
	}


/* --------------------------------------------------------
 __Topics/生徒 
-------------------------------------------------------- */
#topics_title2{
	border-top:1px solid #A5CD39;
	border-bottom:1px solid #A5CD39;
	border-left:12px solid #A5CD39;
	padding:10px;
	margin-bottom: 40px;
	}
#topics_title2 #cap{
	font-size:80%;
}
#topics_title2 #title{
	margin-top: 8px;
	font-size:1.6em;
	font-weight:bold;
	}
#seito_box{
	width:480px;
	margin:0 auto;
	text-align:center;
	}
.seito_box_person{
	text-align:left;
	border-bottom:1px solid #A5CD39;
	margin: 25px 0;
	}
.seito_box_person img{
	border:1px solid #ccc;
	width:90px;
	float:left;
	margin:0 15px 10px 0;
	}
.seito_box_person .c1{
	font-size:75%;
	font-weight:bold;
	border-left:10px solid #ccc;
	}
.seito_box_person .c2{
	margin-top: 5px;
	font-size:95%;
	font-weight:bold;
	}
.seito_box_person p{
	margin-top: 8px;
	margin-bottom: 20px;
	font-size:75%;
	}
.seito_box_person .senko{
	font-weight: normal;
	font-size:75%;
	}

/* --------------------------------------------------------
 __Topics/sibata 
-------------------------------------------------------- */

#topics_title{
	border-top:1px solid #F5A3C1;
	border-bottom:1px solid #F5A3C1;
	border-left:12px solid #F5A3C1;
	padding:10px;
	margin-bottom: 40px;
	}
#topics_title #cap{
	font-size:80%;
}
#topics_title #title{
	margin-top: 8px;
	font-size:1.6em;
	font-weight:bold;
	}


#shibata_box {
	width:480px;
	margin:0 auto;
	text-align:center;
	}
#shibata_box .shibata_title {
	font-weight:bold;
	margin:0 0 12px 0;
	font-size:1.1em;
	text-align:left
	}
#shibata_box p {
	text-align:left
	}
#shibata_box #shibata_profile{
	background-color:#F6E7E7;
	font-size:90%;
	padding:30px;
	}
.syomei {
	margin-top: 36px;
	text-align:right;
	font-size:75%;
	}

.syomei2 {
	margin-top: 8px;
	text-align:right;
	font-family: serif;
	font-size:1.3em;
	}
#toblog{
	margin: 60px auto;
	text-align:center;
	width:350px;
	background-color:#FDF2BD;
	background-color:#fff;
	border:1px solid #ccc;
	padding:15px;
	font-size:80%;
	}



/* ------ ↓プライバシーポリシー↓ ------ */
#privacy_area {
	margin: 20px 0;
	padding:20px;
	background:#eee;
	border:1px solid #ccc;
	}

#privacy_area .lead{
	margin-bottom:3px;
	font-size:80%;
	color:#333;
	}

#privacy_area .pa_txt {
	margin-bottom:15px;
	font-size:70%;
	line-height:140%;
	color:#333;
	}

.sign_note{
	text-align:right;
	font-size:80%;
	line-height:150%;
	margin-bottom:60px;
	}









/* --------------------------------------------------------
 __コース内クラス（俳優・演劇）
-------------------------------------------------------- */


#inside_course{
	margin:20px 0 50px 0;
	text-align:left;
	}

#inside_course .h_cla{
	font-size:85%;
	margin-bottom:5px;
	border-left:5px solid #3a9948;
	padding-left:4px;
	}

#inside_course p{
	font-size:75%;
	margin-bottom:25px;
	}

#inside_course .samimg{
	float:right;
	margin:0 0 10px 10px;
	}
.act_rec_t{
	font-size:80%;
	font-weight:bold;
	border-left:5px solid #3a9948;
	padding-left:4px;
	}
.act_rec{
	margin-bottom:25px;
	}
.act_rec li{
	font-size:70%;
	margin:5px 0;
	}




/* --------------------------------------------------------
 __ボランティアプロジェクト
-------------------------------------------------------- */
.volunteer_box{
	margin:40px 0;
	}
.volunteer_box_image{
	margin:0 auto;
	text-align:center;
	margin-bottom:25px;
	}
#volunteer_info{
	margin: 60px 20px;
	background-color:#F0F8FC;
	border:1px solid #ccc;
	padding:20px;
	font-size:80%;
	line-height:150%;
	}
#volunteer_info h3 {
	font-size:18px;
	margin:0 0 0.7em;
	color:#6792AB;
	}
#volunteer_formtable {
	margin: 1em auto;
    border: 0px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;

	color:#333;
	}

#volunteer_formtable th {
    padding: 8px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 0;
    background: #C3D7E3;
    font-weight: bold;
    text-align: left;
	line-height:150%;
}
#volunteer_formtable td {
    padding: 8px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 0;
    background: #fff;
    text-align: left;
	line-height:150%;
}



/* --------------------------------------------------------
 イベントページ、リンク元画像ロールオーバ50％半調
-------------------------------------------------------- */

.event_box img{
	border:0;
}
.event_box a:hover img{
	filter: alpha(opacity=50);
	opacity:0.5;
}