@charset "utf-8";

/*
Theme Name: actors 
Theme URI: http://www.actor-s.org/
Description: アクターズ
Author: junk
Version: 1.0
 */

/* IE background-image 対策 */
html{
 filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/********************************
* 管理画面から利用
********************************/
table.schedule{
 border-collapse:collapse; 
 border:2px solid black;
 margin:0 auto;
}
table.schedule td{
 border:1px solid black;
}
table.schedule2{
 margin:0 auto;
}
table.class-table,
table.staff-table{
 vertical-align:top;
 border-collapse: collapse;
 border:2px double orange;
 margin:0 auto 30px;
}
table.class-table td,
table.staff-table td{
 border:1px dashed orange;
 border-bottom:none;
 padding:10px;
}
table.class-table td{
 padding:3px;
}
table.class-table td.solid-bottom,
table.staff-table td.solid-bottom{
 border-bottom:1px solid orange;
}
table.class-table td img,
table.staff-table td img{
 display:block;
 margin:0 auto;
}

table.no-pad td{
 padding:0;
}

table#TV-table a{
 text-decoration:underline;
}
table#TV-table a:link,
table#TV-table a:visited{
 color:#c33; 
}
table#TV-table a:hover { color:#90CB00; }
table#TV-table a:active { color:#D7FA99; }

/********************************
* 共通クラス
********************************/
.clear{
 clear:both;
}

.clearpadding{
 padding:0;
}

.clearmargin{
 padding:0;
}

.clearborder,
#mainContents .clearborder{
 border:0;
}

.floatleft,
#mainContents .floatleft{
 float:left;
 margin-right:10px;
}

.floatright,
#mainContents .floatright{
 float:right;
 margin-left:10px;
}

.caption{
 border:1px solid #f5deb3;
 padding: 0 5px;
}

.w250{
 width:250px;
}

.w259{
 width:259px;
}

.w309{
 width:309px;
}

.w459{
 width:459px;
}

.w664{
 width:664px;
}

.center{
 margin:0 auto;
 text-align:center;
}

.textright{
 text-align:right;
}

.textleft{
 text-align:left;
}

.block{
 display:block;
}

.bold{
 font-weight: bold;
}

.debug{
 border: 1px solid black;
}

/* padding関係 */

/* margin関係 */
.clrbtm{
 margin-bottom:0;
}

.clearbtm{
 margin-bottom:0;
}

.setbtm1{
 margin-bottom: 1em;
}

.setbtm2{
 margin-bottom: 2em;
}

.setbtm3{
 margin-bottom: 3em;
}

.settop1{
 margin-top:1em;
}

.settop2{
 margin-top:2em;
}

.splitBox p{
 margin-bottom: 1em;
}

.splitBox2 p{
 margin-bottom: 2em;
}

.splitBox3 p{
 margin-bottom: 3em;
}


/* リスト */
.nolist{
 list-style-type:none;
}

/* カラー */
.red{
 color:red;
}
.backred{
 background-color:red;
}

/* ボーダー関係 */
.bordersolid{
 border:1px solid black;
}

.borderdouble{
 border:2px double black;
}

/* フォント関係 */
.mytest{
 width:300px;
 border-collapse: collapse;
}
.mytest td{
 width:100px;
 border:1px solid black;
}

/********************************
* 特別なクラス
********************************/
table.instructor{
 width:80%;
 background-color:#f93;
 border-collapse: collapse;
 border: 2px solid #ff5224;
 color:#fff;
}
table.instructor td{
 padding:5px;
 border: 1px dashed #000;
}
/********************************
* 全体的なルール
********************************/
* {
 margin:0;
 padding:0;
}

