/*--------基本構造css---------*/

body{
	margin:0;
	padding:0;
	background:#e0e0e0;
	text-align:center;
	}
	

/*-------全体を中央揃えにする-----*/
#wrapper{
	margin:0px auto;
	width:1000px;
	position:relative;
	text-align:center ;
	background:#e0e0e0;
	top:24px;
	}

/*-------メインコンテンツ部分------*/

#maincontent {
	margin:0;
	padding:0;
	position:relative;
	border:solid 1px #83A754;
	background:#FFFFFF;
	}


/*-------メニュー部分------*/

#menu {
	margin:0;
	padding:0;
	left:0px;
	top:96px;
	width :170px;
	position:absolute;
	border:solid 0px;
	}



/*------- メインエリア部分------*/

#maindata {
	margin:0;
	padding:0;
	left:180px;
	top:96px;
	width:820px;
	position:absolute;
	border:solid 0px;
	}






/*--------ヘッダー＆フッター-----*/
#heder
{
    padding :0;
    position:relative;
    top:0px;
    left:0px;
    width:500px;
    height :64px;  
    }


#fuder
{
    padding :0;
    position:relative;
    bottom:0px;
    left:0px;
    width:1000px;
    height :24px;  
    text-align:right; 
    }





/*-------sysメイン部分------*/

#sysmain {
	margin:0;
	padding:0;
	left:0px;
	top:64px;

	position:relative;
	border:solid 0px;
	}


/*---------各要素の初期設定-------*/

h1,h2,h3,h4,h5,h6{
	margin:0;
}


p{
	margin:0;
	}

form{
	margin:0;
	padding:0;
	}

input,
textarea,
select{
	vertical-align:middle;
	height: 21px;
}


a:link
{
	color: #3333FF;
	text-decoration: none;
	border: 0;
}
	
a:visited
{
	color: #003366;
	text-decoration: none;
	border: 0;
}

a:hover
{
	color: #0066FF;
	text-decoration: underline overline;
	border: 0;
	font-weight: bold;
}

a:active{
	color:#5787BD;
	text-decoration:none;
	border:0; 
	}

hr{
	display:none;
	}

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

.cl{
	clear:both;
	}




/*--------追加CARAT---------*/

/* --- table --- */
    /* 枠固定　margin padding 0 枠１のテーブル */
    .FreeTable
    {
        table-layout:fixed;     
        border-collapse :collapse ;
        border-spacing : 0; 
        margin:0;
        padding:0;
        empty-cells: show;
        
        }
        
    /* Title用 */
    .TableTitle
    {
        border-top: #5787BD 1px solid; 
        border-left: #5787BD 5px solid;
        border-bottom: #5787E0 1px solid; 
        font-weight: bold; 
        font-size:14pt;
        color: #5787BD;
        height :32px;
        text-align:left;
        vertical-align:middle;   
        table-layout:fixed;     
        border-collapse :collapse ;
        border-spacing : 0; 
        margin:0;
        padding:0;
    }

    /* Title用 */
    .TableClass
    {
        border-top: 0; 
        border-left: #5787E0 1px solid;
        border-bottom: #5787E0 1px solid; 
        font-weight: bold; 
        font-size:14pt;
        color: #5787E0;
        height :32px;
        text-align:left;
        vertical-align:middle;   
        table-layout:fixed;     
        border-collapse :collapse ;
        border-spacing : 0; 
        margin:0;
        padding:0;
    }
    
    /* うす枠 */
    .ListBox
    {
        font-size:12pt;
        border :#A7D7FD 1px solid; 
        }


    /* うす枠（） */
    .ListBoxTitle
    {
        font-size:14pt;
        color:#5787BD;
        border :#A7D7FD 1px solid; 
        
        }

    
    /* うす枠 */
    .ListBoxMini
    {
        font-size:7pt;
        color:#5787BD;
        border :#A7D7FD 1px solid; 
        }


    /* うす枠（） */
    .ListBoxTitleMini
    {
        font-size:7pt;
        color:#5787BD;
        border :#A7D7FD 1px solid; 
        
        }


/* --- table --- end */  
    

/* --- カレンダースタイル --- */
    .calendar .ajax__calendar_container
    {
        border: 1px solid #646464;
        background-color: #ffe7d0;
        color: #ff700e;
    }
    .calendar .ajax__calendar_other .ajax__calendar_day, .calendar .ajax__calendar_other .ajax__calendar_year
    {
        color: #ff700e;
    }
    .calendar .ajax__calendar_hover .ajax__calendar_day,
    .calendar .ajax__calendar_hover .ajax__calendar_month,
    .calendar .ajax__calendar_hover .ajax__calendar_year {
        color: #ff700e;
    }
    .calendar .ajax__calendar_day, .calendar .ajax__calendar_active .ajax__calendar_month, .calendar .ajax__calendar_active .ajax__calendar_year
    {
        color: #ff4e0e;
        font-weight: bold;
    }  
    .calendar .ajax__calendar_active
    {
        color: #770000;
        font-weight: bold;
    }  

