/*-------------------------------
出力非対象項目
 -------------------------------*/
div#header {
    display:none !important;
}

div#title {
    display:none !important;
}
div.sagyo-hokoku-check {
    display:none !important;
}

input.tuki_navi {
    display:none !important;
}

span[title^="警告"] {
    display:none !important;
}

span[title^="エラー"] {
    display:none !important;
}

div.action-area {
    display: none !important;
}

/*0093:追加start*/

.position_left {
    text-align: end;
    position: relative;
    left: 10px;
}

.maetugi {
    display:none !important;
}


/*作業報告書ページ下氏名*/
.simei {
padding-bottom:0em;
}

.todokedechui {
    color: #FF0000;
    font-size: medium;
    font-weight:bold;
}

/*印刷用画面、会社名*/
.kaishamei {
    /*text-align:end;*/
    /*margin-left: auto;*/
    float:right;
    font-size: medium;
    font-weight:bold;
}
/*印刷用画面、テーブル項目幅*/
.haba {
    width:45px;
    text-align:center;
}

.monshinhyo_kinyu {
    width:80em;  
}


/*0093：追加end*/


/*-------------------------------
設定変更
 -------------------------------*/
body {
    font-family:'ＭＳ Ｐゴシック','MS PGothic', sans-serif !important;
}

.tuki_navi_center {
    width:170px !important;
}

select {
    font-size:.8em !important;
}

table.list1 tr th,table.list1 tr td, 
table.list2 tr th,table.list2 tr td {
    font-size: 14px !important;
}

div#main2 {
    padding:0 0% !important;
}

/*****以下はSite.cssと共通*****/

/*-------------------------------
全画面共通
 -------------------------------*/
html {
    height:100%;
    width:100%;
    background-color:transparent;
    margin-bottom:1px;
    overflow-y:scroll;
}

body {
    font-size: 0.85em;
    font-family:'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ', Meiryo,
                'ＭＳ Ｐゴシック','MS PGothic', sans-serif; /*macならヒラギノ,winならメイリオ*/
    color: #333333;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    display:block;
    min-width:768px;
    -webkit-text-size-adjust: 100%;
}

/*テキストボックス系*/
input[type="text"],input[type="password"],
input[type="date"],input[type="time"]{
    font-family:'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ', Meiryo,
                'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
    position:relative; 
    margin:auto;
    color: #333333;
    vertical-align:middle;
    height:1.615em;
    border: 1px solid #CCCCCC;
}

input[type="password"] {
    font-family: Verdana, sans-serif;

}

input[type="date"], input[type="time"] {
    width:12em;

}


/*テキストエリア*/
textarea {
    -webkit-box-sizing: border-box; /* Chrome, Safari */
    -moz-box-sizing: border-box;    /* Firefox */
    box-sizing: border-box;         /* IE8+, Opera */
    font-size: 1em;
    font-family:'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ', Meiryo,
                'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
    border: solid 1px #CCCCCC;
    color: #333333;
    min-height: 75px;

}

/*ドロップダウンリスト*/
select {
    width:14em; /*幅12文字分*/
    font-family:'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ', Meiryo,
                'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
    border: solid 1px #CCCCCC;
    color: #333333;
    margin:1px;
    padding:1px;
    vertical-align:middle;
}

hr {
margin:1em 0;
}


/*-------------------------------
ヘッダ
 -------------------------------*/
div#header {
    background-image: url("../Content/img/header.jpg");
    background-repeat: repeat-x;
    height:40px;
    color:#ffffff;
    margin:0;
    padding:0;
    overflow:hidden;
    width:100%;
    border:none;
    display:block;


}

/*ヘッダ部左の指定*/
div#header-left {
    float:left;
    width:300px;
    text-align:left;
    color:#ffffff;
    padding:0.3em 0 0 0;
    margin:0;

}

/*ヘッダ部右の指定*/
.header-right {
    float:right;
    padding:0.8em 1em 0 0;
    margin:0;
}



/*-------------------------------
タイトル
 -------------------------------*/
/*画面のタイトル(画面名)に適用するID*/
div#title {
    background-image: url("../Content/img/m3_title_bg.jpg");
    background-repeat: repeat-x;
    color: #018bb9;
    border-top:1px double #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    height: 1.5em;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    clear:both;
    margin:0;
    overflow:hidden;

}

