/*セール*/
@import url(https://fonts.googleapis.com/css?family=Oswald); 



html, body  {  
    _height: 100%;     
    _overflow: auto;    
}

a { outline: none; text-decoration: none; }
body{ padding: 0; margin:0px; background:#000; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Helvetica, Verdana, Arial, "メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", sans-serif; font-size: 13px; color: #ECECEC; }
blockquote{  font-style: normal; padding: 0 0 0 0; color: #000; background: url('../images/quote.png') .5em top no-repeat; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }
a { color: #FF3706; text-decoration: none; }
a:active, h2 a:active, h3 a:active { color: #8c1b00; text-decoration: none; }
a:hover, h2 a:hover, h3 a:hover{ color: #464646; text-decoration: none; }
blockquote p { padding: 0 20px 0 30px; }
hr { background: #CCC; height: 1px; }
img { margin: 0; }

em { font-weight: bold; font-style: normal;}

.bold { font-weight: bold;}
.red { color: #CC0000}
.gray { color: #666}

.bold_txt { font-family: "Oswald" !important;}


h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em;  }
h4 { }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


ul { list-style-type: none; margin: 1em; padding: 0; }
ul li { background: url(../images/line_width.gif) repeat-x bottom;　line-height: 2em; margin: 0 0 0 0; padding: 5px 0; }
ul li a { color: #666; }


.last { background: none;}

.container { width: 850px; padding:0; margin: 0 auto 70px;}
.copyright { width: 850px;  margin: 20px 0 10px; float: left; font-size: 10px; text-align: right; clear: both;}
.copyright .addthis_toolbox{ float: left; width: 500px;}
.facebook { width: 850px;  margin: 10px 0 10px; font-size: 10px; clear: both;}

/* HEADER */
#header { height:100px; width: 850px; padding:0px; margin:15px auto; background: url(../images/header_pics.jpg) right; }
#header h1 { width: 200px; height:100px; float:left; margin:0; padding:0;}
#header a.logo { width: 200px; height:100px; display:block; padding:0; margin:0; background:url(../images/logo.gif) no-repeat ; text-decoration:none; text-indent:-9999px;}
#header a.logo:hover { background-position: 0px -100px; }

.header_notice { font-size: 17px; font-weight: bold; padding: 10px; border: 3px solid #fff; text-align: center; margin: 25px 0 10px;}

div#main { width: 850px; margin: 0 auto 20px; padding: 0; }
div#main p{ line-height: 21px; }
div#main a{ color: #FF3706; text-decoration: none; }

div#main h2 { margin: 0; padding: 0; background:#000 ; }
div#main h3 { font-size: 16px; font-weight: bold; margin:20px 0 5px; padding: 0; }
div#main h4 { height: 16px; font-size: 13px; font-weight: normal; letter-spacing: 2px;  margin:20px 0 0px; color: #FFF; background: #171717; padding: 8px 8px; }

div#main .main_left { width: 200px; margin: 0px 20px 0 0; padding: 0; float: left; }
div#main .main_left li{ margin: 0; }
div#main .main_right { width: 630px; margin: 0 0px; padding: 0; float: right; }

div#main .index_contents { text-align: center;}
div#main .index_left { text-align: left; display: inline-block; vertical-align: top; width: 300px; margin: 0 30px; padding: 0;  }
div#main .index_left img { width: 100%;}
div#main .index_right { text-align: left; display: inline-block; vertical-align: top; width: 380px; margin: 20px 0 0; padding: 0;}
div#main .index_right p { font-size: 15px; line-height: 28px; }

.index_contact { background: #fff; padding: 20px; margin: 30px 0; color: #000; text-align: center;}
.index_contact h2 { background: none !important; font-weight: bold; text-align: left;}
.index_contact_in { display: inline-block; vertical-align: top; width: 42%; text-align: left; padding: 10px;}

.info { background: #eee; padding:0 15px; font-size: 12px;}
.info .info_half { width:50%; padding: 10px 15px; float: left; box-sizing: border-box;}
 
.border_left { background: url(../images/line_height.gif) repeat-y left;}
.border_right { background: url(../images/line_height.gif) repeat-y right;}

.col_3 { border: 10px solid #333; background: #FFF; color: #222;  width: 380px; overflow: hidden; float: left; padding: 0px 10px 10px 10px; margin: 0 10px 20px 0; font-size: 13px; }
.col_3_last {margin: 0 0px 0 0; }
.col_3 h4 { margin-top: 10px !important;}

div#main .slide_content h4 { width: 560px; margin: 5px 0 10px 0;}

.post,
.post_course{border: 10px solid #333; padding:20px; background: #FFF; color: #222; }
.post_course strong { text-decoration: underline; font-size: 18px; display: block; margin-bottom: 20px;}

.short_course { width: 550px; min-height: 180px; padding: 0 10px 15px;}

/*school*/
ul.school { margin-left: 20px !important; width: auto!important; float: none !important;}
ul.school li { list-style-type: decimal !important; background: none !important; }
ul.school li span { display: block; border: 1px solid #ddd; padding: 10px; font-size: 90%;}

/*スクール近郊写真*/
ol.around_school { text-align: center; margin: 0; padding: 0;}
ol.around_school li { display: inline-block; vertical-align: top; width: 180px; margin: 10px 5px; background: none; }
ol.around_school li span { font-size: 12px; color: #777; display: block; margin: 10px 0 0;}

/* FOOTER */

#footer{ width:100%; height:60px; font-size:10px; background: #000; margin:0; padding:10px 0 0 ; clear:both; position: fixed; bottom:0; left:0; border-top: 5px solid #D51403; }
#footer a { text-decoration: none;}

#footer_in{ width: 875px; margin:0 auto; padding:0; color: #FFF;}


div#footer_bar { float:left; width: 875px; height:50px; margin: 0px auto; padding:0px 0px; border:none;}
div#footer_bar ul#nav_footer { list-style:none; width:875px; height:50px; padding:0px; margin:0; line-height:0; border:none; text-align: center;}
div#footer_bar ul#nav_footer li { list-style:none; display: inline-block; margin:0; padding:0; position:relative; background:none; border:none;}
div#footer_bar ul#nav_footer li a{ display:block; width:125px; height:50px; background:url(../images/footer_link.gif) no-repeat; padding:0; margin:0; text-indent:-9999px;}

div#footer_bar ul#nav_footer a.btn01{ background-position:0px 0px; }
div#footer_bar ul#nav_footer a:hover.btn01{ background-position:0px -50px; }

div#footer_bar ul#nav_footer a.btn02{ background-position:-125px 0px; }
div#footer_bar ul#nav_footer a:hover.btn02{ background-position:-125px -50px; }

div#footer_bar ul#nav_footer a.btn03{ background-position:-250px 0px; }
div#footer_bar ul#nav_footer a:hover.btn03{ background-position:-250px -50px; }

div#footer_bar ul#nav_footer a.btn04{ background-position:-375px 0px; }
div#footer_bar ul#nav_footer a:hover.btn04{ background-position:-375px -50px; }

div#footer_bar ul#nav_footer a.btn05{ background-position:-500px 0px; }
div#footer_bar ul#nav_footer a:hover.btn05{ background-position:-500px -50px; }

div#footer_bar ul#nav_footer a.btn06{ background-position:-625px 0px; }
div#footer_bar ul#nav_footer a:hover.btn06{ background-position:-625px -50px; }

div#footer_bar ul#nav_footer a.btn07{ background-position:-750px 0px; }
div#footer_bar ul#nav_footer a:hover.btn07{ background-position:-750px -50px; }



#maincontent h2 {font-size:2em;}
.column h2  { font-family:Georgia, serif; font-weight:normal; font-size:14px; color:#333; text-transform:uppercase; letter-spacing:2px;}
.last h2  { border-top:1px solid #ECECEC; padding:10px 0 0 0;}
.bottombar h2{  font-size:15px;}



h2 a{ color: #3B4A25; text-decoration: none; }


.left {float: left;}
.right {float: right;}
.alignright { float: right; margin: 0px 0 10px 10px; }
.alignleft { float: left;  margin: 0px 10px 10px 0;}


.news_cat { height: 575px; overflow-y:auto;}
ul.cat { background: none;}
ul.cat li{ border-bottom: 1px dotted #e5e5e5; border-top: none; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Helvetica, Verdana, Arial, "メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", sans-serif; font-weight:bold; font-size:15px; color:#FFF; text-transform:uppercase; letter-spacing:2px; margin:10px 0;}
ul.cat li a{  color: #FFF;}
ul.cat li a:hover{ color: #666666;}
ul.cat li span.day{ font-size: 10px; margin: 0px; padding: 0;} 



/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee; }

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee; }





/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

.box_single { 
  padding: 1.5em;
  text-align:center;
  background: url(../images/line.gif) repeat-x top;
  margin:15px 0; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 1.4em 0;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; clear:both; margin: 0; padding: 0; line-height: 0; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {display: none;}
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {display: none;}
}


div#main .home_video { margin: 20px 0px 15px; }
div#main .home_video h2 { border: 1px solid #FFF; border-left: none; border-right: none; font-size: 13px; height: 25px; line-height: 25px; padding: 2px 2px 0; margin-bottom: 10px; }

div#main .home_news { margin: 20px 0px 50px; }
div#main .home_news h2 { border: 1px solid #FFF; border-left: none; border-right: none; font-size: 13px; height: 25px; line-height: 25px; padding: 2px 2px 0; margin-bottom: 10px; }

.home_news ul { margin: 10px 0; }
.home_news ul li {position: relative;}
.home_news ul li span { position: absolute; top: 8px; left: 0; font-size: 80%;}
.home_news ul li a { margin-left: 80px;}
.home_news ul li a:hover { color: #E42341 !important;}

img.home_img { margin-top: 19px;}

ul.index_ul { margin: 0; padding: 0; height: 293px; }
ul.index_ul li {background: url(../images/check.png) no-repeat left; padding: 7px 0 7px 20px; margin: 0; font-size: 14px;}

.index_mag { margin: 0; padding: 0;}



ul.photos { margin: 0 0 0 0px; padding: 0;}
ul.photos li{ margin:0px 6px; padding: 0; float: left; background: none;}
ul.photos li a img{ width: 150px; overflow: hidden; border: 1px solid #CCC; padding: 2px;}
ul.photos li a:hover img{ border: 1px solid #8F2650;}

ul.gallery { margin: 0 0 0 0px; padding: 0;}
ul.gallery li{ margin:11px 17px 0px 0; padding: 0; float: left; background: none;}
ul.gallery li:nth-child(5n) { margin:11px 0px 0;}

ul.gallery li a img{ width: 150px; border: 1px solid #CCC; padding: 2px; margin: 0;}
ul.gallery li a:hover img{ border: 1px solid #8F2650;}


.jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px;  }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 760px; padding: 5px 50px 5px 40px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 760px; height: 115px; }
.jcarousel-skin-tango .jcarousel-item { width:150px; height:130px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 40px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -96px 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }