/* license.css */



body.license {
}

body.license #contents h2.head {   /* title */
  margin:0 0 15px 0;
  background-image:url(../img/license/title.gif);
}



/* license.html */
body#license #contents p.info {
  position:relative;
  width:100%;
  height:1.5em;
  margin:0 0 15px 0;
  line-height:1.5em;
}
body#license #contents p.info em {
  position:absolute;
  right:0;
  top:0;
  padding:0 5px;
  font-style:normal;
  color:#000;
  background:#ffbf00;
}

body#license #contents h3 {
  margin-top:40px;
}
body#license #contents h3.type2 {
  margin-top:15px;
  color:#2ab0b1;
  background-image:url(../img/format/icon-title2.gif);
  border-bottom:solid 2px #2ab0b1;
}

body#license #contents h3.type3 {
  color:#33c0ff;
  background-image:url(../img/format/icon-title3.gif);
  border-bottom:solid 2px #33c0ff;
}

body#license #contents h3.type4 {
  color:#f93;
  background-image:url(../img/format/icon-title4.gif);
  border-bottom:solid 2px #f93;
}

body#license #contents p.license {
  width:100%;
  height:460px;
  margin:0 0 20px 0;
  background:url(../img/license/license-type.gif) no-repeat left top;
}
body#license #contents p.license a {
  display:none;
}

body#license #contents table.license {
}
body#license #contents table.license tr.head th {
  text-align:center;
  color:#fff;
  background:#60c4c5;
}
body#license #contents table.license tr.head th.end {
  border-right:0;
}
body#license #contents table.license th {
  padding:2px 5px;
  text-align:center;
  background:#d2eeef;
}
body#license #contents table.license th.age {
  width:50px;
}
body#license #contents table.license td {
  padding:2px 5px;
  text-align:center;
}
body#license #contents table.license td.note {
  text-align:left;
}
body#license #contents table.license td font {
  display:block;
}

body#license #contents p.note {
  margin:0 0 30px 0;
  padding:0 0 0 30px;
}
body#license #contents p.note font {
  position:absolute;
  left:0;
}

body#license #contents font {
  color:#e33;
}
body#license #contents table.license td font {
  margin:0 0 0 5px;
}
body#license #contents p.note font {
  color:#e33;
}



body#license #contents table.flow {
  margin:-10px 0 20px 0;
  border-collapse:separate;
}
body#license #contents table#flow-1 {
  background:url(../img/license/band-1.gif) no-repeat 10px 10px;
}
body#license #contents table#flow-2 {
  background:url(../img/license/band-2.gif) no-repeat 10px 10px;
}
body#license #contents table#flow-3 {
  background:url(../img/license/band-3.gif) no-repeat 10px 10px;
}
body#license #contents table#flow-4 {
  background:url(../img/license/band-4.gif) no-repeat 10px 10px;
}
body#license #contents table.flow th,
body#license #contents table.flow td {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  -opera-border-radius:5px;
  border-radius:5px;
}
body#license #contents table.flow th {
  padding:5px;
  text-align:center;
  line-height:1;
  font-size:15px;
  color:#fff;
  background:#3aa;
  border:0;
}
body#license #contents table.flow td {
  padding:0 0 5px 0;
  text-align:center;
  line-height:1;
  border:0;
}
body#license #contents table.flow td.course {
  width:150px;
  vertical-align:top;
  font-size:10px;
  background:#fff;
  border:solid 2px #3aa;
}
body#license #contents table.flow td.course strong {
  display:block;
  margin:0 0 5px 0;
  padding:5px 0;
  font-weight:bold;
  font-size:13px;
  border-bottom:solid 1px #3aa;
}
body#license #contents table.flow td.course em {
  font-weight:bold;
  font-style:normal;
  font-size:15px;
}
body#license #contents table.flow td.order {
  width:20px;
  padding:5px;
  line-height:1.1;
  font-weight:bold;
  background:#cff;
  }
body#license #contents table.flow td.order2 {
  width:16px;
  padding:4px;
  line-height:1.1;
  font-weight:bold;
  color:#fff;
  background:#3aa;
}
body#license #contents table.flow td.schedule {
	width:85px;
	vertical-align:top;
	font-size:14px;
	background:#fff;
	border:solid 2px #3aa;
	}
body#license #contents table.flow td.schedule2 {
	width:70px;
	vertical-align:top;
	font-size:14px;
	background:#fff;
	border:solid 2px #3aa;
}
body#license #contents table.flow td.double {
  width:180px;
}
body#license #contents table.flow td.schedule strong {
  display:block;
  margin:0 0 5px 0;
  padding:5px 0;
  font-size:13px;
  color:#fff;
  background:#3aa;
  }
body#license #contents table.flow td.schedule2 strong {
  display:block;
  margin:0 0 5px 0;
  padding:5px 0;
  font-size:13px;
  color:#fff;
  background:#3aa;
}
body#license #contents table.flow td.arrow {
  width:85px;
  padding:0 0 2px 0;
  line-height:1;
  font-size:2.2em;
  color:#3aa;
  background:transparent;
}
body#license #contents table.flow td.goal {
  width:20px;
  padding:5px;
  line-height:1.1;
  font-weight:bold;
  font-size:15px;
  background:#cff;
}