/*タイトル左*/
div#title-left {
    float:left;
    margin:auto 1em;

}

/*タイトル右*/
div#title-right {
    float:right;
    margin-right:0.5em;
    margin-left:0.5em;

}

/*タイトル画像用*/
img.top {
    /*IE用：枠なし*/
    border-style:none;
    height:30px;
    width:158px;
}

/*-------------------------------
メイン(レイアウト用)
 -------------------------------*/
div#main1 {
    padding:0 2%;
    /*border-color:red;
    border-style:solid;*/
    overflow:hidden;
    display:block;
}

div#main2 {
    padding:0 5%;
    /*border-color:pink;
    border-style:solid;*/
    overflow:hidden;
    display:block;
}

div#main3 {
    padding:0 10%;
    /*border-color:orange;
    border-style:solid;*/
    overflow:hidden;
    display:block;
}


/*div#container{
    position: relative;
    min-height: 100%;
        border-color:purple;
    border-style:solid;
}*/

/*コンテンツ左50%*/
div#main-left {
    float:left;
    width:48%;
    /*border-color:purple;
    border-style:solid;*/
    display:block;

}

/*コンテンツ左75%*/
div#main-left75 {
    float:left;
    width:73%;
    /*border-color:yellow;
    border-style:solid;*/
    display:block;
}

/*コンテンツ右50%*/
div#main-right {
    float:left;
    width:48%;
    /*border-color:yellowgreen;
    border-style:solid;*/
    display:block;

}

/*コンテンツ右25%*/
div#main-right25 {
    float:left;
    width:23%;
    /*border-color:yellowgreen;
    border-style:solid;*/
    display:block;

}

/*フッター*/
div#footer {
    text-align:right;
    display:block;
    height: 1em;
    clear:both;
    /*border-color:green;
    border-style:solid;*/
}

header, footer, nav, section {
    display: block;

}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

/*ボタン・リンクのエリア*/
div.action-area {
    clear:both;
    margin:5px 0;

}

/*ボタンのエリア*/
div.button-area {
    margin-top:1em;

}

/*状況表示のエリア*/
div.status-area {
    font-size:.8em;
    color:#696969;
    text-align:right;
    margin-top:1em;
    border-bottom:1px solid #cccccc;
}

/*区切り*/
span.separator {
    width:1px;
    height:100%;
    margin:0 2%;
    border-left:solid 1px #CCCCCC;
}

/*回り込み解除*/
.clear {
    clear:both;
    display:none;
}

/*個別設定*/

/*作業報告書の勤務時間帯*/
div.time-pattern {
    margin-top:1em;
    padding-top:1em;
    border-top:solid 1px #CCCCCC;

}

/*作業報告書の過重労働有無*/
div.kaju-rodo {
    margin-top:1em;
    padding-top:1em;
    border-top:solid 1px #CCCCCC;

}

/*作業報告書のチェック*/
div.sagyo-hokoku-check {
    margin-top:1em;
    padding-top:1em;
    border-top:solid 1px #CCCCCC;

}

/*作業報告書の承認欄*/
div.shoninlan {
    margin-top:1em;
    padding-top:1em;
    border-top:solid 1px #CCCCCC;

}

/*問診票の評価欄*/
div.rating-area {
    overflow:hidden;
    display:block;
}

/*問診票の評価欄左*/
div.rating-area-left {
    float:left;
    width:48%;
    display:block;
}

/*問診票の評価欄右*/
div.rating-area-right {
    float:right;
    width:48%;
    display:block;
}

/*問診票の面接結果*/
div.interview-area {
    clear:both;
    border-top:solid 1px #cccccc;
    padding-top:1em;
}

/*問診票の面接結果リスト*/
ul.interview {
    list-style:none;
    display:block;
}

/*問診票の面接結果リスト項目*/
ul.interview > li {
    float:left;
}

/*問診票の面接結果リスト行頭項目*/
li.line-head {
    clear:both;
}

/*問診票の面接結果リスト最終項目*/
ul.interview > li:nth-last-of-type(1) {
    float:none;
}

/*作業報告書の役所報告画面ボタン*/
.yakusyo {
    float:right;
    margin:1em 0 1em 0;
}

