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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   
   20131214 +makoto
*/

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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	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;
}
img,object{
 vertical-align: bottom;
}
/* ------------------------- font reset*/
body {
 font:13px/1.231 verdana, arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}

select, input, button, textarea {
 font:99% arial, helvetica, clean, sans-serif;
}

table {
 font-size:inherit;
 font:100%;
}

pre, code, kbd, samp, tt {
 font-family:monospace;
*font-size:108%;
 line-height:100%;
}

strong, dt, th {
 font-weight:bold;
}

/*-------------------------yui fonts
 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
*/

/* ------------------------- */


body{
 padding-top: 80px;
 text-align: center;
}

body.index {
 background: url(../img/index/bg_index.png) repeat-x center 0px;
}
body.merit {
 background: url(../img/merit/bg_merit.png) repeat-x center 0px;
}
img {
 vertical-align: bottom;
}
.cent {
 width: 940px;
 margin: 0 auto;
}
#logo {
 width: 100%;
 text-align: center;
 background: #fff;
 background: rgba(255,255,255,.95);
 position:fixed;
 top:0;
 z-index: 10000;
 box-shadow:0 1px 5px rgba(0,0,0,.25)
}
#logo img{
 padding: 20px 0;
}
.key {
 background: url(../img/index/bg_key.png) no-repeat center top;
}
.keyarea {
 background: url(../img/index/bg_keyarea.png) repeat-x center top;
}

.contentswrap{
}

#mf{
 padding-top: 60px;
 margin-top: -60px;
 
}


/* form
 ------------------------- */
.form {
 margin-bottom: 3em;
}
.form h1,
.endform h2{
 /* font-size: 123.1%; */
 font-size: 138.5%;
 padding: 10px;
 font-weight: bold;
 color: #0B51A9;
}


.mandatory{
 width: 640px;
 
}
.detail{
  width: 640px;
}

.detail,
.mandatory{
 line-height: 1.5;
 vertical-align: middle;
 margin:  0px auto;
 text-align: left;
}

.form dd li{
 margin-bottom: 1em;
}

.form li{
 list-style:none;
}

.mandatory{
 border:6px solid #ddd;
/*  background:rgba(0,0,0,.1); */
 padding:30px;
 margin:60px auto 30px;
}

.note,
.need{
 margin-right:.5em;
 color:#f33;
}
.note{
 /* font-size: 93%; */
 font-size: 85%;
 color: #750202;
}


/*
form dd{
 padding:0 0 .9em 0;
}

form dt{

 padding:.9em 0 0;
 border-top:1px solid #ddd;
}
*/

.form input{
 margin-right: .5em;
}


.form dl {
  width:100%;
}
.form dt {
  float:left;
  width:180px;
  clear:both;
  padding:10px;
  border-top:1px solid dimgray;
}
.form dd {
  float:right;
  width:420px;
  padding:10px;
  border-top:1px solid LightSteelBlue;
 /float:none;
 /margin-left:30%;
 /width:auto;
}

.ta{
 width: 90%;
 height: 8em;
}


.endform{
 margin-top: 100px;
}

/*

form dt,
form dd{
 padding: .3em .8em;
}
*/