﻿/* FOUNDATION
----------------------------------------------------------*/
table
{
	border-collapse: collapse;
	border-spacing:0;
}
td
{
	height:20px;
	vertical-align:middle;
}

/* Buttonの要素の設定
----------------------------------------------------------*/
.Default_Btn
{
	width:140px;
	height:25px;
}
.Default_Btn_Small
{
	width:100px;
	height:25px;
}
.Default_Btn_x-Small
{
	width:80px;
	height:25px;
}
.Default_Btn_xx-Small
{
	width:60px;
	height:25px;
}
.Search_Btn
{
	width:120px;
	height:40px;
}
#btn input {
	background: url(../img/btn_off.gif) center center;
	height: 26px;
	width: 140px;
	border:none;
}
#btn input:hover {
	background: url(../img/btn_on.gif) center center;
	height: 26px;
	width: 140px;
	border:none;
}

.btn input {
	background: url(../img/btn_off.gif) center center;
	height: 26px;
	width: 140px;
	border:none;
}

/* 項目要素の設定
----------------------------------------------------------*/
.Search_item
{
	vertical-align:middle;
	border: 1px solid gray;
	background-color:#F0F8FF;
}

.Search_item_confirm 
{
	vertical-align:middle;
	border: 1px solid gray;
	background-color:#4682B4;
	color: #f9f9f9
}
.Search_item_request
{
	vertical-align:middle;
	border: 1px solid gray;
	background-color:#B0E0E6;
}
.Summary_value
{
    vertical-align:middle;
	border: 1px solid gray;
}
.Goukei_Title_value
{
    background-color:#F0F8FF;
    vertical-align:middle;
    border-left: 3px solid #4682B4;
    border-right: 3px solid #4682B4;
    border-top: 3px solid #4682B4;
    border-bottom: 1px solid gray;
}
.Goukei_value
{
    vertical-align:middle;
    border-left: 3px solid #4682B4;
    border-right: 3px solid #4682B4;
    border-top: 1px solid gray;
    border-bottom: 3px solid #4682B4;
}

/* ホーム画面:対応リスト
----------------------------------------------------------*/
.HomeMargin
{
    margin:10px 50px 10px 50px;
}
.Home_Taiou_item
{
	vertical-align:middle;
	border: 1px solid gray;
	background-color:#F0F8FF;
}
.Home_Taiou_item_Top
{
	vertical-align:middle;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background-color:#F0F8FF;
}
.Home_Taiou_item_Middle
{
	vertical-align:middle;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background-color:#F0F8FF;
}
.Home_Taiou_item_Bottom
{
	vertical-align:middle;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color:#F0F8FF;
}
.Home_Taiou_value
{
    /*padding-right:20px;*/
    text-align:right;
	border: 1px solid gray;
	background-color:White;
}
.Home_Taiou_value_link_left
{
    /*padding-right:20px;*/
    text-align:right;
	border: 2px solid blue;
	border-right:1px solid gray;
	background-color:White;
}
.Home_Taiou_value_link_right
{
    /*padding-right:20px;*/
    text-align:right;
	border: 2px solid blue;
	border-left:1px solid gray;
	background-color:White;
}

.Home_Taiou_value_link_left a {
    display:block;
    width:100%;
    height:100%;
    color:Black;
    text-decoration:none; /*下線*/
}

.Home_Taiou_value_link_right a {
    display:block;
    width:100%;
    height:100%;
    color:Black;
    text-decoration:none; /*下線*/
}

.Home_Performance_item
{
    text-align:center;
	vertical-align:middle;
	border: 1px solid gray;
	background-color:#F0F8FF;
}

.Home_Performance_item_link
{
    text-align:center;
	vertical-align:middle;
	border: 1px solid gray;
	border-left: 2px solid #444444;
	background-color:#F0F8FF;
}

.Home_Performance_value_left
{
	text-align:right;
	vertical-align:middle;
	border: 1px solid gray;
	padding-right:10px;
	background-color:White;
}

.Home_Performance_value_middle
{
	text-align:right;
	vertical-align:middle;
	border: 1px solid gray;
	padding-right:10px;
	background-color:White;
}
   
.Home_Performance_value_link
{
	text-align:right;
	vertical-align:middle;
	border: 1px solid gray;
	border-left: 2px solid #444444;
	padding-right:10px;
	background-color:White;
}

/* サブタイトル
----------------------------------------------------------*/
.Sub_Title
{
    font-size:larger;
    font-weight:bold;
}

.TitleBar
{
    background-color:blue; 
    border:1px solid gray;
    border-collapse:collapse;
}
.TitleBar td
{
    color:White; 
    font-weight:bold;
}

/* TextBoxのラベル表示
----------------------------------------------------------*/
.LabelDisp
{
    border-style:groove; 
    border-width:1px; 
    border-bottom-color:lightgrey; 
    border-right-color:lightgrey; 
}

/* ナビメニュー 
----------------------------------------------------------*/
#NavigationMenu .level1 a{
	border:none;
	margin:0;
	padding:0;
	background: url(../img/nav_btn_bg.jpg) no-repeat center center;
	/*display:block;*/
	width: 102px;
	text-align: center;
	padding: 6px 2px;
	float: left;
	text-decoration: none;
	color:White;
}

#NavigationMenu .level1 a:hover {
	border:none;
	margin:0;
	padding:0;
	background: url(../img/nav_btn_bg_on.jpg) no-repeat center center;
	/*display:block;*/
	width: 102px;
	text-align: center;
	padding: 6px 2px;
	float: left;
}

