/* --- ■ Div (Skin未使用) --- */
/* 各ボードのコンテンツページのスタイル */
.content {
    margin-top : 65px ;     /*58*/
}

/* --- ■ボタン --- */

/* 登録ボタン */
.btn_Add {
    color : #0000ff ;
    font-weight : bold ;
}

/* クリアボタン */
.btn_Clear {
    color : #ff00ff ;
    font-weight : bold ;
    width: 104px;
}

/* 削除ボタン */
.btn_Del {
    color : #ff0000 ;
    font-weight : bold ;
}

/* 編集ボタン */
.btn_Edit {
    color : #009900 ;
    font-weight : bold ;
}

/* 検索ボタン */
.btn_Search {
    color : #0000ff ;
    font-weight : bold ;
    width: 104px;
}

/* 選択ボタン */
.btn_Select {
    color : #0000ff ;
    font-weight : bold ;
}

/* 実行ボタン */
.btn_Exec {
    color : #2c88aa ;
    font-weight : bold ;
    width: 72px;
}

/* ポップアップ[-]ボタン */
.btn_Popup{
    color : Black ;
    font-weight : bold ;
    text-align : center ;
    width : 20px ;
}

/* データ作成ボタン */
.btn_Output{
    color : #cc66cc ;
    font-weight : bold ;
    width: 140px; /* 120px → 140px */
}

.btn_Gv_Select
{
    background-image: url("../../static/img/SELECT2.png");
    border-color: #666666;
    /*border: 0px none;*/
    -moz-background-size:100% 100%;
    background-size:100% 100%; 
    height: 22px;
    width: 22px;
    vertical-align: middle;
    background-position: center center;
}
.btn_Gv_Select2
{
    background-image: url("../../static/img/SELECT4.png");
    border-color: #666666;
    /*border: 0px none;*/
    -moz-background-size:100% 100%;
    background-size:100% 100%; 
    height: 31px;
    width: 62px;
    vertical-align: middle;
    background-position: center center;
}
.btn_Gv_Delete
{
    background-image: url("../../static/img/DELETE2.png");
    border-color: #666666;
    /*border: 0px none;*/
    -moz-background-size:100% 100%;
    background-size:100% 100%; 
    height: 22px;
    width: 22px;
    vertical-align: middle;
    background-position: center center;
}