/*稼働一覧画面の補足欄*/
.notes-area {
    clear:both;
}

/*-------------------------------
テーブル系
 -------------------------------*/
/*基本的なtable・tdに適用するクラス*/
table.main {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    position:relative;
    width:100%;
    margin: 1em auto;*/
    width:100%;
    margin: 1em auto;
}

/*基本的(枠線なし)なtable・tdに適用するクラス*/
table.main2 {
    border: none;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    width:100%;
    margin: 0 auto;*/
    width:100%;
    margin: 1em auto;
}

td.main {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    position:relative;
    width:100%;
    margin: 1em auto;*/
    /*width:100%;*/
    /*margin: 1em auto;*/
}

/*ログアウトボタンを配置するテーブル(枠線なし)適用するクラス*/
table.logout {
    border: none;
    /*width: 1000px;*/
}

/*基本的な項目名ラベルに適用するクラス*/
td.label,th.label{
    border: solid 1px #CCCCCC;
    background-color: #E3F1F6;
    width:12em;
    min-width:100px;


}

/*基本的(枠線なし)なtable・tdに適用するクラス*/
td.carender {
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    /*width: 300px;*/
}

/*基本的(枠線なし)なtable・tdに適用するクラス*/
td.currenttime {
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    /*width: 350px;*/
    text-align:center;
}

/*タイムレコーダー画面のInfomationラベルに適用するクラス*/
td.timerec_item1_label {
    border: solid 1px #CCCCCC;
    background-color: #E3F1F6;
    /*width: 510px;*/
}

/*タイムレコーダー画面のプロジェクト・所属・社員No・氏名の項目値欄に適用するクラス*/
td.timerec_item2_label {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    width: 200px;
}

/*タイムレコーダー画面の出勤・退勤・主な作業内容の配置に適用するクラス*/
td.timerec_item1
    {
    border: none;   
    /*margin-top: 10px;
    margin-bottom: 10px;*/
    width: 500px;
}

/*基本的なtable・tdに適用するクラス*/
table.login {
    border: solid 1px #CCCCCC;
    /*margin-top: 10px;
    margin-bottom: 10px;
    width: 1000px;
    position:relative;
    width:100%;
    margin: 1em auto;*/
    margin:1em 0;

}

table.shain {
    border: solid 1px #CCCCCC;
    margin:1em 0;
}

/*-------------------------------
リスト表示用
 -------------------------------*/


/*0093：交通費精算連番start*/

/*文字色赤 幅100%*/
.text_area_hinin {
    width: 100%;
    max-height:10em;
    /*color: #ff0000;*/
    position:relative;
    font-size:15px;
}



span.error_m {
    font-size: 15px;
    font-weight: normal;
    color: #FF4040;
    display: block;
    margin: 0;
}

table.userjoho {
    width: 50%;
    margin:1px;
    border: 1px solid #CCC;
    border-collapse:collapse;
    border-spacing: 0;
    margin: 1em auto;
}

table.userjoho tr th,table.userjoho tr td {
    font-size: 12px;
    border: 1px solid #CCC;
    border-collapse:collapse;
    padding: 1px 3px 1px 1px;
}


table.basic {
    width: 100%;
    margin:1px;
    border: 1px solid #CCC;
    border-collapse:collapse;
    border-spacing: 0;
    margin: 1em auto;
}


table.basic tr th,table.basic tr td {
    font-size: 12px;
    border: 1px solid #CCC;
    border-collapse:collapse;
    padding: 1px 3px 1px 1px;
}


.ta-line{  
  background-color: #EAF6FD; 
  height: 10px; 
  border: medium;
}


/*0093：交通費精算連番end*/



table.list1 {
    width: 100%;
    margin:1px;
    border: 1px solid #CCC;
    border-collapse:collapse;
    border-spacing: 0;
    margin: 1em auto;

}
table.list2 {
    width: 50%;
    margin:1px;
    border: 1px solid #CCC;
    border-collapse:collapse;
    border-spacing:0;
    margin: 1em auto;

}

table.list1 tr th,table.list1 tr td, 
table.list2 tr th,table.list2 tr td {
    font-size: 12px;
    border: 1px solid #CCC;
    border-collapse:collapse;
    /*border-right: 1px solid #CCC;*/
    padding: 1px 3px 1px 1px;
}
table.list1 tr th,table.list2 tr th {
    background: #E3F1F6;
}

