@charset "utf-8";

a:link,a:active,a:visited {
  color: #FF0066;
  text-decoration: none;
}
a:hover {
  color: #0099FF;
  text-decoration: none;
}
a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
.clr {clear: both;}
.pink {
  color: #F36;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}
.blue {
  display: block;
  color: #06F;
  padding-top: 10px;
  padding-bottom: 10px;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 16px;
  background-color: #FF4A72;
  color: #222;
}
#wrapper {
  width: 760px;
  margin-right: auto;
  margin-left: auto;
  background-color: #FFF;
  padding: 10px;
  border: 1px solid #CCC;
}
header {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F09;
}

header h1 a{
  display: block;
  background-image: url(https://www.nakai-masahiro.net/img/header_logo.gif);
  background-repeat: no-repeat;
  height: 100px;
  width: 400px;
}
#header span ,#about .info span,#recruit span{display: none;}
#about,#about .desc p,#feature,#faq,#advice,#recruit,#under,#exp,#interview,#teach,#kiyaku,#privacy {margin-bottom: 10px;}
#advice h2,#feature h2,#interview h2,#teach h2,#exp h2,#teach h2,#faq h3,#advice h3,#exp h3,#recruit h3,#under h3,#under h4 {
  background-repeat: no-repeat;
  line-height: 40px;
  height: 40px;
  color: #FF91D2;
  text-align: right;
  padding-right: 5px;
  font-size: 10px;
  display: block;
  margin-bottom: 5px;
}
#feature h2 {background-image: url(https://www.nakai-masahiro.net/img/h_feature.gif);}
#faq h3 {background-image: url(https://www.nakai-masahiro.net/img/h_faq.gif);}
#advice h3 {background-image: url(https://www.nakai-masahiro.net/img/h_advice.gif);}
#recruit h3 {background-image: url(https://www.nakai-masahiro.net/img/h_recruit.gif);}
#under h3 {background-image: url(https://www.nakai-masahiro.net/img/h_under.gif);}
#under h4 {background-image: url(https://www.nakai-masahiro.net/img/h_under.gif);}
#interview h2 {
  background-image: url(https://www.nakai-masahiro.net/img/h_interview.gif);
  color: #FFE0EE;
}
#exp h2 {
  background-image: url(https://www.nakai-masahiro.net/img/h_exp.gif);
  color: #D2F2FF;
}
#teach h2 {
  background-image: url(https://www.nakai-masahiro.net/img/h_teach.gif);
}

#about .info {
  display: block;
  background-image: url(https://www.nakai-masahiro.net/img/info_about.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 300px;
  width: 720px;
  margin:0px auto 10px;
}
#about .desc {
  display: block;
  background-image: url(https://www.nakai-masahiro.net/img/about_desc.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  height: 210px;
  border-top: 1px solid #F09;
  border-bottom: 1px solid #F09;
  padding-right: 380px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
#about .desc h2 {
  color: #F06;
  font-weight: bold;
  display: block;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  margin-bottom: 5px;
}

#about .desc ul {
  display: block;
}
#about .desc ul li {
  display: block;
  background-image: url(https://www.nakai-masahiro.net/img/icon_arrow1.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
  margin-bottom: 5px;
  font-weight: bold;
}
#about .entry {
  background-image: url(https://www.nakai-masahiro.net/img/easy_entry.gif);
  background-position: center top;
  background-repeat: no-repeat;
  height: 180px;
  padding-top: 10px;
  padding-right: 260px;
  padding-bottom: 0px;
  padding-left: 10px;
  margin-bottom: 10px;
}
#about .entry strong {
  display: block;
  margin-bottom: 5px;
}
#about .flow {
  background-color:#ffe0f6;
  border:1px solid #cccccc;
  border-radius:5px;
  padding:9px 4px;
}
#about .flow ol {
  display: block;
  overflow:hidden;
}
#about .flow li {
  float:left;
  width:33.3%;
}
#about .flow dl {
  display: block;
  height: 152px;
  padding: 8px;
  margin:0px 5px;
  background-color:#FFF;
  border:1px solid #CCC;
  border-radius:5px;
}
#about .flow dt {
  display: block;
  height: 74px;
  width: 74px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
#about .flow dd em {
  font-weight: bold;
  display: block;
  color: #06F;
  margin-bottom: 5px;
}
#about .flow dd p {
  text-align:justify;
}
#about .flow dd p a {
  font-weight: bold;
  text-decoration: underline;
}

#feature {
  overflow:hidden;
}
#feature .box1 ,#feature .box2{
  float: left;
  width:50%;
}
#feature dl {
  height: 160px;
  display: block;
  padding: 8px;
  margin:5px;
  border-radius:5px;
}

