@charset "utf-8";

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio[controls],
canvas,
video {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * html InitialStyle
 */
html {
    background: #FFF;
    color: #333;
}

/*
 * body InitialStyle
 */
body {
    font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    line-height: 150%;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

    /* for Windows */
    .win body {
        font-family: "メイリオ", "Meiryo", verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    }

    /* for Win IE6 */
    * html.win body {
        font-family: "ＭＳ Ｐゴシック", verdana, Helvetica , sans-serif;
    }

    /* for Mac firefox2 */
    .mac body.firefox2 {
        font-size: 10px;
    }

/*
 * All InitialStyle
 */
body, div, pre, p, blockquote,
form, fieldset, input, textarea, select, option,
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
table, th, td, embed, object {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* =============================================================================
   Links
   ========================================================================== */
a {
    background: #FFF;
    border: 0;
    color: #00F;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    text-decoration: none;
/*  text-decoration: underline;*/
}

a:hover {
    text-decoration: underline;
}

/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
    outline: 0;
}

a {
    overflow: hidden;
}

/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

q {
    quotes: none;
}

q:before ,q:after {
    content: '';
    content: none;
}

/* =============================================================================
   Forms
   ========================================================================== */
button, fieldset, form, input, label, legend, select, textarea {
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

    /* for IE6 */
    * html input, * html textarea {
        font-family: verdana, "ＭＳ Ｐゴシック", sans-serif;
    }

    /* for IE7 */
    *:first-child+html input, *:first-child+html textarea {
        font-family: "メイリオ", verdana, "ＭＳ Ｐゴシック", sans-serif;
    }

    /* for IE8 */
    .msie8 select {
        font-family: "メイリオ", sans-serif;
    }

    /* for Chrome1 */
    .chrome1 select {
        font-family: "メイリオ", Arial, Helvetica, sans-serif;
    }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

input {
    padding: 0.1em;
    vertical-align: middle;
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="text"] {
    height: 1.2em;
    line-height: 1.2;
}

    /* for IE6 */
    * html input.text {
        height: 1.2em;
        line-height: 1.2;
    }

    /* for Firefox2+ */
    .firefox2 input[type="text"],
    .firefox3 input[type="text"] {
        padding-top: 0;
    }

    /* for Chrome1 */
    .chrome1 input[type="text"] {
        vertical-align: baseline;
    }

    /* for Safari3 */
    .safari3 input[type="text"] {
        vertical-align: baseline;
    }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    vertical-align: baseline;
}

    /* for IE6 */
    * html input.checkbox,
    * html input.radio {
        height: 13px;
        width: 13px;
        vertical-align: -0.3em;
    }

    /* for IE7 */
    *+html input[type="checkbox"],
    *+html input[type="radio"] {
        vertical-align: 0;
    }

    /* for IE8 */
    .msie8 input[type="checkbox"],
    .msie8 input[type="radio"] {
        vertical-align: -0.2em;
    }

    /* for Firefox2+ */
    .firefox2 input[type="checkbox"],
    .firefox2 input[type="radio"],
    .firefox3 input[type="checkbox"],
    .firefox3 input[type="radio"] {
        vertical-align: -0.2em;
    }

    /* for Opera9 */
    .opera9 input[type="checkbox"],
    .opera9 input[type="radio"] {
        vertical-align: middle;
    }

    /* for Chrome1 */
    .chrome1 input[type="checkbox"],
    .chrome1 input[type="radio"] {
        vertical-align: -0.2em;
    }

input[type="submit"] {
    line-height: 1;
    padding: 0.3em;
}

    /* for IE6 */
    * html input.submit {
        padding: 0.3em 0.1em 0.1em;
    }

    /* for IE7 */
    *:first-child+html input[type="submit"] {
        padding: 0.3em 0.1em 0.2em;
    }

    /* for IE8 */
    .msie8 input[type="submit"] {
        padding: 0.4em 0.3em 0.2em;
    }

    /* for Firefox2+ */
    .firefox2 input[type="submit"],
    .firefox3 input[type="submit"] {
        padding: 0.1em;
    }

    /* for Mac Opera9 */
    .mac .opera9 input[type="submit"] {
        padding: 0 0.3em;
    }

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

legend {
    background: #FFF;
    color: #333;
    padding: 0.3em;
}

select {
    padding: 0;
    vertical-align: baseline;
}

    /* for IE6 */
    * html select {
        vertical-align: middle;
    }

    /* for IE7 */
    *:first-child+html select {
        vertical-align: -0.2em;
    }

textarea {
    line-height: 1.4;
    padding: 0.1em;
    vertical-align: middle;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

/* =============================================================================
   Others
   ========================================================================== */
ing, img, abbr, acronym, fieldset {
    border: 0;
}

/*
 * Improves image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
    -ms-interpolation-mode: bicubic;
}

/*
 * Define consistent border, margin, and padding
 */
fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
    overflow: hidden;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

caption, th {
    text-align: left;
}

code, kbd, pre, samp, tt {
    font-family: monospace;
    _font-family: 'courier new', monospace;
    line-height: 100%;
}

    /* for IE7 */
    *:first-child+html code, *:first-child+html kbd, *:first-child+html pre, *:first-child+html samp, *:first-child+html tt {
        font-size: 108%;
    }

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

hr, legend {
    display: none;
}

object, embed {
    vertical-align: top;
}

ol, ul {
    list-style-type: none;
}

abbr, acronym {
    cursor: help;
}

caption {
    text-align: center;
}

b, em, strong {
    font-weight: bold;
}

/* =============================================================================
   Default Style
   ========================================================================== */

/*
 * clearfix
 */
.clearfix:after {
    content: url(clearfix.png);
    /*start*/
    /*content: ".";
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;*/
    /* end */
    display: block;
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

/*
 * init
 */
html {
    background-color: #FFFFFF;
/*  background-color: #333333;
    color: #FFFFFF;
*/
    color: #333333;
    height: 100%;
}

body {
    height: 100%;
    line-height: 1.5;
}

/*p, li, dt, dl, table {
    line-height: 1.5;
}
*/

/*
 * link
 */
a:link {
    background-color: transparent;
    color: #333333;
}

a:visited {
    background-color: transparent;
    color: #333333;
}

a:hover {
    background-color: transparent;
    color: #333333;
}

a:active {
    background-color: transparent;
    color: #333333;
}

/* =============================================================================
   Common Style
   ========================================================================== */

/* ※For Debug*/
.db {
    border: 1px solid #FF0000;
}

/*  display
----------------------------------------------------------*/

/*----< align >---------------------------------*/
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify; /* for modern browser */
    text-justify: inter-ideograph; /* IE6～8 */
}

/*  img
----------------------------------------------------------*/
img {
    vertical-align: bottom;
    line-height: 0px;
}

    .original-height {
        line-height: 0;
        font-size: 0px; /* for IE's Bug? */
    }

/*  vertical-middle
----------------------------------------------------------*/
.vertical-middle {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
}

/* for IE6 */
* html .vertical-middle {
    display: inline;
    zoom: 1;
}

/* for IE7 */
*:first-child+html .vertical-middle {
    display: inline;
    zoom: 1;
}

/*  link
----------------------------------------------------------*/
a:hover.decoration-none {
    text-decoration: none;
}

/*  text
----------------------------------------------------------*/
.red-text {
    color: #FF5757;
}


/**
 *
 * library css
 *  Copyright (c) 2012, Dai Yosinaga All rights reserved.
 *
 */

/* =============================================================================
   text
   ========================================================================== */
.ac {text-align: center !important;}
.ar {text-align: right !important;}
.al {text-align: left !important;}
.aj { text-align: justify; /* for modern browser */  text-justify: inter-ideograph; /* IE6～8 */ }

.bold{font-weight:bold !important;}

.vertical-middle { display: -moz-inline-box; display: inline-block; vertical-align: middle; }
/* for IE6 */ * html .vertical-middle { display: inline; zoom: 1; }
/* for IE7 */ *:first-child+html .vertical-middle { display: inline; zoom: 1; }

a:hover.decoration-none { text-decoration: none; }

.red-text { color: #e60012; }
.yellow-bg { background-color: #fff100; }

.indent {margin-left: 1em; text-indent: -1em; }

.font10{font-size:1em !important;}
.font11{font-size:1.1em !important;}
.font12{font-size:1.2em !important;}
.font13{font-size:1.3em !important;}
.font14{font-size:1.4em !important;}
.font15{font-size:1.5em !important;}
.font16{font-size:1.6em !important;}
.font17{font-size:1.7em !important;}
.font18{font-size:1.8em !important;}
.font19{font-size:1.9em !important;}
.font20{font-size:2em !important;}
.font21{font-size:2.1em !important;}
.font22{font-size:2.2em !important;}
.font23{font-size:2.3em !important;}
.font24{font-size:2.4em !important;}

/* =============================================================================
   image
   ========================================================================== */
.original-height { line-height: 0; font-size: 0px; /* for IE's Bug? */ }
a.opacity-img:hover img{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

/* =============================================================================
   float
   ========================================================================== */
.fr {float: right !important;}
.fl {float: left !important;}

.clear {clear: both;}

/*
 * clearfix
 */
.clearfix:after {
    content: url(clearfix.png);
    /*start*/
    /*content: ".";
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;*/
    /* end */
    display: block;
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

/* =============================================================================
   margin
   ========================================================================== */
.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

/* =============================================================================
   padding
   ========================================================================== */
.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 40px !important; }
.pr50 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 40px !important; }

.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }


/*  section
----------------------------------------------------------*/
.common-section { width: 930px; margin: 0 auto; }

.common-sentence {font-size: 1.6em; line-height: 1.8em; text-align: left;}


/* ここから追加 */

#header .float-left { position: relative; }
#header .float-left .btn { position: absolute; top: -12px; left: 290px; z-index: 99; }
.target:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

.cta01 .btn { background: url("../images/img087.png") top left no-repeat; height: 106px; }
.cta01 .btn a { text-align: center; }
.cta02 .btn { background: url("../images/img088.png") top left no-repeat; height: 119px; }
.cta02 .btn a { text-align: center; }

#form-wrapper { padding-bottom: 100px; }
#form-header { background-color: #eb6100; height: 68px; width: 100%; margin-bottom: 25px; }
#form-main { text-align: left; font-size: 1.4em; }
.c-table { width: 100%; }
.c-table th,
.c-table td { font-size: 1.4rem; font-size: 14px; padding: 10px 0; vertical-align: middle; border-bottom: 1px solid #eb8f4e; }
.c-table th { padding-left: 13px; width: 280px; }
.c-table th .req { margin-left: 5px; }
.c-table td { padding-left: 18px; border-left: 1px solid #eb8f4e; }
.c-table td .block { margin-top: 42px; }
.c-table td .block:first-child { margin-top: 0; }
.c-table--gray { border: 1px solid #d3d3d3; }
.c-table--gray th { background-color: #e4ecf1; }
.c-table--green { border: 1px solid #eb8f4e; }
.c-table--green th { background-color: #f8d0b4; }
input[type="text"] { height: 32px; }
.c-select,
.c-textBox { height: 26px; border: 1px solid #b1b1b1; }
.c-textBox01 { width: 325px; }
.c-textBox02 { width: 419px; }
.c-textBox03 { width: 165px; }
.c-textBox04 { width: 545px; }
.c-textArea { height: 200px; border: 1px solid #b1b1b1; width: 545px; }
.c-radioBtn { vertical-align: middle; margin-right: 4px; }
.c-label { display: inline-block; *display: inline; *zoom: 1; margin-right: 25px; }
.c-form .error .validationMessage { display: block; color: #FF3E3E; margin-top: 5px; }
.c-form .error .c-textBox,
.c-form .error .c-select,
.c-form .error .c-textArea { background-color: #fce2da; }
.c-form-txt { margin-top: 10px; color: #d62800; }
.req { color: #d62800;}
.form-sentence {  margin-bottom: 12px; }
.c-form__btn { margin-top: 30px; text-align: center; }
.c-form__btn li { margin-bottom: 10px; }

.form-aftersend { margin: 100px 0; text-align: center; }
.form-aftersend dt { font-size: 1.4em; font-weight: bold; margin-bottom: 20px; }