th.left {
    text-align:left;
}

th.px10,td.px10 {
    width: 10px;
}
th.px20,td.px20 {
    width: 20px;
}
th.px30,td.px30 {
    width: 30px;
}
th.px40,td.px40 {
    width: 40px;
}
th.px50,td.px50 {
    width: 50px;
}
th.px60,td.px60 {
    width: 60px;
}
th.px70,td.px70 {
    width: 70px;
}
th.px80,td.px80 {
    width: 80px;
}
th.px90,td.px90 {
    width: 90px;
}
th.px100,td.px100 {
    width: 100px;
}
th.px100,td.px110 {
    width: 110px;
}
th.px150,td.px150 {
    width: 150px;
}
th.px190,td.px190 {
    width: 190px;
}
th.px200,td.px200 {
    width: 200px;
}
/*0093：追加*/
th.px250,td.px250 {
    width: 250px;
}


th.px450, td.px450 {
    width: 450px;
}

td.timeright {
    width: 50px;
    text-align: right;
}

td.kaisulight {
    text-align: right;
}

/*20150119 kanei add start 備考追加対応*/
th.fix, td.fix{
    table-layout: fixed;
    word-break:break-all;
}
/*20150119 kanei add end 備考追加対応*/

table.shoninlan {
	margin:1px;
	border-spacing:0px;
    text-align: center;
}
table.shoninlan tr td {
	font-size: 12px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 1px;
    text-align: center;
}

.check-button {
    text-align:center;
}

.check-date {
    text-align:center;
    vertical-align:top;
}

.memo {
    width:75%;
}

.no {
    width:5%;
}

.question {
    width:60%;
}

.tensu {
    width:10%;
}

.matrix {
    width:20%;
}

/*-------------------------------
色指定用(文字で指定)
-------------------------------*/

/*作業報告画面*/
span[title="土"] { /*青系*/
    color:#4682b4;
}

span[title="日"] { /*赤系*/
    color:#ff4500;
}

span[title="認"] { /*青系*/
    color:#4682b4;
}

span[title="未"] { /*赤系*/
    color:#ff4500;
}

span[title="否"] { /*紫系*/
    color:#c71585
}

span[title^="警告"] { /*紫系*/
    color:#c71585
}

span[title^="エラー"] { /*赤系*/
    color:#ff4500;
}

/*稼働一覧画面*/
span[title="注"] { /*紫系*/
    color:#c71585;
}

span[title="危"] { /*赤系*/
    color:#ff4500;
}

span[title="済"] { /*青系*/
    color:#4682b4;
}

/*-------------------------------
月表示用
-------------------------------*/
.round {
    border-radius: 5px;
    border: 1px solid #999999;
    padding: 4px;
    width: 170px;
    background-color:#E3F1F6;
    font-weight: bold;
    overflow:hidden;
    margin:1em 0 1em 0;
    float:left;

}

.tuki_navi_left {
    text-align:center;
    float:left;
    width:40px;
}

.tuki_navi_center {
    text-align:center;
    float:left;
    width:90px;
}

.tuki_navi_center2 {
    text-align:center;
    float:left;
    width:170px;
}

.tuki_navi_right {
    text-align:center;
    float:left;
    width:40px;
}

/*-------------------------------
ラベル系
 -------------------------------*/
/*nishimotoa 20140123 start*/
/*firefox用*/
@font-face {
  font-family: 'arial-black';
  src: local('Arial Black');
}

/*時間表示(yyyy/mm/dd)に適用するクラス*/
.label_item1{
    color: #616161 ;
    font-family: "Arial Black", arial-black, sans-serif;
    font-size: 20px ;
    text-align:center;
}

/*時間表示(hh:mm:ss)に適用するクラス*/
.label_item2{
    color: #616161 ;
    font-family: "Arial Black", arial-black, sans-serif;
    font-size: 30px ;
    text-align:center;
}
/*nishimotoa 20140123 end*/

/*対象日に適用するクラス*/
.label_item3{
    color: #616161 ;
    font-family: "OCRB";
    font-size: 20px ;
}

/*右寄せの項目(数値)に適用するクラス*/
td.right,th.right {
    text-align:right; /*右寄せ*/

}