body#license #contents table.price {
  width:auto;
  height:300px;
  background:#36667f;
  border-collapse:separate;
}
body#license #contents table.price tr.head {
}
body#license #contents table.price tr.head th.rank {
  width:112px;
  height:90px;
}
body#license #contents table.price tr.head th {
  width:auto;
  height:50px;
  padding:0;
  font-weight:bold;
  background:#7cc;
}
body#license #contents table.price tr.head td {
  width:auto;
  height:40px;
  padding:0;
  font-weight:bold;
}
body#license #contents table.price th {
  padding:4px;
  line-height:1.2;
  font-weight:normal;
  font-size:12px;
  background:#eff;
  border:0;
}
body#license #contents table.price th small {
  font-size:10px;
}
body#license #contents table.price td {
  width:70px;
  padding:4px;
  line-height:1.2;
  text-align:right;
  border:0;
}
body#license #contents table#price-1 {
  float:left;
}
body#license #contents table#price-2 {
  float:right;
}
body#license #contents table#price-3 {
  float:left;
}
body#license #contents table#price-4 {
  float:right;
}

body#license #contents p.price {
  clear:both;
  width:100%;
}



body#license #contents p.catch {
  height:20px;
  margin:0 0 5px 0;
  line-height:20px;
  font-weight:bold;
  color:#36c;
}
body#license #contents p.catch em {
  float:left;
  margin:0 5px 0 0;
  padding:0 5px;
  line-height:18px;
  font-weight:normal;
  font-style:normal;
  border:solid 1px #36c;
}

body#license #contents div.course {   /* course layer default style */
  position:relative;
  margin:0 0 20px 0;
  padding:30px 0 0 10px;
  border-left:solid 2px #36c;
}
body#license #contents div.course h4 {
  position:absolute;
  left:0;
  top:0;
  margin:0 0 5px 0;
  padding:0 10px;
  line-height:2em;
  font-size:13px;
  color:#fff;
  background:#36c;
  border:0;
}
body#license #contents div.course h4.step {
  padding:0 4px 0 10px;
}
body#license #contents div.course h4 em {
  padding:2px 5px 2px 40px;
  font-style:normal;
  color:#36c;
  background:#fff url(../img/license/step-arrow4.gif) no-repeat left center;
}
body#license #contents div.course p {
  line-height:24px;
}
body#license #contents div.course p em {
  padding:0 0 0 2px;
  font-style:normal;
  border-left:solid 1em #333;
}
body#license #contents div.course ol {
  position:relative;
  height:40px;
  list-style-type:none;
}
body#license #contents div.course ol li {
  float:left;
  padding:5px 30px 5px 10px;
  text-align:center;
  line-height:15px;
  font-weight:bold;
  background:#e3eff6 url(../img/license/step-arrow.gif) no-repeat right center;
}
body#license #contents div.course ol li.pass {
  line-height:30px;
  color:#fff;
  background-color:#36c;
}
body#license #contents div.course ol li.get {
  padding:5px 10px;
  line-height:26px;
  color:#36c;
  background:#fff;
  border:solid 2px #36c;
}

body#license #contents div.type2 {   /* type 2 */
  border-left:solid 2px #2ab0b1;
}
body#license #contents div.type2 h4 {
  background:#2ab0b1;
}
body#license #contents div.type2 ol li {
  background:#d2eeef url(../img/license/step-arrow2.gif) no-repeat right center;
}
body#license #contents div.type2 ol li.pass {
  background-color:#2ab0b1;
}
body#license #contents div.type2 ol li.get {
  color:#2ab0b1;
  border:solid 2px #2ab0b1;
}
body#license #contents div.type2 p.text {
  margin:0 0 5px 0;
  line-height:1.5;
}
body#license #contents div.type2 ul {
  list-style-type:none;
}
body#license #contents div.type2 ul li {
  padding:0 0 0 10px;
  line-height:1.6;
  background:url(../img/format/icon-arrow5.gif) no-repeat left center;
}
body#license #contents div.type2 ul li a {
  color:#2ab0b1;
  border-bottom:solid 1px #2ab0b1;
}

body#license #contents div.type3 {   /* type 3 */
  margin:0 0 40px 0;
  border-left:solid 2px #33c0ff;
}
body#license #contents div.type3 h4 {
  background:#33c0ff;
}
body#license #contents div.type3 ol li {
  background:#d2eeff url(../img/license/step-arrow3.gif) no-repeat right center;
}
body#license #contents div.type3 ol li.pass {
  background-color:#33c0ff;
}
body#license #contents div.type3 ol li.get {
  color:#33c0ff;
  border:solid 2px #33c0ff;
}

body#license #contents p.caution {
  height:20px;
  margin:0 0 10px 0;
  padding:0 0 0 28px;
  line-height:26px;
  font-weight:bold;
  background:url(../img/format/icon-caution.gif) no-repeat left top;
  overflow:hidden;
}
body#license #contents p.renew {
  margin:0 0 40px 0;
  padding:10px 0 0 10px;
  border-left:solid 2px #f93;
  border-top:solid 2px #f93;
}