/*  */
.txt_KanaSet{
    ime-mode: active;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

/* --- ■入力テーブル(Skin未使用) --- */

.TableBody
{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #ceffe6;
}
.Detail
{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #ffffff;
}

/* 鑑入力テーブル */
#InputTable
{
    width: 100%;
/*    background-color: #C0DCC0;*/
/*    background-color: #80ffff;*/
}

/* 明細入力テーブル */
#InputMeisaiTable
{
    width: 100%;
/*    background-color: #C0DCC0;*/
/*    background-color: #55dddd;*/
    border-color: Blue;
    border-width: 2px;
    border-style: solid;
}

/* 入力集計テーブル */
#InputShuukeiTable
{
    width: 100%;
/*    background-color: #C0DCC0;*/
/*    background-color: #00ffff;*/
}

/* 入力テーブルのセル */
#InputTable td
{
    vertical-align: top;
    border-width: 0px;
}

/* 入力テーブルのセル */
#InputTable td#Counter
{
    text-align: center;
}

/* 入力テーブルの背景色 */
.InputTable_BackColor
{
    background-color: #C0DCC0;
}

/* --- ■DIV(Skin未使用) --- */

/* 各項目のDIV */
#InputTable div
{
    clear: both;
}

/* 入力テーブル内のボタン配置用 */
.Input_Button
{
    width: 100%;
    text-align: right;
}

/* --- ■ラベル --- */

/* 数値のラベル */
.lbl_Int
{
    text-align: right;
    float: right;
    width: 100%;
}

/* 明細を開く / 閉じるラベル */
.lbl_PanelOpen
{
    border-color: Blue;
    border-width: 2px;
    border-style: solid;
    display: block;
    width: 100px;
    background-color: #AAFFFF;
}

.lbl_PanelOpen:hover
{
}

/* --- ■テキストボックス --- */
/* 使用不可 */
.txt_ReadOnly2
{
/*    background-color: #d3d3d3; 	11/02/03 Tsuri */
    background-color: #99ffff;
    border-color : #0099ff ;
    border-width : 1px;
    border-style : solid ;
}


/* IME使用不可のテキストボックス */
.txt_IMEDisabled
{
    ime-mode: disabled;
}

/* 右寄せのテキストボックス */
.txt_Number
{
    text-align: right;
}

/* 読み取り専用のテキストボックス */
.txt_ReadOnly
{
/*    background-color: #d3d3d3; 	11/02/03 Tsuri */
    background-color: #99ffff;
    border-color : #0099ff ;
    border-width : 1px;
    border-style : solid ;
}

/* 必須項目のテキストボックス */
.txt_Required
{
    background-color: #ffdddd;
    border-color : #ff0000;
    border-width : 2px ;
    border-style : solid ;
}

/* 必須項目のテキストボックス */
.txt_Required_IMEDis
{
    background-color: #ffdddd;
    border-color : #ff0000;
    border-width : 2px ;
    border-style : solid ;
    ime-mode: disabled;
}

.txt_CSV_Error
{
    background-color : #ffff00 ;
}


.txt_Input
{
    background-color: #FFFFFF;
    vertical-align: middle; 
    border-color : #CCCCCC;
    border-style: inset;
    border-width : 2px;
}
.txt_NotInput
{
    background-color: #99ffff;
    vertical-align: middle;
    border-color : #CCCCCC;
    border-style: inset;
    border-width : 2px;
    color: Black;
}
.txt_Teisei
{
    background-color: #F0E68C;
    border-color : #CCCCCC ;
    border-width : 2px ;
    border-style: inset;
    vertical-align: middle; 
}
.txt_Normal
{
    vertical-align: middle; 
}

/* GridView用のテキストボックス */
.txt_GridView
{
    background-color: Transparent;
    Border-Color: inherit;
    Border-Style: None;
}

.txt_title
{
    /*display: block;*/
    outline: 0;
    border: 2px solid ;
    background-color: white;
    width: 250px;
        
    
    border-color:rgba(217,217,217,0.9);
    border-radius: 3px;
    padding: 10px 15px;
    margin: 0 auto 10px auto;
    /*display: block;*/
    font-size: 18px;
}

/* --- ■ドロップダウンリスト --- */

/* バインドした項目がなかった時のエラー表示 */
.cmb_BindError {
    /*background-color : #f00;
    color : #fff ;*/
}

/* 必須項目のドロップダウンリスト */
.cmb_Required
{
    background-color: #ffdddd;
    border-color : #ff0000;
    border-width : 2px ;
    border-style : solid ;
}

/* --- ■Divのスタイル設定 --- */
/* Divの高さと幅を設定します */
.DivRow{
    height: 26px;
}

/* Div内の要素を左寄せします */
.DivStyleLeft{
    float:left;
}

/* Div内の要素を右寄せします */
.DivStyleRight{
    float:right;
}

.DivStyleCenter{
    margin-left: auto;
    margin-right: auto;
}
/* --- ■Divのスタイル設定(特化型) ---  */
/* 申請で使用 Divの高さと幅を設定 */
.DivRowShinsei{
    height: 24px;
}

/* --- ■h2のスタイル設定 --- */
/* 申請で使用 */
.HeadLine_Shinsei{
    width: 120px;
    padding-left: 10px;
    padding-bottom:0px;
    border-top-width: 0px;
    margin-bottom:5px;
    margin-top:7px;
    border-right-width: 0px;
    border-bottom-width: 2px; 
    border-left-width: 10px; 
    border-style: solid;
    font-size: 12px;
    color: #228B22;
}

/* 2011/05/10 yamasaki */
/* 上から色のみ分離(枠などに使用する為) */
.HeadLine_Color{
    border-color: #5F9EA0;
}

/* --- ■GridView内のTextBox --- */
/* 入力不可のText */
.ReadOnly_In_GridView
{
    width:95%;
    border-width:0;
    background-color:Transparent;
}
/* 入力可のText */
.NotReadOnly_In_GridView
{
    width:100%;
}



/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

/* --- ■ヘッダ部全体(Skin未使用) --- */
.header {
    width : 1000px ;
    height : 30px ;
    background-image : url('r_titleback.gif');
    background-repeat : repeat-x ;
    background-color : #ffffff ;
    position:relative;
    z-index:100;
}

.header table {
    width : 100% ;
    height : 30px ;
    border-collapse : collapse;
    margin : 0;
}

/* --- ■メッセージ部(Skin未使用) --- */

#message {
    width : 100% ;
    height : 25px ;
    background-color : #55dddd ;
    padding-top : 2px ;
}

