@charset "utf-8";

/* -------- link */
a:hover {
  opacity: .80;
}
/* -------- body */
body {
  background: #efefef url("../../../images/flat/basic/bg_body.png") no-repeat top right;
  line-height: 140%;
  color: #353535;
  clear: both;
}

/* layout
------------------------------------------------------------------*/
div#contents {
  background: url("../../../images/flat/basic/bg_contents.png") no-repeat top center;
  clear: both;
}

/* 個別授業レイアウト用 */
div#tutorial_contents {
  padding: 0;
  margin: 0;
  clear: both;
}
body.tutorial-left div#tutorial_contents{
  padding: 0 3px;
}
body.tutorial-center {
  background: #ececec url("../../../images/flat/basic/tutorial/bg_seats_grid.png") repeat 0 0;
}
body.tutorial-right div#tutorial_contents{
  padding: 0 3px;
}

.contents_inner{
  clear:both;
  width:968px;
}

.contents_inner2{
  clear:both;
  padding:10px 0 0 0;
}

.content-section {
  border: 1px solid #bcbcbc;
  padding: 14px 10px 10px 10px;
  color: #353535;
  background-color: #fff;
  margin-bottom: 30px;
}
.content-section-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 1px solid #bcbcbc;
  padding: 14px 10px 10px 10px;
  color: #353535;
  background-color: #fff;
  margin-bottom: 30px;
}
/*HPお問い合わせ*/
.hp-inquiry-section {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d8d8d8;
  width: 960px;
  margin: 0 auto 30px auto;
  background-color: #fff;
  background-repeat: repeat-x;
  background-position: 0 -2px;
}
.hp-inquiry-section .title-header {
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  margin: 0 !important;
  padding: 0 0 5px 0 !important;
  background: url("../../../images/flat/basic/hp_inquiry/bg_header.png") no-repeat center bottom;
}
.hp-inquiry-section h1.title {
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  margin: 0;
  padding: 20px 5px 20px 5px;
  background: url("../../../images/flat/basic/hp_inquiry/bg_title.png") repeat-x center bottom;
}
.hp-inquiry-section h1.title span{
  display: block;
  background-repeat: no-repeat;
  background-position: 5px 7px;
  padding-left: 20px;
}
.form-bottom {
  background: url("../../../images/flat/basic/hp_inquiry/bg_header.png") no-repeat center top;
  text-align: center;
  padding: 20px;
  margin-top:20px;
}
/* 通常レイアウトの戻るボタン */
.back-link-section {
  clear: both;
}

.back-link-section span {
  display: block;
  margin-top: 10px;
  padding: 10px 0;
  border-top: 1px solid #bcbcbc;
}

/* header
------------------------------------------------------------------*/
.header {
  height: 70px;
  background-color: #fff;
  min-width: 1000px;
  overflow: hidden;
}

.headertable {
  table-layout: fixed;
}

.headertable td.header-line {
  font-size: 0;
  line-height: 0;
  min-width: 1000px;
  #width: 1000px;/* only IE6/7 */
}

.header img {
  vertical-align:middle;
}

.header .logo {
  margin: 0 10px;
  vertical-align: middle;
  display: block;
  float: left;
}

.header .name {
  height: 57px;
}

.header .name tr td {
  font-weight: bold;
  font-size: 170%;
  padding-right: 20px;
  vertical-align: middle;
  line-height: 1.1;
}

.header .user-name {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url("../../../images/flat/basic/header/icon_user.png") no-repeat 0 0;
  padding: 4px 0 5px 20px;
  margin: 16px 10px 0 0;
}
.header .sub span {
  vertical-align: top;
}
/* header icon */
.header .top {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 28px;
  height: 0;
  padding-top: 28px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 14px 0 0 10px;
}

.header .password {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 28px;
  height: 0;
  padding-top: 28px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 15px 0 0 10px;
}

.header .message {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 56px;
  height: 0;
  padding-top: 37px;
  font-size: 9px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 4px 0 0 0;
  color: #505050;
  text-align: center;
}

.header .logout {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 76px;
  height: 67px;
  background-repeat: no-repeat;
  background-position: center 22px;
  margin: 0 0 0 10px;
  overflow: hidden;
}

/*pro_design*/
body div.pro {
  background: #fff url("../../../images/flat/basic/header/pro/bg_pro_header.png") repeat-x left bottom !important;
}
body div.pro .headertable td.header-line {
  background-color: #464646 !important;
}
body div.pro .logout {
  background-color: #464646 !important;
  background-image: url("../../../images/flat/basic/header/pro/icon_logout.png") !important;
  background-position: center center !important;
}
body div.pro .name tr td {
  color: #545454 !important;
}
body div.pro .top {
  background-image: url("../../../images/flat/basic/header/pro/icon_top.png") !important;
}
body div.pro .password {
  background-image: url("../../../images/flat/basic/header/pro/icon_password.png") !important;
}
body div.pro .message {
  background-image: url("../../../images/flat/basic/header/pro/icon_message.gif") !important;
}

/* modules
------------------------------------------------------------------*/

/*ページ内ナビゲーションエリア*/
.mini{
  background-color: #fff;
  padding: 12px 5px 12px 0;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #bcbcbc;
  margin: 0 0 30px 0;
}