/*中央寄せ(時刻,1文字表示)の項目に適用するクラス*/
td.center,th.center {
    text-align:center; /*中央寄せ*/
}

/*左寄せの項目に適用するクラス*/
td.left.th.left {
    text-align:left; /*左寄せ*/
}


/*改行しない項目に適用するクラス*/
.nowrap {
    white-space:nowrap;
}

/*-------------------------------
テキストボックス系
 -------------------------------*/
/*テキストボックス(12文字程度入力可能)に適用するクラス*/
.text_item1
{
    width: 12em;
}

.text_item3
{
    width: 200px;
}

.text_item4
{
    width: 205px;
}

.text_item5
{
    width: 500px;
}

input.jiyu {
    width:40em;

}

input.date {
    ime-mode:inactive;

}

/*-------------------------------
テキストエリア
 -------------------------------*/

/*文字色赤 幅100%*/
.text_area1 {
    width: 100%;
    max-height:10em;
    color: #0000ff;
    position:relative;
}

/*文字色指定なし 幅100%*/
.text_area2 {
    width: 100%;
    max-height:10em;

}

/*-------------------------------
ドロップダウンリスト
 -------------------------------*/
select.monshinhyo {
    width:20em;

}

/*-------------------------------
文字装飾系
 -------------------------------*/
.underline {
    text-decoration:underline;
}

.red {
    color: #ff4500;
}

.blue {
    color: #0000ff;
}

.disabled {
    color:#a9a9a9;
}

/*-------------------------------
ボタン系
 -------------------------------*/
