/* content================================================

[-] ページ外枠
[s1] ヘッダ
[s2] ユーザー情報
[-] コンテンツエリア
[sn1] メニュー
[sn2] #main ページの本文
[sn3] 画面下部サブナビゲーション
[sn4] フッタ
[c9] そのほか個別設定

========================================================== */
    body {
	    margin: 0;
	    font-size: 96%;
	    color: #333;
	    text-align: center;
	    margin-left: 10px;
	    width:1238px;
	    height:100%;
        /*height: 830px;*/
        font-family: 'Meiryo UI';
    }

    /* --- 全ての要素の間隔・余白を０へ ---- */
    * { 
        margin:0;
        padding:0;
    }
        
    table.main 
    {
        border: 0;
	    width:1260px;
    }

    table.content
    {
        border: 0;
	    width:100%;
    }

    /* --- 文章の行間を指定 ---- */
    #header {
	    margin: 0;
	    color: #FFFFFF;
	    background-color :#00010B;
    }
    /* --- ヘッダー右上の文字スペース ---- */
    #headerinfo { 
	    margin-top: 0px;
	    margin-right: 0px;
	    margin-bottom: 0px;
	    margin-left: 0px;
	    height: 40px;
    }
    
    #headerinfo td 
    {
        width:33%;
    }
                
    #header {
	    margin: 0;
	    color: #FFFFFF;
	    background-color :#00008B;
	    font-size: 12px;
        width: 1237px;
    }
        
    .header_rightside
    {
        text-align : right;
        padding-right: 10px;
        width:350px;
    }
        
    /* --- ヘッダー右上の文字スペース ---- */
    #headerinfo { 
	    margin-top: 0px;
	    margin-right: 0px;
	    margin-bottom: 0px;
	    margin-left: 0px;
	    height: 16px;
        width: 99%;
    }
        
    #headerTitle { 
	    margin-top: 10px;
	    margin-right: 10px;
	    margin-bottom: 0px;
	    margin-left: 10px;
	    height: 30px;
	    /*font-weight: bold;*/
	    vertical-align:bottom;
	    background-color :#B0E0E6;
	    font-size: 12;
        width: 1228px;
    }   
    #headerTitleStatusInfo { 
	    margin-top: 10px;
	    margin-right: 10px;
	    margin-bottom: 0px;
	    margin-left: 10px;
	    height: 30px;
	    /*font-weight: bold;*/
	    vertical-align:bottom;
	    background-color :#B0E0E6;
	    font-size: 12;
    }
    .title_LeftSide
    {
        font-size:12;
        /*font-style:inherit;*/
        height:15px;
        text-align :left;
    }
        
    .title_Center
    {
        font-size:12;
        height:15px;
        font-style:inherit;
        color:#FF0000;
        text-align :center;
    }
    .title_RightSide
    {
        font-size:12;
        height:15px;
        font-style:inherit;
        text-align : right;
    }
    .title_ippan
    {
        background:#BC8F8F;
    }
    .title_ikkatu
    {
        background:#B0E0E6;
    }
    
    .title_ryoshuu_ari
    {
        background:#9acd32;
    }
    
    .title_ryoshuu_nashi
    {
        background:#f0e68c;
    }
    .title_chohyo_invoice
    {
    	background:#FFA500;
    }

       
    table.main 
    {
        border-style: none;
        border-color: inherit;
        border-width: 0;
        width:1231px;
    }

    td.menuside {
	    text-align:left;
	    vertical-align :top;
	    width:200px;
	    padding-left:10px;
    }
        
    div.menu_title 
    {
        margin-top :-1px;
	    padding-left :5px;
        border:1px solid #7A96DF;
	    background-color : white ;
	    height:25px;
        width: 100px;
        font-size: 85%;
    }

    div.menu_item_m 
    {
        margin-top :-1px;
	    padding-left :5px;
        border:1px solid #7A96DF;
	    background-color :White;
	    height:25px;
	    width: 100px;
	    font-size: 85%;
	    /*vertical-align : middle ;*/
    }
    div.menu_item_m hover {
	    background-color: #FFFF00;	/* 行の背景色 */
    }
    div.menu_item_s
    {
        margin-top :-1px;
        padding-left :20px;
	    background-color : White;
	    border:1px solid #7A96DF;
        height:25px;
        width: 100px;
        font-size: 85%;
        /* vertical-align :  middle;*/
    }
    div.menu_item_s hover {
	    background-color: #FFFF00;	/* 行の背景色 */
    }

        
    .ContentsItem
    {
        width:1049px;
        height:610px;
        overflow-x: hidden;
        overflow-y: scroll;
        padding:10px 15px 10px 15px;
    }
    .NoMenuContentsItem
    {
        width:1200px;
        height:610px;
        overflow-x: hidden;
        overflow-y: scroll;
        padding:10px 15px 10px 15px ;        
    }
     
    /*** 必須マークスタイル ***/
    .requiredMark
    {
	    color:Red;
	    font-size:small;
	    font-weight:normal  ;
	    vertical-align:baseline;
	    width :20px;
    }

    /*** TextBox用スタイル ***/
    input[type="text"]:focus {
        background-color: #ffffcc;    /*ベージュ*/
        border: 2px solid red;
        padding:2px;
    }

    input[type="password"]:focus {    /*ベージュ*/
        background-color: #ffffcc;    /*ベージュ*/
        border: 2px solid red;
        padding:2px;
    }


    .textBox {
        /*border:1px solid #808080;       /*グレー*/
        border: 1px solid gray;
        /*padding:2px;*/

        /*background-color:#FFFFFF;*/
        box-sizing: border-box;
        
    }

    .textBoxNum  /* 数値用（右寄せ） */
    {
        border:1px solid gray;          /*グレー*/
        /*border:1px solid #808080;*/
        vertical-align:middle;
        /*background-color:#FFFFFF;*/
        text-align:right;
        /*padding-right:1px;*/
        box-sizing: border-box;
        ime-mode: disabled;
    }
 
    .buttonStanderd /*標準のボタンサイズ*/
    {
        height:25px;
        width:95px;
    }
    
    /* 2016-04-05 Takashi 業トラ残課題改修 START */
    .buttonEnterDummy /* Enter押下抑止用ダミーボタン */
    {
        position:absolute ;
        z-index:1 ;
        height:0px;
        width:0px;
    }    
    /* 2016-04-05 Takashi 業トラ残課題改修 END   */
    

    #MessageArea 
    {
        margin-left: 15px;
	    border: 1px solid #666;
	    /*padding:3px;*/
        overflow-x: hidden;
        overflow-y: scroll;
        text-align:left;
        width:100%;
        height: 66px;
    }
    
    #MessageArea_Before
    {
        margin-left: 15px;
	    border: 1px solid #666;
	    /*padding:3px;*/
        overflow-x: hidden;
        overflow-y: scroll;
        text-align:left;
        width:98%;
        height: 66px;
    }


    #CopyRight {
	    clear: both;
	    margin: 0px;
	    border-top: 5px solid #0A2066;
	    border-bottom: 5px solid #666;
	    text-align: center;
	    background-color: #FFF;
    }
    
    div.error_title
    {
        font-size:40px;
        text-align :center;
    }
    
    div.error_message
    {
        padding-left:20%;
        font-size:14px;
        text-align :left;
    }
    
    /* モーダルダイアログ用 */
    .modalBackground 
    {
        background-color:Gray;
        filter:alpha(opacity=70);
        opacity:0.7;
    }
    
    .modalPopup 
    {
	    background-color:#ffffdd;
	    border-width:3px;
	    border-style:solid;
	    border-color:Gray;
	    padding:3px;
	    width:1000px;
    }
    
    .modalPopupSagyouTanka
    {
	    background-color:#ffffdd;
	    border-width:3px;
	    border-style:solid;
	    border-color:Gray;
	    padding:3px;
	    width:1130px;
    }

    .modalHeader {
	        margin: 0;
	            background-color :#94B2FF;
    }
    .modalBackInComment
    {
	    background-color:#ffffdd;
	    border-width:3px;
	    border-style:solid;
	    border-color:Gray;
	    padding:3px;
	    width:520px;
    }       

