/*----------------------------------------------
    デフォルト定義
----------------------------------------------*/

.ajax__calendar_dayname 
{
    word-break:normal;
}

*:first-child + html .ajax__calendar_dayname 
{
    word-break:normal;
}

*html .ajax__calendar_dayname 
{
    word-break:normal;
}

html, body, td, th
{
    font-size       : 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #222;
}

input[type=button], input[type=submit] ,input[type=file], select
{
    font-size       : 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #222;
}

body.en, body.en td, body.en th
{
    font-family :"Arial";
}

body.en input[type=button], body.en input[type=submit] , body.en input[type=file], body.en select
{
    font-family :"Arial";
}

body.zh-CHS, body.zh-CHS td, body.zh-CHS th
{
    font-family :"宋体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.zh-CHS input[type=button], body.zh-CHS input[type=submit] , body.zh-CHS input[type=file], body.zh-CHS select
{
    font-family :"宋体","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.ru, body.ru td, body.ru th
{
    font-family :"Roboto";
}

body.ru input[type=button], body.ru input[type=submit] , body.ru input[type=file], body.ru select
{
    font-family :"Roboto";
}

body.ky, body.ky td, body.ky th
{
    font-family :"Montserrat";
}

body.ky input[type=button], body.ky input[type=submit] , body.ky input[type=file], body.ky select
{
    font-family :"Montserrat";
}

body.vi-VN, body.vi-VN td, body.vi-VN th {
    font-family: "Arial","Tahoma","Verdana",sans-serif;
}

body.vi-VN input[type=button], body.vi-VN input[type=submit], body.vi-VN input[type=file], body.vi-VN select {
    font-family: "Arial","Tahoma","Verdana",sans-serif;
}

/* cyrillic-ext for ru (Russian) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/cyrillic.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic for ru (Russian) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(fonts/cyrillic.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* cyrillic-ext for ky (Kyrgyz) */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/montserrat.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic for ky (Kyrgyz) */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/montserrat.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

body.tablet a 
{
    line-height: 2.0;
}

div#wrap
{
	background-color: #FFF;
	border: 1px solid #666;
	text-align: left;
}

.hide	{
	text-indent: -9999px;
}

.cf 
{ 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

img	
{
	border: none;
}


th
{
    font-weight     : normal;
}

hr
{
    border-color    : #ffffff;
    height          : 1px;
}

img
{
    vertical-align  : bottom;
}

input[type=text],input[type=password], select, textarea
{
    border : solid 1px gray;
}
input[type=text],input[type=password]
{
    padding:1px;height:16px;
}
input[type=text][disabled],input[type=password][disabled], select[disabled], textarea[disabled]
{
    background-color:#F0F0F0;
}

input[type=file]
{
    border : solid 1px gray;
    background-image:url(./images/button.png);
    color:#000;
    height:20px;
}

input[type=file]:hover
{
    border : solid 1px orangered;
    background-image:url(./images/button.png);
    color:red;
    height:20px;

}

body.tablet input[type=button], body.tablet input[type=submit], body.tablet input[type=file]
{
    background-image: none;
    background-color: #eee;
    height:30px;
    font-size: 16px;
}
input[type=button],input[type=submit]
{
    border : solid 1px gray;
    background-image:url(./images/button.png);
    color:#000;
    height:20px;
    letter-spacing:2px;
}
body.en input[type=button], body.en input[type=submit]
{
    letter-spacing:0px;    
}

input[type=button]:hover,input[type=submit]:hover
{
    border : solid 1px orangered;
    background-image:url(./images/button.png);
    color:red;
    height:20px;
    letter-spacing:2px;
}

body.en input[type=button]:hover, body.en input[type=submit]:hover
{
    letter-spacing:0px;    
}

input[type=button][disabled],input[type=submit][disabled]
{
    border : 1px solid silver;
    background-image:url(./images/button.png);
    color:silver;
    height:20px;
    letter-spacing:2px;
}

body.en input[type=button][disabled],body.en input[type=submit][disabled]
{
    letter-spacing:0px;    
}

input[type=button][disabled]:hover,input[type=submit][disabled]:hover
{
    border : 1px solid silver;
    background-image:url(./images/button.png);
    color:silver;
    height:20px;
    letter-spacing:2px;
}

body.en input[type=button][disabled]:hover,body.en input[type=submit][disabled]:hover
{
    letter-spacing:0px;    
}


.standard_color_01
{
    color           : Red;
}

.standard_color_02
{
    color           : Blue;
}

.standard_color_03
{
    color           : Green;
}

/* .message
{

} */
.notice             /* 保存時などの強調表示 */
{
    color           : Blue;
}

.error              /* エラー時などの強調表示 */
{
    color           : Red;
}

.seminar_lecturer_chat       /* セミナーのチャット履歴用 */
{
    color           : Black;
}

.error_highlight    /* Validation等の強調表示 */
{
    color           : Red;
    background-color: #ffdddd
}

.no_border
{
    border    : none 1px white;
}

.ellipsis
{
    text-overflow   : ellipsis; 
    white-space     : nowrap; 
    overflow        : hidden;
}

.panel_outer
{
    width:215px;
    height:50px;
    background-image:url(./images/panel_base.png);
    float:left;
    padding:5px;
    text-decoration:none;
    cursor:hand;
    margin-bottom:4px;
    margin-right:4px;
}

.panel_head
{
    font-size:12px;
    font-weight:bold;
    color:#1261EB;
    line-height:20px;
}
.panel_detail
{
    width:215px;
    font-size:10px;
    line-height:14px;
    color:#5A5A5A;
}
.imgBack
{
    float:left;
    height:18px;
}

.masterBackText
{
    float:left;
    margin-left:4px;
    line-height:18px;
}

.divCaptionImage
{
    margin-top:18px;
}

.standard_table
{
    border-collapse : collapse ;
}

.standard_table_th
{
    background-color: #cccccc;
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

.standard_table_td
{
    background-color: #ffffff;
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
    
    word-break      :break-all;
}

.standard_table_td_calendar
{
    background-color: #ffffff;
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

.standard_tab
{
    border-collapse : collapse ;
}

.standard_tab_selected
{
    border-style        : solid;
    border-width        : 1px;
    border-color        : #999999;
    border-bottom-color : #cccccc;
    background-color    : #cccccc;
    padding-left        : 6px;
    padding-right       : 6px;
    padding-top         : 2px;
    padding-bottom      : 2px;
}

.standard_tab
{
    border-style        : solid;
    border-width        : 1px;
    border-color        : #999999;
    border-bottom-color : white;
    background-color    : white;
    padding-left        : 6px;
    padding-right       : 6px;
    padding-top         : 2px;
    padding-bottom      : 2px;
}


.error_table_td    /* Validation等の強調表示 */
{
    background-color: #ffdddd;
    color           : Red;
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

.notice_table_td    /* Validation等の強調表示 */
{
    background-color: #ddddff;
    color           : Blue;
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}


.error_table_td select,
.error_table_td input,
.error_table_td textarea
{
    background-color: #ffdddd;
}



.folder_table
{
    border-collapse : collapse ;
}

.folder_table_th
{
    background-color: #DEDFAD;
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

.folder_table_td
{
    background-color: #FAFCDD;
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}


/*----------------------------------------------
    ListView用 DataPager用のStyle
----------------------------------------------*/
.standard_list_pager
{
   background-color: white;  
}

span.standard_list_pager
{
    font-weight:bold;
    border : solid 1px Darkblue;
    background-color:Darkblue;
    color:White;   
    display:inline-block;
    text-align:center;
    min-width:26px;   
}

a.standard_list_pager
{               
    font-weight:bold;
    text-decoration:none; /* リンクの下線が引かれない */
    text-align:center; /* リンクのテキストを真ん中にする */
    display:inline-block;
    min-width:26px;
}

/*----------------------------------------------
    GridView standard_grid
----------------------------------------------*/
/* TR 行要素 ヘッダ */
.standard_grid_pager
{
   background-color: white;
}
/* .standard_grid_pager td
{
} */
.sdandard_grid_pager table
{
    padding:0px;   
    border-spacing: 0px;
    border-collapse: collapse;
}
.standard_grid_pager table td
{
    font-weight:bold;
    border:none;
    overflow:visible;
    text-align:center;
    min-width:26px;

}.standard_grid_pager table a
{
    font-weight:bold;
    display:block;
    text-decoration:none;

}

.standard_grid_pager table span
{
    font-weight:bold;
    display:block;
    border : solid 1px Darkblue;
    background-color:Darkblue;
    color:White;
}
.standard_grid_head
{
    background-color: #cccccc;
}

/* TR 行要素 アイテム */
.standard_grid_item
{
    background-color: #ffffff;
}

.standard_grid_item_disabled
{
    background-color: #f0f0f0;
}

.standard_grid_item_disabled input
{
    background-color : #f0f0f0;
}

/* TR 行要素 アイテム */
.standard_grid_item_blue
{
    background-color: #f0f0ff;
}

/* TR 行要素 アイテム */
.standard_grid_item_blue2
{
    background-color: #D6EFEC;
}

/* TH,TD 要素 ヘッダ */
.standard_grid_head_th
{
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/* TH,TD 要素 アイテム */
.standard_grid_item_td
{
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/*----------------------------------------------
    GridView standard_mini_grid
----------------------------------------------*/
/* TR 行要素 ヘッダ */
.standard_mini_grid_head
{
    background-color: #cccccc;
}

/* TR 行要素 アイテム */
.standard_mini_grid_item
{
    background-color: #ffffff;
}

.standard_mini_grid_item_disabled
{
    background-color: #f0f0f0;
}

.standard_mini_grid_item_disabled input
{
    background-color : #f0f0f0;
}

/* TR 行要素 アイテム */
.standard_mini_grid_item_blue
{
    background-color: #f0f0ff;
}

/* TH,TD 要素 ヘッダ */
.standard_mini_grid_head_th
{
    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/* TH,TD 要素 アイテム */
.standard_mini_grid_item_td
{
    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/*----------------------------------------------
    GridView folder_grid
----------------------------------------------*/
/* TR 行要素 ヘッダ */
.folder_grid_head
{
    background-color: #DEDFAD;
}

/* TR 行要素 アイテム */
.folder_grid_item
{
    background-color: #FAFCDD;
}

/* TR 行要素 無効アイテム */
.folder_grid_item_disabled
{
    background-color: #f6f6f6;
}

.folder_grid_item_disabled input
{
    background-color : #f6f6f6;
}

/* TH,TD 要素 ヘッダ */
.folder_grid_head_th
{
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/* TH,TD 要素 アイテム */
.folder_grid_item_td
{
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}
/*----------------------------------------------
    GridView folder_mini_grid
----------------------------------------------*/
/* TR 行要素 ヘッダ */
.folder_mini_grid_head
{
    background-color: #DEDFAD;
}

/* TR 行要素 アイテム */
.folder_mini_grid_item
{
    background-color: #FAFCDD;
}

/* TR 行要素 無効アイテム */
.folder_mini_grid_item_disabled
{
    background-color: #f6f6f6;
}

.folder_mini_grid_item_disabled input
{
    background-color : #f6f6f6;
}

/* TH,TD 要素 ヘッダ */
.folder_mini_grid_head_th
{
    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/* TH,TD 要素 アイテム */
.folder_mini_grid_item_td
{
    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/*----------------------------------------------
    GridView notice_grid
----------------------------------------------*/
/* TR 行要素 ヘッダ */
.notice_grid_head
{
    background-color: #ddddff;
}

/* TR 行要素 アイテム */
.notice_grid_item
{
    background-color: #ffffff;
}

/* TR 行要素 無効アイテム */
.notice_grid_item_disabled
{
    background-color: #f6f6f6;
}

.notice_grid_item_disabled input
{
    background-color : #f6f6f6
}

/* TH,TD 要素 ヘッダ */
.notice_grid_head_th
{
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/* TH,TD 要素 アイテム */
.notice_grid_item_td
{
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}


/*----------------------------------------------
    GridView error_grid
----------------------------------------------*/
/* TR 行要素 ヘッダ */
.error_grid_head
{
    background-color: #ffcccc;
}

/* TR 行要素 アイテム */
.error_grid_item
{
    background-color: #ffffff;
}

/* TR 行要素 無効アイテム */
.error_grid_item_disabled
{
    background-color: #f6f6f6;
}

.error_grid_item_disabled input
{
    background-color : #f6f6f6
}

/* TH,TD 要素 ヘッダ */
.error_grid_head_th
{
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #ff9999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/* TH,TD 要素 アイテム */
.error_grid_item_td
{
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #ff9999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}
/*----------------------------------------------
    GridView unit_grid
----------------------------------------------*/
/* TR 行要素 ヘッダ */
.unit_grid_head
{
    background-color: #3C92D9;
}

/* TR 行要素 アイテム */
.unit_grid_item
{
    background-color: #EEF7FF;
}

.unit_finish_grid_item
{
    background-color: #F6F6F6;
}

.chapter_grid_item
{
    background-color: #ADCAFF;
}

.chapter_finish_grid_item
{
    background-color: #D6D6D6;
}

.selected_grid_item
{
    background-color: #FFFF99;
}

.unit_grid_item_disabled
{
    background-color: #f0f0f0;
}

.unit_grid_item_disabled input
{
    background-color : #f0f0f0;
}

/* TR 行要素 アイテム */
.unit_grid_item_blue
{
    background-color: #f0f0ff;
}

/* TH,TD 要素 ヘッダ */
.unit_grid_head_th
{
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #AAAAAA;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
    
    font-weight:bold;
    
    color:White;
}

/* TH,TD 要素 アイテム */
.unit_grid_item_td
{
    height          : 26px;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #AAAAAA;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

.unit_finish_grid_item a
{
    color:#808080;
}

/*----------------------------------------------
    DetailsView standard_details
----------------------------------------------*/

.standard_details_head
{
    height          : 26px;
    background-color: #cccccc;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
    
    width           : 150px;
    
    /* DetailsViewの左側の項目を改行させない。*/
    white-space:nowrap;    
}

.standard_details_body
{
    background-color: #ffffff;
    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
    
}


.standard_details_head_no_top
{
    height          : 26px;
    background-color: #cccccc;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;
    border-top-style: none;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
    
    width           : 150px;
}

.standard_details_body_no_top
{
    background-color: #ffffff;
    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;
    border-top-style: none;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/*----------------------------------------------
    DetailsView notice_details
----------------------------------------------*/

.notice_details_head
{
    height          : 26px;
    background-color: #ddddff;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #9999ff;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
    
    width           : 150px;
}

.notice_details_body
{
    background-color: #ffffff;
    border-style    : solid;
    border-width    : 1px;
    border-color    : #9999ff;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

/*----------------------------------------------
    DetailsView folder_details
----------------------------------------------*/

.folder_details_head
{
    height          : 26px;
    background-color: #DEDFAD;

    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
    
    width           : 150px;
}

.folder_details_body
{
    background-color: #FAFCDD;
    border-style    : solid;
    border-width    : 1px;
    border-color    : #999999;

    padding-left    : 4px;
    padding-right   : 4px;
    padding-top     : 2px;
    padding-bottom  : 2px;
}

.version
{
    text-align      : right;
}

/*----------------------------------------------
    Archive
----------------------------------------------*/

.row_archive {
    background-color: #e0e0e0;
}

.row_archive .border{
    border:solid 1px #999999;
}

.row_archive .text-archive {
    color: #999999 !important;
    }

.row_archive > td,
.row_archive > td >a
.row_archive > td > div > span,
.row_archive > td > div > a,
.row_archive > td > table > tbody > tr > td,
.row_archive > td > table > tbody > tr > td > div > a,
.row_archive > div > a {
    color: #999999 !important;
}

a.class_index.row_archive div.class_ind_dtl h4{
    color: #999999 !important;
}

.indent_archive {
    text-indent: -1.5rem;
    padding-left: 2rem;
}

.border-gray {
    border: 1px solid #999999;
}

.p-5px {
    padding: 5px;
}

.archive-btn-margin {
    margin: 3px 0 7px;
}