.btn_item1 {
	font-size:16px;
	font-family:Comic Sans MS;
	font-weight:bold;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #dcdcdc;
    /*margin:auto;*/
	padding:20px 80px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #F4F2F4), color-stop(60%, #cccccc) );
	background:-moz-linear-gradient( center top, #F4F2F4 15%, #cccccc 60% );
	background:-ms-linear-gradient( top, #F4F2F4 15%, #cccccc 60% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F2F4', endColorstr='#cccccc');
	background-color:#F4F2F4;
	color:#777777;
	display:inline-block;
	text-shadow:0px 0px 0px #ffffff;
 	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
 	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
 	box-shadow:inset 0px 0px 0px 0px #ffffff;
     text-align: center;
}
.btn_item1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #cccccc), color-stop(60%, #F4F2F4) );
	background:-moz-linear-gradient( center top, #cccccc 15%, #F4F2F4 60% );
	background:-ms-linear-gradient( top, #cccccc 15%, #F4F2F4 60% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#F4F2F4');
	background-color:#cccccc;
}
.btn_item1:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#F4F2F4), to(#cccccc));
	background: -moz-linear-gradient(top,  #F4F2F4,  #cccccc);
	position:relative;
	top:1px;
}

.tuki_navi {
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #469df5;
	padding:3px 4px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #287ace;
	-webkit-box-shadow:inset 1px 1px 0px 0px #cae3fc;
	-moz-box-shadow:inset 1px 1px 0px 0px #cae3fc;
	box-shadow:inset 1px 1px 0px 0px #cae3fc;
}
.tuki_navi:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;

}
.tuki_navi:active {
	position:relative;
	top:1px;
}

/*登録,否認,更新,チェック等のボタン*/
input.toroku_cancel,
input.login,
input[name="Btnmonth"],
input[name="Btnshoninnext"],
input[name="Btnkaju"] {
    /*display: inline-block;*/
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    color:#555555;
    padding: .5em 2em .55em;
    /*text-shadow:  0 1px 1px rgba(0,0,0,.3);*/
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 1px #898989;
    -moz-box-shadow: 0 1px 1px #898989;
    box-shadow: 0 1px 1px #898989;
    border: solid 1px #dcdcdc;
    background: #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf5), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fbfaf5,  #dcdcdc);
    background:-ms-linear-gradient( top, #fbfaf5 15%, #dcdcdc 60% );
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfaf5', endColorstr='#dcdcdc');
}

/*input.toroku_cancel:hover,
input.login:hover,
input[name="Btnmonth"]:hover,
input[name="Btnkaju"]:hover {
    background: #dfdfdf;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ededed));
    background: -moz-linear-gradient(top,  #f3f3f3,  #ededed);
    background:-ms-linear-gradient( top, #f3f3f3 15%, #ededed 60% );
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ededed');
}*/

input.toroku_cancel:active,
input.login:active,
input[name="Btnmonth"]:active,
input[name="Btnshoninnext"]:active,
input[name="Btnkaju"]:active {
    position:relative;
    top:1px;
    background: #e5e4e6;
}

/*input.toroku_cancel[disabled],
input.login[disabled],
input[name="Btnmonth"][disabled],
input[name="Btnkaju"][disabled],
input.toroku_cancel[disabled]:hover,
input.login[disabled]:hover,
input[name="Btnmonth"][disabled]:hover,
input[name="Btnkaju"][disabled]:hover,
input.toroku_cancel[disabled]:active,
input.login[disabled]:active,
input[name="Btnmonth"][disabled]:active,
input[name="Btnkaju"][disabled]:active {
    color:#848484!important;
    text-shadow:1px 1px 0px #eaeaea;
    top:0;
    background:#dcdcdc;
    cursor:default;
}*/

/*次へボタン*/
button[name="NextButton"] {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    color:#555555;
    padding: .5em .5em .2em;
    /*text-shadow:  0 1px 1px rgba(0,0,0,.3);*/
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 1px #898989;
    -moz-box-shadow: 0 1px 1px #898989;
    box-shadow: 0 1px 1px #898989;
    border: solid 1px #dcdcdc;
    background: #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf5), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fbfaf5,  #dcdcdc);
    background:-ms-linear-gradient( top, #fbfaf5 15%, #dcdcdc 60% );
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfaf5', endColorstr='#dcdcdc');
}

/*button[name="NextButton"]:hover {
    background: #dfdfdf;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ededed));
    background: -moz-linear-gradient(top,  #f3f3f3,  #ededed);
    background:-ms-linear-gradient( top, #f3f3f3 15%, #ededed 60% );
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ededed');
}*/

button[name="NextButton"]:active {
    position:relative;
    top:1px;
    background: #e5e4e6;
}

/*-------------------------------
画像
 -------------------------------*/

img.shonin {
    width:40px;
    height:40px;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

/*-------------------------------
バリデーション系
 -------------------------------*/
.field-validation-error {
    color: #ff4500;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff4500;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff4500;
    margin-top:1em;
}

.validation-summary-errors ul {
    /*list-style-type: none;*/
    padding-left:1.5em;

}

.validation-summary-valid {
    display: none;
}

/*-------------------------------
リンク
 -------------------------------*/
/* リンク全体 */
a:link {
    color: #0000ff;

}

/* 既に見たリンク */
a:visited {
    color: #0000ff;
}

/* クリック時のリンク */
a:active {
    color: #00ff00;
}

/* カーソルが上にある時のリンク */
a:hover {
    color: #ff0000;
    text-decoration: none;
}


/*-------------------------------
ログイン画面用
--------------------------------*/

div.login-msg {
    margin-left:1em;

}

div.login-wrapper {
    width:450px;
    margin:0 auto;

}

span.login-title {
    color: #018bb9;
    margin-bottom:1%;

}

div.login-box {
    width:400px;
    margin:1em auto;
    padding:1%;
    border:1px solid #cccccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-box-shadow: 1px 1px 3px #cccccc;
    -moz-box-shadow: 1px 1px 3px #cccccc;
    box-shadow: 1px 1px 3px #cccccc;
    background-color: rgba(0,0,255,0.01);
}



div.login-form {
    margin:0.5em 0.5em 0.5em 1em;

}

span.label {
    text-align:left;
    font-size:.85em;

}



/*-------------------------------
勤怠管理メニュー用
 -------------------------------*/
span.menu-title {
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:1px solid white;
    border-left:1px solid #cccccc;
    margin-top:1em;
    color:white;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    margin-bottom:-1px;
    background-image: url("../Content/img/menu.png");
    padding-top:0.2em;
    padding-bottom:0.2em;
    padding-left:0.5em;
    overflow:hidden;
    display:block;
    background-color:white;

}

ul.menu {
    list-style-type: none;
    padding:10px;
    overflow:hidden;
    border:1px solid #cccccc;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
}

ul.menu li {
    list-style-type: none;
    padding:0.1% 0;
    float:left;
    width:200px;
    text-align:center;

}

/*メニューの項目全てに適用する*/
a.menu {
    color: #333333;
    text-decoration: none;
    padding:30% 10% 1% 10%;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    background-position:top 10pt center;
    background-repeat:no-repeat;
    display: block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    font:1em 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ', Meiryo,
             'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

/*メニューの項目全てに適用する*/
a.menu:hover {
    text-decoration: none;
    background-color:rgba(235,246,247,.7);
    background-position:top 10pt center;
    background-repeat:no-repeat;
}

/*メニューの項目全てに適用する*/
a.menu:active {
	position: relative;
	top: 1px;
}

/*タイムレコーダー*/
a.time-recorder {
    background-image:url('../content/img/time2.png');
}

a.time-recorder:hover {
    background-image:url('../content/img/time1.png');
}

/*作業報告書*/
a.sagyo-hokoku {
    background-image:url('../content/img/text2.png');
}

a.sagyo-hokoku:hover {
    background-image:url('../content/img/text1.png');
}

/*稼働一覧*/
a.kado-ichiran {
    background-image:url('../content/img/graph1.png');
}

a.kado-ichiran:hover {
    background-image:url('../content/img/graph2.png');
}

/*ベスタッフカレンダー*/
a.bst-calendar {
    background-image:url('../content/img/cal1.png');
}

a.bst-calendar:hover {
    background-image:url('../content/img/cal2.png');
}

/*出勤確認*/
a.shukin-kakunin {
    background-image:url('../content/img/person2.png');
}

a.shukin-kakunin:hover {
    background-image:url('../content/img/person1.png');
}

/* 20200402 Matsuo add start 法定労働状況チェック対応 */
/*法定労働状況確認*/
a.hoteirodo-jokyo {
    background-image:url('../content/img/hoteirodo1.png');
}

a.hoteirodo-jokyo:hover {
    background-image:url('../content/img/hoteirodo3.png');
}
/* 20200402 Matsuo add end 法定労働状況チェック対応 */

/* 20200417 Matsuo add start みなし残業対応 */
/*法定労働状況確認*/
a.minashi-zangyo {
    background-image:url('../content/img/minashi1.png');
}

a.minashi-zangyo:hover {
    background-image:url('../content/img/minashi2.png');
}
/* 20200417 Matsuo add end みなし残業対応 */

/* 20200722 Matsuo add start 業務部連絡対応 */
/*法定労働状況確認*/
a.gyomubu_renraku {
    background-image:url('../content/img/gyomubu_renraku1.png');
}

a.gyomubu_renraku:hover {
    background-image:url('../content/img/gyomubu_renraku2.png');
}
/* 20200722 Matsuo add end 業務部連絡対応 */

/*承認フロー登録*/
a.shonin-flow {
    background-image:url('../content/img/flow1.png');
}

a.shonin-flow:hover {
    background-image:url('../content/img/flow2.png');
}

/*-------------------------------
その他
 -------------------------------
/* 処理結果を表示に適用するID */
/*div#msg {
	color: red;
	font-weight: bold;
}*/

/* 右揃えに適用するID */
/*#text_right {
	text-align: right;
    padding-right:1em;
}*/

/* 右揃えに適用するID */
/*span#text_right {
	float: right;
}*/

/* 中央揃えに適用するID */
/*#text_center {
	text-align: center;
    margin:0 auto;
}*/

/* 左揃えに適用するID */
/*#text_left {
	text-align: left;
}*/

/*-------------------------------
カレンダー表示に適用するID
 -------------------------------*/
#calendar{
	text-align:center;
	position:relative;
    margin:1em;
}

#calendar table{
    /*20210527 Aoki mod borderバグ対応 start*/
	/*border-collapse: collapse;*/
    border: 1px solid;
    border-collapse: separate;
    /*20210527 Aoki mod borderバグ対応 end*/
	border-spacing: 0;
	font-size:12px;
	background:#E3F1F6;
    margin:1em 2em ;

}

#calendar table caption{
	background:white;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	font-weight:bold;
}

#calendar table th,
#calendar table td{
	padding:5px 6px;
	text-align:center;
}

#calendar table th{
    /*20210527 Aoki mod borderバグ対応 start*/
	/*border:1px solid ;*/
    border: 1px solid rgba(0,0,0,0.6);
    /*20210527 Aoki mod borderバグ対応 end*/
	font-weight:bold;
	color:#333;
}

#calendar table td{
    /*20210527 Aoki mod borderバグ対応 start*/
	/*border:1px solid ;*/
    border: 1px solid rgba(0,0,0,0.6);
    /*20210527 Aoki mod borderバグ対応 end*/
}