/* セル幅(Skin未使用) */
#td_DummySpace {
    /*width : 400px ;*/
    width:250px;
    text-align : center ;
}

#td_BoardTitle {
    /*width : 300px ;*/
    text-align : center ;
}

#td_Tantousha {
    /*width : 290px ;*/
    width:200px;
    text-align : right ;
}

#td_Help {
    width:80px;
    text-align : right ;
}

#td_Close {
    width:80px;
    text-align : right ;
}
                
/* --- ■ラベル --- */

.lbl_BoardTitle {
    font-size : 25px ;
}

.lbl_Message {
    color : #ff0000;
    font-weight : bold ;
}

/* --- ■ボタン --- */

/* ヘルプボタン */
.btn_Help {
    color : #008000 ;
    font-weight : bold ;

}

/* 閉じるボタン */
.btn_Close {
    color : #800000 ;
    font-weight : bold ;
}

/* 戻るボタン */
.btn_Back {
    float : right ;
    font-weight : bold ;
}

/* ログインボタン */

.btn_Title{
    border-style:none;
  width: 150px;
  text-align: center;
  font-size: 18px;
  color:#ffffff;
  padding: 12px 0;
  letter-spacing: 0;
  box-shadow: inset;
  border-color:#1a73e8;
  background-color:#1a73e8;
  border-radius:3px;
    cursor: pointer;
  
}


/* --- ■メニューページ(Skin未使用) --- */

.MMMenu_Table {
    width : 70%;
    margin : 0 auto;
    text-align : center ;
}