#menu_New ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}

#menu_New li{ 
display: inline;
vertical-align: middle;
padding: 0; 
margin: 0; 
}

#menu_New li a{
display: block; 
border: 2px solid #9F99A3;
border-color: #FFFFFF;
background-color: #FFFFFF;
padding: 1px 10px;
text-decoration: none;
color: #0000FF;
width: 100px;
margin: 0px 0px;
text-align: left;
font-size: 14.0px;
font-fase: Meiryo UI;
}

#menu_New li a:hover{
border: 2px solid red;
background-color: #ffffcc;
}

/****************************/
/* a ツールチップ用 */
/****************************/
.tooltip span {
    display: none;
    width: 170px;
    padding: 5px;
    margin: 10px 0 0 0px;
}

.tooltip:hover span{
    display:inherit; 
    position:absolute; 
    border: 1px solid #CCC; 
    border-radius: 5px;
    background: #FFFFFF;
    color:Red;
    font-size: 12px;
    line-height: 1.6em;
    z-index:100;
}

table.type01 td{
color: #FFFFFF;
display: block;
border: 2px solid #9F99A3;
border-color: #191970;
background-color:#00008B;
padding: 1px 10px;
width: 110px; 
height: 20px;
margin: 0px 0px;
text-align: left;
font-size: 16px;
font-fase: Meiryo UI;
vertical-align:middle;
white-space: nowrap;
}

