@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li,
brockquote, pre, table, caption, address, form, object, img,
span, a, strong, em, q, ins, del, site, code, dfn, abbr, acronym, 
section, header, footer, nav, aside, article, address, figure, hgroup,
menu {
  margin: 0;
  padding: 0;
}

html {
overflow-y:scroll;
}

body {
background:#fff;
color: #000;
text-align:center;
word-break:break-all;
font-size:14px;
line-height:22px;
font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;

}

ul {
  list-style-position: outside;
  list-style-type: none;
}

li a {
  border:none;
}

ol li {
  margin-bottom: 5px;
}
  
table {
  border-collapse: collapse;
  font-size: 100%;
}

img,
a {
  border:none;
}

address,
em,
cite {
  font-style: normal;
}

a {
  color:#000;
  overflow:hidden;
  outline:none;
  text-decoration:underline;
}

a:visited {
  text-decoration:underline;
  color:#333;
}

a:hover {
  text-decoration:none;
  color:#000;
}

.img-waku {
  margin:2px;
}

.nobr {
white-space:nowrap;	
}

/* ALL GROUND PARTS */

.clearboth {
  clear:both;
  width:0;
  height:0;
  margin:0;
  padding:0;
}

.m15 {
	margin:15px;
}

.mt10 {
	margin-top:10px;
}

.mr10 {
	margin-right:10px;
}

.ml10 {
  margin-left:10px;
}

.mr5 {
  margin-right:5px;
}

.mb5 {
  margin-bottom:5px;
}

.mb10 {
  margin-bottom:10px;
}

.mb20 {
  margin-bottom:20px;
}

.mb15 {
  margin-bottom:15px;
}

.mr3 {
  margin-right:3px;
}

.mt5 {
  margin-top:5px;
}

.mt2 {
  margin-top:2px;
}

.mt15 {
  margin-top:15px;
}

.mb30 {
  margin-bottom:30px;
}

.mt30 {
  margin-top:30px;
}

.mtb10 {
  margin:10px 0;
}


.m5 {
margin:5px;
}

.mr20 {
margin-right:20px;
}

.ptb5 {
paddinb:5px 0;
}

.pb10 {
  padding-bottom:10px;
}

.pb15 {
  padding-bottom:15px;
}

.pr10 {
  padding-right:10px;
}

.pb20 {
padding-bottom:20px;
}

.mtb15 {
	margin-top:15px;
	margin-bottom:15px;
}

.mrl15 {
margin:0 15px;
}

.w100 {
	width:100px;
}

.txt-b20 {
  font-size:20px;
  font-weight:bold;
}

.txt-b16b {
  font-size:16px;
  font-weight:bold;
  color:#000;
}

.txt-10 {
  font-size:10px;
  line-height:16px;
}

.txt-12 {
  font-size:12px;
  line-height:18px;
}

.txt-center {
text-align:center;
}

.txt-blue {
  color:#0099ff;
}


.txt-red {
  color:#CC0000;
}

.txt-right {
  text-align:right;
}

.txt-mosgreen {
color:#767028;
}

.txt-gray {
color:#666;
}

.txt-yellow {
color:#aa8103;
}

.txt-small {
font-size:11px;
line-height:15px;
}

.txt-kome {
color:#815208;
font-size:12px;
line-height:16px!important;
}

.txt-non {
display:none;
}

.float-right {
  float:right;
}

.float-left {
  float:left;
}

.float-right-mtr5 {
  float:right;
  margin:5px 5px 0 0;
}

.float-right-ml10 {
  float:right;
  margin-left:10px;
}

.float-left-mr5 {
  float:left;
  margin-right:5px;
}

.absmiddle {
  vertical-align:middle;
}

.pagetop-txt {
  display:none;
}

.clearfix {
clear:both;
height:auto;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}

/*HEADER*/
#header-block-top {
background:url(../../img/top/bg_head.jpg) top center repeat-x;
height:64px;
width:100%;
}

#header-block-top:after {
content: "";
display: block;
clear: both;
}

#header-block-top-in {
width:960px;
margin:auto;
}



/*SNS*/
#sns-block-top {
width:215px;
padding:18px 0 0 0;
height:auto;
float:left;
}

#sns-block-top:after {
content: "";
display: block;
clear: both;
}


.twitter-block {
float:left;
width:90px;
text-align:left;
padding-top:1px;
}

.fb-block {
float:left;
width:110px;
text-align:right;
}

/*MENU*/

#menu-block-top {
width:745px;
float:right;
}

.list-menu-top {
height:64px;
}

.list-menu-top li {
text-indent:-9999px;
}

.list-menu-top li a {
height:64px;
float:left;
display:block;
}

