@charset "UTF-8";

body { margin: 0; padding: 0; background: #; font-family: Helvetica,'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; font-size: 80%; line-height: 1.6; -webkit-text-size-adjust: 100%; }
img { border: 0; -ms-interpolation-mode: bicubic; }
form { margin: 0; padding: 0; }
a { outline: none; }
a:link { color: #; text-decoration: none; }
a:visited { color: #; text-decoration: none; }
a:hover { color: #; text-decoration: underline; }
.clearfix { /zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; }

div#globalHeader { background: #2a386e; }
div#globalHeader div.inner { margin: 0 auto; width: 1080px; height: 60px; position: relative; }
div#globalHeader div.inner img { width: 200px; height: auto; position: absolute; top: 13px; left: 0; }
div#globalHeader ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; left: 240px; }
div#globalHeader li { float: left; }
div#globalHeader li a { padding: 0 15px; height: 60px; color: #fff; line-height: 60px; display: block; }
div#globalHeader li a.active { background: #3b4b8b; }
div#globalHeader li a:hover { background: #4e5fa0; text-decoration: none; }
div#globalHeader p { margin: 0; padding: 0; height: 60px; color: #fff; line-height: 60px; position: absolute; top: 0; right: 0; }
div#globalHeader p span { margin: 0 1em 0 0; }
div#globalHeader p a { color: #fff; }


div#path { padding: 20px 10px; font-size: 90%; }
div#path span { margin: 0 1em; color: #999; }
div#path strong { font-weight: 400; }

div#contents { padding: 0 0 80px 0; background: #fff; }
div#content { margin: 0 auto; width: 980px; }

div#content h1 { margin: 0 0 1.5em 0; padding: 10px 20px; border-top: solid 3px #2a386e; border-bottom: solid 1px #ddd; font-size: 140%; filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#ffffff, endcolorstr=#f2f2f2)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f2f2f2))"; zoom: 1; background: -moz-linear-gradient(top, #fff, #f2f2f2); background: -webkit-linear-gradient(top, #fff, #f2f2f2); background: linear-gradient(to bottom, #fff, #f2f2f2); }
div#content h2 { margin: 1em 0; padding: 0 0 0 10px; border-left: solid 3px #2a386e; font-size: 130%; }

div#content table { margin: 0 0 20px 0; width: 100%; border-collapse: collapse; }
div#content thead th { padding: 10px 0; background: #aed1db; border: solid 1px #53c2e3; }
div#content thead th.coloured { background: #103380; color: #fff; }
div#content tbody th { padding: 10px 0; background: #aed1db; border: solid 1px #53c2e3; }
div#content tbody th span { margin: 0 0 0 0.5em; color: #f00; font-size: 90%; }
div#content tbody th.required { background: #103380; color: #fff; }
div#content tbody td { padding: 10px 15px; border: solid 1px #53c2e3; }
div#content tbody td input.w10 { margin: 0; padding: 0.5em; width: 10%; font-size: 100%; box-sizing: border-box; }
div#content tbody td input.w20 { margin: 0; padding: 0.5em; width: 20%; font-size: 100%; box-sizing: border-box; }
div#content tbody td input.w30 { margin: 0; padding: 0.5em; width: 30%; font-size: 100%; box-sizing: border-box; }
div#content tbody td input.w40 { margin: 0; padding: 0.5em; width: 40%; font-size: 100%; box-sizing: border-box; }
div#content tbody td input.w50 { margin: 0; padding: 0.5em; width: 50%; font-size: 100%; box-sizing: border-box; }
div#content tbody td input.w60 { margin: 0; padding: 0.5em; width: 60%; font-size: 100%; box-sizing: border-box; }
div#content tbody td input.w70 { margin: 0; padding: 0.5em; width: 70%; font-size: 100%; box-sizing: border-box; }
div#content tbody td input.w80 { margin: 0; padding: 0.5em; width: 80%; font-size: 100%; box-sizing: border-box; }
div#content tbody td input.w90 { margin: 0; padding: 0.5em; width: 90%; font-size: 100%; box-sizing: border-box; }
div#content tbody td input.w100 { margin: 0; padding: 0.5em; width: 100%; font-size: 100%; box-sizing: border-box; }
*+html div#content tbody td input.w10 { padding: 0.5em 0; width: 5%; }
*+html div#content tbody td input.w20 { padding: 0.5em 0; width: 15%; }
*+html div#content tbody td input.w30 { padding: 0.5em 0; width: 25%; }
*+html div#content tbody td input.w40 { padding: 0.5em 0; width: 35%; }
*+html div#content tbody td input.w50 { padding: 0.5em 0; width: 45%; }
*+html div#content tbody td input.w60 { padding: 0.5em 0; width: 55%; }
*+html div#content tbody td input.w70 { padding: 0.5em 0; width: 65%; }
*+html div#content tbody td input.w80 { padding: 0.5em 0; width: 75%; }
*+html div#content tbody td input.w90 { padding: 0.5em 0; width: 85%; }
*+html div#content tbody td input.w100 { padding: 0.5em 0; width: 95%; }
div#content tbody td textarea { margin: 0; padding: 0.5em; width: 100%; height: 10em; font-size: 100%; box-sizing: border-box; }
div#content tbody td label { margin: 0 2em 0 0; }
div#content tbody td label input { margin: 0 0.5em 0 0; }
div#content tbody td.coloured { background: #ff9; }
div#content tfoot th { padding: 10px 0; background: #aed1db; border: solid 1px #53c2e3; }
div#content tfoot th.coloured { background: #103380; color: #fff; }
div#content table.list tbody td { text-align: center; }
div#content table.list tbody td.image { padding: 0; }
div#content table.list tbody td.name { text-align: left; }
div#content table.list tbody td span { display: block; }
div#content table.detail tbody td.image img { margin: 0 auto; display: block; }
/*div#content table.detail tbody td.image img { margin: 0 auto; width: 160px; display: block; }*/
/*div#content table.detail tbody td.image img { margin: 0 auto; width: 160px; height: 220px; display: block; }*/
/*div#content table.detail tbody td.image img { width: 100%; height: auto; }*/
div#content table.detail tbody .unused { background: #fff; border: none; }

div#content div#button { margin: 30px 0 0 0; text-align: center; }
label.error { margin: 0.5em 0 0 0 !important; padding: 0.5em 1em; background: #f00; color: #fff; font-size: 90%; display: block; }

div#globalFooter { min-height: 120px; background: #2a386e; color: #fff; font-size: 90%; text-align: center; }
div#globalFooter p { margin: 0; padding: 40px 0; }




div#blackout { width: 100%; height: auto; background: url(../overlay.png); position: absolute; top: 0; left: 0; z-index: 998; }
div#mordal { padding: 20px; width: 800px; height: 300px; background: #fff; border: solid 1px #ccc; position: fixed; top: 0; left: 0; z-index: 999; display: none; }