/* --- カレンダースタイル --- end */



/* --- 実行中メニュータイトルフォント --- */

.RunTitleFont
{ 
    width :auto;
    font-size :14px;
    color : #5787BD;
    font-weight:bold; 
    }


/* --- 入力フォント --- */

.InputFont
{ 
    width :auto;
    font-size :14px;
    color : #6462A2;
    }

/* --- 入力確定フォント ---*/
.InputViewFont
{
    width: auto;
    font-size: 14px;
    color: #6618e3;
    font-weight: bold;
}

/* --- 入力フォント --- end */

/* --- テーブルView表示フォント --- */
.GViewFont
{
    width: auto;
    font-size: 14px;
    color: #6618e3;
    font-weight: bold;
}

.GViewFont_Line
{
    width: auto;
    font-size: 14px;
    color: #6618e3;
    font-weight: bold;
    border :#e2ddff 1px solid; 
    vertical-align:middle;
}

.GViewFont_Line_in
{
    width: auto;
    font-size: 14px;
    color: #883aff;
    font-weight: bold;
    border :#e2ddff 1px solid; 
    vertical-align:middle;
}


.GViewFontMini
{
    height :13px;
    width: auto;
    font-size: 12px;
    color: #6618e3;
    font-weight: bold;
    border :#e2ddff 1px solid; 
    vertical-align:middle;
}


/* --- login view --- */
    /* ログイン状況表示 */
    #LoginView{
        margin:0;
        width:200px;
        height:76px;
        padding:0;
        position :absolute;
        top:12px;
        left :756px;
        text-align:right;
        border:0;    
        }
        
        /* ログイン状況表示 Label*/
        .LoginViewLabel
        {
            font-weight :bold; 
            font-size :14px;
            color : #6462A2;
            }
    
/* --- login view --- end */

/* --- Title view --- */

    /* タイトル表示 */
    #TitleView{
        margin:0;
        width:490px;
        height:65px;
        padding:0;
        position :absolute;
        top:8px;
        left :224px;
        text-align:right;
        border:0;    
        }

/* --- Title view --- end */

/*  -- LOGIN [Default] --  */
    /* ログイン状況表示 */
    #LoginInput{
        margin:0;
        width:900px;
        height:180px;
        padding:0;
        position :absolute;
        top:250px;
        left:0px;
        text-align:center ;
        background:#FFFFFF;
        border:0;    
    }
/*  -- LOGIN [Default] --  end */






    
/* ログイン情報　ユーザーID*/
#lbClientID
{
    font-size :13pt;
    text-align:right ;    
    }

/* ログイン情報　ユーザー名 */
#lbUserName
{
    font-size :15pt;
    
    }

/* ログイン情報　エリア*/
#lbAREA
{
    font-size :15pt;
    
    }

/* ログイン情報　配送予定日*/
#lbShotDelivaryTime    
{
    font-size :15pt;
    
    }



/* エラーメッセージ*/
.ErrMsg
{
    color: #ff3333;
    font-size :9pt;    
    }
    
    
/* ウェイターマークスタイル */
.wtm
{
    color: #ff4500;
    font-style: italic;
    background-color: #ffcc99;
}

    
/* ウェイターマークスタイルfontsize12 */
.wtm12
{
    font-size :12pt;
    color: #ff4500;
    text-align :center ;
    background-color: #ffcc99;
}


/* ダウンロード文字fontsize */
.download_text
{
    font-size :10pt;
    color: #5787BD;
}




    
/* 枠固定　margin padding 0 枠１のテーブル 区切り下線つき*/
.FreeTableBLine
{
    table-layout:fixed;     
    border-collapse :collapse ;
    border-spacing : 0; 
    margin:0;
    padding:0;
    border-bottom:#ff6600 1px solid;    
    }



/* 手順ボックス Title */
.SeqTD
{
    border-top: #990000 1px solid; 
    border-left: #ff3300 5px solid;
    border-bottom: #cc9999 1px solid; 
    font-weight: bold; 
    font-size:14pt;
    color: #330000;
    height :32px;
    text-align:left;
    vertical-align:middle;   
}

/* 手順ボックス subtext */
.SeqSTD
{
    font-weight: bold; 
    color: #5787BD;
    font-size:9pt;
    height :24px;
    text-align:left;
    vertical-align:middle;   
}

/* TDタイトルエリア */
.TD_Title
{
	border: solid 1px #5A8235; 
    font-weight: bold; 
    font-size:14pt;
    color: #FFFFFF;
    height :32px;
    text-align:left;
    vertical-align:middle;
    background-color:#FFC000; 
}

/* TDコメントエリア */
.TD_Msg
{
	border: solid 1px #5A8235; 
    font-weight: normal; 
    font-size:12pt;
    color: #222222;
    text-align:left;
    vertical-align:top;
    background-color:#ffffff; 
}