@charset "UTF-8";
body {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif;
  background-color: #ccc; }

.clearfix {
  zoom: 1; }

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

.debug {
  position: fixed;
  z-index: 10000;
  background: #000;
  color: #ffff00;
  top: 0;
  left: 0;
  margin: 0;
  font-size: 20px;
  padding: 10px;
  width: 100px;
  text-align: right; }

#container {
  width: 100%;
  min-width: 1000px;
  margin: 0 auto;
  position: relative; }
  #container #nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    right: 30px;
    width: 145px;
    height: 270px;
    margin-top: -135px; }
    #container #nav ul {
      list-style: none;
      padding: 0; }
      #container #nav ul li {
        width: 160px;
        height: 32px; }
        #container #nav ul li a {
          display: block;
          text-indent: 100%;
          white-space: nowrap;
          overflow: hidden;
          width: 160px;
          height: 32px;
          background-repeat: no-repeat;
          background-position: right center;
          background-image: url(../images/nav/circle_default.png); }
          #container #nav ul li a.current {
            background-image: url(../images/nav/circle_current.png); }
          #container #nav ul li a span {
            position: relative;
            display: block;
            width: 139px;
            height: 30px;
            background-repeat: no-repeat;
            background-position: right center;
            overflow: hidden; }
            #container #nav ul li a span img {
              position: absolute;
              left: 100%;
              top: 1px; }
        #container #nav ul li.nav1 a {
          /*span{
          	background-image: url(../images/nav/g_nav_1.png);
          }*/ }
        #container #nav ul li.nav2 a {
          /*span{
          	background-image: url(../images/nav/g_nav_2.png);
          }*/ }
        #container #nav ul li.nav3 a {
          background-image: url(../images/nav/circle_mini_default.png);
          /*span{
          	background-image: url(../images/nav/g_nav_3.png);
          }*/ }
          #container #nav ul li.nav3 a.current {
            background-image: url(../images/nav/circle_mini_current.png); }
        #container #nav ul li.nav4 a {
          background-image: url(../images/nav/circle_mini_default.png);
          /*span{
          	background-image: url(../images/nav/g_nav_4.png);
          }*/ }
          #container #nav ul li.nav4 a.current {
            background-image: url(../images/nav/circle_mini_current.png); }
        #container #nav ul li.nav5 a {
          background-image: url(../images/nav/circle_mini_default.png);
          /*span{
          	background-image: url(../images/nav/g_nav_5.png);
          }*/ }
          #container #nav ul li.nav5 a.current {
            background-image: url(../images/nav/circle_mini_current.png); }
        #container #nav ul li.nav6 a {
          background-image: url(../images/nav/circle_mini_default.png);
          /*span{
          	background-image: url(../images/nav/g_nav_6.png);
          }*/ }
          #container #nav ul li.nav6 a.current {
            background-image: url(../images/nav/circle_mini_current.png); }
        #container #nav ul li.nav7 a {
          background-image: url(../images/nav/circle_mini_default.png);
          /*span{
          	background-image: url(../images/nav/g_nav_7.png);
          }*/ }
          #container #nav ul li.nav7 a.current {
            background-image: url(../images/nav/circle_mini_current.png); }
        #container #nav ul li.nav8 a {
          /*span{
          	background-image: url(../images/nav/g_nav_8.png);
          }*/ }
        #container #nav ul li.nav9 a {
          /*span{
          	background-image: url(../images/nav/g_nav_9.png);
          }*/ }
  #container .section {
    position: relative;
    background-repeat: no-repeat;
    background-position: center top; }
    #container .section .inner {
      width: 1000px;
      margin: 0 auto;
      position: relative; }
    #container .section .bg {
      width: 1920px;
      height: 768px;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -960px;
      overflow: hidden; }
      #container .section .bg .c {
        width: 350px;
        height: 350px;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute; }
        #container .section .bg .c.c1_1 {
          background-image: url(../images/top/c_1_1.png); }
        #container .section .bg .c.c1_2 {
          background-image: url(../images/top/c_1_2.png); }
        #container .section .bg .c.c1_3 {
          background-image: url(../images/top/c_1_3.png); }
        #container .section .bg .c.c2_1 {
          background-image: url(../images/top/c_2_1.png); }
        #container .section .bg .c.c2_2 {
          background-image: url(../images/top/c_2_2.png); }
        #container .section .bg .c.c2_3 {
          background-image: url(../images/top/c_2_3.png); }
        #container .section .bg .c.c3_1 {
          background-image: url(../images/top/c_3_1.png); }
        #container .section .bg .c.c3_2 {
          background-image: url(../images/top/c_3_2.png); }
        #container .section .bg .c.c3_3 {
          background-image: url(../images/top/c_3_3.png); }
  #container #top, #container #campus {
    overflow: hidden; }
  #container #top {
    background-color: #3b962d;
    background-image: url(../images/top/bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 768px;
    overflow: hidden; }
    #container #top .bg .c.c1 {
      top: 100px;
      left: 10px; }
    #container #top .bg .c.c2 {
      top: 200px;
      right: 50px; }
    #container #top .bg .c.c3 {
      top: 300px;
      left: 200px; }
    #container #top .bg .c.c4 {
      top: 350px;
      right: 260px; }
    #container #top .bg .c.c5 {
      top: 100px;
      left: 100px; }
    #container #top .bg .c.c6 {
      top: 550px;
      right: 10px; }
    #container #top .bg .c.c7 {
      top: 200px;
      left: 40px; }
    #container #top .bg .c.c8 {
      top: 300px;
      right: 80px; }
    #container #top .bg .c.c9 {
      top: 400px;
      right: 200px; }
    #container #top .bg .c.c10 {
      top: 20px;
      left: 150px; }
    #container #top .bg .c.c11 {
      top: 500px;
      right: 420px; }
    #container #top .bg .c.c12 {
      top: 300px;
      left: 520px; }
    #container #top .inner {
      text-align: center; }
      #container #top .inner h1, #container #top .inner h2, #container #top .inner h3, #container #top .inner p {
        margin: 0; }
      #container #top .inner h1 {
        position: absolute;
        top: 30px; }
        #container #top .inner h1 a {
          display: block;
          text-indent: 100%;
          white-space: nowrap;
          overflow: hidden;
          width: 100px;
          height: 37px;
          background: url(../images/top/logo.png) no-repeat left top; }
      #container #top .inner h2 {
        padding-top: 45px; }
      #container #top .inner h3 {
        padding-top: 49px; }
      #container #top .inner p {
        padding: 149px 0 20px; }
      #container #top .inner .siryou {
        position: absolute;
        right: 0;
        top: 18px; }
      #container #top .inner .circle div {
        position: relative;
        display: inline-block;
        width: 150px;
        height: 150px;
        margin: 18px 14px 0;
        -webkit-border-radius: 85px;
        -moz-border-radius: 85px;
        border-radius: 85px;
        border: solid 10px #e8e8e8;
        background-color: #fff;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
        #container #top .inner .circle div.c1 {
          margin-left: 0; }
        #container #top .inner .circle div.c5 {
          margin-right: 0; }
        #container #top .inner .circle div a {
          display: block;
          text-indent: 100%;
          white-space: nowrap;
          overflow: hidden;
          width: 117px;
          height: 171px;
          margin: -30px auto 0;
          background-repeat: no-repeat;
          background-position: 0 0; }
        #container #top .inner .circle div.c1 a {
          background-image: url(../images/top/circle_1.png); }
        #container #top .inner .circle div.c2 a {
          background-image: url(../images/top/circle_2.png); }
        #container #top .inner .circle div.c3 a {
          background-image: url(../images/top/circle_3.png); }
        #container #top .inner .circle div.c4 a {
          background-image: url(../images/top/circle_4.png); }
        #container #top .inner .circle div.c5 a {
          background-image: url(../images/top/circle_5.png); }
        #container #top .inner .circle div:hover {
          width: 158px;
          height: 158px;
          border: solid 6px #e8e8e8;
          background-color: #f6f6f6; }
          #container #top .inner .circle div:hover a {
            margin-top: -26px;
            background-position: -117px 0; }
      #container #top .inner .circle div.ie {
        border: none;
        background: none;
        width: 170px;
        height: 193px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none; }
        #container #top .inner .circle div.ie a {
          margin: 0;
          background-position: 0 0;
          width: 170px;
          height: 193px; }
        #container #top .inner .circle div.ie.c1 a {
          background-image: url(../images/index10.png); }
        #container #top .inner .circle div.ie.c2 a {
          background-image: url(../images/top/nav_2.png); }
        #container #top .inner .circle div.ie.c3 a {
          background-image: url(../images/top/nav_3.png); }
        #container #top .inner .circle div.ie.c4 a {
          background-image: url(../images/top/nav_4.png); }
        #container #top .inner .circle div.ie.c5 a {
          background-image: url(../images/top/nav_5.png); }
        #container #top .inner .circle div.ie:hover {
          width: 170px;
          height: 193px;
          border: none;
          background: none; }
          #container #top .inner .circle div.ie:hover a {
            margin: 0;
            background-position: -170px 0; }
  #container #about {
    background: url(../images/about/bg.jpg) no-repeat center top white;
    color: #fff; }
    #container #about .button {
      position: relative;
      text-align: center;
      top: -119px;
      margin-bottom: -109px; }
    #container #about p.text {
      text-align: center;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      font-size: 20px;
      line-height: 120%;
      opacity: 0;
      filter: alpha(opacity=0); }
    #container #about .feature {
      color: #333333;
      padding-top: 100px;
      padding-bottom: 30px; }
      #container #about .feature h2 {
        margin-bottom: 50px; }
      #container #about .feature p {
        text-align: center; }
      #container #about .feature .f1, #container #about .feature .f2, #container #about .feature .f3, #container #about .feature .f4 {
        border: 5px solid #eeeeee;
        opacity: 0;
        filter: alpha(opacity=0);
        width: 470px;
        float: left;
        background-repeat: no-repeat;
        background-position: left top;
        margin-top: 30px;
        padding-bottom: 15px; }
        #container #about .feature .f1 h2, #container #about .feature .f2 h2, #container #about .feature .f3 h2, #container #about .feature .f4 h2 {
          text-align: center;
          margin: -45px 0 20px; }
        #container #about .feature .f1 h3, #container #about .feature .f2 h3, #container #about .feature .f3 h3, #container #about .feature .f4 h3 {
          margin: 0;
          padding-bottom: 28px;
          text-align: center;
          background: url(../images/about/frame_border.png) no-repeat center bottom; }
        #container #about .feature .f1 p, #container #about .feature .f2 p, #container #about .feature .f3 p, #container #about .feature .f4 p {
          width: 430px;
          margin: 15px auto 0;
          line-height: 185%;
          text-align: left; }
          #container #about .feature .f1 p span, #container #about .feature .f2 p span, #container #about .feature .f3 p span, #container #about .feature .f4 p span {
            display: block;
            padding-top: 10px;
            font-size: 75%;
            line-height: 200%; }
      #container #about .feature .f1, #container #about .feature .f2 {
        height: 270px; }
      #container #about .feature .f3, #container #about .feature .f4 {
        height: 330px; }
      #container #about .feature .f2, #container #about .feature .f4 {
        margin-left: 40px; }
      #container #about .feature .line {
        background: url(../images/about/bg.png) no-repeat left bottom;
        clear: both;
        height: 19px;
        padding-top: 20px;
        margin-bottom: -10px; }
  #container .subject {
    padding-top: 44px;
    height: 724px;
    color: #fff; }
    #container .subject .inner h2 {
      margin-top: 0;
      height: 48px; }
    #container .subject .inner h3 {
      font-size: 20px; }
    #container .subject .inner h4 {
      height: 50px; }
    #container .subject .inner p {
      font-size: 12px;
      line-height: 180%; }
    #container .subject .inner .pic {
      text-align: center; }
    #container .subject .inner .comment {
      display: none;
      width: 430px;
      background: url(../images/comment_bg_bottom.png) no-repeat center bottom;
      padding-bottom: 10px;
      position: absolute;
      left: 50%;
      margin-left: -215px;
      bottom: 180px; }
      #container .subject .inner .comment p {
        background: url(../images/comment_bg.png);
        padding: 20px;
        margin: 0;
        font-size: 16px;
        width: 390px; }
    #container .subject .inner .sprite {
      background-position: 0 0;
      background-repeat: no-repeat;
      position: absolute; }
    #container .subject .inner .tap {
      position: absolute;
      width: 114px;
      height: 112px;
      left: 50%;
      bottom: 75px;
      margin-left: -57px; }
    #container .subject .inner .button {
      background: url(../images/bg_black.png);
      padding: 5px;
      position: absolute;
      width: 340px;
      bottom: 0;
      left: 50%;
      margin-left: -175px;
      outline: none; }
    #container .subject .inner .left, #container .subject .inner .right {
      position: relative; }
    #container .subject .inner .left {
      float: left;
      width: 500px; }
    #container .subject .inner .right {
      float: right;
      width: 500px; }
    #container .subject .inner .fukidashi {
      position: relative; }
      #container .subject .inner .fukidashi .f-inner {
        position: relative; }
        #container .subject .inner .fukidashi .f-inner .f1, #container .subject .inner .fukidashi .f-inner .f2, #container .subject .inner .fukidashi .f-inner .f3 {
          position: absolute; }
        #container .subject .inner .fukidashi .f-inner.set2, #container .subject .inner .fukidashi .f-inner.set3 {
          display: none; }
  #container #s1 {
    background-image: url(../images/s1/bg.jpg); }
    #container #s1 .inner .left {
      background-color: #ea68a2;
      padding: 30px;
      width: 440px; }
    #container #s1 .inner .sprite {
      width: 136px;
      height: 244px;
      top: 147px;
      left: 188px;
      background-image: url(../images/s1/sprite.jpg); }
    #container #s1 .inner .pic {
      height: 276px; }
    #container #s1 .inner .fukidashi .set1 .f1 {
      top: 70px;
      left: 300px; }
    #container #s1 .inner .fukidashi .set1 .f2 {
      top: 170px;
      left: 58px; }
    #container #s1 .inner .fukidashi .set1 .f3 {
      left: 300px;
      top: 330px; }
    #container #s1 .inner .fukidashi .set2 .f1 {
      top: 70px;
      left: 63px; }
    #container #s1 .inner .fukidashi .set2 .f2 {
      top: 70px;
      left: 300px; }
  #container #s2 {
    background-image: url(../images/s2/bg.jpg); }
    #container #s2 .inner .right {
      background-color: #ea541c;
      padding: 30px;
      width: 440px; }
    #container #s2 .inner .pic {
      padding: 10px 0 35px;
      height: 218px; }
    #container #s2 .inner .sprite {
      width: 170px;
      height: 167px;
      top: 196px;
      left: 168px;
      background-image: url(../images/s2/sprite.png); }
    #container #s2 .inner .fukidashi .set1 .f1 {
      top: 35px;
      left: 118px; }
    #container #s2 .inner .fukidashi .set1 .f2 {
      top: 135px;
      left: 15px; }
    #container #s2 .inner .fukidashi .set1 .f3 {
      top: 285px;
      left: 25px; }
    #container #s2 .inner .fukidashi .set2 .f1 {
      top: 34px;
      left: 253px; }
    #container #s2 .inner .fukidashi .set2 .f2 {
      top: 138px;
      left: 360px; }
    #container #s2 .inner .fukidashi .set2 .f3 {
      top: 280px;
      left: 350px; }
  #container #s3 {
    background-image: url(../images/s3/bg.jpg); }
    #container #s3 .inner .left {
      background-color: #4587c5;
      padding: 30px;
      width: 440px; }
    #container #s3 .inner .sprite {
      width: 223px;
      height: 320px;
      top: 149px;
      left: 131px;
      background-image: url(../images/s3/sprite.jpg); }
    #container #s3 .inner .pic {
      height: 317px; }
    #container #s3 .inner .fukidashi .set1 .f1 {
      top: 140px;
      left: 27px; }
    #container #s3 .inner .fukidashi .set1 .f2 {
      left: 180px;
      top: 18px; }
    #container #s3 .inner .fukidashi .set1 .f3 {
      top: 144px;
      left: 335px; }
    #container #s3 .inner .fukidashi .set2 .f1 {
      top: 53px;
      left: 80px; }
    #container #s3 .inner .fukidashi .set2 .f2 {
      top: 53px;
      left: 270px; }
  #container #s4 {
    background-image: url(../images/s4/bg.jpg); }
    #container #s4 .inner .right {
      background-color: #e1a800;
      padding: 30px;
      width: 440px; }
    #container #s4 .inner .sprite {
      width: 520px;
      height: 392px;
      top: 246px;
      left: -10px;
      background-image: url(../images/s4/sprite.jpg); }
    #container #s4 .inner .pic {
      height: 291px; }
    #container #s4 .inner .fukidashi .set1 .f1 {
      top: 110px;
      left: 30px; }
    #container #s4 .inner .fukidashi .set1 .f2 {
      top: 82px;
      left: 172px; }
    #container #s4 .inner .fukidashi .set1 .f3 {
      top: 110px;
      left: 315px; }
    #container #s4 .inner .fukidashi .set2 .f1 {
      top: 85px;
      left: 110px; }
    #container #s4 .inner .fukidashi .set2 .f2 {
      top: 120px;
      left: 245px; }
    #container #s4 .inner .fukidashi .set3 .f1 {
      top: 110px;
      left: 110px; }
    #container #s4 .inner .fukidashi .set3 .f2 {
      top: 80px;
      left: 245px; }
  #container #s5 {
    background-image: url(../images/s5/bg.jpg);
    height: 820px;
    overflow: hidden; }
    #container #s5 .inner .left {
      background-color: #6a63a5;
      padding: 30px;
      width: 440px; }
    #container #s5 .inner .pic {
      padding-top: 40px;
      padding-bottom: 10px;
      height: 210px; }
    #container #s5 .inner .sprite {
      width: 102px;
      height: 765px;
      top: -309px;
      left: 202px;
      background-image: url(../images/s5/sprite.png); }
    #container #s5 .inner .fukidashi .set1 .f1 {
      top: 240px;
      left: 43px; }
    #container #s5 .inner .fukidashi .set1 .f2 {
      top: 85px;
      left: 330px; }
    #container #s5 .inner .fukidashi .set1 .f3 {
      top: 397px;
      left: 333px; }
    #container #s5 .inner .fukidashi .set2 .f1 {
      left: 40px;
      top: 80px; }
    #container #s5 .inner .fukidashi .set2 .f2 {
      left: 330px;
      top: 240px; }
    #container #s5 .inner .fukidashi .set2 .f3 {
      top: 397px;
      left: 44px; }
  #container #s6 {
    height: 632px;
    background-image: url(../images/s6/bg.jpg);
    background-position: center bottom; }
    #container #s6 h2 {
      text-align: center;
      margin: 0;
      padding: 40px 0 60px; }
    #container #s6 .flow {
      position: relative;
      height: 393px;
      width: 1000px; }
      #container #s6 .flow div {
        position: absolute;
        overflow: hidden; }
      #container #s6 .flow .mask {
        width: 0%;
        height: 100%; }
      #container #s6 .flow .c1, #container #s6 .flow .c2, #container #s6 .flow .c3 {
        top: 0; }
      #container #s6 .flow .c1 {
        left: 0;
        width: 150px;
        height: 330px; }
      #container #s6 .flow .c2 {
        left: 190px;
        width: 350px;
        height: 330px; }
      #container #s6 .flow .c3 {
        left: 603px;
        width: 397px;
        height: 330px; }
      #container #s6 .flow .a1 {
        left: 135px;
        top: 80px;
        width: 72px;
        height: 211px; }
      #container #s6 .flow .a2 {
        left: 526px;
        top: 80px;
        width: 300px;
        height: 211px; }
      #container #s6 .flow .a3 {
        left: 246px;
        top: 330px;
        width: 1px;
        height: 56px; }
        #container #s6 .flow .a3 .mask {
          width: 100%;
          height: 0%; }
      #container #s6 .flow .a4 {
        width: 252px;
        height: 1px;
        left: 247px;
        top: 365px; }
      #container #s6 .flow .a5 {
        width: 10px;
        height: 25px;
        left: 494px;
        top: 366px; }
        #container #s6 .flow .a5 .mask {
          width: 100%;
          height: 0%; }
  #container #s7 {
    background-color: #fff; }
    #container #s7 .button {
      position: relative;
      text-align: center;
      top: -87px;
      margin-bottom: -87px; }
    #container #s7 h2 {
      text-align: center;
      margin: 0;
      padding-top: 40px; }
    #container #s7 .program {
      padding-top: 40px; }
      #container #s7 .program .left, #container #s7 .program .right {
        width: 480px; }
        #container #s7 .program .left .frame, #container #s7 .program .right .frame {
          border: 5px solid #eeeeee; }
          #container #s7 .program .left .frame h3, #container #s7 .program .right .frame h3 {
            text-align: center; }
          #container #s7 .program .left .frame p, #container #s7 .program .right .frame p {
            width: 430px;
            min-height: 200px;
            line-height: 190%;
            margin: 0 auto;
            color: #333333; }
      #container #s7 .program .left {
        float: left; }
      #container #s7 .program .right {
        float: right; }
    #container #s7 .button2 {
      text-align: center;
      padding: 30px 0; }
  #container #campus {
    background: url(../images/campus/bg.jpg) no-repeat center top #45b035;
    padding-top: 100px;
    color: #fff; }
    #container #campus .bg {
      height: 1400px; }
      #container #campus .bg .c.c1 {
        top: 1000px;
        left: 10px; }
      #container #campus .bg .c.c2 {
        top: 200px;
        right: 50px; }
      #container #campus .bg .c.c3 {
        top: 300px;
        left: 200px; }
      #container #campus .bg .c.c4 {
        top: 850px;
        right: 260px; }
      #container #campus .bg .c.c5 {
        top: 100px;
        left: 100px; }
      #container #campus .bg .c.c6 {
        top: 850px;
        right: 10px; }
      #container #campus .bg .c.c7 {
        top: 900px;
        left: 40px; }
      #container #campus .bg .c.c8 {
        top: 300px;
        right: 80px; }
      #container #campus .bg .c.c9 {
        top: 400px;
        right: 200px; }
      #container #campus .bg .c.c10 {
        top: 720px;
        left: 150px; }
      #container #campus .bg .c.c11 {
        top: 500px;
        right: 420px; }
      #container #campus .bg .c.c12 {
        top: 300px;
        left: 520px; }
    #container #campus .c-inner {
      background: url(../images/campus/bg.png) no-repeat center -50px; }
      #container #campus .c-inner h2 {
        margin: 0;
        text-align: center; }
      #container #campus .c-inner p.lead {
        text-align: center;
        font-size: 16px;
        margin: 0;
        padding: 30px 0 40px; }
      #container #campus .c-inner .program {
        position: relative;
        z-index: 5; }
        #container #campus .c-inner .program .left, #container #campus .c-inner .program .right {
          width: 480px;
          position: relative; }
        #container #campus .c-inner .program .left {
          width: 460px;
          float: left;
          background: url(../images/campus/bg_green.png);
          padding: 10px 10px 0; }
          #container #campus .c-inner .program .left img {
            margin-bottom: 10px; }
        #container #campus .c-inner .program .right {
          float: right;
          background: url(../images/campus/program_bg.png);
          padding: 20px 25px 0;
          width: 430px;
          height: 476px; }
          #container #campus .c-inner .program .right h3 {
            text-align: center;
            margin-bottom: 20px; }
          #container #campus .c-inner .program .right .inner_l, #container #campus .c-inner .program .right .inner_r {
            float: left;
            width: 190px; }
            #container #campus .c-inner .program .right .inner_l .text, #container #campus .c-inner .program .right .inner_r .text {
              padding-bottom: 25px; }
              #container #campus .c-inner .program .right .inner_l .text h4, #container #campus .c-inner .program .right .inner_r .text h4 {
                color: #c94e96;
                font-weight: normal;
                font-size: 15px;
                margin: 0; }
              #container #campus .c-inner .program .right .inner_l .text p, #container #campus .c-inner .program .right .inner_r .text p {
                color: #333333;
                margin: 0;
                font-size: 12px; }
          #container #campus .c-inner .program .right .inner_r {
            float: right; }
      #container #campus .c-inner .bus {
        margin-top: 30px;
        background: url(../images/campus/bg_green.png);
        padding: 10px 20px 10px 30px; }
        #container #campus .c-inner .bus img {
          float: left; }
        #container #campus .c-inner .bus p {
          float: left;
          font-size: 16px;
          margin: 5px 0 0 25px; }
      #container #campus .c-inner .button {
        text-align: center;
        padding: 30px 0 70px; }
      #container #campus .c-inner h3 {
        text-align: center;
        margin: 0; }
      #container #campus .c-inner p.more {
        text-align: center; }
      #container #campus .c-inner #link {
        text-align: center;
        padding: 30px 0 100px; }
        #container #campus .c-inner #link .link {
          float: left;
          width: 235px;
          height: 165px;
          margin-right: 20px; }
          #container #campus .c-inner #link .link.no_mr {
            margin-right: 0; }
      #container #campus .c-inner .circle {
        visibility: hidden;
        position: absolute; }
        #container #campus .c-inner .circle.c1 {
          width: 300px;
          height: 300px;
          background: url(../images/campus/circle_1.png) no-repeat;
          top: -2px;
          left: -195px; }
        #container #campus .c-inner .circle.c2 {
          width: 200px;
          height: 200px;
          z-index: 6;
          background: url(../images/campus/circle_2.png) no-repeat;
          top: 365px;
          left: -100px; }
        #container #campus .c-inner .circle.c3 {
          width: 200px;
          height: 200px;
          background: url(../images/campus/circle_3.png) no-repeat;
          right: -165px;
          top: 420px; }
        #container #campus .c-inner .circle.c4 {
          width: 300px;
          height: 300px;
          background: url(../images/campus/circle_4.png) no-repeat;
          right: -33px;
          top: 598px;
          z-index: 7; }
  #container #footer {
    background: url(../images/footer/bg.jpg) repeat-x center top;
    height: 220px;
    text-align: center; }
    #container #footer .share {
      padding: 40px 0 20px; }
    #container #footer .link div {
      display: inline-block;
      width: 280px;
      margin: 0 7px;
      padding: 0; }
    #container #footer .copyright {
      padding-top: 30px; }

/*-研究室一覧ボタン用2014.8.27追記-*/
    #container .subject .inner .button_labo {
	background: url(../images/bg_black.png);
	padding: 5px;
	position: absolute;
	width: 340px;
	top: 0;
	left: 50%;
	margin-left: -175px;
	outline: none;
	z-index: 100;
}
  #container img#s1,
  #container img#s2,
  #container img#s3,
  #container img#s4,
  #container img#s5   { height:auto; }

/*-研究室一覧ボタン用2014.8.27追記ここまで-*/