table.type01 td a{
color: #FFFFFF;
text-decoration: none;
font-size: 16px;
font-fase: Meiryo UI;

}

table.type02 td{
display: block; 
border: 2px solid #9F99A3;
border-color: #191970;
background-color: #00008B;
padding: 3px 10px;
text-decoration: none;
color: #FFFFFF;
width: 95px;
height: 18px;
margin: 0px 0px;
text-align: left;
font-size: 14px;
font-fase: Meiryo UI;
vertical-align:middle;
white-space: nowrap;
margin-left: 10px;

}

table.type03 td{
display: block; 
border: 2px solid #9F99A3;
border-color: #FFFFFF;
padding: 1px 10px;
text-decoration: none;
color: #333;
width: 110px; 
height: 15px;
margin: 0px 0px;
text-align: left;
font-size: 16px;
font-fase: Meiryo UI;
vertical-align:middle;
}


table.type04 td{
display: block; 
border: 2px solid #9F99A3;
border-color: #191970;
background-color:#B0C4DE;
padding: 1px 10px;
text-decoration: none;
color: #000000;
width: 30px;
height: 18px;
margin: 0px 0px;
text-align: left;
font-size: 13.5px;
font-fase: Meiryo UI;
vertical-align:middle;
white-space: nowrap;
margin-left: 20px;

}


/****************************/
/* td ツールチップ用 */
/****************************/
.tooltip span {
    display: none;
    width: 130px;
    padding: 5px;
    margin: 10px 0 0 0px;
}

.tooltip:hover span{
    display: inline; 
    position: absolute; 
    border: 1px solid #CCC; 
    border-radius: 5px;
    background: #FFFFFF;
    color: #666;
    font-size: 12px;
    line-height: 1.6em;
}

.tooltip_c span {
    display: none;
    width: 80px;
    padding: 5px;
    margin: 10px 0 0 0px;
}

.tooltip_c:hover span{
    display: inline; 
    position: absolute; 
    border: 1px solid #CCC; 
    border-radius: 5px;
    background: #FFFFFF;
    color: #666;
    font-size: 12px;
    line-height: 1.6em;
}

    
/*========================================================== */
/*** 実績入力一覧画面 ***/    
/*========================================================== */
    .JissekiInputList_main
    {
        width:100%;
}
    
    .underLine
    {
        border-bottom: 1px solid #666;
    }
    
    /*** 色説明用スタイル ***/    
    .color_table
    {
        border:1px  solid #666;
        border-collapse:collapse;
        width :480px;
        vertical-align :text-top ;
    }
    .color_table th
    {
        height : 20px;
        background-color :#9DCCE0;
    }
    
    .color_table_cell1
    {
        border:1px  solid #666;
        width:45px;
        padding: 2px;
        text-align : center  ;
        vertical-align : top ;
    }
    
    .color_table_cell2
    {
        border:1px  solid #666;
        width:45px;
        padding: 2px;
        text-align : center  ;
        vertical-align : top ;
        height : 20px;
    }

    .color_table_cell3
    {
        border:1px  solid #666;
        padding-left: 2px;
        text-align : left ;
        height : 20px;
    }

    .status_table
    {
        border:1px  solid #666;
        border-collapse:collapse;
        width :480px;
    } 
    .status_table th
    {
        height : 20px;
        background-color :#9DCCE0;
    }
    .status_table td:first-child
    {
        border:1px  solid #666;
        width:100px;
        padding-left: 2px;
        text-align : left  ;
    }
    .status_table td:first-child+td
    {
        border:1px  solid #666;
        width:380px;
        padding-left: 2px;
        text-align : left  ;
    }

    div.colorbox_white
    {
        border:1px solid #666;
        width:32px;
        height :16px;
        margin-left : 5px;
    }
    
     div.colorbox_mizuiro
    {
        border:1px solid #666;
        background-color :#9DCCE0;
        width:32px;
        height :16px;
        margin-left : 5px;
    }
    
    div.colorbox_blue
    {
        border:1px solid #666;
        background-color :#0000FF;
        width:32px;
        height :16px;
        margin-left : 5px;
    }
    
    div.colorbox_black
    {
        border:1px solid #666;
        background-color :#000000;
        width:32px;
        height :16px;
        margin-left : 5px;
    }
    
    div.colorbox_dadaiiro
    {
        border:1px solid #666;
        background-color :#EF810F;
        width:32px;
        height :16px;
        margin-left : 5px;
    }
    .text_jisseki
    {
        border:1px solid #666;
        /*border:1px solid #7A96DF;*/
        /*background-color:#FFFFFF;*/
        text-align:right;
        width:90px;
        ime-mode: disabled;
    }

    .label_jisseki
    {
 	padding-left:3px;
 	padding-right:3px;
    }

    .combo_jissseki
    {
        text-align:right;
    }      