body {
 background-color:#000;
 text-align:center;
 color:#333;
 font-family:verdana, "ＭＳ Ｐゴシック", sans-serif;
 font-size:100%;
}
a { text-decoration:none }
a:link { color:#E57A00; }
a:visited { color:#c90; }
a:hover { color:#90CB00; }
a:active { color:#D7FA99; }

img{
 border:none;
 vertical-align:bottom;
}

td,th{
 vertical-align:top;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/********************************
* メインリンクボックス
********************************/
div#mainlinkwrap{
 width:940px;
 position:relative;
}
div#mainlink{
 float:right;
}
div#mainlink ul{
 list-style-type:none;
}
div#mainlink li{
 display:block;
 float:left;
}
div#mainlink li,
div#mainlink li a,
div#mainlink li img{
 margin:0;
 padding:0;
}
div#mainlinkwrap div#logo{
 display:block;
 float:left;
}
/********************************
* コンテナトップ
********************************/
div#containertop{
 width:100%;
 background-color:#fff;
}
div#containertop div.innerwrap{
 width:980px;
 background-color:#000;
 padding-bottom:10px;
 margin:0 auto;
}
div#containertop div.innerwrap div.inner{
 margin:0 auto;
 text-align:left;
 width:960px;
 color:#fff;
 padding-top:20px;
}

/********************************
* メインページ
********************************/
div#main{
 width:100%;
 margin-top:10px;
}
table#home td{
 background-color:#333;
 text-align:center;
 margin:0 auto;
}
table#home td div#rightinner{
 padding-top:2px;
}
table#home div#topnews{
 overflow:auto;
 width:310px;
 height:170px;
}
table#home div#topnews ul{
 text-align:left;
 padding:10px;
 padding-left:2em;
}
table#home div#topnews li{
 margin-bottom:1em;
}
table#home div#topnews a{
 margin-left:1em; 
}
table#home div#topflash{
 width:620px;
 height:370px;
 background-color:#000;
}
/********************************
* newsシングルページ固有
********************************/
div#news{
 border-bottom:1px dashed #99f;
 text-align:center;
 padding-bottom:20px;
 margin-bottom:20px;
}
div#news div.newsinner{
 width:600px;
 margin:0 auto;
 text-align:left;
}
div#news div.newsinner a{
 text-align:center;
}
div#news div.newsinner p{
 margin-bottom:1em; 
}
div#news  h2{
 font-size:80%; 
 padding:10px;
 text-align:left;
 border-bottom:1px dashed #ccc;
 margin-top:20px;
}
div#news  h2 p{
 font-size:140%; 
 text-indent:1em;
 margin-top:10px;
 }

/********************************
* 次ページで表示するメインページ
********************************/
div.main2{
 float:right;
 overflow:hidden;
 padding-top:20px;
 width:738px;
}
div.main2 div.main2inner{
 width:696px;
 margin:0 auto;
 padding-bottom:20px;
 text-align:left;
 line-height:1.5;
}
div.main2 h2{
 margin-bottom:1em;
}
div.main2 h3{
 font-size:120%;
 margin-bottom:1em;
}
div.main2 ul{
 margin-left:3em;
 margin-bottom:1em;
}
div.main2 blockquote{
 margin-left:3em;
}
/********************************
* singleページ固有
********************************/
body#single p.navigation{
 text-align:center; 
}
/********************************
* categoryページ固有
********************************/
body#category p.navigation{
 text-align:center; 
}
/********************************
* historyページ固有
********************************/
body#history div#containertop div.innerwrap{
 background:#000 url('images/history-side-back.jpg') left bottom no-repeat;
}
table#historytable td#bottonbox{
 padding-top:20px;
}
table#historytable td#profilebox{
 padding-left:10px;
}

#history-to-profile{
 width:196px;
 padding-top:220px;
 background:#000 url('images/history-right-back.jpg') left top no-repeat;
}

#history-to-profile p{
 margin:10px;
 margin-bottom:0;
 font-size:70%;
}

body#category p.navigation{
 text-align:center; 
}

div#history-linkbox-inner{
 width:950px;
 margin:0 auto;
}

table#history-linkbox{
 border-collapse:collapse;
 float:left;
 margin-bottom:10px;
}
table#history-linkbox td{
 text-align:center;
 background-color:#fff;
 border:2px solid #999;
}
table#history-linkbox div{
 width:140px;
 text-align:center;
 margin:0 auto;
}
table#history-linkbox p{
 padding-bottom:1em;
 font-size:80%;
 text-align:left;
 width:100%;
 background-color:#fff;
}
table#history-linkbox td{
 background:#999 url('images/history-btnback.jpg') left bottom no-repeat;
 background:none;
}

