body {
  font-family: 'ＭＳ 明朝', serif, 'Helvetica', 'Arial', 'ヒラギノ明朝 Pro W3';
  margin: 0px auto;
}


body#mediaCont, body#newsCont {
	font-size:13px;	
}


/* reset.css */
.clear {
  clear: both;
}
.none {
  display: none;
}
.hidden {
  visibility: hidden;
}
ul {
  margin: 10px 0 0 0;
  padding: 0;
  background-repeat: repeat;
}
.text-box {
  display: none;
}
/*
#menu li {
    margin-left:0px;
    margin-right:0px;
    list-style-type: none;
    display:table-cell;
    *display:inline;
    *zoom:1;
}

*/
h1,
h2,
h3 {
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
}
p {
  margin: 0;
  padding: 0;
}
a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
img {
  border: none;
}
#header {
  color: #888888;
  font-size: 90%;
  height: 50px;
  margin-top: 10px;
  width: 960px;
  margin: 0px auto;
}
.logo {
  float: left;
  margin-top: 5px;
  border: none;
}
.sns-button {
  float: right;
  margin: 0px 10px 0 0;
}
#menu {
  background: url("../img/menubar.png") repeat-x scroll 0 0 transparent;
  width: 100%;
  z-index: 1;
  height: 60px;
  margin: 25px 0 10px;
}
#menu ul {
  margin: 0 auto;
  width: 960px;
  position: relative;
  list-style: none;
  padding: 0;
  height: 60px;
}
#menu ul li a {
  color: #d9e8f5;
  display: block;
}
#menu ul li a:hover {
  color: #ffffff;
}
#menu li span {
  background: url("../img/menu-image.png") repeat-x scroll left top transparent;
  cursor: pointer;
  height: 60px;
  display: block;
  text-indent: -9999px;
}
/*
#menu li:hover{
    text-decoration:none;
    font-style:bold;
    background-color:#eeeeee;
    text-shadow:0 1px 0 #FFFFFF;
}
*/
#menu ul li span.top {
  background-position: 10px 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 170px;
  z-index: 20;
}
#menu ul li span.concept {
  background-position: -159px 0;
  left: 169px;
  position: absolute;
  top: 0;
  width: 140px;
  z-index: 19;
}
#menu ul li span.company {
  background-position: -299px 0;
  left: 309px;
  position: absolute;
  top: 0;
  width: 213px;
  z-index: 18;
}
#menu ul li span.shop {
  background-position: -521px 0;
  left: 521px;
  position: absolute;
  top: 0;
  width: 143px;
  z-index: 17;
}
#menu ul li span.school {
  background-position: -664px 0;
  left: 664px;
  position: absolute;
  top: 0;
  width: 150px;
  z-index: 16;
}
#menu ul li span.blog {
  background-position: -814px 0;
  left: 814px;
  position: absolute;
  top: 0;
  width: 135px;
  z-index: 15;
}
#menu ul li span.top-selected {
  background-position: 10px -61px;
}
#menu ul li span.concept-selected {
  background-position: -159px -61px;
}
#menu ul li span.company-selected {
  background-position: -299px -61px;
}
#menu ul li span.shop-selected {
  background-position: -521px -61px;
}
#menu ul li span.school-selected {
  background-position: -664px -61px;
}
#menu ul li span.blog-selected {
  background-position: -814px -61px;
}
#menu ul li span.top:hover {
  background-position: 10px -61px;
}
#menu ul li span.concept:hover {
  background-position: -159px -61px;
}
#menu ul li span.company:hover {
  background-position: -299px -61px;
}
#menu ul li span.shop:hover {
  background-position: -521px -61px;
}
#menu ul li span.school:hover {
  background-position: -664px -61px;
}
#menu ul li span.blog:hover {
  background-position: -814px -61px;
}
/* top */
#container {
  width: 960px;
  margin: 0px auto;
}
#container .menu-title {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  background-image: url(/img/bar-top.png);
  height: 41px;
  background-repeat: repeat-x;
  padding: 5px 5px 0px 15px;
  color: #003354;
}
#index #slidshow {
  height: auto;
  width: 960px;
  overflow: hidden;
  text-align: center;
}
#index h1 {
  font-size: 14px;
  margin: 10px;
  text-align: right;
}
#index #content {
  border-right: 5px;
  border-left: 5px;
  display: inline-block;
  width: 950px;
  z-index: 1;
  border-style: solid;
  border-color: #c5dcec;
  border-top: 0;
  border-bottom: 0;
}
#index .news {
  margin: 0px 5px;
  display: inline-block;
  width: 45%;
}
#index h2 {
  margin: 10px 0 0 0;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
}
#index .new {
  height: 130px;
  border: 1px solid #cccccc;
  position: relative;
}
#index .new iframe {
  border: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.media {
  height: 130px;
  border: 1px solid #cccccc;
}
.media iframe {
  border: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.news-item {
  margin: 5px 10px;
  font-size: 90%;
}
.news-item dt {
  float: left;
  width: 100px;
}
.news-item dd {
  display: block;
  margin-left: 80px;
  margin-bottom: 10px;
}
.index {
  float: left;
  margin: 10px 10px 20px;
}
.index .menu-button {
  margin-bottom: 10px;
  position: relative;
}
/*
.index .menu-button h3{
    position:absolute;
    bottom:0;
    right:0;
    margin:20px;
    border:1px solid #FFFFFF;
    padding:10px;
    border-radius:5px;
    background-color:rgba(0,0,0,0.3);
    color:#ffffff;
    width:265px;
    text-align:center;
}
*/
.index .menu-button h3 {
  text-indent: -999px;
}
.index .tonbo {
  background-image: url(/img/index-tonbo.jpg);
  height: 200px;
  width: 450px;
  cursor: pointer;
}
.index .tonbo:hover,
.index .butuzou:hover,
.index .school:hover {
  background-position: 0px -199px;
}
.index .butuzou {
  background-image: url(/img/index-butuzou.jpg);
  height: 200px;
  width: 450px;
}
.index .school {
  background-image: url(/img/index-school.jpg);
  height: 200px;
  width: 450px;
}
.border-bottom {
  margin-top: -6px;
  padding: 0;
  background-repeat: repeat-x;
  width: 100%;
}
.sns {
  display: inline-block;
  margin-top: 10px;
}
.sns .sns-button-s {
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
  height: 240px;
  width: 210px;
  display: block;
  float: left;
}
.twetter-button-s {
  padding: 0 10px 0 3px;
}
.twtr-doc {
  height: 263px !important;
  width: 215px !important;
}
.twtr-timeline {
  height: 175px !important;
}
/* tombo */
#tombo .main-photo img {
  width: 960px;
  height: 300px;
}
#tombo .content {
  margin: 20px 0;
}
#tombo .content h1 {
  margin: 10px 10px;
  font-size: 23px;
  font-weight: bold;
}
#tombo .content h2 {
  font-size: 18px;
  margin: 10px 10px;
}
#tombo .content p {
  font-size: 15px;
  margin: 5px 10px;
}
#tombo .content p {
  font-size: 15px;
  margin: 5px 10px;
}
#tombo .content .right-photo {
  width: 650px;
  display: block;
  float: left;
  margin-right: 10px;
}
#tombo .content .right img {
  float: right;
  width: 300px;
}
#tombo .content .left-photo {
  width: 650px;
  display: block;
  float: right;
}
#tombo .content .left img {
  float: left;
  width: 300px;
}
/* butuzou */
#butuzou p {
  margin-bottom: 1em;
}
#butuzou .header {
  margin-bottom: 35px;
}
#butuzou .img1 {
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
  width: 378px;
  height: 400px;
}
#butuzou .img2 {
  margin-bottom: 40px;
}
#butuzou .img3 {
  float: right;
  margin-left: 20px;
  margin-bottom: 30px;
  width: 378px;
  height: 400px;
}
/* shop */
#shop {
  background-color: #f5f5f5;
  width: 100%;
  text-align: center;
  padding: 30px 0;
  margin: 0 0 20px;
}
/* company */
#company {
  padding-bottom: 50px;
}
#company p {
  line-height: 1.7;
}
#company .header {
  margin-bottom: 35px;
}
#company .info {
  position: relative;
}
#company .info .label {
  display: inline-block;
  width: 100px;
  text-align: right;
  position: absolute;
  left: 0px;
  right: 0px;
}
#company .info .right-pane {
  margin-left: 130px;
  padding-left: 50px;
  padding-bottom: 50px;
  display: inline-block;
  border-left: 1px solid #999;
}
#company .info .line {
  margin: 0;
}
#company .info .line .name {
  float: left;
  clear: both;
  width: 100px;
}
#company .info .line .value {
  display: block;
  margin-left: 100px;
}
#company .info .logo {
  position: absolute;
  right: 0px;
  bottom: 30px;
}
#company .info .owner {
  position: absolute;
  right: 0px;
  top: 0px;
}
#company .info .map {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 435px;
  height: 312px;
}
/* school */
.none-text {
  height: 0;
  text-indent: -9999px;
}
#school .text {
  float: left;
}
#school .content .text h1 {
  margin: 10px 10px;
  font-size: 23px;
  font-weight: bold;
}
#school .content .text h2 {
  margin: 10px 10px;
  font-size: 18px;
  font-weight: normal;
}
#school .content .text p {
  font-size: 12px;
  margin: 5px 10px;
}
#school .content img {
  margin-top: 10px;
  margin-left: 5px;
}
#school .point {
  padding: 20px;
  text-align: center;
  margin: 20px 0;
  clear: both;
}
#school .point h1 {
  font-weight: bold;
}
#school .lesson {
  border-right: 1px solid #CCCCCC;
  float: left;
  margin: 0 0 0 30px;
  width: 430px;
  padding: 10px 0 30px 0 ;
}
#school .experience {
  float: left;
  margin: 0 0 0 29px;
  padding-top: 10px;
  width: 450px;
}
#school #school-menu ul {
  list-style-type: square;
  font-size: 90%;
}
#school #school-menu li {
  margin: 0 20px;
}
#school .contact {
  border: 1px solid #cccccc;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 30px;
}
#school .contact .title {
  font-weight: bold;
  font-size: 15px;
}
#school .contact .phone {
  padding: 0 10px;
}
#concept h1.concept-title {
  text-align: right;
  padding-top: 5px;
}
#concept h2.concept-text {
  font-size: 80%;
  text-align: right;
  margin-bottom: 10px;
}
.concept-images {
  margin: 5px 0 0;
}
.concept-image {
  margin-right: 18px;
}
.last-concept-image {
  padding-right: 0px;
}
.concept-footer-text {
  display: block;
  margin: 10px auto;
}
.slide {
  height: 620px;
  margin-bottom: 30px;
  position: relative;
}
.back-button {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  margin-bottom: 40px;
  margin-left: 10px;
  cursor: pointer;
  opacity: 0.7;
}
.back-button:hover {
  opacity: 1;
}
.next-button {
  position: absolute;
  bottom: 0;
  display: block;
  right: 0;
  margin-bottom: 40px;
  margin-right: 10px;
  cursor: pointer;
  opacity: 0.7;
}
.next-button:hover {
  opacity: 1;
}
.next-school-button {
  margin-bottom: 50px;
  margin-right: 70px;
  opacity: 0.9;
}
/* footer*/
#footer {
  background-color: #FFFFFF;
  clear: both;
  color: #888888;
  font-size: 13px;
  line-height: 18px;
  padding: 10px;
  text-align: center;
}
#footer img {
  float: left;
  margin-left: 60px;
  margin-top: 5px;
  vertical-align: middle;
  width: 350px;
}