#calendar table .sun{
	background:white;
    font-family: "ＭＳ ゴシック";
}

#calendar table th.sun{
	
}

#calendar table th.sat{
		
}

#calendar table .mon,
#calendar table .tue,
#calendar table .wed,
#calendar table .thu,
#calendar table .fri{
	background:white;
    font-family: "ＭＳ ゴシック";
}

#calendar table .sat{
	background:white;
    font-family: "ＭＳ ゴシック";
}

#calendar table .this-month{ color:#333; font-size: 15px ;}
#calendar table .next-month{ color:#dcdcdc; font-size: 15px;}
#calendar table .prev-month{ color:#dcdcdc; font-size: 15px;}

#calendar table .today{
    background:#FFFF75;
	font-weight:bold;
}

/*-------------------------------
ベタ表示用
-------------------------------*/


/*-------------------------------
メニュー系 タイトル
-------------------------------*/
table.title {
    /*width: 1000px;*/
}
td.title {
    text-align:right;
}
table.subtitle {
    /*width: 500px;*/
}

table.title2 {

}
table.title2 tr th,table.title2 tr td {
    /*font-family : "ＭＳ 明朝",sans-serif;*/


}

table.kintai_komoku {
    float:left;
}

.center {
    text-align:right;
}

html,body,div,ul,ol,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,
fieldset,input,abbr,article,aside,command,
details,figcaption,figure,footer,header,
hgroup,mark,meter,nav,output,progress,
section,summary,time { margin: 0; padding: 0; }

