/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

  body {
    margin: 0px;
    padding: 0px;
    background: #9adedb;
    font-family: "Lucida Grande",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",sans-serif;
    font-size: 16.2px;
    color: #000000;
  }

  h1, h2, h3 {
    margin: 0px;
    padding: 0px;
  }

  h1 {
    padding: 0px 0px 10px 0px;
    font-size: 130%;
    font-weight: 600;
  }

  h2, h3 {
    padding: 0px 0px 10px 0px;
    letter-spacing: -1px;
    font-size: 130%;
  }

  p, ol, ul {
    margin-top: 0px;
    line-height: 160%;
  }

  p {
    margin-bottom: 1.5em;
    line-height: 160%;
  }


  strong {
    font-weight: 700;
  }

  a {
    color: #1c53c2;
    text-decoration: none;
  }


  ol {
    list-style: decimal;
    margin-left: 20px;
    margin-bottom: 1.5em;
  }

  .sidead {
    margin-bottom: 20px;
  }
    /* Images */

      .image
      {
        display: inline-block;
      }
      
        .image img
        {
          display: block;
          width: 100%;
          max-height: 200px;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
        }

        .image.featured
        {
          display: block;
          width: 100%;
          margin: 0 0 2em 0;
        }
        
        .image.full
        {
          display: block;
          width: 100%;
        }
        
        .image.left
        {
          float: left;
          margin: 0 2em 2em 0;
        }
        
        .image.centered
        {
          display: block;
          margin: 0 0 2em 0;
        }

          .image.centered img
          {
            margin: 0 auto;
            width: auto;
          }

      .picture
      {
        display: inline-block;
      }
      
        .picture img
        {
          display: block;
          width: 100%;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
        }
        
        .picture.full
        {
          display: block;
          width: 100%;
        }

      header {
        width: 100%;
      }
      header h2, header h3
      {
        margin: 10px 0;
      }
      header h2, header h3
      {
        font-weight: 600;
      }
    
      header .byline
      {
        display: block;
        margin: 0.5em 0 0 0;
        padding: 0 0 0.5em 0;
      }

    ul.style
    {
    }
    
    ul.style
    {
      padding-bottom: 1.5em;
    }
    
    ul.style li
    {
      padding: 0.55em 0em;
    }
    
    ul.style li:first-child
    {
    }
    
    ul.style a
    {
      color: #1c53c2 !important;
      text-decoration: none;
    }

  
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

  #header
  {
    position: relative;
  }

    #header .container
    {
      position: relative;
      padding: 3em 0em;
    }

/*********************************************************************************/
/* BreadCrumb                                                                    */
/*********************************************************************************/
  #breadcrumb {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 20px;
  }

  #breadcrumb li {
    display: inline-block;
  }
   
  #breadcrumb li + li:before {
    margin: 0 5px;
    content: ">";
  }


/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

  #nav
  {
    position: absolute;
    right: 0em;
    top: 4em;
  }

    #nav > ul > li
    {
      float: left;
    }
    
      #nav > ul > li:last-child
      {
        padding-right: 0;
      }

      #nav > ul > li > a,
      #nav > ul > li > span
      {
        display: block;
        margin-left: 0.7em;
        padding: 0.80em 1.2em;
        letter-spacing: 0.06em;
        text-decoration: none;
        font-size: 1em;
        outline: 0;
        color: #FFF;
      }

      #nav li.active a
      {
        background: #DE9A9D;
        border-radius: 5px;
        color: #FFF;
      }

      #nav > ul > li > ul
      {
        display: none;
      }

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

  .adsense {
    text-align: center;
    margin: 20px 0;
  }

  .more {
    text-align: right;
    width: 100%;
  }

  #featured
  {
    position: relative;
    padding: 6em 0em 4em 0em;
    background: #FFF;
  }

  .box
  {
    display: inline-block;
    float:none;
    vertical-align: top;
    margin-bottom: 20px;
  }

  .box section
  {
    position: relative;
  }
  .box a
  {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .date
  {
    text-align: right;
    margin-bottom: 5px;
    font-size: 90%;
  }
  .class
  {
    text-align: right;
    margin-bottom: 5px;
    font-size: 90%;
  }


  .time
  {
    text-align: right;
    margin-bottom: 5px;
    font-size: 90%;
  }
  #youtube {
    width: 100%;
  }

  .view
  {
    text-align: right;
    margin-bottom: 5px;
    font-size: 90%;
  }

  dl#area {
    margin-bottom: 2em;
  }
  
  dl#area dd
  {
    margin-bottom: 1em;
    padding: 0.55em 0em;
  }
  
  dl#area a
  {
    margin-right: 20px;
    color: #1c53c2 !important;
    text-decoration: none;
  }

  .area
  {
    text-align: right;
    margin-bottom: 5px;
    font-size: 90%;
  }

