@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014/03/27, 19:24:08
    Author     : hayashi
*/
body {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  color: #464646;
  /* ■■■■■ Nav ■■■■■ */
  /* ■■■■■ intro-header ■■■■■ */
  /* ■■■■■ intro-message ■■■■■ */
  /* ■■■■■ Facebook LikeBox ■■■■■ */ }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    line-height: 1.6; }
  body .nav {
    font-size: 20px; }
    body .nav .btn {
      margin: 8px 15px; }
  body .intro-header {
    padding-top: 20px;
    /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 20px;
    color: #f8f8f8;
    background: url(../images/rookie/mail/lp_mail_intro_bg_only.png) no-repeat center;
    background-size: cover;
    text-align: center; }
  body .intro-message h1 {
    margin: 0;
    padding-left: 0%;
    font-size: 3.6em;
    text-shadow: 2px 2px 3px black;
    color: black;
    font-weight: 600;
    line-height: 1.1; }
  body .intro-message h3 {
    padding-left: 0%;
    font-size: 3.2em;
    text-shadow: 1px 2px 5px black;
    font-weight: 600;
    line-height: 1.1; }
  body .intro-message h4 {
    text-shadow: 1px 2px 5px black;
    font-weight: 600;
    line-height: 1.1; }
  body .fb-like-box, body .fb-like-box span, body .fb-like-box span iframe[style] {
    width: 100% !important; }

/* body */
/* ■■■■■ content-section ■■■■■ */
.content-section-a {
  background-color: #f8f8f8;
  padding: 50px 0; }

.content-section-b {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 50px 0; }

.section-heading {
  font-weight: 600; }

.orange {
  color: #E77F15; }

.red {
  color: red; }

.green {
  color: #23b379; }

.blue {
  color: #2662ad; }

.purple {
  color: #814697; }

.img_center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.menuTabLight {
  margin: 0 0 5px 0;
  padding: 1px 4px;
  border-width: 0 0 1px 8px;
  border-color: #518A17;
  border-style: solid;
  line-height: 140%; }

/* ■■■■■ landing page Form ■■■■■ */
.help-block .error {
  margin-left: 3%;
  padding-left: 3%;
  padding-right: 3%;
  border: solid 1px red;
  background-color: #FFCCCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

/* ■■■■■ landing page footer ■■■■■ */
.lp_footer {
  background-color: black;
  color: white; }
  .lp_footer aside ol, .lp_footer aside ul {
    list-style: none outside none; }
  .lp_footer aside .container {
    padding-top: 26px; }
  .lp_footer footer .container {
    text-align: center;
    line-height: 1.667em;
    padding: 26px 0; }

/* *************************************************************** */
/* **  IMEモード制御用  ** */
/* *************************************************************** */
/* ON */
.imeactive {
  ime-mode: active; }

/* OFF */
.imeinactive {
  ime-mode: inactive; }

/* 無効 */
.imedisabled {
  ime-mode: disabled; }

div {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }