@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */
body {color:#000;font-size:14px;font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans", Meiryo, sans-serif;letter-spacing: 1px;}
br {letter-spacing: normal; /* ← IE6、IE7対策 */}

/* リンク設定
------------------------------------------------------------*/
a{color:#38348b;text-decoration:none;}
a:hover{color:#ff0000;}
a:active, a:focus {outline:0;}


/* 全体
------------------------------------------------------------*/
.inner {margin:0 auto;width:980px;}
#content {margin:30px auto;width:980px;}


/*************
/* ヘッダー
*************/
/*
#header {background-color:#38348b;height:70px;min-width:980px;border-top: 3px double #ffffff;border-bottom: 3px double #ffffff;}
*/
#header {min-width:980px;padding-top:5px}
#header img {height:60px;}
.floatR {float:right;}

h1 {width:970px;margin:10px auto 0;border-bottom:3px double #38348b;color:#38348b;font-size:18px;line-height:50px;padding-left:10px;}
h1 div.com {float:right;text-align:right;color:#fff;font-size:12px;border:1px solid #38348b;margin:8px 10px 0 0;height:30px;background:#38348b;}
h1 div.com span {padding:0 10px;line-height:30px;}

/*************
メイン コンテンツ
*************/
h2 {position: relative;background: #38348b;font-size:22px;text-align:center;line-height:60px;font-weight:bold;margin-bottom:20px;color:#fff}
h2::before{content: '';position: absolute;display: block;width: 0;height: 0;left: 0;right: 0;bottom: -15px;margin: 0 auto;border-top: 15px solid #38348b;border-right: 15px solid transparent;border-left: 15px solid transparent;}

h3 {position: relative;font-size:16px;line-height:30px;font-weight:bold;padding-left:25px;margin-bottom:20px;}
h3:before {position: absolute; content: ''; bottom: -5px;left: 0;width: 0; height: 0; border: none; border-left: solid 15px transparent; border-bottom: solid 15px #38348b;}
h3:after {position: absolute; content: ''; bottom: -5px; left: 10px; width: calc(100% - 10px); border-bottom: solid 3px #38348b;}

h4 {margin:20px 0 10px;font-size:14px;line-height:30px;font-weight:bold;padding-left:10px;border-left:5px solid #38348b;background: #f8f8f8}

.infoB {margin:10px auto 0;border:1px solid #ccc;padding:10px 20px;}
.info {margin:0 0 30px 20px}
.kiyaku {margin:0 auto 10px;border:1px solid #ccc;padding:10px 20px;width:80%;background:#f0ecec;}

.menuR {float:right;margin-bottom:20px;}

*html li { /* for ie 6 */ display: inline !important;}
*:first-child+html li { /* for ie 7 */ display: inline !important;}
.menuR li {display: inline-block;margin-right:20px}

.e-code {font-weight:bold;color:#ff0000;text-align:center;margin:5px auto 20px;font-size:16px}
/*************
/* フッター
*************/
#footer{clear:both;overflow:hidden;background:#38348b;height:72px;min-width:980px;border-top:3px double #fff;margin-top:100px}
#footer a{color:#fff;}
#footer a:hover{color:#fff;text-decoration: underline;}

.footerL {text-align:center;line-height:36px;}
.footerR {clear:both;text-align:center;font-size:12px;color:#fff;line-height:36px;}


*html li { /* for ie 6 */ display: inline !important;}
*:first-child+html li { /* for ie 7 */ display: inline !important;}
#footer li {display: inline-block;margin-left:20px}

/*************
/* table
*************/
table {border:1px solid #ccc;margin:10px auto;border-collapse : collapse; }
table th {background:#ecf3fa;border:1px solid #ccc;padding:5px 10px;min-height:35px;}
table td {padding:5px 10px;border:1px solid #ccc;min-height:35px;}
table td.txtR {text-align:right;}
table td.txtC {text-align:center;}

table tr.select00:hover {background:#dbe9f8;}

table.agent {border:none;margin:0;}
table.agent th {background:#fff;border:none;border-bottom:1px dotted #ccc;padding:5px;}
table.agent td {padding:5px;border:none;border-bottom:1px dotted #ccc;}

#box {display:none;}
.fb {font-weight:bold;}
.red {color:#ff0000;}
.blue {color:#38348b;}
.line-red {background: linear-gradient(transparent 75%, #ff0000 110%);font-weight: bold;}

.w-100 {width:100%}
.w-90 {width:90%}
.w-80 {width:80%}
.w-70 {width:70%}
.w-60 {width:60%}
.w-50 {width:50%}
.w-48 {width:48%}
.w-45 {width:45%}
.w-40 {width:40%}
.w-35 {width:35%}
.w-30 {width:30%}
.w-25 {width:25%}
.w-20 {width:20%}
.w-15 {width:15%}
.w-10 {width:10%}
.w-5 {width:5%}

.h-70 {height:70px}
.lh-30 {line-height:30px;}
.p-20 {padding:20px}
.p-10 {padding:10px}
.p-5 {padding:5px}

.textR {text-align:right;}
.textC {text-align:center;}
.textL {text-align:left;}

.verticalT {vertical-align: top;}
.verticalM {vertical-align: middle;}
.verticalB {vertical-align: bottom;}

.borderN {border:none}
.borderTN {border-top:none}
.borderBN {border-bottom:none}
.borderRN {border-right:none}
.borderLN {border-left:none}

.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}

.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}

.ml0 {margin-left:0}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}

.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}

.floatC {float:center;}
.floatR {float:right;}
.floatL {float:left;}

table.bl05 th {border-left:5px solid #38348b}
.bgw {background:#fff}

/*************
/* form
*************/
input[type="text"],input[type="password"],input[type="email"] {padding:5px;font-size:14px;border:solid 1px #555;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
input[type="checkbox"] {margin-right:10px;}
select {margin-right:10px;padding:5px}
.login00 {border:solid 1px #38348b;padding:5px 30px;font-weight:bold;color:#38348b;cursor:pointer;font-size:18px;}
.w100 {width: 100%;}
.login00:hover {border:solid 1px #38348b;background:#38348b;color:#fff;}

.pass-info {margin-left:10px;}
.pass-info input[type="checkbox"] {margin-right:5px;}

/*************
/* btn
*************/

.btn01 a {border:solid 1px #38348b;padding:5px 30px;font-weight:bold;color:#38348b;cursor:pointer;background: #f0ecec;}
.btn01 a:hover {background:#38348b;color:#fff}
.btn02 a {border:solid 1px #ccc;padding:5px 30px;font-weight:bold;color:#000;cursor:pointer;background: #f0ecec;}
.btn02 a:hover {background:#38348b;color:#fff}

/*************
/* table under background
*************/
table.u-tr tr:hover {background:#dbe9f8 !important;}
table.u-tr tr:hover th {background:#dbe9f8 !important;}
table.u-tbody tbody:hover {background:#dbe9f8 !important;}
.u-block:hover {background:#dbe9f8 !important;}

/*************
/* roading
*************/

.loaddng_text {text-align:center;font-size:24px;font-weight:bold;margin:30px auto 100px;}
.loaddng_image {text-align:center;margin:100px auto;}

li.lisp {position: relative;margin:0;border:1px solid #38348b;}
li.lisp a {display: block;padding:5px 10px;}
li.lisp a:hover {background:#38348b;color:#fff}

#page-top {position: fixed;bottom: 80px;right: 10px;font-size: 14px;line-height: 1; z-index: 99;}
#page-top a {background: #72C7CA;text-decoration: none;color: #fff;width: 50px;padding: 18px 0;text-align: center;display: block;border-radius: 90px;opacity: 0.9;transition: all .3s ease;}
#page-top a:hover {text-decoration: none;  opacity: .5;}

/*************
/* レスポンシブ
*************/

@media only screen and (max-width: 980px) {
#header {width:100%;min-width:100%;}
#footer {width:100%;min-width:100%;height: auto;margin-top:0}
#content {width:100%;margin:0}
.inner {width:100%;}
h1 {width:100%;font-size:16px;line-height:40px;padding:0;text-align:center;border:none;}
h1 div.com {display:none}
.menuR {margin-top:10px;text-align: center;float:none;}
}
@media only screen and (max-width: 650px) {
.pass-info {display:block;margin:5px 0;}
}

@media only screen and (max-width: 480px) {
#header {padding-top:0}
#header img {margin-bottom:5px;}
.inner {text-align:center;}
.floatR {float:none;}
#footer ul {margin-top:30px;}
#footer li {display:block;line-height: 30px;margin:0;margin-left:20px;text-align:left;}
.footerR {clear:both;float:none;display:block;text-align:center;}
table.dis-block th {display:block;width:100%;-moz-box-sizing: border-box;box-sizing: border-box;}
table.dis-block td {display:block;width:100%;-moz-box-sizing: border-box;box-sizing: border-box;}
table.dis-block {border: none;}
table.dis-block th, table.dis-block td {border-top: none;}
table tr:first-child th {border-top: 1px solid #ccc;}
.sw-100 {width:100%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-90 {width:90%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-80 {width:80%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-70 {width:70%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-60 {width:60%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-50 {width:50%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-48 {width:48%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-45 {width:45%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-40 {width:40%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-30 {width:30%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-25 {width:25%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-20 {width:20%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-15 {width:15%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-10 {width:10%;-moz-box-sizing: border-box;box-sizing: border-box;}
.sw-5 {width:5%;-moz-box-sizing: border-box;box-sizing: border-box;}
.stextR {text-align:right;}
.stextC {text-align:center;}
.stextL {text-align:left;}
.sw100 {width: 100%;}
.sp-floatblock {display: block;float: none;width: 80%;margin: 10px auto;text-align: center;}
}

@media only screen and (min-width: 981px) {
.show-980 {display:none}
}
@media only screen and (max-width: 980px) {
.non-980 {display:none}
}

@media only screen and (min-width: 481px) {
.show-480 {display:none}
}
@media only screen and (max-width: 480px) {
.non-480 {display:none}
.spblock {display:block}
}