.mini p {
  margin:0px 10px 5px 10px;
  padding: 5px 0;
  line-height:100%;
  border-bottom: 1px solid #e0e0e0;
  zoom: 1;
}

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

.mini span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px;
  min-width: 80px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #efefef;
  font-weight: normal;
  margin-right: 5px;
  float: left;
}

.mini a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration:none;
  padding: 2px 2px 2px 26px;
  background-repeat: no-repeat;
  background-position: 14px 2px;
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 見出し */
h2 {
  background-color: #fff;
  margin: 0 0 10px 0;
  border: 1px solid #cfcfcf;
  padding-top:5px;
}

h2 span {
  padding: 15px 5px 15px 10px;
  display: block;
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding-left: 42px;
}
h2 span em {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 0 3px 10px;
  margin: 0;
}

h2.inquiry span {
  background-image: url("../../../images/flat/basic/icon/icon_title_inquiry.png");
}
h2.entry span {
  background-image: url("../../../images/flat/basic/icon/icon_title_entry.png");
}
h2.out span {
  background-image: url("../../../images/flat/basic/icon/icon_title_out.png");
}
h2.tutorial span {
  background-image: url("../../../images/flat/basic/icon/icon_title_tutorial.png");
}
h2.lesson span {
  background-image: url("../../../images/flat/basic/icon/icon_title_lesson.png");
}
h2.result span {
  background-image: url("../../../images/flat/basic/icon/icon_title_result.png");
}
h2.student span {
  background-image: url("../../../images/flat/basic/icon/icon_title_student.png");
}
h2.teacher span {
  background-image: url("../../../images/flat/basic/icon/icon_title_teacher.png");
}
h2.master span {
  background-image: url("../../../images/flat/basic/icon/icon_title_master.png");
}
h2.web span {
  background-image: url("../../../images/flat/basic/icon/icon_title_web.png");
}
h2.gv span {
  background-image: url("../../../images/flat/basic/icon/icon_title_gv.png");
}
h2.lepton span {
  background-image: url("../../../images/flat/basic/icon/icon_title_lepton.png");
}
h2.touch span {
  background-image: url("../../../images/flat/basic/icon/icon_title_touch.png");
}
h2.touch span {
  background-image: url("../../../images/flat/basic/icon/icon_title_touch.png");
}
h2.archievement span {
  background-image: url("../../../images/flat/basic/icon/icon_title_archievement.png");
}
h2.demand span {
  background-image: url("../../../images/flat/basic/icon/icon_title_demand.png");
}
h2.account_system span {
  background-image: url("../../../images/flat/basic/icon/icon_title_account_system.png");
}
h2.attendance span {
  background-image: url("../../../images/flat/basic/icon/icon_title_attendance.png");
}
h2.point span {
  background-image: url("../../../images/flat/basic/icon/icon_title_point.png");
}
h2.document span {
  background-image: url("../../../images/flat/basic/icon/icon_title_document.png");
}
h2.project span {
  background-image: url("../../../images/flat/basic/icon/icon_title_project.png");
}
h2.safety_mail span {
  background-image: url("../../../images/flat/basic/icon/icon_title_safety_mail.png");
}
h2.information span {
  background-image: url("../../../images/flat/basic/icon/icon_title_information.png");
}
h2.mail span {
  background-image: url("../../../images/flat/basic/icon/icon_title_mail.png");
}
h2.circulating_notice span {
  background-image: url("../../../images/flat/basic/icon/icon_title_circulating_notice.png");
}
h2.question span {
  background-image: url("../../../images/flat/basic/icon/icon_title_question.png");
}
h2.forum span {
  background-image: url("../../../images/flat/basic/icon/icon_title_forum.png");
}
h2.conference_room span {
  background-image: url("../../../images/flat/basic/icon/icon_title_conference_room.png");
}
h2.schedule span {
  background-image: url("../../../images/flat/basic/icon/icon_title_schedule.png");
}
h2.watch span {
  background-image: url("../../../images/flat/basic/icon/icon_title_watch.png");
}
h2.sys_ic_card span {
  background-image: url("../../../images/flat/basic/icon/icon_title_sys_ic_card.png");
}
h2.etc span {
  background-image: url("../../../images/flat/basic/icon/icon_title_etc.png");
}
h2.company span {
  background-image: url("../../../images/flat/basic/icon/icon_title_company.png");
}
h2.freestyle span {
  background-image: url("../../../images/flat/basic/icon/icon_title_freestyle.png");
}

h3 {
  background-color: #fff;
  margin: 10px 0;
  border: 1px solid #bcbcbc;
  padding:13px 10px 10px 10px;
  font-size: 14px;
}


/* modules
------------------------------------------------------------------*/
.box {
  margin: 0px;
}

.pan {
  clear: both;
  margin-bottom: 30px;
}

.pan a{
  color: #353535;
}

/* login form */
div#header_login{
  height:69px;
}
div#header_login table td div.sub img.btn4{
  margin:10px 10px 0 0;
}
table.login_table td#noboader{
  margin:0;
  padding:0;
  height:22px;
  border-top:solid 1px #999999;
}
button.login_button{
  background: none !important;
  border:none !important;
}