@charset "UTF-8";

* {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;   box-sizing: border-box; }

html { width:100%; height:100%; }
html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%;}
body { line-height:1.0; margin:0; padding:0;  width:100%; height:100%; background-color:#F7F4F4; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
body { font-family: "游ゴシック","YuGothic", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic" !important; text-align: center; }
body { background-image: url(../img/new/logo70.png);  background-repeat: no-repeat; background-position: left top; background-attachment: fixed; }

/* --------------------------------------------------------------------------
Grobal
---------------------------------------------------------------------------- */
a { color: #000; font-style:normal; text-decoration:none; }
a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:link { color: #000; font-style:normal; text-decoration:none; }
a:visited { color: #000; font-style:normal; text-decoration:none; }
a:hover { color: #07dd39; font-style:normal; text-decoration:none; }
a img { border: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
::-webkit-input-placeholder { color:#C0BEBE; text-align:center; }
::-ms-input-placeholder { color:#000; text-align:center; }
::-moz-placeholder { color:#000; text-align:center; }
input:focus::-webkit-input-placeholder,isindex:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color: transparent; }
input { -webkit-appearance:none; }
select { -webkit-appearance: button; appearance: button; }


/* --------------------------------------------------------------------------
body
---------------------------------------------------------------------------- */
article { width:100%; height:100%; margin:0; padding: 0; text-align: center; overflow: hidden; }
section { width:100%; margin:0 auto 0 auto; padding: 0; text-align: center; overflow: hidden; }



/* --------------------------------------------------------------------------
login
---------------------------------------------------------------------------- */
div.box { width:500px; height:450px; background-color: #fff; border-radius: 20px; margin:auto; padding:60px 0 0 0; position: absolute; top:0; left:0; bottom: 0; right:0; }
div.inbox { width:100%; margin:0; padding:0; text-align: center; }
div.inbox p.title { width:100%; font-size: 200%; margin:0; padding:20px 0 20px 0; }
div.inputbox { width:95%; max-width: 500px; margin:60px auto 0 auto; padding:0; text-align: center; }
div.inputbox_log { width:80%; margin:10px auto 0 auto; padding:0; text-align: center; }
div.inputbox_log div.input_box_log { width:100%; margin:0 auto 0 auto; padding:10px 0 0 0; overflow:hidden; text-align: center; }
div.inputbox_log div.input_box_log input { width:100%; margin:0; padding:10px 0 10px 10px; border:solid 1px #939E9A; text-align: left; font-size:120%;}
div.inputbox_log input.send { width:150px; margin:20px auto 0 auto; text-align: center; padding:10px 0 10px 0; background-color: #5378F0; color:#fff; border:none; cursor: pointer; }
div.mini_logo { width:30px; height:30px; margin:60px auto 0 auto; padding:0; }
div.mini_logo img { width:100%; margin:0; padding:0; }
div.inputbox_log div.input_box_log p.fnf { width:100%; margin:10px 0 0 0; padding:0; text-align: left; }
div.inputbox_log div.input_box_log p.fnfb { width:200px; margin:30px auto 0 auto; padding:10px 0 10px 0; background-color: #3F9DED; color: #fff; text-align: center; cursor: pointer; }
p.er { width:100%; background-color: #F03E68; color:#fff; text-align: center; font-size: 100%; margin:0; padding:10px 0 10px 0; }
p.again { width:90%; margin:0 auto -20px auto; padding: 5px 0 0 0; font-size: 90%; color:#BABABA; text-align: right; cursor: pointer; }
.pr.fade-in { -webkit-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both;
  -webkit-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s;
  -webkit-animation-name: fid; animation-name: fid;
  visibility: visible !important; }
@-webkit-keyframes fid {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fid {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


/* --------------------------------------------------------------------------
app
---------------------------------------------------------------------------- */
p.nin { width:100%; margin:10px 0; padding:0; color:#ADADAD; font-size: 90%; letter-spacing: 1.5px; line-height: 1.5; }
header { width:100%; margin:0; padding:5px 5% 5px 5%; background-color: #fff; position: relative; float:left; overflow: hidden;}
header div.head_logo { width:40px; height:40px; margin:0; padding:0; }
header div.head_logo img { width:100%; }
header p.cid { margin:0; padding:0; font-size:100%; position: absolute; top: 15px; left: 130px; }
header p.logout { width:150px; margin:0; padding:10px 0 10px 0; font-size:90%; cursor: pointer; text-align: center; position: absolute; top:5px; right:5px; }
header p.logout:hover { width:150px; margin:0; padding:10px 0 10px 0; font-size:90%; cursor: pointer; background-color: #9A9A9A; color:#fff; text-align: center; position: absolute; top:5px; right:5px; }

section.app_main { width:100%; height:100%; margin:0; padding:0; overflow: hidden; float: left; position: relative; }


/* ---------------------------------------
メインスペース
----------------------------------------- */
div.main_sp { width:100%; height: 100%; margin:0; padding:10px 0 60px 160px; overflow-y: auto; overflow-x: hidden; position: absolute; top:0; left:0; z-index: 89; text-align: center; }
p.m_title { width:100%; margin:0; padding:0; font-size: 200%; text-align: center; }
p.m_info { width:80%; margin:40px auto; padding:0; font-size: 120%; letter-spacing: 1.5px; line-height: 1.5; }
p.m_info span.img { margin:0; padding:0; }
p.m_info span.img img { width:20px; height: 20px; }
div.box_head { width:90%; margin:80px auto 20px auto; padding:0; overflow: hidden; }
div.box_head div.plus { width:40px; height:40px; margin:0; padding:0; cursor: pointer; float: left; }
div.box_head div.plus img { width:100%; margin:0; padding:0; }
div.box_head p.ymd { width:150px; max-height:40px; margin:0; padding:15px 0 15px 0; text-align: center; color:#fff; background-color: #5693EE; cursor: pointer; float: right; }
div.box_head p.now { width:100%; margin:10px auto 0 auto; padding:0; font-size: 150%; }
div.box_head p.now span.np { cursor: pointer; }
div.memo_space { width:90%; margin:20px auto 0 auto; padding:10px 0 10px 0; overflow: hidden; border:solid 1px #CCCBCB; }
div.memo_space:hover { width:90%; margin:20px auto 0 auto; padding:10px 0 10px 0; overflow: hidden; border:solid 1px #CCCBCB; background-color: #D6EFFA; }
div.memo_space p.midate { width:15%; margin:0; padding:0; font-size: 120%; line-height: 1.5;  float:left; }
div.memo_space p.midate span.memodd { color: #BABABA; font-size: 90%; }
div.memo_space p.m_name { width:15%; margin:0; padding:0; font-size: 120%; line-height: 1.5;  float:left; }
div.memo_space p.m_etc { width:70%; margin:0; padding:0; border:none; font-size: 120%;  line-height: 1.5; letter-spacing: 1.5px; float:left; text-align: left; }


/*---------top---------- */
p.mit { width:80%; margin:40px auto 0 auto; padding:0; line-height: 1.5; letter-spacing: 1.5px; font-size: 120%; text-align: left; }
p.mit span.cl { cursor: pointer; }

/* ------ money -------- */
.mb { background-color: #D0CFCF; }
div.money_box { width:90%; margin:40px auto; padding:0; border-style: solid; border-color: #000; border-width: 1px 1px 0 1px; }
div.money_box div.m_y { width:7%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 105%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; white-space: nowrap; }
div.money_box div.m_m { width:5%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 105%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; white-space: nowrap; }
div.money_box div.m_d { width:5%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 105%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; white-space: nowrap; }
div.money_box div.m_ka { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 105%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; overflow-y: hidden; overflow-x: auto; white-space: nowrap; }
div.money_box div.m_gk { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 105%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; white-space: nowrap; }
div.money_box div.m_ny { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 105%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; white-space: nowrap; }
div.money_box div.m_yt { width:43%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 105%; text-align: left; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; overflow-y: hidden; overflow-x: auto; white-space: nowrap; }
div.money_box div.m_zk { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 105%; text-align: center; border-style: solid; border-color: #000; border-width: 0 0 0 0; float:left; white-space: nowrap; }
div.money_clc { width:100%; margin:0; padding:0; overflow: hidden; cursor: pointer; border-style: solid; border-color: #000; border-width: 0 0 1px 0; }
div.money_clc:hover { width:100%; margin:0; padding:0; overflow: hidden; cursor: pointer; border-style: solid; border-color: #000; border-width: 0 0 1px 0; background-color: #CBEBF9; }
p.printout { width:100px; margin:0; padding:10px 0 10px 0; text-align: center; background-color: #BDBDBD; font-size: 90%; color:#fff; position: absolute; top:10px; right:10px; z-index:90; cursor: pointer; }

table.mnbox { width:98%; margin:0 2% 0 0; padding:0 0 0 0; cursor: pointer; border:solid 1px #000; border-collapse: collapse; table-layout: fixed;}
tbody { width:100%; margin:0; padding:0; }
tr { width:100%; margin:0; padding:0; border:1px #000; overflow: hidden; }
tr:hover { width:100%; margin:0; padding:0; border:1px #000; background-color:#D9F5FA;}
td.mn_y { width:7%; margin:0; padding:10px 0 10px 0; font-size: 110%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.mn_m { width:5%; margin:0; padding:10px 0 10px 0; font-size: 110%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.mn_d { width:5%; margin:0; padding:10px 0 10px 0; font-size: 110%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.mn_k { width:10%; margin:0; padding:10px 0 10px 0; font-size: 110%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.mn_t { width:43%; margin:0; padding:10px 0 10px 0; font-size: 110%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; text-align: left; }
td.mn_sn { width:10%; margin:0; padding:10px 0 10px 0; font-size: 110%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; text-align: center; }
td.mn_sh { width:10%; margin:0; padding:10px 0 10px 0; font-size: 110%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; text-align: center; }
td.mn_z { width:10%; margin:0; padding:10px 0 10px 0; font-size: 110%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; text-align: center; }


/* ---------------------------------------
サイドメニュー
----------------------------------------- */
div.side_menu { width:150px; height:100%; background-color: #fff; overflow: hidden; position: absolute; top:0; left:0; z-index: 90; }
p.app_side { width:100%; margin:0; padding:15px 0 15px 0; background-color:#5E98F8; color:#fff; font-size: 95%; letter-spacing: 1.5px; border-style: solid; border-color:#fff; border-width: 0 0 1px 0; cursor: pointer; }
p.app_side:hover { width:100%; margin:0; padding:15px 0 15px 0; background-color:#227FFD; color:#fff; font-size: 95%; letter-spacing: 1.5px; border-style: solid; border-color:#fff; border-width: 0 0 1px 0; cursor: pointer; }
p.app_sides { width:100%; margin:0; padding:15px 0 15px 0; background-color:#F68FDA; color:#fff; font-size: 95%; letter-spacing: 1.5px; border-style: solid; border-color:#fff; border-width: 0 0 1px 0; cursor: pointer; }
p.app_sides:hover { width:100%; margin:0; padding:15px 0 15px 0; background-color:#F66FE1; color:#fff; font-size: 95%; letter-spacing: 1.5px; border-style: solid; border-color:#fff; border-width: 0 0 1px 0; cursor: pointer; }


/* ---------------------------------------
POPup
----------------------------------------- */
.btn_blue { background-color: #5693EE; }
.btn_gray { background-color: #B4AFAF; }
.btn_red { background-color: #EE7575; }
.btn_st_w { color:#fff; }
.btn_st_b { color:#000; }
.btn_f_left { float:left; }
.btn_f_right { float:right; }
.btn_moto { width:150px; margin:0; padding:10px 0 10px 0; cursor: pointer; }
.btn_cent { margin:0 auto; }
.btn_del { position: absolute; top:5px; right:5px; }
div.btnbox { width:360px; margin:50px auto 0 auto; padding:0; overflow: hidden; text-align: center; }
p.title_s { width:100%; font-size: 150%; margin:0; padding:0 0 20px 0; }
p.okm { width:80%; margin:20px auto; padding:0; color:#ADADAD; font-size: 100%; letter-spacing: 1.5px; line-height: 1.5; text-align: left; }

div.editbox { width:80%; max-width: 800px; margin:100px auto; padding:0; text-align: center; }
div.editbox div.editin { width:80%; margin:0 auto; padding:0; }


/* --------------------------------------------------------------------------
input
---------------------------------------------------------------------------- */
div.popinput { width:95%; max-width: 500px; margin:20px auto 0 auto; padding:0; text-align: center; overflow: hidden; }
div.popinput select.dsel { margin:0 20px 0 0; padding:10px; border-color:#CACACA; border-radius: 3px; }
div.popinput select.dsel1 { margin:0 20px 0 40px; padding:10px; border-color:#CACACA; border-radius: 3px; }
div.popinput input.gaku1 { width:35%; margin:0 10px 0 40px; padding:10px; border:solid #BDBDBD 1px; border-radius: 3px; font-size: 120%; }
div.popinput input.gaku2 { width:220px; margin:0 10px 0 0; padding:10px; border:solid #BDBDBD 1px; border-radius: 3px; font-size: 120%; }
div.popinput p.tani { font-size: 120%; color:#B0B0B0; float: left; }
div.popinput p.edst { font-size: 120%; color:#969393; float: left; margin:20px 10px 0 40px; }
div.popinput p.edsn { font-size: 120%; color:#969393; margin:20px 10px 0 40px; }
div.popinput textarea { width:90%; margin:0 auto; padding:5px; border:solid #BDBDBD 1px;  border-radius: 3px; font-size: 120%; height:50px; }
div.popinput input.acadd { width:300px; margin:0 10px 0 0; padding:10px; border:solid #BDBDBD 1px; border-radius: 3px; font-size: 120%; }
div.popinput select.seld { padding:10px; background-color: #FAD5FF; border-radius: 3px; border:none; }

/* --------------------------------------------------------------------------
setting
---------------------------------------------------------------------------- */
div.setting { width:100%; margin:0; padding: 0; text-align: center; }
div.setting div.setbox { width:80%; margin:0 auto 0 auto; padding:50px 0 0 0; overflow: hidden; }
div.setting div.setbox p.setp { margin:0 0 0 10px; padding:0; letter-spacing: 1.5px; line-height: 1.5; font-size: 120%; text-align: left; float: left; }
div.setting div.setbox p.setb { width:200px; margin:0; padding:10px 0 10px 0; background-color: #F68FDA; color:#fff; cursor: pointer; float: left; }
div.setting div.setbox p.newtitle { width:100%; margin:50px 0 0 0; padding:0; font-size: 200%; text-align: center; }
div.setting div.setbox p.newinfo { width:100%; margin:50px 0 0 0; padding:0; font-size: 120%; text-align: left; letter-spacing: 1.5px; line-height: 1.5; }
div.setting div.setbox p.spstr { font-size: 120%; color:#969393; margin:20px 10px 0 40px; }
div.setting div.setbox input.spin { width:40%; margin:20px auto 0 auto; padding:10px; border:solid #BDBDBD 1px; border-radius: 3px; font-size: 120%; }
div.setting div.setbox input.spgo { width:150px; margin:20px auto 0 auto; text-align: center; padding:10px 0 10px 0; background-color: #5378F0; color:#fff; border:none; cursor: pointer; }
div.kbox { width:100%; margin:0; padding:0 0 30px 0; overflow: hidden; }
p.kok { margin:5px 5px 0 0; padding:15px; font-size: 110%; background-color: #6BBDFC; color:#fff; border-radius: 7px; float:left; }
p.kng { margin:5px 5px 0 0; padding:15px; font-size: 110%; background-color: #B9B9B9; color:#fff; border-radius: 7px; float:left; }
div.acbox { width:100%; margin:30px 0; padding:10px 0 0 0; border-style: solid; border-color: #000; border-width: 1px 0 0 0; overflow: hidden; }
div.acbox p.cbtn { width:27%; margin:0 3% 0 3%; padding:15px 0 15px 0; color:#fff; cursor: pointer; float: left; background-color: #F194E9; }
div.acbox p.cbtn:hover { width:27%; margin:0 3% 0 3%; padding:15px 0 15px 0; color:#fff; cursor: pointer; float: left; background-color: #EF5AF4; }
div.aclist { width:100%; margin:30px 0 0 0; padding:10px 0 10px 0; cursor: pointer; overflow: hidden; cursor: pointer; }
div.aclist:hover { width:100%; margin:30px 0 0 0; padding:10px 0 10px 0; cursor: pointer; overflow: hidden; cursor: pointer; background-color:#A7F2FF;}
div.aclist p.ac_name { width:100%; margin:0; padding:0 0 10px 0; overflow: hidden; float: left; }




/* ----------------------------------------------------------------------------
Check Box
---------------------------------------------------------------------------- */
input[type=checkbox] { display: none; }
input[type=checkbox]:checked + label.checkbox:before { opacity: 1; }
label.checkbox { box-sizing: border-box; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; }
label.checkbox { margin: 0 20px 8px 0; padding: 12px 12px 12px 42px; vertical-align: middle; cursor: pointer; }
label.checkbox { position: relative; display: inline-block; border-radius: 8px; background-color: #FAD5FF; }
label.checkbox:hover { background-color: #e2edd7; }
label.checkbox:after { -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 50%; left: 15px; }
label.checkbox:after { display: block; margin-top: -10px; width: 16px; height: 16px; border: 2px solid #bbb; border-radius: 6px; content: ''; }
label.checkbox:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 21px; display: block;}
label.checkbox:before { content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
label.checkbox:before { margin-top: -7px; width: 5px; height: 9px; border-right: 3px solid #53b300; border-bottom: 3px solid #53b300; }
label.checkbox:hover:after { border-color: #53b300; }


/* --------------------------------------------------------------------------
log
---------------------------------------------------------------------------- */
div.mlogbox { width:100%; margin:0; padding:5px 0 5px 0; overflow: hidden; }
div.mlogbox p.ldate { width:6%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#B2B0B0; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; }
div.mlogbox p.lname { width:8%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#000; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; }
div.mlogbox p.ltype { width:4%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#000; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; }
div.mlogbox p.ldata { width:86%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#000; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; }
div.mlogbox p.ly { width:6%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#000; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; }
div.mlogbox p.lm { width:4%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#000; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; }
div.mlogbox p.ld { width:4%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#000; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; }
div.mlogbox p.lka { width:12%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#000; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; }
div.mlogbox p.lga { width:8%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#000; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; text-align: right; }
div.mlogbox p.lny { width:8%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#000; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; text-align: right; }
div.mlogbox p.lyo { width:40%; margin:0; padding:5px 0 5px 0; font-size: 90%; color:#000; overflow-y: hidden; overflow-x: auto; white-space: nowrap; float:left; text-align: left; }



/* --------------------------------------------------------------------------
Customer
---------------------------------------------------------------------------- */
table.cosbox { width:98%; margin:0 2% 0 0; padding:0 0 0 0; cursor: pointer; border:solid 1px #000; border-collapse: collapse; table-layout: fixed;}
tbody { width:100%; margin:0; padding:0; }
tr { width:100%; margin:0; padding:0; border:1px #000; overflow: hidden; }
tr:hover { width:100%; margin:0; padding:0; border:1px #000; background-color:#D9F5FA;}
td.cos_nom { width:5%; margin:0; padding:5px 0 5px 0; font-size: 90%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.cos_name { width:7%; margin:0; padding:5px 0 5px 0; font-size: 90%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.cos_mail { width:12%; margin:0; padding:5px 0 5px 0; font-size: 90%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.cos_tel { width:9%; margin:0; padding:5px 0 5px 0; font-size: 90%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.cos_date { width:8%; margin:0; padding:5px 0 5px 0; font-size: 90%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.cos_address { width:23%; margin:0; padding:5px 0 5px 0; font-size: 90%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; text-align: left; }
td.cos_etc { width:22%; margin:0; padding:5px 0 5px 0; font-size: 90%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; text-align: left; }
td.cos_ki { width:4%; margin:0; padding:5px 0 5px 0; font-size: 90%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.cos_pay { width:8%; margin:0; padding:5px 0 5px 0; font-size: 90%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
td.cos_check { width:2%; margin:0; padding:5px 0 5px 0; font-size: 90%; border:solid 1px #000; border-collapse: collapse; word-break : break-all; }
div.btnmenu { width:100%; margin:30px 0 40px 0; padding:0; overflow: hidden; text-align: center; }
div.btnmenu p.menu_btn { width:18%; margin:10px 1% 0 1%; padding:10px 0 10px 0; background-color: #FF91F1; color:#fff; font-size: 110%; float: left; cursor: pointer; }



/* --------------------------------------------------------------------------
Zaiko
---------------------------------------------------------------------------- */
table.zk { width:98%; margin:0 2% 0 0; padding:0 0 0 0; cursor: default; border:none !important; border-collapse: collapse; table-layout: fixed;}
tr.zkr { width:100%; margin:0; padding:0; border:none !important; overflow: hidden; border-collapse:collapse; }
tr.zkr:hover { background-color:initial; }
td.zkd { width:5%; margin:0; padding:10px 0 10px 0; font-size: 90%; border:solid 1px #000; word-break : break-all;border-collapse:collapse; cursor:pointer;  }
td.zkd:hover { background-color:#fff; cursor: pointer; }




/* --------------------------------------------------------------------------
footer
---------------------------------------------------------------------------- */
small { font-family: Verdana; }


/* ------------------------------------------------------
mobile
-------------------------------------------------------- */
@media screen and (min-width: 300px ) and (max-width:550px) {
  div.box { width:330px; height:400px; background-color: #fff; border-radius: 20px; margin:auto; padding:30px 0 0 0; position: absolute; top:0; left:0; bottom: 0; right:0; }
  div.inbox p.title { width:100%; font-size: 150%; margin:0; padding:10px 0 20px 0; }
  div.inputbox_log div.input_box_log input { font-size:100%;}

}

@media screen and (min-width: 551px ) and (max-width:600px) {

}

@media screen and (min-width: 601px ) and (max-width:750px) {
  /* --メインスペース */
  div.main_sp { width:100%; height: 100%; margin:0; padding:10px 0 50px 10px; overflow-y: auto; overflow-x: hidden; position: absolute; top:0; left:0; z-index: 89; text-align: center; }
  div.box_head div.plus { width:30px; height:30px; margin:0; padding:0; cursor: pointer; float: left; }
  p.m_info { width:80%; margin:40px auto; padding:0; font-size: 90%; letter-spacing: 1.5px; line-height: 1.5; }
  p.m_info span.img img { width:15px; height: 15px; }
  /*---サイドバー---- */
  div.side_menu { display: none; }
  p.app_side { width:100%; margin:0; padding:15px 0 15px 0; background-color:#5E98F8; color:#fff; font-size: 80%; letter-spacing: 1.5px; border-style: solid; border-color:#fff; border-width: 0 0 1px 0; cursor: pointer; }
  p.app_side:hover { width:100%; margin:0; padding:15px 0 15px 0; background-color:#227FFD; color:#fff; font-size: 80%; letter-spacing: 1.5px; border-style: solid; border-color:#fff; border-width: 0 0 1px 0; cursor: pointer; }
  /* ----money---- */
  div.money_box { width:90%; margin:40px auto; padding:0; border-style: solid; border-color: #000; border-width: 1px 1px 0 1px; }
  div.money_box div.m_y { width:8%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left;  overflow: hidden; white-space: nowrap; }
  div.money_box div.m_m { width:4%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left;  overflow: hidden; white-space: nowrap; }
  div.money_box div.m_d { width:4%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left;  overflow: hidden; white-space: nowrap; }
  div.money_box div.m_ka { width:16%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left;  overflow: hidden; white-space: nowrap; }
  div.money_box div.m_gk { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left;  overflow: hidden; white-space: nowrap; }
  div.money_box div.m_ny { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left;  overflow: hidden; white-space: nowrap; }
  div.money_box div.m_yt { width:38%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: left; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; overflow: hidden; white-space: nowrap; }
  div.money_box div.m_zk { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 0 0 0; float:left;  overflow: hidden; white-space: nowrap; }
  div.money_clc { width:100%; margin:0; padding:0; overflow: hidden; cursor: pointer; border-style: solid; border-color: #000; border-width: 0 0 1px 0; }
  div.money_clc:hover { width:100%; margin:0; padding:0; overflow: hidden; cursor: pointer; border-style: solid; border-color: #000; border-width: 0 0 1px 0; background-color: #CBEBF9; }
  p.printout { display: none; }
  div.box_head { width:90%; margin:20px auto; padding:0; overflow: hidden; }
  div.box_head p.ymd { width:90px; max-height:40px; margin:0; padding:10px 0 10px 0; font-size: 80%; text-align: center; color:#fff; background-color: #5693EE; cursor: pointer; float: right; }

}

@media screen and (min-width: 751px ) and (max-width:950px) {
  /* --メインスペース */
  div.main_sp { width:100%; height: 100%; margin:0; padding:10px 0 60px 100px; overflow-y: auto; overflow-x: hidden; position: absolute; top:0; left:0; z-index: 89; text-align: center; }
  div.box_head div.plus { width:30px; height:30px; margin:0; padding:0; cursor: pointer; float: left; }
  p.m_info { width:80%; margin:40px auto; padding:0; font-size: 90%; letter-spacing: 1.5px; line-height: 1.5; }
  p.m_info span.img img { width:15px; height: 15px; }
  /*---サイドバー---- */
  div.side_menu { width:90px; height:100%; background-color: #fff; overflow: hidden; position: absolute; top:0; left:0; z-index: 90; }
  p.app_side { width:100%; margin:0; padding:10px 0 10px 0; background-color:#5E98F8; color:#fff; font-size: 70%; letter-spacing: 1.5px; border-style: solid; border-color:#fff; border-width: 0 0 1px 0; cursor: pointer; }
  p.app_side:hover { width:100%; margin:0; padding:10px 0 10px 0; background-color:#227FFD; color:#fff; font-size: 70%; letter-spacing: 1.5px; border-style: solid; border-color:#fff; border-width: 0 0 1px 0; cursor: pointer; }
  /* ----money---- */
  div.money_box { width:90%; margin:40px auto; padding:0; border-style: solid; border-color: #000; border-width: 1px 1px 0 1px; }
  div.money_box div.m_y { width:7%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_m { width:5%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_d { width:5%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_ka { width:13%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_gk { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_ny { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_yt { width:40%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: left; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; overflow: hidden; white-space: nowrap; }
  div.money_box div.m_zk { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 70%; text-align: center; border-style: solid; border-color: #000; border-width: 0 0 0 0; float:left; }
  div.money_clc { width:100%; margin:0; padding:0; overflow: hidden; cursor: pointer; border-style: solid; border-color: #000; border-width: 0 0 1px 0; }
  div.money_clc:hover { width:100%; margin:0; padding:0; overflow: hidden; cursor: pointer; border-style: solid; border-color: #000; border-width: 0 0 1px 0; background-color: #CBEBF9; }
}



@media screen and (min-width: 951px ) and (max-width:1180px) {
  /* --メインスペース */
  div.main_sp { width:100%; height: 100%; margin:0; padding:10px 0 60px 130px; overflow-y: auto; overflow-x: hidden; position: absolute; top:0; left:0; z-index: 89; text-align: center; }
  div.box_head div.plus { width:30px; height:30px; margin:0; padding:0; cursor: pointer; float: left; }
  p.m_info { width:80%; margin:40px auto; padding:0; font-size: 90%; letter-spacing: 1.5px; line-height: 1.5; }
  p.m_info span.img img { width:15px; height: 15px; }
  /*---サイドバー---- */
  div.side_menu { width:120px; height:100%; background-color: #fff; overflow: hidden; position: absolute; top:0; left:0; z-index: 90; }
  p.app_side { width:100%; margin:0; padding:12px 0 12px 0; background-color:#5E98F8; color:#fff; font-size: 90%; letter-spacing: 1.5px; border-style: solid; border-color:#fff; border-width: 0 0 1px 0; cursor: pointer; }
  p.app_side:hover { width:100%; margin:0; padding:12px 0 12px 0; background-color:#227FFD; color:#fff; font-size: 90%; letter-spacing: 1.5px; border-style: solid; border-color:#fff; border-width: 0 0 1px 0; cursor: pointer; }
  /* ----money---- */
  div.money_box { width:90%; margin:40px auto; padding:0; border-style: solid; border-color: #000; border-width: 1px 1px 0 1px; }
  div.money_box div.m_y { width:6%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 80%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_m { width:4%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 80%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_d { width:4%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 80%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_ka { width:12%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 80%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_gk { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 80%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_ny { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 80%; text-align: center; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; }
  div.money_box div.m_yt { width:44%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 80%; text-align: left; border-style: solid; border-color: #000; border-width: 0 1px 0 0; float:left; overflow-y: hidden; overflow-x: auto; white-space: nowrap; }
  div.money_box div.m_zk { width:10%; margin:0; padding:10px 0 10px 0; color:#000; font-size: 80%; text-align: center; border-style: solid; border-color: #000; border-width: 0 0 0 0; float:left; }
  div.money_clc { width:100%; margin:0; padding:0; overflow: hidden; cursor: pointer; border-style: solid; border-color: #000; border-width: 0 0 1px 0; }
  div.money_clc:hover { width:100%; margin:0; padding:0; overflow: hidden; cursor: pointer; border-style: solid; border-color: #000; border-width: 0 0 1px 0; background-color: #CBEBF9; }
}



@media screen and (min-width: 1181px ) and (max-width:1600px) {
}


@media screen and (min-width: 1601px ) and (max-width:2000px) {

}