html {
visibility: hidden;
}
.bg-w {
background-color: #FFFFFF;
}
.bg-g {
background-color: #ECECEC;
}
.bg-y {
background-color: #F1FB4E;
}
.bg-dg {
background-color: #CCCCCC;
}
.bg-mdg {
background-color: #444444;
}
.bg-contact {
background-color: #F6F4EF;
}
.bg-lg {
background-color: #F1F2F2;
}
html.wf-active {
visibility: visible;
}
body {
margin: 0;
display: flex;
flex-flow: column;
min-height: 100vh;
z-index: 1;
background-color: #FFFFFF;
word-break: break-all;
font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
}
.wrapper {
min-height: 100vh;
position: relative;/*←相対位置*/
}
div, ol, ul, dl, dl {
padding-right: 0px;
padding-bottom: 0px;
list-style-type: none;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
p ,h1 ,h2 ,h3 ,h4 ,h5 ,h6, dt, dd {
margin: 0px;
padding: 0px;
font-size: 100%;
font-weight: normal;
}
table {
border-collapse: collapse;
}
td, th, caption, thead {
margin: 0px;
padding: 0px;
font-size: 100%;
font-weight: normal;
}
/*li{
list-style:none;
}
img {
vertical-align:bottom;
}*/
a:link {
color: #1176F4;
text-decoration: none;
}
a:active {
color: #666;
text-decoration: none;
background-color: undefined;
}
a:visited {
color: #1176F4;
text-decoration: none;
}
a:hover {
color: #09C;
text-decoration: none;
}
a.g:link {
color: #666666;
text-decoration: none;
}
a.g:active {
color: #666;
text-decoration: none
}
a.g:visited {
color: #666666;
text-decoration: none;
}
a.g:hover {
color: #09C;
text-decoration: none;
}
a.w:link {
color: #FFF;
}
a.w:active {
color: #FFF;
}
a.w:visited {
color: #FFF;
}
a.w:hover {
color: #6FF;
}
a.wu:link {
color: #FFF;
text-decoration: underline
}
a.wu:active {
color: #FFF;
text-decoration: underline
}
a.wu:visited {
color: #FFF;
text-decoration: underline
}
a.wu:hover {
color: #6FF;
text-decoration: underline
}
a.n:link {
color: #000;
text-decoration: none;
}
a.n:active {
color: #000;
text-decoration: none;
}
a.n:visited {
color: #000;
text-decoration: none;
}
a.n:hover {
color: #000;
text-decoration: none;
}
a.b:link {
color: #030303;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
a.b:active {
color: #030303;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
a.b:visited {
color: #030303;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
a.b:hover {
color: #030303;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
a img {
border: none;
}
em {
font-style: normal;
}
a.foot:link {
color:#FFF;
text-decoration: none;
}
a.foot:active {
color:#FFF;
text-decoration:underline
}
a.foot:visited {
color:#FFF;
text-decoration: none;
}
a.foot:hover {
color:#FFF;
text-decoration:underline
}
a.ka:link {
color: #02459F;
text-decoration: underline
}
a.ka:active {
color: #02459F;
text-decoration: underline
}
a.ka:visited {
color: #02459F;
text-decoration: underline
}
a.ka:hover {
color: #086CF2;
text-decoration: underline
}
a.ka2:link {
color: #000000;
text-decoration: none
}
a.ka2:active {
color: #000000;
text-decoration: none
}
a.ka2:visited {
color: #000000;
text-decoration: none
}
a.ka2:hover {
color: #0365CC;
text-decoration: none
}
a.un:link {
text-decoration: underline
}
a.un:active {
text-decoration: underline
}
a.un:visited {
text-decoration: underline
}
a.un:hover {
text-decoration: underline
}
.colorB {color: #4b4848;}
.t80 {font-size: 80%;}
/* 行揃え */
.right { text-align: right !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
/* // 行揃え */
/* ブロックレベル要素の中央寄せ */
.blockCenter { margin-right: auto !important; margin-left: auto !important; }
/* // ブロックレベル要素の中央寄せ */
/* 縦位置の指定 */
.vTop { vertical-align: top !important; }
.vBottom { vertical-align: bottom !important; }
.vMiddle { vertical-align: middle !important; }
.vBase { vertical-align: baseline !important; }
.vTxtTop { vertical-align: text-top !important; }
.vTxtBottom { vertical-align: text-bottom !important; }
/* // 縦位置の指定 */
/* ブロック／インラインの変更 */
.block { display: block !important; }
.inline { display: inline !important; }
/* // ブロック／インラインの変更 */
/* 回り込み指定 */
.floatRight {
float: right !important;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.floatLeft {
float: left !important;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 10px;
color: #333;
text-align: right;
}
.floatClear2 {
height: 2px;
clear: both;
width: 100%;
}
.floatClear20 {
height: 20px;
clear: both;
}
.floatClear50 {
height: 50px;
clear: both;
width: 100%;
}
.floatClear100 {
height: 100px;
clear: both;
}
.floatClearDot {
height: 10px;
clear: both;
width: 100%;
line-height: 0px;
font-size: 2px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
}
.floatClear10 {
height: 10px;
clear: both;
width: 100%;
line-height: 0px;
font-size: 2px;
}
/* // 回り込み指定 */
/* 回り込みの解除 */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {
display: block;
clear: both;
height: 0px;
}
.clearfixB {
display: block;
float: left;
width: 100%;
height: 20px;
}
/* End hide from IE-mac */
div.floatClear {
clear: both !important;
}
div.floatClear hr { display: none !important; }
/* // 回り込みの解除 */
/* 文字サイズ変更 */
.size1px { font-size: 1px !important; }
.size050 { font-size: 50% !important; }
.size055 { font-size: 55% !important; }
.size060 { font-size: 60% !important; }
.size065 { font-size: 65% !important; }
.size070 { font-size: 70% !important; }
.size075 { font-size: 75% !important; }
.size080 { font-size: 80% !important; }
.size085 { font-size: 85% !important; }
.size090 {
font-size: 90% !important;
}
.size095 { font-size: 95% !important; }
.size100 { font-size: 100% !important; }
.size110 {
font-size: 110%;
}
.size120 { font-size: 120% !important; }
.size130 { font-size: 130% !important; }
.size140 { font-size: 140% !important; }
.size150 { font-size: 150% !important; }
.size160 { font-size: 160% !important; }
.size170 { font-size: 170% !important; }
.size180 { font-size: 180% !important; }
/* // 文字サイズ変更 */
/* ライン高指定 */
.line10 { line-height: 1.0 !important; }
.line11 { line-height: 1.1 !important; }
.line12 { line-height: 1.2 !important; }
.line13 { line-height: 1.3 !important; }
.line14 { line-height: 1.4 !important; }
.line15 { line-height: 1.5 !important; }
.line16 { line-height: 1.6 !important; }
.line17 { line-height: 1.7 !important; }
.line18 { line-height: 1.8 !important; }
.line19 { line-height: 1.9 !important; }
.line20 { line-height: 2.0 !important; }
/* // ライン高指定 */
/* 文字スタイル指定 */
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.underline { text-decoration: underline !important; }
.normal {
text-decoration: none !important;
font-style: normal !important;
font-weight: 300;
font-size: 90%;
line-height: 1.5em;
}
/* // 文字スタイル指定 */
/* 改行禁止 */
.nowrap { white-space: nowrap !important; }
/* // 改行禁止 */
/* 行頭1文字を前に出す */
.hang05 { text-indent: -0.5em !important; margin-left: 0.5em !important; }
.hang10 { text-indent: -1em !important; margin-left: 1em !important; }
/* 行頭1文字を前に出す */
/* 間隔指定 */
.m00 { margin: 0 !important; }
.m05 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }
.m55 { margin: 55px !important; }
.m60 { margin: 60px !important; }
.m65 { margin: 65px !important; }
.m70 { margin: 70px !important; }
.m75 { margin: 75px !important; }
.m80 { margin: 80px !important; }
.m85 { margin: 85px !important; }
.m90 { margin: 90px !important; }
.m95 { margin: 95px !important; }
.m100 { margin: 100px !important; }
.mt00 { margin-top: 0 !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; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }
.mr00 { margin-right: 0 !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; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }
.mb00 { margin-bottom: 0 !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; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml00 { margin-left: 0 !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; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }
.mv00 { margin-top: 0 !important; margin-bottom: 0 !important; }
.mv05 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mv10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mv15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mv20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mv25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mv30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mv35 { margin-top: 35px !important; margin-bottom: 35px !important; }
.mv40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mv45 { margin-top: 45px !important; margin-bottom: 45px !important; }
.mv50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mv55 { margin-top: 55px !important; margin-bottom: 55px !important; }
.mv60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.mv65 { margin-top: 65px !important; margin-bottom: 65px !important; }
.mv70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.mv75 { margin-top: 75px !important; margin-bottom: 75px !important; }
.mv80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.mv85 { margin-top: 85px !important; margin-bottom: 85px !important; }
.mv90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.mv95 { margin-top: 95px !important; margin-bottom: 95px !important; }
.mv100 { margin-top: 100px !important; margin-bottom: 100px !important; }
.mh00 { margin-right: 0 !important; margin-left: 0 !important; }
.mh05 { margin-right: 5px !important; margin-left: 5px !important; }
.mh10 { margin-right: 10px !important; margin-left: 10px !important; }
.mh15 { margin-right: 15px !important; margin-left: 15px !important; }
.mh20 { margin-right: 20px !important; margin-left: 20px !important; }
.mh25 { margin-right: 25px !important; margin-left: 25px !important; }
.mh30 { margin-right: 30px !important; margin-left: 30px !important; }
.mh35 { margin-right: 35px !important; margin-left: 35px !important; }
.mh40 { margin-right: 40px !important; margin-left: 40px !important; }
.mh45 { margin-right: 45px !important; margin-left: 45px !important; }
.mh50 { margin-right: 50px !important; margin-left: 50px !important; }
.mh55 { margin-right: 55px !important; margin-bottom: 55px !important; }
.mh60 { margin-right: 60px !important; margin-bottom: 60px !important; }
.mh65 { margin-right: 65px !important; margin-bottom: 65px !important; }
.mh70 { margin-right: 70px !important; margin-bottom: 70px !important; }
.mh75 { margin-right: 75px !important; margin-bottom: 75px !important; }
.mh80 { margin-right: 80px !important; margin-bottom: 80px !important; }
.mh85 { margin-right: 85px !important; margin-bottom: 85px !important; }
.mh90 { margin-right: 90px !important; margin-bottom: 90px !important; }
.mh95 { margin-right: 95px !important; margin-bottom: 95px !important; }
.mh100 { margin-right: 100px !important; margin-bottom: 100px !important; }
/* // 間隔指定 */
/* 余白指定 */
.p00 { padding: 0 !important; }
.p05 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }
.p55 { padding: 55px !important; }
.p60 { padding: 60px !important; }
.p65 { padding: 65px !important; }
.p70 { padding: 70px !important; }
.p75 { padding: 75px !important; }
.p80 { padding: 80px !important; }
.p85 { padding: 85px !important; }
.p90 { padding: 90px !important; }
.p95 { padding: 95px !important; }
.p100 { padding: 100px !important; }
.pt00 { padding-top: 0 !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; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }
.pr00 { padding-right: 0 !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: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }
.pb00 { padding-bottom: 0 !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: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }
.pb240 { padding-bottom: 240px !important; }
.pl00 { padding-left: 0 !important; }
.pl01 { padding-left: 1px !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; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }
.pv00 { padding-top: 0 !important; padding-bottom: 0 !important; }
.pv05 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pv10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pv20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pv30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pv35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.pv40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pv45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.pv50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.pv55 { padding-top: 55px !important; padding-bottom: 55px !important; }
.pv60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.pv65 { padding-top: 65px !important; padding-bottom: 65px !important; }
.pv70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.pv75 { padding-top: 75px !important; padding-bottom: 75px !important; }
.pv80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.pv85 { padding-top: 85px !important; padding-bottom: 85px !important; }
.pv90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.pv95 { padding-top: 95px !important; padding-bottom: 95px !important; }
.pv100 { padding-top: 100px !important; padding-bottom: 100px !important; }
.ph00 { padding-right: 0 !important; padding-left: 0 !important; }
.ph05 { padding-right: 5px !important; padding-left: 5px !important; }
.ph10 { padding-right: 10px !important; padding-left: 10px !important; }
.ph15 { padding-right: 15px !important; padding-left: 15px !important; }
.ph20 { padding-right: 20px !important; padding-left: 20px !important; }
.ph25 { padding-right: 25px !important; padding-left: 25px !important; }
.ph30 { padding-right: 30px !important; padding-left: 30px !important; }
.ph35 { padding-right: 35px !important; padding-left: 35px !important; }
.ph40 { padding-right: 40px !important; padding-left: 40px !important; }
.ph45 { padding-right: 45px !important; padding-left: 45px !important; }
.ph50 { padding-right: 50px !important; padding-left: 50px !important; }
.ph55 { padding-right: 55px !important; padding-bottom: 55px !important; }
.ph60 { padding-right: 60px !important; padding-bottom: 60px !important; }
.ph65 { padding-right: 65px !important; padding-bottom: 65px !important; }
.ph70 { padding-right: 70px !important; padding-bottom: 70px !important; }
.ph75 { padding-right: 75px !important; padding-bottom: 75px !important; }
.ph80 { padding-right: 80px !important; padding-bottom: 80px !important; }
.ph85 { padding-right: 85px !important; padding-bottom: 85px !important; }
.ph90 { padding-right: 90px !important; padding-bottom: 90px !important; }
.ph95 { padding-right: 95px !important; padding-bottom: 95px !important; }
.ph100 { padding-right: 100px !important; padding-bottom: 100px !important; }
/* // 余白指定 */
/* --------------------------------------------------
page-top
-------------------------------------------------- */
#page-top {
position: fixed;
bottom: 100px;
right: 20px;
font-size: 77%;
}
#page-top a {
background: #666;
text-decoration: none;
color: #fff;
width: 37px;
text-align: center;
display: block;
border-radius: 5px;
padding-right: 0;
padding-left: 0;
height: 37px;
}
#page-top a:hover {
text-decoration: none;
background: #999;
}
/* --------------------------------------------------
コンテンツスライド
-------------------------------------------------- */
.objectopen {
margin: 0 auto;
float: left;
}
.bodytop {
text-align: left;
font-size: 90%;
font-weight: 300;
font-style: normal;
}
.bodybtm2 {
width: 90%;
background-color: #FFFFFF;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border: 1px solid rgba(4,132,179,1.00);
margin-top: 20px;
display: none;
margin-left: auto;
margin-right: auto;
}
.bodybtm2 p,
.bodybtm2 span {
}
.bodytop .button2 {
cursor: pointer;
text-decoration: none;
color: rgba(0,0,0,1.00);
font-size: 120%;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
border-radius: 3px;
border: 2px solid rgba(240,4,4,1.00);
margin-top: 10px;
font-weight: bold;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.bodytop .button2:hover {
background-color: #F9F6E8;
}
.bodybtm3 {
width: 90%;
background-color: #FFFFFF;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border: 1px solid rgba(4,132,179,1.00);
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: none;
}
.bodybtm3 p,
.bodybtm3 span {
}
.bodytop .button3 {
cursor: pointer;
text-decoration: none;
color: rgba(0,0,0,1.00);
font-size: 120%;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
border-radius: 3px;
border: 2px solid rgba(240,4,4,1.00);
margin-top: 10px;
font-weight: bold;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.bodytop .button3:hover {
background-color: #F9F6E8;
}
.bodybtm4 {
width: 90%;
background-color: #FFFFFF;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border: 1px solid rgba(4,132,179,1.00);
margin-top: 20px;
display: none;
margin-left: auto;
margin-right: auto;
}
.bodybtm4 p,
.bodybtm4 span {
}
.bodytop .button4 {
cursor: pointer;
text-decoration: none;
color: rgba(0,0,0,1.00);
font-size: 120%;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
border-radius: 3px;
border: 2px solid rgba(240,4,4,1.00);
margin-top: 10px;
font-weight: bold;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.bodytop .button4:hover {
background-color: #F9F6E8;
}
.bodytop .button5 {
cursor: pointer;
color: #4776AF;
text-decoration: underline;
}
.bodytop .button6 {
text-decoration: none;
color: rgba(101,101,101,1.00);
font-size: 120%;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
border-radius: 3px;
border: 2px solid rgba(240,4,4,1.00);
margin-top: 10px;
font-weight: bold;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.contents {
margin: 10px auto 40px auto;
padding: 10px;
background: #9fb7d4;
}
.h-title {
color: #2A2A2A;
font-size: 120%;
font-weight: 500;
font-style: normal;
}
.mh-title {
color: #2A2A2A;
font-size: 130%;
font-weight: 500;
font-style: normal;
text-align: center;
}
.bh-title {
color: #0484B3;
font-size: 120%;
font-weight: 500;
font-style: normal;
margin-top: 20px;
}
.dotline-s {
height: 2px;
border-bottom: 1px dotted #8D8D8D;
margin-bottom: 2px;
}
.dotline {
height: 20px;
border-bottom: 1px dotted #8D8D8D;
margin-bottom: 20px;
}
.red {
color: #FC0606;
}
.redB {
color: #FC0606;
font-size: 130%;
}
a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
line-height: 0px;
}
.blue {
color: #0A67DB;
}
#bgy {
background-color: #EFFC6F;
}
.at200 {
font-size: 200%;
}
.at180 {
font-size: 180%;
}
.at150 {
font-size: 150%;
}
.at140 {
font-size: 140%;
}
.at130 {
font-size: 130%;
}
.at120 {
font-size: 120%;
}
.at80 {
font-size: 80%;
}
.at60 {
font-size: 60%;
}
.at40 {
font-size: 40%;
}
/* --------------------------------------------------
mouse over effect
-------------------------------------------------- */
a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
line-height: 0px;
}
/* --------------------------------------------------
sp font
-------------------------------------------------- */
.red-b-130 {
font-size: 130%;
color: #FC080C;
font-weight: bold;
}
.red-80 {
font-size: 80%;
color: #FC080C;
font-weight: normal;
}
.blue {
color: #0543B0;
font-weight: bold;
}
.img100 {
width: 100%;
height: auto;
}
.del {
color: #f00;
text-decoration : line-through ;
}
.del span {
color: #000;
}.grayline {
border-top: 4px solid #818181;
}
.my-gray {color: gray}
.fin-line {
text-decoration: line-through;
}
.fin-line-red {
text-decoration: line-through;
color: #FC080C;
}
.bg-blue {
background-color: #E8F3F8;
}
.bg-red {
background-color: #F8E6E7;
}
.bg-blue2 {
background-color: #043C87;
}
.bg-blue-ex {
background-color: #A7D0F7;
}
.bg-h-blue {
background-color: #0972D4;
}
.bg-h-red {
background-color: #D0020D;
}
#bg-blue {
background-color: #E8F3F8;
}
#bg-red {
background-color: #F8E6E7;
}
#bg-ye {
background-color: #FCE06B;
}
.bg-ye {
background-color: #FCFB6B;
}
.or-but-g {
background-color: #C6C5C5;
color: #888787;
padding-left: 5px;
padding-right: 5px;
border-radius: 5px;
padding-bottom: 2px;
}.my-mmc {
color: #E7D492;
}
/**********アニメーション設定**********/
/*右から左*/
@keyframes RightToLeft {
0% {
opacity: 0;/* 透明 */
transform: translateX(50px);/* X軸方向に50px */
}
100% {
opacity: 1;/* 不透明 */
transform: translateX(0);/* X軸方向に0px */
}
}
/*左から右*/
@keyframes LeftToRight {
0% {
opacity: 0;/* 透明 */
transform: translateX(-50px);/* X軸方向に50px */
}
100% {
opacity: 1;/* 不透明 */
transform: translateX(0);/* X軸方向に0px */
}
}
/*上から下*/
@keyframes SlideDown {
0% {
opacity: 0;/* 透明 */
transform: translateY(-50px);/* Y軸方向に-50px */
}
100% {
opacity: 1;/* 不透明 */
transform: translateY(0);/* Y軸方向に0px */
}
}
/*下から上*/
@keyframes SlideUp {
0% {
opacity: 0;/* 透明 */
transform: translateY(50px);/* Y軸方向に50px */
}
100% {
opacity: 1;/* 不透明 */
transform: translateY(0);/* Y軸方向に0px */
}
}
/**********アニメーション設定end**********/
/*画像キャプション*/
figure {
position: relative;
overflow: hidden;
width: 100%;
margin-right: 0px;
}
figcaption {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
}
figure:hover figcaption {
opacity: 1;
}
#underl {
border-bottom: 1px solid #043C87;
}
.w100 {
width: 100%;
}
.underline-b {
padding-bottom: 5px;
border-bottom: 1px solid rgba(8,100,224,1.00);
}
/*回答詳細アコーディオン*/
/*ボックス全体*/
.accbox {
margin-right: 0;
margin-left: 0;
margin-bottom: 2em;
padding: 0;/*最大幅*/
}
/*ラベル*/
.accbox label {
display: block;
margin-top: 1.5px;
margin-right: 0;
margin-left: 0px;
margin-bottom: 1.5px;
padding-top: 5px;
padding-bottom: 5px;
color : #FFFFFF;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
background-color: #0864E0;
cursor : pointer;
transition: all 0.5s;
text-align: center;
font-style: normal;
font-size: 80%;
}
/*ラベルホバー時*/
.accbox label:hover {
background :#85baef;
}
/*チェックは隠す*/
.accbox input {
display: none;
}
/*中身を非表示にしておく*/
.accbox .kai-setsu {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + .kai-setsu {
height: auto;
padding: 5px;
opacity: 1;
}
#honbun-b .mm-inf-box .ans-link:hover {
background-color: #1F79F3;
}
.yellow {
color: #F7EE00;
}
tbody tr .td-sc01-1 {
text-align: center;
width: 20%;
background-color: #F6F9FD;
font-size: 110%;
}
tbody tr .td-sc01-2 {
background-color: #F6F9FD;
padding-left: 10px;
font-size: 110%;
}
tbody tr .td-sc02-1 {
text-align: center;
background-color: #FBF8E5;
font-size: 110%;
}
tbody tr .td-sc02-2 {
background-color: #FBF8E5;
padding-left: 10px;
font-size: 110%;
}
.top-more {
font-size: 60%;
text-align: right;
float: right;
padding-right: 20px;
}
.top-mi {
padding-left: 8px;
padding-right: 8px;
padding-bottom: 1px;
padding-top: 1px;
border-radius: 4px;
color: rgba(255,255,255,1.00);
font-size: 90%;
background-color: rgba(241,1,5,1.00);
white-space: nowrap;
}
tbody tr .ab-td01 {
width: 10%;
background-color: #DDE1E6;
font-size: 90%;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
tbody tr .ab-td02 {
width: 15%;
background-color: #DDE1E6;
text-align: center;
font-size: 90%;
}
tbody tr .ab-td03 {
width: 30%;
background-color: #DDE1E6;
text-align: center;
font-size: 90%;
}
tbody tr .ab-td04 {
width: 55%;
background-color: #DDE1E6;
text-align: center;
font-size: 90%;
}tbody tr .ab-c {
text-align: center;
font-size: 80%;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
tbody tr .ab-l {
text-align: left;
font-size: 80%;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.blue-b-130 {
color: #0045D0;
font-size: 130%;
font-weight: bold;
}
.b-130 {
font-size: 130%;
font-weight: bold;
}
.red-b-130 {
font-size: 130%;
color: #FC080C;
font-weight: bold;
}
.blue-b-120 {
color: #0045D0;
font-size: 120%;
font-weight: bold;
}
.b-120 {
font-size: 120%;
font-weight: bold;
}
.red-b-120 {
font-size: 120%;
color: #FC080C;
font-weight: bold;
}
.ore-b-120 {
font-size: 120%;
color: #FC5B08;
font-weight: bold;
}
.blue-b-110 {
color: #005ED0;
font-size: 110%;
font-weight: bold;
}
.b-110 {
font-size: 110%;
font-weight: bold;
}
.red-b-110 {
font-size: 110%;
color: #FC080C;
font-weight: bold;
}
.waku-red {
border: 1px solid rgba(248,3,7,1.00);
padding-top: 15px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
width: 80%;
}
.waku-red-f {
border: 1px solid rgba(248,3,7,1.00);
padding-top: 15px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
float: left;
}
.ent-tab tr td {
padding-top: 10px;
padding-bottom: 10px;
}
.top-now {
color: #FFFFFF;
background-color: #EF0206;
border-radius: 4px;
font-size: 80%;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
}
.ind {
padding-left: 20px;
text-indent: -20px;
}del {
color: #F70004;
}
.bk {
color: #000000;
}
.edge {
border: 1px solid #CECECE;
}
.ans-red {
color: #D54901;
}
#honbun-c .tb-risk table {
text-align: center;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 100%;
line-height: 1.6em;
border: 1px solid #D50104;
}
.td20 {
width: 20%;
}
.td25 {
width: 25%;
}
.td50 {
width: 50%;
}
.tb-risk tbody tr td {
padding-top: 8px;
padding-bottom: 8px;
border-left-color: #D50104;
border-bottom-color: #D50104;
border-top-color: #D50104;
border-style: solid;
border-width: 1px;
font-weight: bold;
}
.red-bg {
background-color: #D50104;
color: #FDFDFD;
}
.thin-red-bg {
background-color: #FED8C2;
}
.lb-w {
border-right: 3px solid #FFFFFF;
}
.contentsArea #honbun-c .tb-risk {
background-color: #FFFFFF;
margin-left: 1%;
margin-right: 1%;
}
.lb-red {
border-right: 3px solid #D50104;
}
.bb-w {
border-bottom: 3px solid #FFFFFF;
}
.r5-h5 {
text-align: center;
font-size: 100%;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.colum-saitama {
background-color: #F4F0CC;
background-image: url(../../reference/images/colum-title.jpg);
background-repeat: no-repeat;
background-position: 10px top;
background-size: 100px auto;
}
.c-box {
border-radius: 2px;
background-color: rgba(255,220,101,1.00);
padding-left: 5px;
padding-right: 5px;
}
.nitt-bg {
color: #FFFFFF;
font-size: 80%;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #0A6ECC;
border-radius: 5px;
}
.pc-ban {
max-width: 728px;
width: 100%;
height: auto;
}
.sp-ban {
max-width: 300px;
width: 100%;
height: auto;
}
.p-ex {
background-color: #FFFFFF;
border: 1px solid #0758A4;
color: #0758A4;
font-size: 90%;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
}
a #css_btn_class2 .bt-txt {
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
}
tbody tr .wtd01 {
text-align: center;
font-size: 90%;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
line-height: 1.3em;
font-weight: normal;
border: 1px solid #E0E3E3;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
tbody tr .wtd02 {
text-align: left;
font-size: 90%;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
line-height: 1.3em;
font-weight: normal;
border: 1px solid #E0E3E3;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}
#honbun .kouBox .mov-title {
width: 110px;
text-align: center;
background-color: #D6DCE1;
color: #0031B8;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 110%;
font-weight: 500;
padding-top: 10px;
padding-bottom: 5px;
background-image: url(../../training/images/film-3.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 50px auto;
padding-left: 40px;
line-height: 1.5em;
}
#honbun .kouBox .ex-title {
width: 170px;
text-align: center;
background-color: #D6DCE1;
color: #0031B8;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 110%;
font-weight: 500;
padding-top: 10px;
padding-bottom: 5px;
background-image: url(../../training/images/ex.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 50px auto;
padding-left: 40px;
line-height: 1.5em;
}
#mainBox .top-cat .top-p {
text-align: center;
font-size: 120%;
line-height: 1.6em;
font-weight: bold;
margin-bottom: 10px;
}
#mainBox .top-cat .top-yoko {
text-align: center;
color: rgba(255,255,255,1.00);
font-size: 110%;
width: 230px;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: 500;
border: 1px solid #FFFFFF;
-webkit-box-shadow: 0px 0px 1px #000000;
box-shadow: 0px 0px 1px #000000;
background-image: -webkit-linear-gradient(270deg,rgba(233,100,104,1.00) 0.52%,rgba(203,0,0,1.00) 54.92%);
background-image: -moz-linear-gradient(270deg,rgba(233,100,104,1.00) 0.52%,rgba(203,0,0,1.00) 54.92%);
background-image: -o-linear-gradient(270deg,rgba(233,100,104,1.00) 0.52%,rgba(203,0,0,1.00) 54.92%);
background-image: linear-gradient(180deg,rgba(233,100,104,1.00) 0.52%,rgba(203,0,0,1.00) 54.92%);
text-shadow: 0px 0px 1px #FFFFFF;
margin-top: 5px;
padding-right: 10px;
}
#mainBox .top-cat .top-yoko:hover {
-webkit-box-shadow: 0px 0px 1px #000000;
box-shadow: 0px 0px 1px #000000;
background-image: -webkit-linear-gradient(270deg,rgba(240,146,149,1.00) 0.52%,rgba(215,58,58,1.00) 54.92%);
background-image: -moz-linear-gradient(270deg,rgba(240,146,149,1.00) 0.52%,rgba(215,58,58,1.00) 54.92%);
background-image: -o-linear-gradient(270deg,rgba(240,146,149,1.00) 0.52%,rgba(215,58,58,1.00) 54.92%);
background-image: linear-gradient(180deg,rgba(240,146,149,1.00) 0.52%,rgba(215,58,58,1.00) 54.92%);
text-shadow: 0px 0px 1px #FFFFFF;
margin-top: 5px;
padding-right: 10px;
}
.inf-bar {
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #E1E1E1;
color: #000000;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 110%;
font-weight: bold;
}
.inf-gbox {
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #8C8C8C;
color: #FFFFFF;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 100%;
font-weight: normal;
}
.bg-ko {
padding-left: 10px;
padding-right: 10px;
background-color: #FCD408;
padding-bottom: 2px;
}
tbody tr .pass-td-t {
text-align: center;
font-size: 90%;
line-height: 1.5em;
font-weight: normal;
padding-top: 5px;
padding-bottom: 5px;
background-color: #E1E1E1;
border: 1px solid #FDFDFD;
}
tbody tr .pass-td {
font-size: 90%;
font-weight: normal;
line-height: 1.5em;
text-align: left;
background-color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
border-bottom: 1px solid #ADADAD;
}
.m-point-m {
width: 80%;
background-color: #FFFFFF;
-webkit-box-shadow: 0px 0px 2px #595959;
box-shadow: 0px 0px 2px #595959;
margin-left: auto;
margin-right: auto;
}
.m-p-arr {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
width: 100%;
}
#css_btn_ent {
text-decoration: none;
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
background-image: -webkit-linear-gradient(270deg,rgba(247,182,40,1.00) 22.80%,rgba(242,168,8,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(247,182,40,1.00) 22.80%,rgba(242,168,8,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(247,182,40,1.00) 22.80%,rgba(242,168,8,1.00) 100%);
background-image: linear-gradient(180deg,rgba(247,182,40,1.00) 22.80%,rgba(242,168,8,1.00) 100%);
background-color: #F2A808;
margin-left: auto;
margin-right: auto;
width: 30%;
color: #FFFFFF;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 100%;
font-weight: bold;
min-width: 250px;
}
#css_btn_ent:hover {
background-image: -webkit-linear-gradient(270deg,rgba(251,217,41,1.00) 25.39%,rgba(248,173,11,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(251,217,41,1.00) 25.39%,rgba(248,173,11,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(251,217,41,1.00) 25.39%,rgba(248,173,11,1.00) 100%);
background-image: linear-gradient(180deg,rgba(251,217,41,1.00) 25.39%,rgba(248,173,11,1.00) 100%);
}
#css_btn_fin {
text-decoration: none;
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
background-color: #A6A6A6;
margin-left: auto;
margin-right: auto;
width: 30%;
color: #FFFFFF;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 100%;
font-weight: bold;
min-width: 250px;
}
.m-pp {
font-size: 90%;
padding-left: 40px;
padding-bottom: 5px;
padding-right: 20px;
line-height: 1.4em;
}
.p-txt {
font-size: 90%;
line-height: 1.4em;
padding-bottom: 3px;
}
.san {
font-size: 80%;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 5px;
background-color: rgba(168,46,18,1.00);
color: rgba(255,255,255,1.00);
}
.txt-box-blue {
background-color: #2773BB;
color: #FFFFFF;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
}
.red-box {
color: #FFFFFF;
background-color: #F7060A;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 90%;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.3em;
border-radius: 5px;
}
.line-h3 {
font-size: 120%;
border-top: 1px solid rgba(37,104,192,1.00);
border-bottom: 1px solid rgba(37,104,192,1.00);
padding-top: 5px;
padding-bottom: 5px;
}
.td-inner {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
float: left;
font-size: 90%;
}
.stage1 {
text-align: center;
font-weight: bold;
background-color: rgba(251,244,203,1.00);
}
.stage2 {
text-align: center;
font-weight: bold;
background-color: rgba(224,237,255,1.00);
}
tbody tr .td-inner {
}
.kakoi-blue {
float: left;
padding-left: 20px;
padding-right: 20px;
padding-top: 1px;
padding-bottom: 3px;
font-size: 110%;
font-weight: normal;
border: 1px solid rgba(0,94,208,1.00);
border-radius: 5px;
background-color: rgba(255,255,255,1.00);
}
.follow-box {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 3px solid rgba(239,190,20,1.00);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 90%;
line-height: 1.6em;
}
.book50 {
width: 49%;
float: left;
font-size: 90%;
text-align: center;
}
.book50 .text-img {
width: 100px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
.book50 .text-img img {
width: 100%;
height: auto;
}
.box-bg-gr {
width: 98%;
padding-right: 1%;
padding-bottom: 1%;
padding-left: 1%;
background-color: rgba(231,233,235,1.00);
padding-top: 1%;
}
/*.ex-bt {
width: 60%;
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 90%;
line-height: 1.5em;
color: #FFFFFF;
background-image: -webkit-linear-gradient(270deg,rgba(247,182,40,1.00) 22.80%,rgba(242,168,8,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(247,182,40,1.00) 22.80%,rgba(242,168,8,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(247,182,40,1.00) 22.80%,rgba(242,168,8,1.00) 100%);
background-image: linear-gradient(180deg,rgba(247,182,40,1.00) 22.80%,rgba(242,168,8,1.00) 100%);
background-color: #F2A808;
padding-top: 10px;
padding-bottom: 10px;
max-width: 350px;
}
.ex-bt:hover {
background-image: -webkit-linear-gradient(270deg,rgba(251,217,41,1.00) 25.39%,rgba(248,173,11,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(251,217,41,1.00) 25.39%,rgba(248,173,11,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(251,217,41,1.00) 25.39%,rgba(248,173,11,1.00) 100%);
background-image: linear-gradient(180deg,rgba(251,217,41,1.00) 25.39%,rgba(248,173,11,1.00) 100%);
}*/
/*終了*/
.ex-bt {
width: 60%;
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 90%;
line-height: 1.5em;
color: #FFFFFF;
background-color: #a6a6a6;
padding-top: 10px;
padding-bottom: 10px;
max-width: 350px;
}
.mida-h5 {
font-size: 100%;
font-weight: bold;
}
/*テーブル枠*/
.top-line {
font-size: 100%;
border-top: 2px solid rgba(0,0,0,1.00);
}
.left-line {
border-left: 2px solid rgba(0,0,0,1.00);
}
.right-line {
font-size: 100%;
border-right: 2px solid rgba(0,0,0,1.00);
}
.foot-line {
border-bottom: 2px solid rgba(0,0,0,1.00);
}
#mainBox #honbun .q_nom {
width: 20%;
text-align: center;
font-size: 150%;
font-weight: bold;
color: rgba(117,122,125,1.00);
float: left;
}
#mainBox #honbun .q_txt {
width: 79%;
float: left;
font-size: 100%;
line-height: 1.6em;
}
.ch-bt {
width: 60%;
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 130%;
line-height: 1.5em;
color: #FFFFFF;
background-color: #1269C4;
padding-top: 10px;
padding-bottom: 10px;
max-width: 350px;
}
.ch-bt:hover {
background-color: #2C89EB;
}
.ca-info-box:hover {
background-color: rgba(229,249,252,0.90);
}
.syslog-bt {
text-align: center;
color: #1269C5;
background-color: #B0CFF0;
font-size: 80%;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
padding-top: 5px;
padding-bottom: 5px;
float: left;
padding-left: 10px;
padding-right: 10px;
line-height: 1.5em;
font-weight: normal;
}
.syslog-bt:hover {
background-color: #C0D9F3;
}
.top-youBox {
width: 80%;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.top-youBox img {
width: 100%;
height: auto;
}
.bt-training {
width: 100%;
text-align: center;
background-color: #CF0306;
color: #FFFFFF;
font-size: 100%;
font-weight: bold;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
}
.bt-training:hover {
background-color: #E10408;
}
.box-red {
width: 280px;
text-align: center;
color: #FFFFFF;
background-color: #DD0408;
font-size: 110%;
font-weight: bold;
padding-bottom: 5px;
padding-top: 5px;
margin-bottom: 10px;
clear: both;
}
.td-title {
text-align: center;
font-size: 90%;
font-weight: bold;
color: #444444;
line-height: 1.6em;
}
tbody .ex-tab td {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #D3D3D3;
font-size: 90%;
line-height: 1.6em;
}
tbody .ex-tab .tb-pdf {
width: 12%;
}
tbody .ex-tab .tb-nom {
width: 8%;
}
tbody .ex-tab .tb-day {
width: 18%;
}
tbody .ex-tab .tb-sco {
width: 28%;
}
.ex-tab .tb-pdf img {
margin-top: 3px;
margin-bottom: 5px;
}
.bt-ex {
float: left;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
border-radius: 8px;
background-color: #FFFFFF;
-webkit-box-shadow: 0px 0px 2px 1px #6C6C6C;
box-shadow: 0px 0px 2px 1px #6C6C6C;
clear: both;
margin-bottom: 30px;
}
.bt-ex:hover {
background-color: #FBFADB;
}
.lavand-h3 {
font-size: 120%;
padding-top: 5px;
padding-bottom: 5px;
background-color: #B884E5;
}
.white {
color: #FFFFFF;
}
.pdf-bret-r {
background-image: url(../../images/pdf15.png);
background-repeat: no-repeat;
text-align: left;
padding-top: 3px;
margin-left: 5px;
padding-right: 25px;
background-position: right 6px;
}