.MMMenu_Table td {
    padding : 8px ;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

/* --- ■条件テーブル(Skin未使用) --- */
#ConditionTable
{
    width: 100%;
    /*社内テスト用*/
    background-color: #87CEFA; 

/*    background-color: #00ffff;*/
}

/* 条件テーブルのセル */
#ConditionTable td#Info
{
    vertical-align: top;
    border-style: solid;
    border-color: #0000ff;
    border-width: 1px;
}

#ConditionTable td#Info2
{
    vertical-align: top;
    border-style: solid;
    border-color: #0000ff;
    border-width: 1px;
}

#ConditionTable td#Command
{
    text-align: center;
    border-style: solid;
    border-color: #0000ff;
    border-width: 1px;
}
#ConditionTable td#Command2
{
    text-align: center;
    border-style: solid;
    border-color: #0000ff;
    border-width: 1px;
}

/* 絞り込み件数等を表示するセル */
#ConditionTable td#Counter
{
    vertical-align: top;
    text-align: center;
    border-style: solid;
    border-color: #0000ff;
    border-width: 1px;
}

/* --- ■DIV(Skin未使用) --- */

/* 機能名 */
.FunctionTitle
{
    background-color: #11aaaa;
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
}

/* 各項目のDIV */
#ConditionTable div
{
    clear: both;
}

/* 条件テーブル内のボタン配置用 */
.Condition_Button
{
    width: 100%;
    text-align: right;
}

/* --- ■ラベル --- */

/* 条件テーブルのラベル */
.lbl_Conditions
{
    width: 100px;
    display: block;
    padding-top:5px;
    text-align: right;
    float: left;
}
/* 条件テーブルのラベル */
.lbl_Conditions2
{
    width: 78px;
    display: block;
    text-align: right;
    float: left;
}
/* 条件テーブルのラベル */
.lbl_Conditions4
{
    width: 120px;
    display: block;
    padding-top:5px;
    text-align: right;
    float: left;
}
/* 条件テーブルのラベル(floatなし) */
.lbl_Conditions_Not
{
    width: 100px;
    display: block;
    text-align: right;
}

/* 条件テーブルのラベル その２ */
.lbl_ConditionsCenter
{
    width: 100px;
    display: block;
    text-align: center;
    float: left;
    background-color: #00ff00;
}

.lbl_Conditions3
{
    width: 90px;
    display: block;
    padding-top:5px;
    text-align: right;
    float: left;
}

/* ラベル */
.lbl_Layout
    {
        width:200px;
        margin-left:20px;
    }
.lbl_LayoutCenter
    {
        width:200px;
        margin-left:20px;
        text-align: right ;
    }
    
table#TableLayout
{
    width: 500px;
     border-collapse: collapse;
}
table#TableLayout td
{
     border-bottom: solid 1px black;
     width: 100px;
}

  
/* 通常絞込件数タイトルのラベル */
.lbl_KensuTitle
{
    width: 80px;
    display: block;
    text-align: left;
    float: left;
    font-size: 12px;
}

/* 通常絞込件数のラベル */
.lbl_Kensu
{
    width: 100px;
    display: block;
    vertical-align:middle;
    text-align: right;
    float: left;
    font-size: 12px;
}

.lbl_Kensu_Mini
{
    width: 50px;
    display: block;
    vertical-align:middle;
    text-align: right;
    float: left;
    font-size: 12px;
}

/* 通常絞込件数タイトルのラベル(強調) */
.lbl_KensuTitleStrong
{
    width: 80px;
    display: block;
    text-align: left;
    float: left;
    font-size: 12px;
    color: #ff0000;
}

/* 通常絞込件数のラベル(強調) */
.lbl_KensuStrong
{
    width: 80px;
    display: block;
    text-align: right;
    float: left;
    font-size: 12px;
    color: #ff0000;
}

/* --- ■チェックボックス --- */

/* 条件テーブルのチェックボックス */
.chk_Conditions
{
    width: 80px;
    display: block;
    float: left;
}

/* --- ■パネル --- */

/* --- ポップアップ用 --- */
.PopupTable
{
    margin-top: 59px;           /* 20→59 shimada 6/24*/
    background-color: #9900FF;
    border-style: solid;
    border-color: #9900FF;
    border-width: 1px;
}

/* --- モーダルポップアップ用 --- */
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* --- 支払条件用 --- */
.pnl_ShiharaiJouken {
    background-color: #ffdddd;
    border-color : #ff0000;
    border-width : 2px ;
    border-style : solid ;
    margin-top:2px;
    margin-bottom:2px;
    padding-top:2px;
}

#pnl_Always {
    background-color: #00ffff;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* --- ■ヘッダ部全体(Skin未使用) --- */
.masterHeader {
    width : 100% ;
    height : 40px ;
    background-image : url('r_titleback.gif');
    background-repeat : repeat-x ;
    background-color : #ffffff ;
    position:relative;
    z-index:100;
}

.masterHeader table {
    width : 100% ;
    height : 30px ;
    border-collapse : collapse;
    margin : 0;
}


#TranTable
{
    width: 100%;
    background-color: #AFEEEE;
}

/* 条件テーブルのセル */
#TranTable td
{
    vertical-align: top;
}

#TranTable td#ComField
{
    vertical-align: top;
    text-align: right;
}

/* 絞り込み件数等を表示するセル */
.ComField
{
    text-align:right;
}

.Master_BackGroundColor
{
    background-color:#FAFAD2;
}

.Winheader {
    width : 100% ;
    height : 30px ;
    background-image : url('r_titleback.gif');
    background-repeat : repeat-x ;
    background-color : #ffffff ;
    position:relative;
    z-index:100;
}

/* --- ■ラベル --- */

.lbl_WinTitle {
    font-size : 14px ;
}

.WinContent {
    background-color:#FAFAD2;
}

html { 
	height : 100% ;
	padding : 0 ;
    background-color : #444444;
}

body {
	width : 100% ;
    height : 100% ;
	margin : 0 ;
	padding : 0 ;
    /*background-color : #eeeeee;*/
    /*background-image : url('windows7logo.jpg');*/
    background-position : center center;
    background-repeat : no-repeat ;
    font-size : 14px ;
}

.btn_SearchCtrl
{
    font-weight:bold;
    font-size:small;
    color:Blue;
    vertical-align:middle;
    width:16px;
    height:20px;
}
.txt_SearchCtrl_ID
{
    width:70px;
    ime-mode: disabled;
    margin-right:-4px;
    vertical-align:middle;
}

.txt_SearchCtrl_Name
{
    width:122px;            /** 130→122 shimada 6/24 */
    vertical-align:middle;
}

input {
    vertical-align:middle;
}
select {
    vertical-align:middle;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.SearchBtn
{
    width:30px;
    text-align:Center;
    vertical-align:middle;
}
.SearchCode
{
    width:70px;
    text-align:Right;
    margin-right:-4px;
    vertical-align:middle;
}
.SearchName
{
    width:70px;
    text-align:Left;
    margin-right:-4px;
    vertical-align:middle;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.right{
    height:24px;
    text-align:right;
    float:right;
}
.left{
    height:24px;
    float:left;
}

.center{
    width:100%; 
    height:24px;
    text-align:center;
}
.bottom {
    width:100%; 
    height:100%;
    text-align:center;
    vertical-align:bottom;
}

/* 編集ボタン */
.command_Edit {
    color : #990099 ;
    font-weight : bold ;
    width:120px;
}
/* 出力ボタン */
.command_Output {
    color : #00aa44 ;
    font-weight : bold ;
    width:120px;
}
/* 選択ボタン */
.command_Select {
    color : #0000ff ;
    font-weight : bold ;
    width:120px;
}
/* 時間入力のText */
.txt_Hour {
    width:18px;
    text-align:right;
}
.Separated {
    width:10px;
    text-align:center;
}

.txt_Minute {
    width:18px;
    text-align:right;
}
/* 時間入力のText 小 */
.txt_m_Hour {
    width:15px;
    text-align:right;
}
.m_Separated {
    width:6px;
    text-align:right;
}

.txt_m_Minute {
    width:15px;
    text-align:right;
}

.trple{
    width:80%; 
    float: left;
}
.quarter{
    width:23%; 
    height:100%;
    float: right;
}   
.quarter2{
    width:20%; 
    height:100%;
    float: right;
}
.quarter_left{
    width:120px; 
    float:left;
}

.txt_View {
    border-style:none;
    background-color:Transparent;
}
.txt_Edit {
    border-width:0px;
    border-style:none;
}

.txt_center{
    width:100%; 
    text-align:center;
}

.red{ color:Red;}
.blue{ color:Blue;}
.black{ color:Black;}

.div_Counter{
    width: 240px;
    text-align:left;    
    padding-top:5px;
}
.div_Counter_Mini{
    width: 130px;
    text-align:left;    
    padding-top:5px;
}

/* 条件テーブルのラベル */
.lbl_Conditions_Counter
{
    width: 70px;
    display: block;
    
    text-align: right;
    float: left;
}

.bcpin{ background-color:#FFBCBC;}
.bcyel{ background-color:#FFFF9A;}
.bcgre{ background-color:#9AFF9A;}
.bcora{ background-color:#FF9A66;}
.bcred{ background-color:#FF6666;}


/* ラベル(2013.1.10) */
.lbl_ConditionsLeft
{
    width: 300px;
    display: block;
    padding-top:5px;
    text-align: left;
    font-size: medium;
    float: right;
}

/* カレンダー */
.btn_Calendar
{
    background-image: url("../../static/img/CALENDAR.png");
    border-color: #666666;
    /*border: 0px none;*/
    -moz-background-size:100% 100%;
    background-size:100% 100%; 
    height: 22px;
    width: 22px;
    vertical-align: middle;
    background-position: center center;
    z-index:1;
}

.container
{
    position:relative;
}
.container .sub
{
    position:absolute;
}
.container .divleft
{
    position:absolute;
    left:0;
    top:0;
}  
.container .divright
{
    position:absolute;
    right:0;
    top:0;
}  
.container .divrightB
{
    position:absolute;
    right:0;
    bottom:0;
}  
.container .divcenter
{
    margin-left: auto;
    margin-right: auto;
    width: 10em;
}
.container .filter
{
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0;
    z-index: 99;
}

.row
{
    height: 24px;
}

.box {
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
    /*background-color: Transparent;*/
}

.hidden {
    display:none;
}