/*========================================================== */
/*** 作業単価設定画面 ***/    
/*========================================================== */

    .sagyoTanka_table
    {
	    border-style: none;
	    margin-top:5px;
	    margin-bottom:5px;
	    vertical-align:left;
	    /*font-family: 'HG創英角ﾎﾟｯﾌﾟ体';*/
    }
     
    .sagyoTankaTdLabel
    {
	    padding-top:5px;
	    padding-bottom:5px;
	    padding-left:8px;
	    padding-right:4px;
	    text-align:right;
	    overflow:hidden;
    }

    .RequiredImagePosition
    {
	    float:center;
    }

    .sagyoTankaTdData
    {
	
	    padding-top:5px;
	    padding-bottom:5px;
	    padding-left:4px;
	    padding-right:4px;
	    text-align:left;
    }


    .sagyoTankaDivideArea
    {  
        border-bottom:1px solid black;
    }

    .sagyoTankaBtnUpdate
    {   
    }

    .sagyoTankaGridView
    {
        margin-left:20px;
    
    }

    .Freezing
    {
        position: relative;
        z-index: 10;
    }
    .jisseki_list
    {
        OVERFLOW: auto; 
        HEIGHT: 410px;
        width :1000px;
        
    }
    
    


/*========================================================== */
/*** 実績確定画面 ***/    
/*========================================================== */

    .jissekiKakutei_table
    {
	
	    width:100%;
    }
     
    .jissekiKakuteiTdLabel
    {
	    text-align:left;
    }

    .jissekiKakuteiRequiredImage
    {
	    float:right;
    }

    .jissekiKakuteiTdData
    {
	
	    text-align:left;
    }

    .jissekiKakuteiDivideArea
    {  
        border-bottom:1px solid black;
    }

    .label_kakutei
    {
 	padding-left:3px;
 	padding-right:3px;
    }

    .jissekiKakuteiList
    {
        overflow: auto; 
        height: 450px;
        width :1030px;
    }
/*========================================================== */
/*** 帳票出力画面 ***/    
/*========================================================== */
    .chohyoTd
    {
	    text-align:left;
	    font-size:large;
    }

    .chohyoItem
    {
        font-size:large;
        
    }
    
    th {
        font-weight: normal;
    }
    
    .kubunLabel
    {
        border-style: solid;
        border-color: Black;
        border-width: 3px;
        text-align:right;
    }
    
    .scroll1 thead, .scroll1 tbody
    {
        float: left;
    }
    .scroll1 tbody
    {
        height: 370px;
        width :1030px;
        overflow-y: scroll;

    }
    
    .gridselect:hover{
         background : #FFC0CB;
    }
    
    .gridStyle 
    {
        border-color: Black;
        border-width: 1px;
        border-style: solid;
        /*padding-left:3px;
 	    padding-right:3px;*/
    }
    
    
    
    .subGrid_Row
    {
        border :0px;
        border-bottom-style:dotted ;
        border-bottom-width :1px;
        border-left-style :none ;
        border-right-style :none ;
        border-top-style :none ;
        
    }
    
    .subGrid_Header
    {
        border-bottom-style: dashed ;
        border-bottom-width :1px;
    }
 
     .modalBackInComment
    {
	    background-color:#ffffdd;
	    border-width:3px;
	    border-style:solid;
	    border-color:Gray;
	    padding:3px;
	    width:520px;
    }       
   
        .modalJyutyuInputPop
    {
	    background-color:#ffffdd;
	    border-width:3px;
	    border-style:solid;
	    border-color:Gray;
	    padding:3px;
	    width:800px;
    }