#NavigationMenu .level1 li{
	display:inline;
}
    
#NavigationMenu .level1 span {
    display:block;
    height:20px;
    line-height:20px;
	text-indent:15px;
	margin:0;
	padding:0;
}

li {
    list-style-type: none;
}


/* ツールチップ
----------------------------------------------------------*/
#tip a:hover 
{
   /*background:yellow;*/
    text-decoration:none;
} /*BG color is a must for IE6*/ 

#tip a.tooltip span {
    display:none; 
    padding:2px 3px; 
    margin-left:8px; 
    width:150px;
} 
#tip a.tooltip:hover span{
    display:inline; 
    position:absolute;
    color:#6c6c6c;
    background-color: lightyellow;   
    padding: 3px;   
    border:1px solid black;   
    font:normal 11px Verdana;   
    line-height:18px;   
    z-index:100;   
    border-right: 3px solid black;   
    border-bottom: 3px solid black;   
} 

/* ポップアップAJAXカレンダー
----------------------------------------------------------*/
.cal_Theme1 .ajax__calendar_container   {
    background-color: #ffffff; 
    border:solid 1px #3399ff;
}

.cal_Theme1 .ajax__calendar_header  {
    background-color: #6699ff; 
    margin-bottom: 4px;
}

/* タイトル */
.cal_Theme1 .ajax__calendar_title{
    color: #ffffff; 
    padding-top: 3px;
    font-size: 12px;
}
            
/* 次月・前月矢印 */
.cal_Theme1 .ajax__calendar_prev,  
.cal_Theme1 .ajax__calendar_next    
{
    background-color:#99ccff;
    height:20px;  
    width:15px;  
}  

.cal_Theme1 .ajax__calendar_body    {
    background-color: #ffffff; 
}

/* 曜日名 */
.cal_Theme1 .ajax__calendar_dayname {
    font-weight:bold; 
    border-bottom: solid 1px #F5F5F5;
}

/* 日付ごとの色 */
.cal_Theme1 .ajax__calendar_day {
}

/* ポイントしたときの色 */
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year {
    color: #004080; 
    font-weight: bold; 
    background-color: #99ccff;
    border:solid 1px #0099cc;
}
            
/* 今日日付 */
.cal_Theme1 .ajax__calendar_active  {
    color: white; 
    font-weight: bold; 
    background-color: #99cccc;
    border:solid 1px #0099cc;
}

.cal_Theme1 .ajax__calendar_today   
{
    background-color: #ffff99;
    font-weight:bold;
    border-top: solid 1px #F5F5F5;
}
            
/* 当月以外の日付の色 */
/* タイトルをポイントしたときの色 */
.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title 
{
    color: #bbbbbb;
}

/* Ajaxタブ
----------------------------------------------------------*/
/*タブ文字カラー*/
a.ajax__tab_tab
{
    color: black;
}

/* Grid列HTML処理での非表示
----------------------------------------------------------*/
.item-invisible
{
    display:none
} 

/* fieldset
----------------------------------------------------------*/
fieldset
{
    padding: 1ex;
    /*border: 1px solid #ccc;*/
}

fieldset.fieldbgcolor
{
    background-color:#FFF5EE; 
}

fieldset.fieldbgcolor_Setting
{
    background-color:#FFE4E1; 
}

fieldset.fieldbgcolor_HongKong
{
    background-color:#F0FFF0; 
}  

.fieldName
{
    font-size: larger;
    font-weight: bold;
}

fieldset legend
{
    font-size: large;
    font-weight: bold;
}
    

/* Grid該当件数項目
----------------------------------------------------------*/
.tb_CountItem
{
    clear:both; 
    margin-bottom:5px; 
    border-collapse: collapse;
}

.tb_CountItem.td_Col1
{
	border-collapse: separate;
	border-spacing: 1px;
}

.tb_CountItem.td_Col2
{
    width: 80px;
}

.tb_CountItem.td_Col3
{
	width: 25px;
	text-align:right;
}

.tb_CountItem.td_Col4
{
    width:20px;
    padding-right:10px;
    text-align:right;
}

/* Grid選択済行
----------------------------------------------------------*/
.Row_Selection
{
    font-weight:bold;
    border:1px solid Red;
}

/* Gridカラー
----------------------------------------------------------*/
.AlternatingRowStyle
{
    background-color:White;
}

.EditRowStyle
{
    background-color:#2461BF;
}

.FooterStyle
{
    background-color:#507CD1;
    font-weight:bold;
    color:White;
}

.HeaderStyle
{
    background-color:#507CD1;
    font-weight:bold;
    color:White;
}

.PagerStyle
{
    background-color:White;
    color:White;
    text-align:center;
}

.RowStyle
{
    background-color:#EFF3FB;
}

.SelectedRowStyle
{
    background-color:#D1DDF1;
    font-weight:bold;
    color:#333333;
}

.SortedAscendingCellStyle
{
    background-color:#F5F7FB;
}

.SortedAscendingHeaderStyle
{
    background-color:#6D95E1;
}

.SortedDescendingCellStyle
{
    background-color:#E9EBEF;
}

.SortedDescendingHeaderStyle
{
    background-color:#4870BE;
}

span.ErrFont
{
    color:Red;
    font-weight:bolder;
}

.disabledstyle 
{
    pointer-events: none;   
}

.disabledstyle input
{
    background-color:#DCDCDC;
    color:#808080;
}