table#history-linkbox img{
 padding-bottom:4px;
 background-color:#999;
}

div#history-to-plan{
 width:170px;
 float:right;
 border:2px solid #999;
 margin-bottom:20px;
}
div#history-to-plan p{
 font-size:80%;
 text-align:left;
 padding:5px;
}
div#history-to-plan p a{
 color:#000;
}

/* history-linkbox中の説明 */
table#history-linkbox p a:link { color:#000; }
table#history-linkbox p a:visited { color:#000; }
table#history-linkbox p a:hover { color:#90CB00; }
table#history-linkbox p a:active { color:#D7FA99; }


/********************************
* マキノ会長プロフィールページ固有
********************************/
div#expro{
 color:#fff;
}
div#expro div#ulwrap{
 float:left;
 width:400px;
}
div#expro ul{
 border:1px solid #ccc;
 margin:0;
 margin-top:20px;
 margin-left:3px;
 padding:10px;
 padding-left:2em;
 color:#fff;
}
/********************************
* ニュース一覧ページ固有
********************************/
div#category-3 ul li a{
 margin-left:2em;
}
div#category-3 ul li span.new{
 color:red;
 font-weight:bold;
}

/********************************
* 資料請求ページ固有
********************************/
div#contact-form table{
 border-collapse:collapse; 
}
div#contact-form table caption{
 background-color:#093;
 color:#fff;
 font-size:120%;
}

div#contact-form table .your-postnumber input,
div#contact-form table .your-area input,
div#contact-form table .your-subject input{
 width:200px;
}
div#contact-form table .your-tel input,
div#contact-form table .your-fax input,
div#contact-form table .your-email input,
div#contact-form table .your-name input,
div#contact-form table .your-name2 input{
 width:300px;
}
div#contact-form table #submit{
 margin:0 auto;
 text-align:center;
 border-bottom-style:solid;
 border-left:1px solid #093;
}
div#contact-form table th{
 background-color:#cf9; 
 border:1px solid #093;
 border-top:none;
 border-bottom-style:dashed;
 border-right-style:dashed;
 padding:10px;
}
div#contact-form table td{
 border:1px solid #093;
 border-top:none;
 border-left:none;
 border-bottom-style:dashed;
 padding:10px;
}
div#contact-form table td input{
 font-size:120%;
 padding:2px;
}
/********************************
* お問合せページ固有
********************************/
div#wpcf7-f2-p30-o1 div#contact-form table  caption{
 background-color:#c60;
}
div#wpcf7-f2-p30-o1 div#contact-form table th{
 background-color:#ffdf99; 
 border-color:#f90; 
}
div#wpcf7-f2-p30-o1 div#contact-form table td{
 border-color:#f90; 
}
/********************************
* システム（入学案内）とレッスン　ページ固有
********************************/
div.titlebarwrapper ul{
 list-style-type:none;
}
div.titlebarwrapper ul li{
 margin-bottom:5px;
}
/********************************
* コンテナボトム
********************************/
div#containerbottom{
 width:100%;
 background-color:#000;
}
div#containerbottom div.innerwrap{
 background-color:#000;
 width:980px;
 margin:0 auto;
 border:1px solid #fff;
 border-top:none;
}
div#containerbottom div.innerwrap div.inner{
 padding-top:10px;
 background-color:#fff;
 border-top:none;
 overflow:hidden;
}
body#single div#containerbottom div.innerwrap div.inner,
body#page div#containerbottom div.innerwrap div.inner,
body#category div#containerbottom div.innerwrap div.inner{
 padding-top:0;
 background:#fff url('images/sidebar.gif') left top repeat-y;
}
div#containerbottom div.innerwrap table#linkbox{
 width:970px;
 margin:0 auto 20px;
 border-collapse:collapse;
}
div#containerbottom div.innerwrap table#linkbox td{
 border-right:1px dashed #999;
 border-left:1px dashed #999;
}
div#containerbottom div.innerwrap table#linkbox ul{
 text-align:left;
 padding-left:2em;
 width:180px;
 font-size:80%;
 list-style-type:square;
}
div#containerbottom div.innerwrap table#linkbox li{

}
div#containerbottom div#page-30 .main2inner,
div#containerbottom div#page-110 .main2inner{
 width: 80%;
}

