@charaset "UTF-8";

* { margin: 0; padding: 0;}
html { height: 100%;}
body {
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
font-size: medium; height: 100%; -webkit-text-size-adjust: 100%;}
.clearfix:after { content: ""; display: block; clear: both;}

div#bg { background: #fff url(../img/bg.jpg) repeat-x fixed; min-height: 90%; width: 100%;}
div#main { width: 90%; margin: 0 auto 2em; padding-top: 1em;}
.cnt { text-align: center; margin-bottom: 2em; padding-top: 1em;}
.cnt table { margin: 0 auto 2em;}
h1 { height: 35px; padding-left: 5%; background-color: #d4f1d3; box-sizing: border-box; font-size: medium;}
h2 { color: #060; text-shadow: 1px 1px 2px #999; margin-left: 0.1em; letter-spacing: 0.1em; font-size: 120%;}
h2, p { margin: 1em 0;}
.right { text-align: right;}
.red { color: red;}
.red a { color: red;}
.bgred { background-color: red;}
.blue { color: blue;}
a.button { background: linear-gradient(#eee, #ccc); border: 1px #666 solid;
text-decoration: none; padding: 1px 5px; color: #000; display: inline-block;}
table{
border: 2px #696 solid; border-collapse: collapse;
margin-bottom: 2em; background-color: #fff;
}
caption { font-weight: bold;}
@media screen and (min-width: 700px) { table.form { width: 38.5em;}}
@media screen and (max-width: 699px) { table.form { width: 30em;}}
@media screen and (max-width: 540px) { table.form { width: 22em;}}
table a { color: #000;}
table.form th, #kintai table.form th { width: 4em;}
tr.bg { background-color: #ccc;}
th, td { border: 1px #696 solid; padding: 3px;}
th { text-align: center; background-color: #cfc;}
th.today { background-color: #f99;}
th.day, th.today { width: 6em; min-width: 6em;}
td { vertical-align: top;}
.self { background-color: #ffc;}
select,input,textarea { font-size: large;}
input[type=checkbox], input[type=radio] { display: none;}
label {
display: block; float: left; width: 8em; margin: 2px;
background-color: #eee; text-align: center;
}
label.radio {
display: block; float: left; width:4em; margin: 2px 4px; color: #f66;
background-color: #fee; text-align: center; border: 1px #f66 solid;
}
input[type=submit], input[type=button] { padding: 3px 10px; cursor: pointer;}
input[type=checkbox]:checked + label { background-color: #666; color: #fff;}
input[type=radio]:checked + label { background-color: #666; color: #fff;}
input[type=radio]:checked + label.radio { background-color: #c00; color: #fff;}
input.check { display: inline;}
hr { border: 1px #696 solid; margin: 20px 0;}

/* システムメニュー */
.systemmenu { width: 576px; margin: 0 auto;}
p.systemmenu { text-align: left; margin: 8px auto;}
.systemmenu img {
display :block; border-radius: 12px; float: left;
margin: 20px; border: 1px #fff outset;}
.systemmenu img:active { border-style: inset;}
#update { width: 550px; height: 20em; margin: 0 auto; overflow: auto;}
#update tr > td:first-child { width: 6em;}
.news { width: 576px; margin: 0 auto; float: none; cursor: pointer; padding: 5px 0; box-sizing: border-box;}
.news span { display: none; background-color: red; color: #fff; margin-right: 5px;}
.content { display: none; overflow: auto; width: 576px; margin: 0 auto; background-color: #fff;
padding: 10px; box-sizing: border-box; text-align: left; line-height: 1.2em;}
.content span { display: inline-block; margin-bottom: 0.5em;}
.content hr { background-color: #666; height: 1px; border: 0; margin: 0 0 0.5em;}
#news { background-color: #ff6; border-box; border: 2px #ffc outset;}
#newscontent { border: 3px #ff6 solid; height: 15em;}
#holiday { background-color: #f99; border-box; border: 2px #fcc outset; margin-top: 8px;}
#holidaycontent { border: 3px #f99 solid; height: auto;}
input[type=checkbox]:checked + label.news { color: #000;}
input#newscheck[type=checkbox]:checked + #news + div { display: block;}
input#holidaycheck[type=checkbox]:checked + #holiday + div { display: block;}
@media screen and (max-width: 570px) {
.systemmenu { width: 360px;}
p.systemmenu { margin: 8px;}
.systemmenu img { width: 140px; margin: 8px 0 0 25px;}
#update { width: 360px; font-size: small;}
}
@media screen and (max-width: 699px) { .news, .news + div { width: 96%;} .news span { display: inline-block;}}

/* 連絡表示 */
div#contact { color: red; font-weight: bold; font-size: 120%; text-align: left; margin: 0 8px;}
div#contact hr, div#et_contact hr { border-width: 1px 0 0 0; margin: 3px 0;}
div#contact span { font-weight: normal; font-size: small;}
div#contact a { font-weight: normal; font-size: medium;}
div#et_contact { font-size: small;}
div#et_contact a { font-size: x-small;}
@media screen and (min-width: 700px) { div#contact { width: 600px; margin: 0 auto;}}

/* 見積り */
div#estbg { background: #fff url(../img/mitsumoribg.jpg) repeat-x fixed; min-height: 90%; min-width: 36em;}
#est h1 { background-color: #d0e9fd; min-width: 36em;}
#est h2 { color: #036;}
#est hr { border-color: #369;}
#est table, #car th, #car td { border-color: #369;}
#est th { background-color: #9cf;}
#est td { padding: 8px;}
#est tr > td:first-child { font-size: x-large; text-align: center;}
#est #config { line-height: 2em; margin-bottom: 1em;}
#est input[type=text], #est input[type=number] { font-size: x-large; background-color: #ffc;}
#est table select { background-color: #ffc; border: 1px #666 solid; padding: 1px;}

#esmain { width: 1000px; margin: 1em 2em 0; line-height: 1.1em; position: relative; font-size: 14px;}
#esmain img#lw { position: absolute; left: 50px; top: -1em; width: 120px;}
#esmain h3 { background-color: #f93; color: #fff; font-size: 26px; text-align: right; line-height: 1.5em;
padding-right: 0.5em; letter-spacing: 1em;}
#esmain p { border-bottom: 2px #000 solid; padding: 0 2em 0 10px; display: inline-block; margin: 20px 0 0;}
#esmain p span { font-weight: bold; font-size: 140%;}
#esmain p#total { border-bottom: 3px #000 double; font-size: 18px; font-weight: bold; width: 40%;}
#esmain p#total span:first-child { font-size: 12px;}
#esmain table { width: 100%; border-color: #f93; border-width: 0 0 20px; margin: 1em 0 0;}
#esmain th { background-color: #f93; color: #fff; border: 1px #f93 solid;}
#esmain td { border-width: 0 1px; border-color: #666; font-size: 13px;}
#esmain td.total { text-align: center; font-size: 16px; font-weight: bold; padding-right: 10px;}
#esmain p#mkstaff { text-align: center; position: absolute; top: 220px; right: 0;
line-height: 1.8em; padding: 0 0.8em;}
#office { position: absolute; top: 110px; right: 0; font-weight: bold;}
#office span { letter-spacing: 0.3em;}
@media screen and (max-width: 699px) {
#est table input[size="20"] { width: 5em;}
#est table input[size="1"] { width: 1em;}
#est table input[size="5"] { width: 2em;}
#est input[size="50"] { width: 20em;}
#est input#entry { display: block; width: 6em; margin: 1em auto; font-size: x-large;}
#est table a.button { display: block; width: 2em; text-align: center;}
}

/* 申請 */
div#shinseibg { background: #fff url(../img/shinseibg.jpg) repeat-x fixed; min-height: 90%; min-width: 24em;}
#apply h1 { background-color: #bdf2d6; min-width: 24em;}
#apply h2 { color: #063;}
#apply ul { width: 6em; margin: 0 auto; font-size: large;}
#apply li { list-style-type: none; width: 80px; display: inline-block;}
#apply table { margin-bottom: 1em; width: 48em;}
#apply table#check { width: 400px;}
#apply caption { background-color: #396; color: #fff; padding: 3px 0;}
#apply table, #apply th, #apply td { border-color: #396;}
#apply th { background-color: #9fc;}
#apply th.th3 { width: 3em;}
#apply th.th12 { width: 12em;}
#apply td { vertical-align: middle; padding: 6px 4px;}
#apply #check th { width: 6em;}
#apply hr { border-color: #396;}
#apply input[type=text], #apply input[type=number] { margin-bottom: 8px;}
#apply input[size="1"] { width: 3em;}
#apply label { float: none; display: inline-block; width: 4em; font-size: large; padding: 3px 0; margin: 5px;}
@media screen and (max-width: 800px) { #apply table { width: 22em;} #apply th.pc, #apply td.pc { display: none;}}
@media screen and (max-width: 500px) { #apply table#check { width: 100%;}}

/* 車両 */
div#carbg { background: #fff url(../img/carbg.jpg) repeat-x fixed; min-height: 90%; min-width: 34em;}
#car h1 { background-color: #d3e0ff; min-width: 34em;}
#car h2 { color: #306;}
#car h3 { color: #306; font-size: 120%; margin-bottom: 5px;}
#car a.edit { background-color: #ffc; border: 2px #ffc outset; padding: 1px 3px; text-decoration: none; display: inline-block;}
#car a.edit:active { border-style: inset;}
#car table, #car th, #car td { border-color: #669;}
#car td { text-align: center; padding: 5px 8px; vertical-align: middle;}
#car th { background-color: #ccf;}
#car hr { border-color: #669;}
#car input[type=radio] { display: inline;}
#car #edit input[type=submit] { padding: 1px 6px; background-color: #ff6; border: 1px #cc6 outset;}
#car #edit { font-size: large; background-color: #666; color: #fff; font-weight: bold; width: 28em; padding: 5px;}
@media screen and (max-width: 900px) { #car .mobile { display: none;} #car a.button { width: 3em;} #car div#main { width: 95%;}}

/* 在庫 */
div#stockbg { background: #fff url(../img/stockbg.jpg) repeat-x fixed; min-height: 90%; min-width: 48em;}
#stock h1 { background-color: #fedfad; min-width: 48em;}
#stock h2 { color: #630;}
#stock .table { width: 88em; margin: 0 auto 1em;}
#stock caption { background-color: #963; color: #fff; padding: 3px;}
#stock table { line-height: 1.1em;}
#stock table, #stock th, #stock td { border-color: #963;}
#stock table.list { width: 42em; margin: 0 1em; float: left;}
#stock tr.season1 { background-color: #ffc;}
#stock tr.season2 { background-color: #cc9;}
#stock th { background-color: #fc9;}
#stock th.goodsname { width: 10em;}
#stock td { vertical-align: middle;}
#stock .list td { text-align: left; padding: 5px;}
#stock td.stockcount { text-align: right;}
#stock td.stockcount span { font-weight: bold; font-size: 120%; margin-right: 3px;}
.use { background-color: #ccf;}
.add { background-color: #fcc;}
#stock input[type=text] { width: 2em;}
#stock label { line-height: 1.5em;}
#stock hr { border-color: #963;}
#stock table img { display: block; margin: 0 auto;}
@media screen and (max-width: 1200px) { #stock .table { width: 44em;}}

/* 勤退 */
div#kintaibg { background: #fff url(../img/kintaibg.jpg) repeat-x fixed; min-height: 90%; min-width: 28em;}
#kintai h1 { background-color: #fad1d5; min-width: 28em;}
#kintai h2 { color: #600;}
#kintai table.list th { width: 5em;}
#kintai table, #kintai td  { border-color: #966;}
#kintai td.title { font-weight: bold; font-size: 120%; vertical-align: middle; width: 10em;}
#kintai .total > td:first-child { background-color: #966; color: #fff; border-color: #fff;
font-weight: bold; letter-spacing: 2em; padding-left: 2em;}
#kintai .total td + td { background: none; border-top: 4px #966 double; border-color: #966; font-weight: bold;}
#kintai th { background-color: #966; color: #fff; border-color: #fff; width: 3em; line-height: 1.1em;}
#kintai th.staffname { width: 8em;}
#kintai th.day { width: 7em;}
input.iconin, input.iconout, input.iconhalf {
display: block; width: 4em; margin: 0 auto; padding: 10px 0 10px 0.5em; cursor: pointer;
font-size: x-large; font-weight: bold; text-decoration: none; letter-spacing: 0.5em;
text-align: center; border-width: 3px; border-style: outset; border-radius: 6px;}
input.iconhalf { color: #03c; background-color: #9cf; border-color: #06f;}
input.iconin { color: #c30; background-color: #fc9; border-color: #f60;}
input.iconout { color: #390; background-color: #cf9; border-color: #6f0;}
input.iconin:active, input.iconout:active, input.iconhalf:active { border-style: inset;}
#kintai table.form { width: 42em;}
#kintai table.form th { width: 5em;}
#kintai table.form td { text-align: left;}
#kintai table.form a.button { display: block; width: 6em; float: left;
text-align: center; margin: 3px;}
#kintai hr { border-color: #966;}
#kintai caption { padding: 10px; text-align: left;}

/* スケジュール */
div.timeline { font-family: "ＭＳ Ｐゴシック", sans-serif; overflow: auto;
background-color: #fff; height: 5em; padding: 3px 5px; line-height: 1em;
border: 1px #ccc solid;}
div.timelineself { font-family: "ＭＳ Ｐゴシック", sans-serif; overflow: auto;
background-color: #fff; max-height: 5em; padding: 3px 5px; line-height: 1em;
border: 1px #ccc solid; color: red;}
#schedule h3 { clear: both; background-image: url(../img/h2icon.gif); background-repeat: no-repeat;
line-height: 26px; padding-left: 30px; font-size: large; margin-top: 1em;}
#schedule table { width: 100%; table-layout: fixed; margin-bottom: 0;}
#schedule table td { word-break: break-all;}
#schedule table.moto { table-layout: auto;}
#schedule table.moto td { min-width: 10em;}
#schedule li { list-style-type: none; float: left; padding: 2px 5px; margin: 0  8px 8px 0;
background-color: #ff9; border-style: solid; border-width: 1px; border-color: #ffc #cc6 #cc6 #ffc;}
#schedule li a { text-decoration: none; color: #300; display: block;}
#schedule li.ot { background-color: #f99; border-color: #fcc #c66 #c66 #fcc;}
#scrollbar { width: 100%; height: 20px; overflow-x: auto; overflow-y: hidden;}
#schedule .bgimp { background-color: #ff0;}

/* スマホ表示 */
#schedule #nav-drawer { background-color: #ff6; position: relative; padding: 8px; text-align: right; line-height: 1em;}
#schedule #nav-drawer img { margin: 3px;}
#schedule #nav-content { position: absolute; width: 90%; max-width: 330px; background-color: #9c9; right: 0;
padding: 8px 0; display:none; text-align: center; z-index: 999;}
#schedule #nav-open span:after { content: "MENU 三"; font-size: large; font-weight: bold;}
#schedule #nav-drawer label { display: inline; float: none; width: auto; margin: 0; background-color: transparent;}
#schedule #nav-input:checked + label { background-color: transparent; color: #000;}
#schedule #nav-input:checked + label span:after { content: "閉じる×";}
#schedule #nav-input:checked + label + div { display: block;}
#schedule #mobilenav { padding: 0 5px 4px; font-weight: bold;}
#schedule #mobilenav li { float: none; display: block; margin: 4px; padding: 8px; background-color: #cfc;
font-size: large; border: none;}
#schedule #scnav li { display: inline-block; width: 5em; margin: 2px; background-color: #ff9; font-weight: normal;}
#schedule #scnav li.ot { width: 3em; margin: 2px 1.5px; background-color: #f99;}
#schedule #scnav ul { padding: 0; margin-top: 6px;}

@media screen and (min-width: 700px) {
#schedule #nav-drawer { display: none;}
#iconmenu, .scmenu { display: block;}
#schedule table.one { width: 40%;}
}
@media screen and (max-width: 699px) {
#schedule .excel { display: none;}
#schedule h1 { display: none;}
#schedule h3 { margin-top: 5px;}
#schedule #main { padding-top: 1px; width: 96%;}
#schedule #nav-drawer { display: block;}
#iconmenu, .scmenu { display: none;}
#schedule table { table-layout: auto;}
#schedule table td { min-width: 8.5em;}
th.day, th.today { width: 5em; min-width: 5em; font-size: small;}
div.timelineself, div.timelineself + p { font-size: small;}
#scrollbar { height: 1px;}
}

/* スケジュール詳細表示 */
div.box { position:relative;}
div.box span.line { text-decoration: underline;}
.mbnull { background-color: #fcc;}
div.box p { margin: 0 0 3px; padding: 0.5em 0; border-bottom: 1px #000 solid; font-weight: bold;}
div.box .button { font-weight: normal;}
div.box div { display: none; padding: 3px;}
div.box:hover { background-color: #0cf;}
div.box:hover div {
display: block; position:absolute; left: 10%; z-index: 999;
width: 90%; background-color: #cff; box-sizing: border-box;
}
.stb { background-color: #444; color: #fff; 
margin-left: 2px; font-size: small; font-weight: bold;}
#calender { margin-top: 10px;}
#calender td { height: 6em;}

/* 元請表示色 */
.owner {
margin-left: 2px; font-size: small; font-weight: bold;}
.lw { background-color: #f60; color: #ff9;}
.jon { background-color: #f00; color: #fff;}
.sai { background-color: #ff0; color: #000;}
.michi { background-color: #f60; color: #000;}
.yuai { background-color: #09f; color: #000;}
.inoue { background-color: #0c3; color: #000;}
.daiken { background-color: #036; color: #fff;}
.ichi { background-color: #666; color: #fff;}
.bell { background-color: #963; color: #fff;}
.clen { background-color: #063; color: #fff;}
.takuto { background-color: #9cc; color: #000;}
.sogo { background-color: #fc9; color: #000;}
.takeda { background-color: #9c6; color: #000;}
.nen { background-color: #ccc; color: #000;}
.mulch { background-color: #930; color: #fff;}
.patek { background-color: #3cc; color: #000;}
.eito { background-color: #93c; color: #fff;}
.ark { background-color: #f09; color: #fff;}
.taihei { background-color: #f99; color: #000;}
.takahashi { background-color: #069; color: #fff;}
.guri { background-color: #fc0; color: #000;}
.naga { background-color: #cf0; color: #000;}
.alpha{ background-color: #0c9; color: #000;}
.biso { background-color: #f6f; color: #000;}
.akita { background-color: #c33; color: #fff;}
.yuni { background-color: #093; color: #fff;}
.tws { background-color: #990; color: #fff;}
.it { background-color: #f96; color: #fff;}
.anto { background-color: #cfc; color: #000;}
.toyo { background-color: #cff; color: #000;}
.telwill { background-color: #ccf; color: #000;}
.support { background-color: #f0f; color: #fff;}
.bforest { background-color: #33f; color: #fff;}
.other { background-color: #000; color: #fff;}