#feature .box1 dl { background-color:#d5f3ff;}
#feature .box2 dl { background-color:#ffe0ee;}
#feature dt {
  display: block;
  float: left;
  height: 74px;
  width: 74px;
  margin-right: 5px;
  margin-bottom: 5px;
}
#feature dd strong {
  display: block;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  height: 16px;
  color: #F00;
}
#feature dd em {
  display: block;
  color: #630;
  font-weight: bold;
}
#feature dd p {
  line-height: 16px;
  margin-bottom: 5px;
}
#feature dd p a {
  display: block;
  text-align: right;
  padding-right: 25px;
  font-weight: bold;
  background-image: url(https://www.nakai-masahiro.net/img/icon_arrow3.gif);
  background-repeat: no-repeat;
  background-position: right center;
  text-decoration: underline;
}
#faq ul li {
  background-repeat: no-repeat;
  background-position: center center;
  height: 50px;
  display: block;
  width: 740px;
}
#faq ul .faq1 {
  background-image: url(https://www.nakai-masahiro.net/img/faq1.gif);
  margin-bottom: 5px;
}
#faq ul .faq2 {
  background-image: url(https://www.nakai-masahiro.net/img/faq2.gif);
  margin-bottom: 5px;
}
#faq ul .faq3 {background-image: url(https://www.nakai-masahiro.net/img/faq3.gif);}
#faq dl {
  display: block;
  padding-left: 375px;
  padding-top: 9px;
  padding-right: 9px;
  padding-bottom: 9px;
  color: #630;
}
#faq dt {display: none;}
#faq dd {display: block;}
#advice ul {
  display: block;
  width: 740px;
  overflow:hidden;
}
#advice ul li {
  float: left;
  width:33.3%;
  display: block;
}
#advice ul .dot {
  border-right: 1px dotted #999;
  border-left: 1px dotted #999;
}
#advice dl {
  display: block;
  padding: 10px;
  overflow:hidden;
}
#advice dt {
  display: block;
  float: left;
  height: 80px;
  width: 80px;
  margin-right: 5px;
  margin-bottom: 5px;
}
#advice dd em {
  display: block;
  color: #F06;
  font-weight: bold;
  margin-bottom: 5px;
}
#advice dd p {
  text-align:justify;
}
#recruit {
  overflow:hidden;
}
#recruit .info {
  display: block;
  padding: 10px;
  background-color: #FF4A71;
  margin-bottom: 10px;
}
#recruit .info .bg {
  background-image: url(https://www.nakai-masahiro.net/img/info_recruit.jpg);
  height: 300px;
  width: 720px;
  margin-bottom: 10px;
}
#recruit .info strong {
  display: block;
  background-image: url(https://www.nakai-masahiro.net/img/recruit_info.gif);
  background-repeat: no-repeat;
  height: 30px;
  margin-bottom: 5px;
  border-bottom: 1px solid #FFF;
}
#recruit .info p {
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
#recruit dl {
  display: block;
  width: 50%;
  float: left;
  margin-bottom: 5px;
}
#recruit dt {
  display: block;
  height: 30px;
}
#recruit dd {
  padding:5px 15px;
  height: 60px;
  line-height: 18px;
}

#under p {
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  display: block;
  padding-left: 15px;
  font-weight: bold;
}
#under ul {
  display: block;
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F09;
  color: #F00;
}
#under iframe {
  display: block;
  margin-left:20px;
}
#under ol {
  background-color: #EEE;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 40px;
  padding-left: 40px;
  border-top: 1px solid #F09;
  margin-top: 10px;
  overflow:hidden;
}
#under ol li {
  display: block;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999;
}
#under ol .line {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #999;
}
#exp p {
  display: block;
  padding: 5px;
  font-size: 14px;
  line-height: 24px;
}
#exp p img {
  display: block;
}
#exp p .lf {
  float: left;
  margin-right: 10px;
}
#exp p .rf {
  float: right;
  margin-left: 10px;
}

#interview p  img{
  display: block;
  height: 200px;
  width: 170px;
  float: right;
  margin-left: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #FFF;
  border-left-color: #FFF;
}
#interview dt {
  background-color: #EEE;
  color: #069;
  line-height: 20px;
  height: 20px;
  font-weight: bold;
  display: block;
  font-size: 14px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 18px;
  background-image: url(https://www.nakai-masahiro.net/img/icon_mic.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

#interview dd {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 30px;
  display: block;
  padding-left: 40px;
  padding-right: 5px;
  color: #333;
  background-image: url(https://www.nakai-masahiro.net/img/icon_mana.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
#teach dt {
  background-color: #EEE;
  color: #630;
  line-height: 20px;
  height: 20px;
  font-weight: bold;
  display: block;
  font-size: 14px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 18px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(https://www.nakai-masahiro.net/img/icon_point.gif);
}
#teach dd {
  display: block;
  color: #333;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  line-height: 18px;
  padding: 5px;
  margin-bottom: 10px;
}
#teach dd p {
  margin-bottom: 10px;
}
#teach dd p strong ,#exp p strong{
  font-weight: bold;
  font-size: 14px;
  color: #06F;
}
#teach dd p em ,#exp p em{
  font-size: 14px;
  font-weight: bold;
  color: #F06;
}
footer {
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid #F09;
}

#privacy h2{
  font-size: 14px;
  font-weight: bold;
  display: block;
  line-height: 20px;
  border-bottom: 2px solid #F09;
  margin-bottom: 10px;
  color: #F09;
}
#privacy dt{
  font-weight: bold;
  display: block;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
}
#privacy dd{
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: block;
  margin-bottom: 10px;
}