@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html,body{width:100%;}

*{margin:0;padding:0;font-family:'Noto Sans Japanese', sans-serif;}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
a{text-decoration:none;}
a:link{color:#B02D15;}
a:visited{color:#B02D15;}
a:hover{color:#FAA61A;text-decoration:underline;}
a:active{color:#FAA61A;}
ul{list-style:none;}
p{text-align:left;}
fieldset{padding:16px;border-radius:8px;}
.fl_l{float:left;}
.fl_r{float:right;}
.ta_l{text-align:left;}
.ta_r{text-align:right;}

.negative{color:#ff0000;}
.error{color:#ff0000;}
.success_msg{border:2px #0000ff solid;border-radius:10px;padding:10px;margin:10px;background:#ffffff;text-align:center;}
.error_msg{border:2px #ff0000 solid;border-radius:10px;padding:10px;margin:10px;background:#ffffff;text-align:center;}

#wrap{position:relative;width:805px;background:#DDDCCB;margin:auto;}
#wrap_full{position:relative;min-width:805px;background:#DDDCCB;margin:auto;}

body{color:#504416;font-family:'Questrial',sans-serif;font-size:12px;}

#login{background:#918a6f;width:100%;}
#login > div{width:400px;margin:auto;background:#f4eed7;border-radius:0px 0px 10px 10px;text-align:center;}
#login > div form{margin-top:20px;}
#login > div form label{text-align:center;display:block;padding:8px 0px;}
#login > div form input[type="text"],#login > div form input[type="password"]{width:60%;margin:auto;display:block;padding:4px;margin-bottom:8px;border-radius:4px;}
#login > div form input[type="checkbox"]{width:20px;height:20px;margin:auto 8px;}
#login > div form input[type="submit"]{width:180px;margin:18px auto;padding:8px 0px;color:#ffffff;background:#484537;display:block;border-radius:6px;}

#header{}
#content{margin:20px;padding:10px;background:#fff;border-radius:8px;font-size:12px;overflow-x:auto;overflow-y:visible;}

#main_visual{text-align:center;}
#menu > dl{background:#B12C15;text-align:center;}
#menu > dl > dd{margin:4px;text-align:center;color:#fff;display:inline-block;}
#menu > dl > dd > a{text-decoration:none;color:#fff;background:#523C27;display:inline-block;padding:4px;border-radius:6px;line-height:20px;}
#menu > dl > dd > a:hover{background:#806957;}
#menu > dl > dd > a:before{content:"";display:inline-block;width:20px;height:20px;background-size:contain;}
#menu > dl > dd > a:hover:before{background-size:contain;}
#menu > dl > dd > a:after{content:"";display:inline-block;width:20px;height:20px;background-size:contain;}
#body{}

table{width:100%;}
caption{color:#ffffff;background:#ff5500;font-size:14px;line-height:24px;}
table th{background:#ffdd55;border:1px #ffeeaa solid;padding:4px 0px;}
table td{background:#ffffff;border:1px #ffeeaa solid;padding:4px 0px;text-align:center;position:relative;}

h3.body_title{color:#ffffff;background:#484537;text-align:center;padding:6px 0px;margin-bottom:20px;}
#body form > div{margin-bottom:8px;}
#body form label{padding:4px 0px;text-align:center;background:#ffdd55;}
#body form input{border-radius:4px;padding:4px 1%;}
#body form#user_config label{width:30%;}
#body form#user_config input{width:40%;}
#body form#user_config input[type="submit"]{color:#ffffff;background:#ff8800;margin-left:15%;}
#body form select{border-radius:4px;padding:4px 1%;margin-bottom:8px;}
label.post_subject{width:20%;margin-right:1%;}
input.post_subject{width:76%;}
#body form label.post_body{width:100%;margin-right:initial;float:none;}
#body form div.det div{width:50%;float:left;}
#body form div.det div div.img_tool_left{width:48%;margin-right:1%;float:left;}
#body form div.det div div.img_tool_left input{width:96%;margin:4px 2%;float:none;border:none;}
label.post_image{width:100%;margin-right:initial;}
img.post_image{width:49%;height:90px;margin-right:1%;}
label.post_date{width:44%;margin-right:1%;}
input.post_date{width:44%;margin-right:1%;margin-bottom:8px;}
label.post_display{width:44%;margin-right:1%;}
select.post_display{width:44%;margin-right:1%;}
input.post_submit{width:30%;margin-left:15%;margin-right:5%;margin-bottom:8px;margin-top:20px;color:#ffffff;background:#ff6600;border:none;}
input.post_reset{width:30%;margin-left:5%;margin-bottom:8px;margin-top:20px;color:#ff6600;background:#ffd42a;border:none;}

input.list_bt{width:18px;height:18px;font-size:14px;line-height:18px;text-align:center;border-radius:6px;border:0px;}
input.dividend_bt{color:#ffffff;background:#ff7700;}
input.excel_bt{color:#ffffff;background:#00cc66;}
input.slip_bt{color:#ffffff;background:#ffa500;}
input.electricity_bt{color:#ffffff;background:#555555;}
#body table tr.plant{border-bottom:3px solid #ffddaa;}
#body table tr.plant th{background:#ffcc88;}
#body table tr.plant td{background:#ffeeaa;}
span.list_date{font-size:10px;}

#foot{color:#ffffff;background:#24221c;font-size:10px;text-align:center;padding:4px 0px;}

table td.closing_month{border-right:2px solid #dd4400;}
table td.memohas{background:#f4d7d7;}
table td.memohas:hover{background:#feeea4;}
.memo_flow{display:block;font-size:0px;height:2px;background:#fa0;}
table td:hover > .memo_flow{position:absolute;bottom:-156px;right:-10px;padding:8px;width:180px;height:140px;color:#ffffff;background:rgba(0,0,0,0.8);overflow-y:scroll;z-index:5;border-radius:8px 8px 0px 0px;font-size:12px;text-align:left;z-index:4;margin:auto;}

.kuman{width:100px;height:100px;position:fixed;bottom:0px;right:0px;background-size:contain;z-index:5;transition:all 400ms cubic-bezier(1,0,0,1);}
.walkuman{width:80px;height:80px;position:fixed;bottom:0px;right:0px;background-size:contain;z-index:5;transition:all 400ms cubic-bezier(1,0,0,1);}
.walkuman > .kMsg{width:100px;height:54px;padding:8px;border-radius:8px;color:#f50;background:rgba(255,255,255,0.8);position:absolute;top:-64px;}

@media screen and (max-width: 1040px){
#wrap_full{width:940px;margin:auto;}
#wrap_full > #content{width:900px;margin:20px auto;}
}
@media screen and (max-width: 500px){}
@media screen and (max-height: 470px){}

@media print{
    #header, #footer, #foot, .kuman, .walkuman{display:none;}
}