.menu-news a {
width:72px;
background:url(../../img/top/btn_menu.png) 0 0;
}

.menu-intro a {
width:149px;
background:url(../../img/top/btn_menu.png) -72px 0;
}

.menu-school a {
width:156px;
background:url(../../img/top/btn_menu.png) -220px 0;
}

.menu-staff a {
width:77px;
background:url(../../img/top/btn_menu.png) -376px 0;
}

.menu-comment a {
width:78px;
background:url(../../img/top/btn_menu.png) -452px 0;
}

.menu-trailer a {
width:68px;
background:url(../../img/top/btn_menu.png) -530px 0;
}

.menu-theaters a {
width:144px;
background:url(../../img/top/btn_menu.png) -599px 0;
}






/*CONTENTS*/

#contents-block-top {
background:url(../../img/top/bg_contents.jpg) top center repeat-x;
width:100%;
margin:auto;
height:786px;
position:relative;
}

#contents-block-top-in {
width:960px;
margin:auto;
background:url(../../img/top/img_contents.png) top center no-repeat;
height:786px;
position:relative;
}

#loading{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-30px;
}

.kodomo01 {
position:absolute;
top:3px;
left:22px;
opacity:0;
}

.kodomo02 {
position:absolute;
top:0;
left:228px;
opacity:0;
}

.kodomo03 {
position:absolute;
top:0;
left:550px;
opacity:0;
}

.kodomo04 {
position:absolute;
top:19px;
left:655px;
opacity:0;
}

.kodomo05 {
position:absolute;
top:0;
right:35px;
opacity:0;
}

.kodomo06 {
position:absolute;
top:225px;
right:0;
opacity:0;
}

.kodomo07 {
position:absolute;
top:414px;
right:17px;
opacity:0;
}
.kodomo08 {
position:absolute;
top:520px;
right:70px;
opacity:0;
}

.kodomo09 {
position:absolute;
top:520px;
right:164px;
opacity:0;
}

.kodomo10 {
position:absolute;
top:477px;
left:87px;
opacity:0;
}

.kodomo11 {
position:absolute;
top:295px;
left:190px;
opacity:0;
}

.kodomo12 {
position:absolute;
top:335px;
left:0;
opacity:0;
}

.kodomo13 {
position:absolute;
top:192px;
left:25px;
opacity:0;
}

.kodomo14 {
position:absolute;
top:75px;
left:95px;
opacity:0;
}

.txt-catch {
position:absolute;
top:18px;
left:430px;
opacity:0;
}

.bnr-ouen {
position:absolute;
top:295px;
left:273px;
width:200px;
}

.bnr-fb {
position:absolute;
top:295px;
right:273px;
width:200px;
}



/*FOOTER*/
#footer-block-top {
width:100%;
background:url(../../img/top/bg_footer.jpg) top center repeat-x #a0c9c8;
clear:both;
}

#footer-block-top-in {
width:960px;
margin:auto;
height:auto;
padding-top:40px;
}

#footer-block-top-in:after {
content: "";
display: block;
clear: both;
}

.footer-left {
float:left;
width:450px;
}

.footer-right {
float:right;
width:450px;
}

.news-block-top {
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */
background:#fff;
width:100%;
height:340px;
padding-top:10px;
}

.list-news-top {
text-align:left;
height:323px;
overflow:auto;
}

.list-news-top li {
padding:10px 10px;
border-bottom:1px solid #e8e8e8;
}

.list-news-top li span {
color:#666;
}


.footer-info {
clear:both;
padding:20px 0;
}

/*TIT*/
.tit-01 {
background:url(../../img/top/border-top.gif) top center repeat-x;
margin-bottom:20px;
}

.tit-01-in {
font-size:16px;
background:url(../../img/top/border-bottom.gif) bottom center repeat-x;
padding:5px 0;
text-align:center;
color:#41210f;
}

/*PAGETOP*/
#backtotop {
bottom: 25px;
height: 55px;
position: fixed !important;
position: absolute;
right:25px;  
width: 55px;
text-indent:-9999px;
}
 

#backtotop a {
background: url(../../img/common/btn_backtotop.png) no-repeat scroll 0 0 transparent;
display: block;
height: 55px;
width: 55px;
}

#backtotop a:hover {
background: url(../../img/common/btn_backtotop.png) no-repeat scroll 0 -55px transparent;
}



/*SP*/

.sp-contents-top {
display:none;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../../colorbox/img/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../../colorbox/img/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../../colorbox/img/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../../colorbox/img/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../../colorbox/img/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../../colorbox/img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../../colorbox/img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../../colorbox/img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../../colorbox/img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../../colorbox/img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../colorbox/img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../colorbox/img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../colorbox/img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../../colorbox/img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}