/********************************
* ヘッダーテンプレート
********************************/

/********************************
* フッターテンプレート
********************************/
div#footer {
 clear:both;
 padding:10px;
 background-color:#000;
}
p#copyright {
 color:#fff;
 text-align:right;
 font-size:0.63em;
}

/********************************
* トップページテンプレート
********************************/
div#content {
 width:640px;
 text-align:left;
 float:right;
}   
div#innerbox {
 width:96%;
 margin:0 10px;
}

/********************************
* サイドバーテンプレート
********************************/
div#sidebar {
 width:238px;
 background-color:#000;
 float:left;
}
 /* background: url(images/content.jpg) 0 0 repeat-y; */
div#sidebar div#inner a img{
 margin-bottom:10px; 
}
div#sidebar ul {
 margin:0 0 5px 5px;
}
div#sidebar ul a{
 color:#fff;
}
div#sidebar li, div#sidebar li li {
 list-style:none;
 line-height:1.6em;
}
div#sidebar li li {
 background:url(images/bullet.gif) 0 0.5em no-repeat;
 padding-left:12px;
 font-size:0.75em;
}
div#sidebar li li li {
 font-size:1em;
}
div#sidebar li h2 {
 font-size:0.82em;
 color:#666;
 color:#fff;
}
div#sidebar li.searchform ul {
 margin-left:0;
}
div#sidebar li.searchform li {
 background:none;
 padding-left:0;
}
div#sidebar li.searchform li input#s {
 width:120px;
 margin-top:2px;
}
div#sidebar li.searchform li input#searchsubmit {
 width:3em;
}


/********************************
* 個別記事テンプレート
********************************/
div.post img {
 border:4px solid #ccc;
}
div.post img.wp-smiley {
 border:none;
}
div.post img.floatleft {
 float:left;
 margin:0 8px 8px 0;
}
div.post blockquote {
 margin-bottom:1em;
 padding:20px 15px 10px 15px;
 background:url(images/blockquote.png) no-repeat #fafef3;
 border:1px solid;
 border-color:#efefef #ccc #ccc #efefef;
}
div.post ul, div.post ul ul, div.post ol, div.post ol ol{
 margin:0 0 1em 25px;
}
div.post li {
 font-size:0.75em;
 line-height:1.5em;
}
div.post li li {
 font-size:1em;
}
hr {
 border-top:solid #ccc;
 background:#fff;
 color:#fff;
 border-width:1px 0 0 0;
 margin:1em 0;
}
code {
 font-family:"courier new", courier, monotype;
 font-size:1em;
}


/********************************
* フォーム
********************************/
form#commentform label {
 width:140px;
 float:left;
 margin:0.25em 10px 0 0;
 font-weight:bold;
}
form#commentform p {
 clear:both;
}
form#commentform sub {
 display:block;
 padding-top:2px;
}
input#author, input#email, input#url {
 width:244px;
 border:3px double #ccc;
 padding:1px 3px;
}
textarea {
 font-size:1em;
 border:3px double #ccc;
 width:400px;
}
p.submitbutton {
 text-align:center;
}
p.submitbutton input {
 padding:3px 1em;
 font-weight:bold;
 color:#555;
}

/********************************
* 体験レッスン固有
********************************/
table#page90table img{
  width:200px;
}

/********************************
* 事業構想固有
********************************/
table.plan{
 border:none;
 margin-bottom:40px;
}
table.plan td.plan-sp{
 border:none;
 padding:10px;
 padding-top:3em;
}
/********************************
* Mac IE 文字化け回避対策
********************************/
input, select, textarea {
 font-family:"ヒラギノ角ゴ Pro W3", osaka, verdana, "ＭＳ ゴシック", sans-serif;
}