@charset "SHIFT_JIS";

body { color: #000000; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif; background-color: #8b959e; background-image: url("../images/bg-page.jpg"); background-repeat: repeat-x; background-position: left top; text-align: center; margin: 10px 0px; padding: 0px; }
table#container { background-color: #fff; margin-right: auto; margin-left: auto; border: solid 1px #8a9daf;}



/* レイアウト
----------------------------------------------------*/

.C {text-align:center}


/* 文字
----------------------------------------------------*/
.red{color:#FF0000;font-size:0.75em}
.red2{color:#FF0000;}
.green{color: #144600;}
.small{font-size:0.8em}
.small2{font-size:0.7em}
.big{font-size:0.9em;}

/* 見出し
----------------------------------------------------*/
h1 { margin: 0px; padding: 0px; }
h2 { margin: 0px; padding: 0px; }
h3  { color: #144600; font-size: 1em; line-height: 30px; background-image: url("../images/bg-h3.gif"); background-repeat: no-repeat; background-position: left bottom; text-align: left; margin: 2em 15px 0px; padding: 0px 0px 0px 35px; clear: both; }
.h3_small{color: #144600;font-size:0.8em;text-align: left;font-weight:bold;margin:-42px 0 30px 0;padding:0 0 0 50px}
h3.image  { background-image: none; padding: 0px }
h4  { font-size: 0.88em; line-height: 30px; background-image: url("../images/bg-h4.gif"); background-repeat: no-repeat; background-position: left top; text-align: left; margin: 2em 25px 0px; padding: 0px 0px 0px 10px; clear: both; }
h5 {font-size: 0.75em; line-height: 1.4em; margin:2em; padding: 0.2em 0.5em 0.3em; border-bottom: 1px solid #cdcdcd;text-align:left;}
div.text-box1 h4, div.text-box2 h4 { color: #fff; line-height: normal; background-color: #727272; background-image: none; margin: 0px; padding: 0.3em; }
h6 {font-size:0.75em;text-align:left;border-left:6px double #cccccc;margin:1em 2em;padding:0 0.5em;}
div.text-box1 h4 a, div.text-box2 h4 a {color:white;}
div.text-box1 h4 a:hover, div.text-box2 h4 a:hover {color:orange;}
div.text-box3 h5 { font-size: 0.75em; line-height: 1.4em; margin: 0px; padding: 0px 0px 2px; border-bottom: 1px solid #cdcdcd; }
div.text-box1 h5, div.text-box2 h5 {text-align:left; font-size: 0.75em; line-height: 1.4em; margin: 20px 0px; padding: 0px 0px 2px; border-bottom: 1px solid #cdcdcd;}

td#about1 h2 { background-color: #fff; margin: 0px; padding: 10px 0px 0px; border-bottom: 1px solid #add5ad; }
td#about2 h2 { background-color: #fff; margin: 0px; padding: 10px 0px 0px; border-bottom: 1px solid #b2cedb; }
td#whats-new h2 { background-color: #fff; margin: 0px; padding: 10px 0px 0px; border-bottom: 1px solid #e0b6b8; }

dt {font-weight:bold;}
dd {padding-bottom:25px;line-height:1.6}

/* 段落
----------------------------------------------------*/
p, blockquote, dl { font-size: 0.75em; line-height: 1.5; text-align: left; margin: 0.8em 0px 0px; padding: 0px; }
p.text, blockquote { margin-right: 2em; margin-left: 3em; }
p.text2 { margin-right: 2em; margin-left: 3em; margin-top:-1.5em;padding:0}
p.text3{text-align:right;font-size:85%}

p.indent {text-indent:-1em;margin:0.5em 2em 0.5em 4em;}
p.indent2 {text-indent:0em;margin:0.5em 2em 0.5em 4em;}
p.indent3 {text-indent:0em;margin:0.5em 2em 0.5em 8em;}
p.name { margin: 0px; }
p.navi { text-align: right; margin-top: 2em; margin-right: 15px; margin-left: 15px; }
p.subtitle{color: #144600;font-weight:bold;text-align:right;margin:3px 12px;padding:0}

/* テキストリンク
----------------------------------------------------*/
a:link { color: #0026bf; text-decoration: none; }
a:visited { color: #0026bf; text-decoration: none; }
a:hover { color: #f60; text-decoration: none; }
a:active { color: #0026bf; text-decoration: none; }


/* ヘッダ
----------------------------------------------------*/
td#header { background-color: #fff; background-image: url("../images/bg-header.gif"); background-repeat: no-repeat; background-position: 540px 30px; border-bottom: 1px solid #aabacc; }
ul#menu { color: #1e4387; font-size: 12px; background-color: #d3e1f1; text-align: left; list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; height: 29px; }
ul#menu li { margin: 0px; padding: 0px; float: left; }
ul#menu li a { color: #1e4387; line-height: 29px; text-decoration: none; display: block; padding-right: 6px; padding-left: 6px; float: left; border-right: 1px solid #fff }
ul#menu li a:visited { color: #1e4387; text-decoration: none; }
ul#menu li a:hover { color: #fff; background-color: #f2ab3b; }
ul#menu li a:active { color: #fff; text-decoration: none; }

ul#menu li.end a { background-color: #dddde6; color: #556677; }
ul#menu li.end a:hover { color: #fff; background-color: #f2ab3b; }


/* フッタ
----------------------------------------------------*/
td#footer { background-color: #eaedef; background-image: url("../images/footer-logo.gif"); background-repeat: no-repeat; background-position: 5px 5px; border-top: 1px solid #ced6db; }
address { color: #585858; font-size: 0.75em; font-style: normal; line-height: 1.5; text-align: right; margin: 10px; }
p#copyright { color: #585858; font-size: 0.63em; font-family: Arial; background-color: #d8dde1; text-align: right; margin: 0px; padding: 10px; }


/* トップページ
----------------------------------------------------*/
td#about1 { background-color: #d8f1d8; vertical-align: top; position:relative;}
td#about2 { background-color: #ddeef6; vertical-align: top; }
td#whats-new { background-color: #fde5e6; vertical-align: top; }
td#about1 p.inner, td#about2 p.inner, td#whats-new p.inner { margin: 10px 15px; padding: 0px; }
td#whats-new ul { font-size: 0.75em; line-height: 1.4; list-style-type: none; list-style-image: url("../images/mk-whats_new.gif"); margin: 10px 15px 10px 30px; padding: 0px; }
td#whats-new li { margin: 0px 0px 0.6em; padding: 0px; }


/* コンテンツ
----------------------------------------------------*/
td#contents { text-align: center;}



table#contents-body { margin: 5px auto; }
td#contents-l { background-color: #f5f5f5; vertical-align: top; border: solid 1px #afafa3; }
td#contents-r { text-align: center; vertical-align: top; }
td#contents-l ul { font-size: 0.75em; line-height: 1.4; list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; }
td#contents-l li.choose { color: #fff; font-weight: bold; background-color: #a2a296; background-image: url("../images/mk-menu_02.gif"); background-repeat: no-repeat; background-position: 5px center; margin: 0px; padding: 10px 0px 10px 30px; border-top: 1px solid #cacabe; border-bottom: 1px solid #93938b; }
td#contents-l li a { color: #2b2a24; background-color: #deded0; background-image: url("../images/mk-menu_01.gif"); background-repeat: no-repeat; background-position: 5px center; display: block; margin: 0px; padding: 10px 0px 10px 30px; border-top: 1px solid #f7f7f2; border-bottom: 1px solid #bfbfac; }
td#contents-l li a:visited { color: #2b2a24; }
td#contents-l li a:hover { color: #fff; background-color: #a2a296; background-image: url("../images/mk-menu_02.gif"); background-repeat: no-repeat; background-position: 5px center; border-top: 1px solid #cacabe; border-bottom: 1px solid #93938b; }
td#contents-l li a:active { color: #fff; }

div.image-box { text-align: center; margin: 10px 25px; }
.float-box1 { text-align: right; margin-bottom: 5px; margin-left: 5px; float: right; }
.float-box2 { text-align: right; margin-right: 25px; margin-bottom: 5px; margin-left: 5px; float: right; }
div.text-box1 { background-color: #f1f1f1; margin-top: 0.8em; margin-right: 25px; margin-left: 25px; padding: 10px; border: solid 1px #cdcdcd; }
div.text-box2 { background-color: #f1f1f1; margin-top: 10px; padding: 10px; border: solid 1px #cdcdcd; }
div.text-box3 { background-color: #fff; margin-top: 10px; padding: 5px; border: solid 1px #cdcdcd; }
div.photo-box { margin-top: 1.5em; margin-right: 25px; margin-left: 25px; border: solid 1px #cdcdcd; }
div.photo-box img { margin-top: 10px; margin-bottom: 10px; }
div.photo-box p { background-color: #cdcdcd; text-align: center; margin: 0px; padding: 0.3em; }
div.text-box1 span  { color: #fff; font-weight: bold; background-color: #4a1a7d; padding: 3px }


/* ページの先頭へ
----------------------------------------------------*/
p.pagetop { text-align: right; margin: 2.5em 15px 1em; padding: 0px; clear: both; }


/* デザインテーブル1
----------------------------------------------------*/
table.table1 { font-size: 0.75em; line-height: 1.4; margin-top: 1em; margin-right: auto; margin-left: auto; }
table.table1 td { text-align: center; padding: 5px; }
table.table1 td.td1 { color: #113f51; background-color: #d8ecf1; padding: 3px; border-style: solid; border-width: 1px; border-color: #c0dee6 #8fbeca #8fbeca #c0dee6; }
table.table1 td.td2 { background-color: #ebebeb; border-style: solid; border-width: 1px; border-color: #d5d5d5 #bfbfbf #bfbfbf #d5d5d5; }


/* デザインテーブル2
----------------------------------------------------*/
table.table2 { font-size: 0.75em; line-height: 1.4; margin-top: 2em; margin-right: auto; margin-left: auto; border-collapse: collapse;  }
table.table2 td, table.table2 th { padding: 5px; vertical-align: top; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }
table.table2 th { font-weight: normal; background-color: #ebebeb; text-align: right; white-space: nowrap; }


/* デザインテーブル3
----------------------------------------------------*/
table.table3 { font-size: 0.75em; line-height: 1.4; margin-top: 2em; margin-right: auto; margin-left: auto; border-collapse: collapse;  }
table.table3 td, table.table3 th { text-align: center; padding: 5px; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; }
table.table3 td.td1 { font-weight: normal; background-color: #ebebeb; white-space: nowrap; }
table.table3 th { color: #fff; background-color: #b4b4b4; text-align: center; }
table.table3 th.line { border-right: 1px solid #fff }


/* デザインテーブル4
----------------------------------------------------*/
table.table4 { font-size: 1em; line-height: 1.4; margin: 0px; }
table.table4 td {border-style: none; }
table.table4 td.R { text-align: right; padding: 3px;border-style: none; }
table.table4 td.L { text-align: left; padding: 3px;border-style: none; }


/* 演劇学校スケジュールテーブル
----------------------------------------------------*/
table.school-sche { font-size: 0.75em; line-height: 1.4; border: solid 1px #515151; border-collapse: collapse; }
table.school-sche caption { text-align:left; }
table.school-sche th { color: #003b1a; font-weight: bold; background-color: #95dbb4; text-align: center; white-space: nowrap; padding: 2px; border: solid 1px #515151; }
table.school-sche td { text-align: center; padding: 2px; border: solid 1px #515151; }
table.school-sche td.event1 { color: #fff; background-color: #b282c5; }
table.school-sche td.event2 { color: #fff; background-color: #c58682; }
table.school-sche td.sat { background-color: #dbf1ff; }
table.school-sche td.sun { background-color: #ffe6e6; }

/*追加分
----------------------------------------------------*/
.list_syosai{font-size:1em;}
.list_syosai dt{float: left;margin:0;padding:0;font-weight:normal;line-height: 150%;}
.list_syosai dd{padding:0 0 5px 3em;line-height: 150%}

.list_syosai2{width:35em;font-size:1em;margin:0;padding:0}

#button{position:absolute;top:-53px;right:5px;width:200px;height:30px; overflow:hidden}
#button img{border:none;}


#form_button {font-size: 1.2em;margin:0 auto; padding: 10px; border-bottom:1px dotted #666666}
#form_button p {text-align:center}
#form_button p a { width:180px;color: #2b2a24; background-color: #deded0; background-image: url("../images/mk-menu_01.gif"); background-repeat: no-repeat; background-position: 5px center; display: block;  margin:0 auto; padding: 10px 0px 10px 30px; border: 1px solid #bfbfac; }
#form_button p a:visited { color: #2b2a24; }
#form_button p a:hover { color: #fff; background-color: #a2a296; background-image: url("../images/mk-menu_02.gif"); background-repeat: no-repeat; background-position: 5px center; border-top: 1px solid #cacabe; border-bottom: 1px solid #93938b; }

.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}

/*lytebox
----------------------------------------------------*/
.photo_group{width:550px;height:120px;margin:0 auto;padding: 0 0 5px 25px}
.photo_group p{float:left;margin:0;padding:0 5px}
.photo_group a{border:none}
.photo_group:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}  


div.photo-box2 { margin-top: 1.5em; margin-right: 25px; margin-left: 25px;padding-top:15px; border: solid 1px #cdcdcd; }
div.photo-box2 p.caption { background-color: #cdcdcd; text-align: center; margin: 15px 0 0 0; padding: 0.3em; clear:both }

.photo_group2{width:550px;margin:0 auto;padding:10px 0 0 10px;clear:both}
.photo_group2 p{float:left;margin:0;padding:0 5px}
.photo_group2 a{border:none}
.photo_group2:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}  


div.photo-box3 { margin-top: 1.5em; margin-right: 25px; margin-left: 25px;padding-top:15px; border: solid 1px #cdcdcd; }
div.photo-box3 p.caption { background-color: #cdcdcd; text-align: center; margin: 15px 0 0 0; padding: 0.3em; clear:both }

.photo_group3{width:550px;margin:0 auto;padding:10px 0 0 10px;clear:both}
.photo_group3 p{float:left;margin:0;padding:0 5px 0 65px}
.photo_group3 a{border:none}
.photo_group3:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}  

.labo_photo{width:575px;margin:0 auto;padding:10px 0 0 10px;}