@charset "utf-8";
/* reset css
--------------------------------------------------*/
html {color:#30221D; background:#FFF; overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}
del,ins{text-decoration:none;}
object, embed {vertical-align: top;}
hr, legend {display: none;}
img,abbr,acronym,fieldset {border: 0; vertical-align: bottom;}

/* private reset
--------------------------------------------------*/
a {/*\*/overflow: hidden;/**/ color: #F7B900; text-decoration: none;}
a:hover {color: #FFD659; text-decoration: underline;}
a img {border-style:none;}
.cleaning {clear: both;font-size: 0px;line-height: 0px;}
.hidden {display: none;	visibility: hidden;}
.cFL {float: left;}
.cFR {float: right;}

/* font
--------------------------------------------------*/
body {font:13px/1.231 "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Century Gothic",arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small;line-height:140%;}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.text10,.text11,.text12,.text13,.text14,.text15,.text16,.text17,.text18,
.text19,.text20,.text21,.text22,.text23,.text24,.text25,.text26 { line-height: normal; }
select,input,button,textarea{font:131% arial,helvetica,clean,sans-serif; text-align: center;font-weight:bold}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* interval
--------------------------------------------------*/
/* margin-top */
.mt00 { margin-top: 0px; }
.mt05 { 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; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt_1 { margin-top: -1px;}
.mt_2 { margin-top: -2px;}
.mt_3 { margin-top: -3px;}
.mt_4 { margin-top: -4px;}
.mt_5 { margin-top: -5px;}
.mt_10 { margin-top: -10px;}
.mt_15 { margin-top: -15px;}
.mt_20 {margin-top:-20px;}
.mt_30 {margin-top:-30px;}
.mt_40 {margin-top:-40px;}
.mt_43 {margin-top:-43px;}
/* margin-right */
.mr00 { margin-right: 0px; }
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }
/* margin-bottom */
.mb00 { margin-bottom: 0px; }
.mb05 { 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; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb100 { margin-bottom: 100px; }
.mb300 { margin-bottom: 300px; }
.mb500 { margin-bottom: 500px; }
/* margin-left */
.ml00 { margin-left: 0px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml100 { margin-left: 100px; }
.ml_30 { margin-left: -30px;}

/* padding-top */
.pt00 { padding-top: 0px; }
.pt05 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
/* padding-right */
.pr00 { padding-right: 0px; }
.pr05 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }
.pr55 { padding-right: 55px; }
.pr60 { padding-right: 60px; }
/* padding-bottom */
.pb00 { padding-bottom: 0px; }
.pb05 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb55 { padding-bottom: 55px; }
.pb60 { padding-bottom: 60px; }
.pb80 { padding-bottom: 80px; }
.pb100 { padding-bottom: 100px; }
/* padding-left */
.pl00 { padding-left: 0px; }
.pl05 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }
.pl55 { padding-left: 55px; }
.pl60 { padding-left: 60px; }
.pl65 { padding-left: 65px; }
.pl70 { padding-left: 70px; }

/* button用追加_2022-03-03_TSUKADA */
.button_center { text-align: center; display: block;}

/* =========== PRINT FOR IE =========== */
@media print{ body {_zoom: 67%; /*WinIE only */} }


/* -- clear float -- */
ul,li,.nofloat {min-height:0; display: inline-table;}
ul:after,li:after,.nofloat:after {content:"."; display:block; height:0; clear: both; visibility:hidden;}
/* ↓ Mac IE用 */
/* \ */
*html ul,*html li,*html .nofloat {height:0;}
ul,li,.nofloat {display: block;}
/* */

/* -- base -- */
/* html,body {text-align: center;} 中央から左に変更_2022-03-03_TSUKADA*/
html,body {text-align: left;}
#wrapper {width: 500px; margin-right: auto; margin-left: auto; }
body > #wrapper {height: auto;}
#container {width: 440px; text-align: left; margin-right: auto; margin-left: auto; padding: 22px 25px; border: 1px solid #333333;}
/* container2_ADD_2022-04-12_TSUKADA*/
#container2 {width: 400px; text-align: center; margin-right: auto; margin-left: auto; padding: 22px 25px; border: 1px solid #333333;}
/* -- decoration -- */
.align_C {text-align: center;}
.txt_red {color: #C71444;}
.txt_blue {color: #004D91;}
.lineH_n {line-height: normal;}
.text_Bold {font-weight: bold;}

@media only screen and (max-width: 896px) {
    #wrapper {
        width: auto;
    }
    #container {
        width: auto;
    }
    #container2 {
        width: auto;
    }
}