@charset "utf-8";

/* --------------------
サブページスタイルシート(child.css)

About
Activity
Ivent
Course
Space
Contact
PrivacyPolicy
-------------------- */
table{
  margin-top: 0.7em;
  width: 100%;
  border: 1px solid #f7f7f7;
  border-collapse: collapse;
  border-spacing: 0;
}
table th{
  width: 6em;
  padding: 0.7em 1em;
  background-color: #f7f7f7;
  border-right: 1px dotted #d1d1d1;
  border-bottom: 1px dotted #d1d1d1;
  vertical-align: middle;
  text-align: center;
}
table td{
  padding: 0.7em 1.5em;
  border-bottom: 1px dotted #d1d1d1;
  vertical-align: middle;
}

/* About
-------------------- */
#rinen,#kyokai,#zigyo{
  margin-bottom: 2em;
}
#rinen > div.inner > p,
#kyokai > div.inner > p{
  margin-top: 0.7em;
  margin-bottom: 1em;
  text-align: left;
}
#cred > div.ol_cred{
  width: 274px;
  float: left;
}
#cred > div.img_cred{
  margin-left: 20px;
  width: 254px;
  float: right;
}
#cred > div.ol_cred > ol{
  margin-left: 1.5em;
  list-style-type: decimal;
}
#cred > div.ol_cred > ol > li{
  padding-left: 0.3em;
}
/* clearfix */
#cred:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size: 0;
  clear: both; 
  visibility: hidden;
}
#zigyo > div.inner{
  margin-bottom: 1em;
}
#zigyo > div.inner > ul{
  margin-left: 1.5em;
  list-style-type: disc;
}
#zigyo > div.inner > ul > li{
  padding-left: 0.3em;
}

/* Activity
-------------------- */
#activity > div > div.inner > div.l_txt{
  width: 253px;
}
#activity > div > div.inner > div.r_img{
  margin-left: 30px;
  width: 265px;
}
/* clearfix */
#activity > div > div.inner:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size: 0;
  clear: both; 
  visibility: hidden;
}
/* Ivent
-------------------- */
#ivent > div.inner{
  margin: 0 auto;
  padding: 0;
  width: 980px;
}
#ivent > div.inner > iframe{
  border: none;
  overflow: hidden;
  width: 980px;
  height: 600px;
}

/* Course
-------------------- */
#course > div.inner > div > p{
  margin-top: 0.5em;
  padding-top: 0.5em;
}
#course > div.inner > div > ul.bikou{
  list-style-type: disc;
  margin-left: 1em;
}
#course > div#cnt2 > p > img{
  float: right;
  margin-bottom: 0.5em;
}
/* clearfix */
#course > div#cnt2:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size: 0;
  clear: both; 
  visibility: hidden;
}

/* Space
-------------------- */
#space > div.inner > div > p,
#space > div.inner > div > ul{
  margin-top: 0.5em;
  padding-top: 0.5em;
}
#space > div.inner > div > ul{
  list-style-type: disc;
  margin-left: 1em;
}
#space > div.inner > div > ul.bikou{
  list-style-type: square;
}
span.bd{
  font-size: 123.1%;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.photo{
  margin:10px auto;
}
.xmas{
  float:left;
  margin:0 10px;
}
.x_cap{
  font-size:10px;
  font-weight:bold;
  text-align:center;
}
/* PrivacyPolicy
-------------------- */
#privacy > div.n_inner > ul{
  margin-top: 1.5em;
  margin-left: 1.5em;
  list-style-type: disc;
}
#privacy > div.n_inner > ul > li{
  padding-left: 0.3em;
  padding-bottom: 1.5em;
}

/* Contact
-------------------- */
div.submit{
  margin-top:20px;
}
input.btn:focus{
  border: none;
  position: relative;
  top: 1px;
  left: 1px;
}

/* フォーム共通
-------------------- */
form > table th{
  width: 8em;
  text-align: left;
}
form > div{
  text-align: center;
}
/* 入力チェック */
.red {
  color: #ff0000;
}
label.error {
  padding-left: 0.3em;
  color: #f00;
  font-size: 90%;
  font-weight: bold;
}
input.error,
select.error,
textarea.error{
  border: 1px solid #CE0A0A;
  background-color: #FFF0E6;
}
.text, textarea,select,.dropdown{
  border:1px solid #aaaaaa;
  padding: 5px;
  margin: 2px;
  background: #ffffff;
  color: #232323;
  border-radius: 5px;
  /* Webkit */
  -webkit-border-radius:4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
textarea{
  resize: none;
  width: 30em;
  height: 10em;
  font-size: 0.9em;
  line-height: 1.5;
}
textarea.req{
  height: 5em;
}
select {
  width: 400px;
}
input:focus,
select:focus,
textarea:focus{
  border: 1px solid #008CD6;
  outline-style: none;
}
.disabled{
  background: #D1D1D1;
}

/* 子ページ共通
-------------------- */
h4.c_cap{
  margin-bottom: 1em;
  padding: 0.1em 0;
  padding-left: 0.35em;
  background-color: #008CD6;
  line-height: 1.89;
  color: #FFFFFF;
  font-size: 189%;
  font-weight: bold;
}
h5.cap{
  margin-left: 0.5em;
  border-left: 5px solid #008CD6;
  border-bottom: 1px dotted #F7F7F7;
  padding: 0.2em 0;
  padding-left: 0.62em;
  background-color: #FFFFFF;
  line-height: 1.385;
  color: #008CD6;
  font-size: 138.5%;
  font-weight: bold;
}
h6.sub{
  padding: 0.5em 1.45em 0 1.45em;
  line-height: 1.4;
  color: #000000;
  font-size: 138.5%;
  font-weight: bold;
}
div.inner{
  padding: 0 2em 1em 2em;
  margin-bottom: 1em;
}
div.inner > div.inner{
  margin-bottom: 0;
}
div.n_inner{
  padding: 1em;
  padding-top: 0;
}
div.l_txt{
  float: left;
}
div.r_img{
  float: right;
}
span.redline{
  border-bottom: 1px dashed #EEA057;
}
a.mailer{
  color: #008cd6;
}
.bold{
  font-weight: bold;
}
.bottom{
  margin-bottom: 1em;
}
.center{
  text-align: center;
}
.top_line{
  border-top: 1px dashed #008CD6;
}
p.tb_red{
  height: 1.7em;
  background-color:#EF262D;
  color: #FFFFFF;
  line-height: 1.7em;
  text-align: center;
}
.p_link{
  color: #008CD6;
  text-decoration: underline;
}
/* アンカー用 */
#q_cnt{
  padding-top: 83px;
  margin-top: -83px;
}
.anc{
  padding-top: 100px;
  margin-top: -100px;
}