@charset "utf-8";
/* CSS Document */

/* 初期化*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, /*img, */ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
/*b*/, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 150%;
}
ol, ul {
	 font-size: 14px;
	 margin-left: 1em;
	 margin-top: 0px;
	 margin-bottom: 0px;
	padding: 0;

	/*list-style: none;*/
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/


body {
   margin:0;
   padding:0;
   line-height:150%;
   letter-spacing:1px;
   font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
   font-size:14px;
   color:#454545;
   background:#fff;
}

h1  { color: #454545; font-size: 14px; font-weight: bold; }
h2  { font-size: 24px; margin-top: 60px; margin-bottom: 30px; padding: 6px; border-bottom: 1px dotted #001d7b; border-left: 8px solid #001d7b }
h3  { color: #fff; font-size: 18px; font-weight: bold; background-color: #244ca3; margin-top: 30px; margin-bottom: 20px; padding: 6px }
h4  { color: #0068b7; font-size: 16px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }
h5  { color: #333333; font-size: 14px; font-weight: bold; }

p { color: #454545; 
	font-size: 14px;
	margin: 0;
	padding: 0;
 }

a:link { color: #244ca3; text-decoration: underline; }
a:visited { color: #244ca3; text-decoration: underline; }
a:hover { color: #244ca3; text-decoration: none;  }


/*文字色・サイズ*/
.red { color: red; }
.blue { color: #0068b7; }
.pink { color: #ff0033; }
.white { color: #ffffff; }
.brown { color: #948A54; }
.styleblue { color: #31859c; }

.size24 { font-size: 24px; }
.size20 { font-size: 20px; }
.size18 { font-size: 18px; }
.size16 { font-size: 16px; }
.size14 { font-size: 14px; }
.size12 { font-size: 12px; }
.size10 { font-size: 10px; }

/*マージン*/

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt90 { margin-top: 90px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }

.ml05 { margin-left: 0.5em; }
.ml1 { margin-left: 1em; }
.ml60 { margin-left: 60px; }

.mr05 { margin-riight: 0.5em; }
.mr1 { margin-riight: 1em; }

.mall5 { margin: 5px; }
.mall10 { margin: 10px; }
.mall15 { margin: 15px; }
.mall20 { margin: 20px; }


.ma10b { margin-bottom: 10px !important; }

.ma15b { margin-bottom: 15px !important; }

.ma20b { margin-bottom: 20px !important; }

.ma25b { margin-bottom: 25px !important; }

.ma30b { margin-bottom: 30px !important; }

.ma40b { margin-bottom: 40px !important; }

.ma50b { margin-bottom: 50px !important; }

.ma60b { margin-bottom: 60px !important; }

.pa30t { padding-top: 30px; }

.pa50t { padding-top: 50px; }

.pa5t { padding-top: 5px; }

.pa5b { padding-bottom: 5px; }


/*画像ロールオーバー*/
/*a:hover img.over {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}*/
a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}

.kasen { border-bottom: 1px solid }

/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:20px 0 4px 0;
   text-align:right;
}

#pageTop a {
   padding:5px 5px 5px 17px;
  /* background:#ddd url("../images/bg_pagetop.gif") 7px 50% no-repeat;*/
   font-size:11px;
}

/*インタビューの質問テキスト用*/
.toi { color: #248617; margin-top: 20px; margin-bottom: 20px;
}

div.content {
    width: 800px;
    margin: 0 auto 10px auto;
    padding-top: 40px;
    text-align: left;
}

div#contact, div#company { padding-bottom: 50px; /**table**/ }
div#contact table, div#company table { width: 800px; border-collapse: collapse; border-spacing: 0; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; line-height: 1.5; }
div#contact td, div#company td { background-color: #fff; padding: 10px 2px 10px 15px; }
div#contact th, div#contact td, div#company th, div#company td { font-size: 14px; border-top: #d9d9d9 1px solid; border-left: #d9d9d9 1px solid; }
div#contact th, div#company th { padding: 10px 0; text-align: center; background-color: #eaf1f2; color: #000538; }

div#contact th { width: 250px; font-weight: bold; }

div#company th { width: 150px; font-weight: normal; }
div#company th.month { width: 80px; }
div#company h2.tl01 { margin: 30px 0 10px 0; font-size: 25px; padding-bottom: 5px; }

div#contact td input { padding: 3px; margin-right: 10px; }
/*div#contact td .f01 { width: 250px; }
div#contact td .f02 { width: 300px; }*/
div#contact td .f03 { width: 500px; height: 150px; }
div#contact td .f04 { width: 100px; }
div#contact th span.f-txt { font-weight: normal; font-size: 13px; }
div#contact span.require { padding-left: 5px; color: #ee4b69; }
div#contact div#privacy { background-color: #eefae0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 5px 20px 20px; margin: 20px 0 30px 0; }
div#contact div#privacy h3 { color: #18a860; margin: 15px 0;    background-color: #eefae0; }
div#contact div#privacy li { line-height: 1.6; font-size: 14px; margin-bottom: 5px; padding-left: 1em; text-indent: -1em;list-style: none; }
div#contact .btn, div#contact .btn02 { border: 1px solid #3db6d4; font-size: 17px; padding: 23px 0; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; }
div#contact .btn { width: 330px; background: #3db6d4 url(../img/perf/ico_arrow_n.gif) no-repeat 285px 21px; color: #fff; }
div#contact .btn02 { width: 330px; background: #fff url(../img/common/ico_arrow_ba.gif) no-repeat 25px 21px; color: #3db6d4; }
div#contact div#txt-error p{ line-height: 2.0; color: #ee4b69; }
div#contact p#contact-f { line-height: 2.4; margin-bottom: 40px; }
.align-c {
    text-align: center;
}

body.thanks{text-align: center;}
body.thanks h1{font-size: 25px; margin: 2em;}
body.thanks div.content {text-align: center;padding-top: 0px}