/*********************************************************************************/
/* News                                                                         */
/*********************************************************************************/

ul#news {
   margin:0;
   padding:0;
   list-style:none;
}

#news li {
   padding:15px 0 15px 12em;
   text-indent: -12em;
   border-bottom:1px solid #ddd;
}
#news li a {
  display: block;
}

#news li span {
   display:inline-block;
   width:12em;
   text-indent:0;
   color: #000;
}



/*********************************************************************************/
/* 公演                                                                         */
/*********************************************************************************/

ul#event {
   margin:0;
   padding:0;
   list-style:none;
}

#event li {
   padding:15px 0 15px 19em;
   text-indent: -19em;
   border-bottom:1px solid #ddd;
}
#event li a {
  display: block;
}

#event li span {
   display:inline-block;
   width:19em;
   text-indent:0;
   color: #000;
}


/*********************************************************************************/
/* バレエ教室                                                                         */
/*********************************************************************************/

ul#school, ul#schoolarea {
   margin:0;
   padding:0;
   list-style:none;
}

#school li {
   padding:15px 0 15px 5em;
   text-indent: -5em;
   border-bottom:1px solid #ddd;
}
#schoolarea li {
   padding:15px 0 15px 0em;
   border-bottom:1px solid #ddd;
}
#school li a, #schoolarea li a {
  display: block;
}
#school li span {
   display:inline-block;
   width:5em;
   text-indent:0;
   color: #000;
}
#schoolarea li span {
   display:inline-block;
   text-indent:0;
   color: #000;
   margin-left: 20px;
}


/*********************************************************************************/
/* レンタルスタジオ                                                                         */
/*********************************************************************************/

ul#rentalstudio, ul#rentalstudioarea {
   margin:0;
   padding:0;
   list-style:none;
}

#rentalstudio li {
   padding:15px 0 15px 5em;
   text-indent: -5em;
   border-bottom:1px solid #ddd;
}
#rentalstudioarea li {
   padding:15px 0 15px 0em;
   border-bottom:1px solid #ddd;
}
#rentalstudio li a, #rentalstudioarea li a {
  display: block;
}
#rentalstudio li span {
   display:inline-block;
   width:5em;
   text-indent:0;
   color: #000;
}
#rentalstudioarea li span {
   display:inline-block;
   text-indent:0;
   color: #000;
}


/*********************************************************************************/
/* Pager                                                                         */
/*********************************************************************************/
.pager {
    background: none repeat scroll 0 0 #f2f2f2;
    border-bottom: 1px solid #c6c6c6;
    border-top: 1px solid #c6c6c6;
    font-size: 15px;
    width: 100%;
    height: 48px;
    position: relative;
    text-align: center;
    margin-top: 20px;
    clear: both;
}
.pager span {
    position: absolute;
    top: 7px;
    margin: 0;
}
.pager span a {
    color: #202020;
    display: block;
    padding: 7px 5px 7px 0;
    position: relative;
}
.pager span.prev {
    left: 0;
    top: 11px;
}
.pager span.prev a {
    padding-left: 27px;
}
.pager span.prev a:after {
    border-right: 3px solid #202020;
    border-top: 3px solid #202020;
    content: "";
    display: block;
    height: 6px;
    left: 15px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    width: 6px;
}
.pager span.next {
    right: 0;
    top: 11px;
}
.pager span.next a {
    padding-right: 27px;
}
.pager span.next a:after {
    border-right: 3px solid #202020;
    border-top: 3px solid #202020;
    content: "";
    display: block;
    height: 6px;
    margin-top: -4px;
    position: absolute;
    right: 13px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
}
.pager span.pageno {
    text-align: center;
    margin: 0;
    padding-top: 10px;
}

