/*
Theme Name: basework
Author: gogo920
Author URI: http://gogo920.com
Version: 1.0
*/
/* reset CSS
-----------------------------*/
body {
  margin: 0;
  background: #fcfcfc;
  color: #666;
}
p {
  font-size: 13px;
  line-height: 1.8em;
}
ul {
  list-style: none;
  padding-left: 0;
}
a {
  color: #666;
}
/* mixin
-----------------------------*/
/* common
-----------------------------*/
#page {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 200;
  font-style: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
}
footer small {
  font-size: 13px;
  font-family: Osaka;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
/* COMMON 
-----------------------------*/
.inner {
  width: 960px;
  padding: 0 20px;
  margin: 0 auto;
}
header {
  background: #3f8ebd;
  zoom: 1;
}
header:after {
  content: "";
  display: block;
  clear: both;
}
header #siteTitle {
  width: 310px;
  float: left;
}
header #siteTitle p {
  margin: 10px 0 0;
  color: #fff;
  font-size: 10px;
  line-height: 1em;
}
header #siteTitle #title {
  margin: 0 0 4px;
  padding: 0;
}
header #gnav {
  width: 567px;
  float: right;
}
header #gnav ul {
  margin: 30px 0 0;
  zoom: 1;
}
header #gnav ul:after {
  content: "";
  display: block;
  clear: both;
}
header #gnav ul li {
  display: block;
  float: left;
  margin-right: 38px;
  position: relative;
}
header #gnav ul li:last-child {
  margin-right: 0;
}
header #gnav ul li a {
  font-family: Palatino;
  font-size: 15px;
  color: #666;
  letter-spacing: 0.05em;
}
header #gnav ul li a:hover {
  color: #000;
}
header #gnav ul li.selected img {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -12px;
}
header #gnav ul #gnav06 {
  margin-top: -3px;
}
#contents {
  padding: 25px 0;
  zoom: 1;
}
#contents:after {
  content: "";
  display: block;
  clear: both;
}
#contents #side {
  width: 145px;
  float: left;
  text-align: right;
}
#contents #side ul {
  font-size: 13px;
  margin: 1em 0;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 200;
  font-style: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.1em;
}
#contents #side ul li {
  margin-bottom: 6px;
}
#contents #side ul li a {
  color: #666;
}
#contents #side ul li a:hover {
  color: #000;
}
#contents #main {
  width: 710px;
  float: right;
}
footer {
  height: 100px;
  text-align: right;
  background: #333;
  padding: 1px 0;
}
footer .inner {
  position: relative;
}
footer small {
  position: absolute;
  top: 0px;
  left: 0;
  font-size: 14px;
  font-family: Helvetica;
  color: #fff;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #ddd;
}
/* home
-----------------------------*/
.home .cont.c01 .inner {
  position: relative;
  height: 650px;
  padding: 0;
  text-align: center;
}
.home .cont.c01 h2 {
  margin: 80px 0 24px 0;
}
.home .cont.c01 p {
  margin: 0;
  line-height: 0em;
}
.home .cont.c01 .hito {
  position: absolute;
  bottom: 0;
  right: 24px;
}
.home .cont.c01 .gimon {
  position: absolute;
  left: 81px;
  bottom: 103px;
}
.home .cont.c02 {
  background: #3f74b8;
  padding: 73px 0 60px;
}
.home .cont.c02 h2 {
  display: none;
}
.home .cont.c02 p.message {
  margin: 0 0 0 118px;
}
.home .cont.c02 p.logo {
  text-align: right;
  margin: 25px 10px 0 0;
}
.home .cont.c03 {
  background: #f4f9fe;
  padding: 76px 0 78px;
  text-align: center;
}
.home .cont.c03 h2 {
  margin: 40px 0 36px;
}
.home .cont.c03 section.menu {
  border: 9px solid #999;
  padding: 4px 0 40px 94px;
  text-align: left;
  zoom: 1;
}
.home .cont.c03 section.menu:after {
  content: "";
  display: block;
  clear: both;
}
.home .cont.c03 section.menu h3 {
  margin: 25px 0 20px 98px;
}
.home .cont.c03 section.menu h4 {
  font-size: 24px;
}
.home .cont.c03 section.menu div.leftBox {
  width: 406px;
  float: left;
}
.home .cont.c03 section.menu div.rightBox {
  width: 347px;
  float: left;
}
.home .cont.c03 section.menu ul li.check {
  font-size: 18px;
  background: url("../images/icon-check.png") no-repeat left 0px;
  padding: 4px 0 0 40px;
  font-weight: bold;
}
.home .cont.c03 section.menu ul li.check ul {
  font-size: 14px;
  margin: 7px 0 18px;
  font-weight: normal;
}
.home .cont.c04 {
  background: #86d6c6;
}
.home .cont.c05 {
  background: #9bd5e5;
}
.home .cont.c04,
.home .cont.c05 {
  padding: 45px 0;
}
.home .cont.c04 .inner,
.home .cont.c05 .inner {
  position: relative;
  width: 960px;
}
.home .cont.c04 h2,
.home .cont.c05 h2 {
  font-size: 16px;
  margin: 0 0 0 344px;
}
.home .cont.c04 p,
.home .cont.c05 p {
  margin-left: 344px;
}
.home .cont.c04 p.lead,
.home .cont.c05 p.lead {
  font-size: 24px;
  margin: 0.5em 0 0;
  margin-left: 344px;
}
.home .cont.c04 .btnArea,
.home .cont.c05 .btnArea {
  margin: 20px 0 0;
  margin-left: 344px;
}
.home .cont.c04 .img,
.home .cont.c05 .img {
  position: absolute;
  top: 0;
  left: 20px;
  margin: 0;
}
.partner .cont.c01 {
  background: #f4f9fe url("images/partner/bg-p01.png");
  padding-top: 100px;
}
.partner .cont.c01 .inner {
  position: relative;
  min-height: 670px;
  padding: 0;
  text-align: left;
}
.partner .cont.c01 h2 {
  margin: 0 0 27px 180px;
}
.partner .cont.c01 .lead {
  margin: 0 0 74px 180px;
  line-height: 0em;
}
.partner .cont.c01 h3 {
  margin: 0 0 30px 180px;
}
.partner .cont.c01 .shikumi {
  margin: 0 0 0px 120px;
}
.partner .cont.c01 .btn-return {
  position: absolute;
  top: -70px;
  right: 20px;
}
.partner .cont.c02 {
  background: #e9e9e9;
  text-align: center;
  padding: 140px 0 140px;
}
.partner .cont.c02 h2 {
  margin-bottom: 30px;
}
.partner .cont.c02 p {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 50px;
}
/* contact
-----------------------------*/
.contact .cont.c01 {
  padding: 100px 0 140px 0;
}
.contact .cont.c01 form {
  width: 600px;
  margin: 0 auto;
}
.contact .cont.c01 h1 {
  font-size: 20px;
  margin-bottom: 30px;
}
.contact .cont.c01 table {
  width: 100%;
}
.contact .cont.c01 table th {
  text-align: left;
  font-size: 14px;
  padding: 10px 20px 10px 0;
}
.contact .cont.c01 table td {
  padding: 8px 0;
}
.contact .cont.c01 table span {
  font-weight: normal;
  color: red;
}
.contact .cont.c01 .cap span {
  color: red;
}
.contact .cont.c01 input {
  width: 100%;
  padding: 5px 0;
  border: 1px solid #ccc;
}
.contact .cont.c01 textarea {
  width: 100%;
  border: 1px solid #ccc;
}
.contact .cont.c01 .btnArea {
  margin-top: 40px;
  text-align: right;
}
.contact .cont.c01 input[type="submit"] {
  width: 100px;
  font-size: 14px;
  background: #ccc;
  border: 0;
  padding: 6px 0;
}
.contact .cont.c01 input[type="submit"]:hover {
  background: #ddd;
}
/* company
-----------------------------*/
.company .cont.c01 {
  padding: 100px 0 140px 0;
}
.company .cont.c01 article {
  width: 600px;
  margin: 0 auto;
}
.company .cont.c01 h1 {
  font-size: 20px;
  margin-bottom: 30px;
}
.company .cont.c01 table {
  width: 100%;
  text-align: left;
  line-height: 1.6em;
}
.company .cont.c01 table th {
  width: 80px;
  font-size: 14px;
  padding: 10px 20px 10px 0;
  vertical-align: top;
  letter-spacing: 0.5em;
}
.company .cont.c01 table .l2 {
  letter-spacing: 0.5em;
}
.company .cont.c01 table .la2 {
  letter-spacing: 1.8em;
}
.company .cont.c01 table .l4 {
  letter-spacing: 0em;
}
.company .cont.c01 table td {
  padding: 10px 0;
  font-size: 14px;
}
.company .cont.c01 a {
  color: #666;
}
.company .cont.c01 a:hover {
  color: #000;
}
/* seminar
-----------------------------*/
.seminar .cont.c01,
.seminar .cont.c02,
.seminar .cont.c03,
.seminar .cont.c04 {
  padding: 100px 0 100px;
}
.seminar .cont.c01 h2,
.seminar .cont.c02 h2,
.seminar .cont.c03 h2,
.seminar .cont.c04 h2,
.seminar .cont.c01 p,
.seminar .cont.c02 p,
.seminar .cont.c03 p,
.seminar .cont.c04 p,
.seminar .cont.c01 table,
.seminar .cont.c02 table,
.seminar .cont.c03 table,
.seminar .cont.c04 table,
.seminar .cont.c01 ul,
.seminar .cont.c02 ul,
.seminar .cont.c03 ul,
.seminar .cont.c04 ul {
  width: 724px;
}
.seminar .cont.c01 h2,
.seminar .cont.c02 h2,
.seminar .cont.c03 h2,
.seminar .cont.c04 h2 {
  font-weight: normal;
  margin: 0 auto 2em;
  text-indent: -10px;
}
.seminar .cont.c01 p,
.seminar .cont.c02 p,
.seminar .cont.c03 p,
.seminar .cont.c04 p {
  margin: 0 auto 1em;
  font-size: 16px;
}
.seminar .cont.c01 table,
.seminar .cont.c02 table,
.seminar .cont.c03 table,
.seminar .cont.c04 table {
  margin: 0 auto 2em;
}
.seminar .cont.c01 ul,
.seminar .cont.c02 ul,
.seminar .cont.c03 ul,
.seminar .cont.c04 ul {
  margin: 0 auto 2em;
}
.seminar .cont.c01 {
  background: #fff;
}
.seminar .cont.c01 p {
  font-size: 18px;
  margin-bottom: 1.2em;
}
.seminar .cont.c02 {
  background: #3f74b8;
  color: #fff;
}
.seminar .cont.c02 p {
  font-size: 18px;
  margin-bottom: 2em;
}
.seminar .cont.c02 ul {
  font-size: 20px;
}
.seminar .cont.c02 ul li {
  margin-bottom: 0.3em;
}
.seminar .cont.c03 {
  background: #fff;
}
.seminar .cont.c03 table {
  border-top: 2px solid #ccc;
  border-left: 2px solid #ccc;
  font-size: 16px;
}
.seminar .cont.c03 thead th {
  border-bottom: 2px solid #ccc;
  border-right: 2px solid #ccc;
  padding: 10px 10px;
  font-size: 14px;
}
.seminar .cont.c03 tbody th {
  width: 100px;
  border-bottom: 2px solid #ccc;
  border-right: 2px solid #ccc;
  font-weight: normal;
}
.seminar .cont.c03 tbody td {
  border-bottom: 2px solid #ccc;
  border-right: 2px solid #ccc;
  padding: 10px 10px;
  font-size: 14px;
}
.seminar .cont.c03 tbody .title {
  width: 200px;
  font-size: 16px;
  font-weight: bold;
}
.seminar .cont.c04 {
  background: #3f74b8;
  color: #fff;
}
.seminar .cont.c04 p {
  font-size: 20px;
  margin-bottom: 2em;
}
.seminar .cont.c04 table {
  font-size: 18px;
  text-align: left;
}
.seminar .cont.c04 table th {
  font-weight: normal;
  padding: 0 0 10px;
}
.seminar .cont.c04 table th span {
  font-size: 14px;
}
.seminar .cont.c04 table td {
  vertical-align: top;
  padding: 10px 0;
}
.seminar .cont.c04 ul {
  font-size: 18px;
}
.seminar .cont.c04 ul li {
  margin-bottom: 0.3em;
}
.seminar .cont.c04 ul li span {
  margin-right: 20px;
}
.seminar .cont.c05 {
  background: #f4f9fe;
  padding: 76px 0 78px;
  text-align: center;
}
.seminar .cont.c05 h2 {
  margin: 40px 0 36px;
}
.seminar .cont.c05 section.menu {
  border: 9px solid #999;
  padding: 4px 0 40px 94px;
  text-align: left;
  zoom: 1;
}
.seminar .cont.c05 section.menu:after {
  content: "";
  display: block;
  clear: both;
}
.seminar .cont.c05 section.menu h3 {
  margin: 25px 0 20px 98px;
}
.seminar .cont.c05 section.menu h4 {
  font-size: 24px;
}
.seminar .cont.c05 section.menu div.leftBox {
  width: 406px;
  float: left;
}
.seminar .cont.c05 section.menu div.rightBox {
  width: 347px;
  float: left;
}
.seminar .cont.c05 section.menu ul li.check {
  font-size: 18px;
  background: url("../images/icon-check.png") no-repeat left 0px;
  padding: 4px 0 0 40px;
  font-weight: bold;
}
.seminar .cont.c05 section.menu ul li.check ul {
  font-size: 14px;
  margin: 7px 0 18px;
  font-weight: normal;
}