/*-------------------------------
0104:年次有給休暇管理簿 リスト以外非表示
-------------------------------*/


@media print {
    #nenjiyukyukanribo div.print-hidden {
        display: none;
    }
}

@media print {

    table.nenji_yukyu_kanribo {
       border: none;
       table-layout: fixed;
    }

    table.nenji_yukyu_kanribo thead, table.nenji_yukyu_kanribo tbody {
       display: inline;
    }

    table.nenji_yukyu_kanribo tr th, table.nenji_yukyu_kanribo tr td {
        font-size: 12px;
        /*20210527 Aoki mod borderバグ対応 start*/
        /*border: 1px solid #CCC;*/
        /*border-collapse: collapse;*/
        border: 1px solid rgba(0,0,255,0.1);
        border-collapse: separate;
        /*20210527 Aoki mod borderバグ対応 end*/
        padding: 1px 3px 1px 1px;
    }

    table.nenji_yukyu_kanribo th {
        background: #E3F1F6;
    }
    table.nenji_yukyu_kanribo th.nenYukyupx138 {
        width:119px;
        min-width: 119px;
    }
    table.nenji_yukyu_kanribo th.nenYukyupx89 {
        width:67px;
        min-width:67px;
    }
    table.nenji_yukyu_kanribo th.nenYukyupx90 {
        width:68px;
        min-width:68px;
    }
    table.nenji_yukyu_kanribo th.nenYukyupx938 {
        /*20210527 Aoki mod borderバグ対応 start*/
        /*width:725px;
        min-width:725px;*/
        width:735px;
        min-width:735px;
        /*20210527 Aoki mod borderバグ対応 end*/
    }
    
    table.nenji_yukyu_kanribo td.nenYukyupx44 {
    width: 45px;
    min-width: 40px;
    }
    table.nenji_yukyu_kanribo td.nenYukyupx89 {
        width: 90px;
        min-width: 80px;
    }
    table.nenji_yukyu_kanribo td.nenYukyupx100 {
        width: 100px;
        min-width: 100px;
    }
    table.nenji_yukyu_kanribo td {
        height: 26px;
    }

    table.nenji_yukyu_kanribo td.nenYukyupx89,table.nenji_yukyu_kanribo td.nenYukyupx90 {
        width: 68px;
        min-width: 68px;
    }

    html {
        min-width:initial;
    }
}