/*********************************************************************************/
/* Share                                                                         */
/*********************************************************************************/
#sharetitle {
    padding: 0px 0px 10px 0px;
    letter-spacing: -1px;
    font-size: 130%;
    font-weight: 600;
}
[class*="fontawesome-"]:before {
    font-family: "FontAwesome",sans-serif;
}
#share {
    height: 100px;
    margin-bottom: 20px;
}
#share h2 {
    background: none repeat scroll 0 0 #f5f5f5;
    border-top: 3px solid #ffc045;
    padding: 15px 20px;
}
#share ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#share li {
    float: left;
    margin: 0 2% 2% 0;
    width: 15%;
}
#share li a {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 88%;
    line-height: 22px;
    padding: 1em 0 0.8em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
#share li a:hover {
    box-shadow: none;
    transform: translate3d(0px, 5px, 1px);
}
#share .twitter a {
    background: none repeat scroll 0 0 #00acee;
    box-shadow: 0 5px 0 #0092ca;
}
#share .twitter a:hover {
    background: none repeat scroll 0 0 #0092ca;
}
#share .facebook a {
    background: none repeat scroll 0 0 #3b5998;
    box-shadow: 0 5px 0 #2c4373;
}
#share .facebook a:hover {
    background: none repeat scroll 0 0 #2c4373;
}
#share .line {
    display: none;
}
#share .line a {
    background: none repeat scroll 0 0 #51cb17;
    box-shadow: 0 5px 0 #41a313;
}
#share .line a:hover {
    background: none repeat scroll 0 0 #41a313;
}
#share li a i {
    display: block;
    font-size: 150%;
    margin: 0 auto 5px;
    text-align: center;
}
#share .feedly img {
    height: 22px;
    width: 22px;
}
#share li a i:before {
    margin-right: 0 !important;
}

#school_facebook {
  margin-top: 30px; 
}
/*********************************************************************************/
/* Table                                                                         */
/*********************************************************************************/
#eventtable {
    border-collapse: collapse;
    width: 100%;
}
#eventtable td,
#eventtable th {
    padding: 5px;
    border: 1px solid #ccc;
    line-height: 2em;
}
#eventtable th {
    font-weight: bold;
    white-space: nowrap;
    background:#F9F9F9;
}

#schooltable {
    border-collapse: collapse;
    width: 100%;
}
#schooltable td,
#schooltable th {
    padding: 5px;
    border: 1px solid #ccc;
    line-height: 2em;
}
#schooltable th {
    font-weight: bold;
    white-space: nowrap;
    background:#F9F9F9;
}

#rentalstudiotable {
    border-collapse: collapse;
    width: 100%;
}
#rentalstudiotable td,
#rentalstudiotable th {
    padding: 5px;
    border: 1px solid #ccc;
    line-height: 2em;
}
#rentalstudiotable th {
    background-color: #F9F9F9;
    font-weight: bold;
    white-space: nowrap;
}

/*********************************************************************************/
/* Side                                                                          */
/*********************************************************************************/
  
.sidetitle {
  font-size: 130%;
  letter-spacing: -1px;
  padding: 0 0 10px;
  font-weight: 600;
}

#side ul {
  margin-bottom: 30px;
}
/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

  #main
  {
    position: relative;
    padding: 3em 0em 0em;
  }
  #main header {
    margin-bottom: 15px;
  }
  #main a {
    color: #fff!important;
  }

  #mail {
    background-color: #60cbc6;
    padding: 20px 20px 10px;
  }
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

  #copyright
  {
    position: relative;
    padding: 3em 0em;
    text-align: center;
    color: #fff;
  }
  
  #copyright a
  {
    text-decoration: none;
    color: #774535 !important;
  }