/*********************************************************************************
* SYSTEM SECTION STYLE CLASS
*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* ClsDefaultStyle.css ���N���X
*
* �����T�C�Y,�ʒu,�����F,�w�i�F���w��B
*
* copyright(C) 2005-2014  ������ЃG�[�G�X�s�[�R��(ASPCOM inc) 
*********************************************************************************/

@font-face {
	font-family: 'gaizi';
	src:url('gaizi.woff') format('woff');
}

/***************************/
/* �W�����Class            */
/***************************/
/*  */
.C_WB {
    background: #F1F1F1;
    margin: 0px;
}
/*  */
.C_K {
    text-align: left;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
/*  */
.C_B {
    height: 24px;
}
/* �|�[�^�� DIV */
.C_PTL {
    height: 24px;
}
/* �|�[�^���� ����input */
.C_PTI {
    background-color:transparent;
    border: 0px;
    height: 24px;
    padding: 0px;
    color: #ffffff;
}
.C_PTI_S {
    background-color:transparent;
    border: 0px;
    height: 29px;
    padding: 0px;
    padding-left: 2px;
    color: #ffffff;
}
/* �W���h���b�v�_�E�����X�g */
.C_D
{
    text-align: left;
    /* background-color: #FFFFFF; */
    /* border: solid 1px #B3C7FD; */
}
/* �W���C���[�W */
.C_I {
    padding-top:1px;
}
/* �W���e�L�X�g */
.C_T {
    text-align: left;
    /* background-color: #FFFFFF; */
    /* border: solid 1px #B3C7FD; */
}
/* �W���e�L�X�g(�\��) */
.C_TD
{
    text-align: left;
    background-color: transparent;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
/*  */
.C_IMG {
    background-color: #FFFFFF;
    border: 0px;
}
/*  */
.C_HED{
    color: #FFFFFF;
    height: 26px;
}

/*  */
.C_TBL_B{
    border:0px;
    border-top:0px;
    border-bottom:0px;
    padding-top:0px;
    padding-left:0px;
    padding-bottom:0px;
}
/*  */
.C_SIL_C{
    text-align: left;
    height: 24px;
}
/*  */
.C_SIL_C_G{
    text-align: left;
    color: #323232;
    height: 24px;
}
/*  */
.C_LN{
    text-align: left;
    height: 22px;
}
/*  */
.C_HG
{
    text-align: left;
    color: #333333;
}
/* �w�b�_�̈� */
.C_GH
{
    height: 24px;
}
/* ���b�Z�[�W�̈� */
.CD_DSP_GM
{
    background-color: #F1F1F1;
    height: 24px;
}
/* �W���C���[�W�{�^�� */
.C_I
{
    height: 20px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}
/* �J�����_�[�N���X */
.C_GD
{
    background-color: #FFFFFF;
    height: 24px;
}
.C_GD_F
{
    color: #000000;
    background-color: #F0D9D9;
}
.C_GD_G
{
    color: #000000;	
    background-color: #E3E8FC;
}
.C_GD_H
{
    color: #000000;	
    background-color: #FAF9DC;
}
.C_GD_R
{
    color: #000000;	
    background-color: #a52a2a;
}
.C_GD_K .C_GD_E
{
    color: #000000;	
    background-color: #FFFFFF;
}

.CE_ID_F1_ITEM
{
    padding-left:10px;
    background-color: #EEEEEE;
}

/***************************/
/* �J���[�N���X
/***************************/
.fnt-gray-darker
{
color: lighten(#000, 13.5%); // #222
}
.fnt-dark
{
color: lighten(#000, 20%);   // #333
}
.fnt-gray
{
color: lighten(#000, 33.5%); // #555
}
.fnt-gray-ligh
{
color: lighten(#000, 46.7%); // #777
}
.fnt-gray-lighter
{
color: lighten(#000, 93.5%); // #eee
}
.fnt-brand-primary
{
color: #428bca;
}
.fnt-brand-success
{
color: #5cb85c;
}
.fnt-brand-info
{
color: #5bc0de;
}
.fnt-brand-warning
{
color: #f0ad4e;
}
.fnt-brand-danger
{
color: #d9534f;
}
/***************************/
/*                         */
/***************************/

.C_GD_F
{
    color: #000000;
    background-color: #F0D9D9;
}
.C_GD_G
{
    color: #000000;
    background-color: #E3E8FC;
}
.C_GD_H
{
    color: #000000;
    background-color: #FAF9DC;
}
.C_GD_I
{
    background-color: #D8E7F5;
}
.C_GD_E
{
    background-color: transparent;
}
/***************************/
/* �C���[�W�Z���N���X
/***************************/
.C_IS
{
    height: 20px;
    background-repeat: no-repeat;
}
/***************************/
/* �w�b�_�[class              */
/***************************/
.head_Container {
    width: 100%;
    height: 40px;
    position:fixed;
    top: 0;
    border-bottom: 0px solid #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
}
.head-logo {
    width: 230px;
    margin: 1px;
    float: left;
}
.head_user {
    line-height: 40px;
    padding-left: 10px;
    float: left;
    color: #FFFFFF;
}
.head_affiliation {
    height: 40px;
    padding-left: 10px;
    padding-top: 3px;
    float: left;
    color: #FFFFFF;
}
.head_extent {
    line-height: 40px;
    padding-left: 50px;
    float: left;
}
.head_extent_end {
    line-height: 40px;
    padding-left: 70px;
    padding-top: 3px;
    float: left;
}
#head_logo_title_bar {
	background-image: url("../../img/header_bg.png");
	background-repeat: repeat-x;
	overflow: visible;
	z-index: 1000;
	position: relative;
}

#head_logo_title_bar2 {
    background-image: url("../../img/header_bg_red.png");
    background-repeat: repeat-x;
    overflow: visible;
    z-index: 1000;
    position: relative;
}


/***************************/
/* �K��TAG                 */
/***************************/
body {
    margin: 0px !important;
    padding: 0px !important;
	/*font-family: 'gaizi','Helvetica Neue',Helvetica,Arial,sans-serif; */
    /* font-family:'�l�r �o�S�V�b�N','���S�V�b�N��',serif; */
    color: #323232;
}

table{
    /* border: 0px; */
    border-spacing: 0;
}

img {
    margin: 0px !important;
    padding: 0px !important;
}

ul li {
    list-style: none;
}

a { color: #323232; text-decoration: none; }
a:hover { color: blue; text-decoration: none; }
a:focus { color: #323232; text-decoration: none; }

.main {
    margin-left: 0px; margin-top: 40px;
}

#container {
    width: 100%;
}

pre{
	white-space: pre-wrap;
}

h2 {
	font-size:20px;
	font-weight:bold;
	margin-top:5px;
}

/***************************/
/* ���T�C�h���j���[class        */
/***************************/
aside{ float: left; }
#sidebar { background: rgb(42, 53, 66); width: 210px; height: 100%; position: fixed; margin-top: 0px; }
#sidebar-short { background: rgb(42, 53, 66); width: 65px; height: 100%; position: fixed; margin-top: 39px; display: none; }
.sidebar-size { display: block; float: right; padding-top: 5px; padding-right: 10px; cursor: pointer; color: rgb(128, 128, 128); font-size: 14px; }
.sidebar-size i { font-size: 15px; }
#sidebar ul li { position: relative; }
#sidebar .sub-menu > .sub li { padding-left: 32px; }
#sidebar .sub-menu > .sub li:last-child { padding-bottom: 10px; }
#sidebar > ul > li > ul.sub { display: none; }
#sidebar > ul > li.active > ul.sub { display: block; }
#sidebar > ul > li > ul.sub > li > a { display: block; }
ul.sidebar-menu { margin: -2px 0px 0px; padding: 0px; }
ul.sidebar-menu li ul.sub { margin: -2px 0px 0px; padding: 0px; }
ul.sidebar-menu { margin-top: 20px; }
ul.sidebar-menu li ul.sub li { background: rgb(53, 64, 77); margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
ul.sidebar-menu li ul.sub li:last-child { border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
ul.sidebar-menu li ul.sub li a { padding: 6px 0px; height: 39px; color: rgb(174, 178, 183); line-height: 39px; font-size: 13px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
ul.sidebar-menu li ul.sub li a:hover { color: rgb(255, 108, 96); display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
ul.sidebar-menu li ul.sub li.active a { color: rgb(255, 108, 96); display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
ul.sidebar-menu li { margin-right: 10px; margin-bottom: 5px; margin-left: 10px; }
ul.sidebar-menu li.sub-menu { line-height: 15px; }
ul.sidebar-menu li a span { display: inline-block; }
ul.sidebar-menu li a { padding: 15px 0px 15px 10px; color: rgb(174, 178, 183); font-size: 13px; text-decoration: none; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
ul.sidebar-menu li a.active { background: rgb(53, 64, 77); border-radius: 4px; color: rgb(255, 255, 255); display: block; -webkit-border-radius: 4px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
ul.sidebar-menu li a:hover { background: rgb(53, 64, 77); border-radius: 4px; color: rgb(255, 255, 255); display: block; -webkit-border-radius: 4px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
ul.sidebar-menu li a:focus { background: rgb(53, 64, 77); border-radius: 4px; color: rgb(255, 255, 255); display: block; -webkit-border-radius: 4px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
ul.sidebar-menu li a i { width: 30px; padding-right: 6px; font-size: 15px; text-align: center; }
ul.sidebar-menu li a:hover i { color: rgb(255, 108, 96); }
ul.sidebar-menu li a:focus i { color: rgb(255, 108, 96); }
ul.sidebar-menu li a.active i { color: rgb(255, 108, 96); }


/***************************/
/* �I���W�i���i�V�jClass   */
/***************************/

/* �O���[�o�� */
.A_IG_CLR_R { color: #FF0000; }
.A_IG_CLR_G { color: #008000; }
.A_IG_CLR_B { color: #003399; }
.A_IG_CLR_Y { color: #FFD700; }

.A_IG_TTL {
    min-width:120px;
    width:120px;
    height: 36px;
    text-align: left;
    color: #323232;
    white-space:nowrap;
    padding-left: 7px;
	background-color: #EEEEEE;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	border-left: 5
	px solid #cc99ff;
	
}

.A_IG_DATA {
    width:100%;
    text-align: left;
    color: #323232;
    padding-left: 2px;
}

.A_IG_TTL_X {
    min-width:120px;
    width:120px;
    height: 36px;
    text-align: left;
    color: #323232;
    white-space:nowrap;
    padding-left: 7px;
    border:1px solid #FFFFFF;
    background-color: #F9EDEC;
}

/* �ꗗ�n */
.A_IL_POS_L { vertical-align: middle; text-align: left; }
.A_IL_POS_C { vertical-align: middle; text-align: center; }
.A_IL_POS_R { vertical-align: middle; text-align: right; }

/* �\���n */


/* �ҏW�n */
.A_IE_BCL_X { background-color: #F9EDEC; }




/***************************/
/* ���[�_�����C�A�E�gCSS */
/***************************/

#modalDialog {
    width:400px;
    margin-left:auto;
    margin-right:auto;
    position:fixed;
    visibility:hidden;
    background-color:#ffffff;
    z-index:100;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

#modalHeader {
    height:35px;
    line-height:35px;
    font-color:#000000;
    border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
}

#modalMain {
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;"
}

#modalBack {
    width:100%;
    height:100%;
    min-width:100%;
    min-height:100%;
    left:0px;
    top:0px;
    position:fixed;
    visibility:hidden;
    background-color:#000000;
    z-index:50;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    opacity:0.2;
}

/***************************/
/* �����o�����C�A�E�gClass */
/***************************/

/* �������o���i���S���ҁj */
.baloon_left {
    width: 450px;
    min-height: 80px;
    position: relative;
    background: #F8DFF7;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px;
}
.baloon_left:after, .baloon_left:before {
    right: 100%;
    top: 40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.baloon_left:after {
    border-color: rgba(245, 245, 245, 0);
    border-right-color: #F8DFF7;
    border-width: 15px;
    margin-top: -15px;
}
.baloon_left:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 16px;
    margin-top: -16px;
}
.baloon_left pre {
    border:0px;
    background: #F8DFF7;
}

/* �������o���i���j */
.baloon_left_b {
    width: 450px;
    min-height: 80px;
    position: relative;
    background: #E0ECF8;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px;
}
.baloon_left_b:after, .baloon_left_b:before {
    right: 100%;
    top: 40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.baloon_left_b:after {
    border-color: rgba(245, 245, 245, 0);
    border-right-color: #E0ECF8;
    border-width: 15px;
    margin-top: -15px;
}
.baloon_left_b:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 16px;
    margin-top: -16px;
}
.baloon_left_b pre {
    border:0px;
    background: #E0ECF8;
}

/* �������o���i�O���[�j */
.baloon_left_g {
    width: 400px;
    min-height: 100px;
    position: relative;
    background: #EAEAEA;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px;
}
.baloon_left_g:after, .baloon_left_g:before {
    right: 100%;
    top: 40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.baloon_left_g:after {
    border-color: rgba(245, 245, 245, 0);
    border-right-color: #EAEAEA;
    border-width: 15px;
    margin-top: -15px;
}
.baloon_left_g:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 16px;
    margin-top: -16px;
}
.baloon_left_g pre {
    border:0px;
    background: #EAEAEA;
}

/* �E�����o��(����) */
.baloon_right {
    width: 450px;
    min-height: 80px;
    position: relative;
    background: #E0ECF8;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px;
}
.baloon_right:after, .baloon_right:before {
    left: 100%;
    top: 60%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.baloon_right:after {
    border-color: rgba(245, 245, 245, 0);
    border-left-color: #E0ECF8;
    border-width: 15px;
    margin-top: -15px;
}
.baloon_right:before {
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #ccc;
    border-width: 16px;
    margin-top: -16px;
}
.baloon_right pre {
    border:0px;
    background: #E0ECF8;
}

/* �E�����o��(�O���[) */
.baloon_right_g {
    width: 400px;
    min-height: 100px;
    position: relative;
    background: #EAEAEA;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px;
}
.baloon_right_g:after, .baloon_right_g:before {
    left: 100%;
    top: 60%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.baloon_right_g:after {
    border-color: rgba(245, 245, 245, 0);
    border-left-color: #EAEAEA;
    border-width: 15px;
    margin-top: -15px;
}
.baloon_right_g:before {
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #ccc;
    border-width: 16px;
    margin-top: -16px;
}
.baloon_right_g pre {
    border:0px;
    background: #EAEAEA;
}

/***************************/
/* bs�ŏ��L�q              */
/***************************/
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}

@media print {
    #HED_PRINT_OFF {
        display:none;
    }
}

/***************************/
/* HP�Ή�          �@�@    */
/***************************/
.ic{
	background-image: url("../../img/icons.png");
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 18px;
	margin: 5px 0 5px 0px;
	line-height: 150%;
	letter-spacing: 1px;
	font-size: 14px;
}
.ic_pdf{
	background-position: left -204px;
	padding-left: 42px;
	color: #666666;
	font-weight: bold;
	letter-spacing: 2px;
}

/***************************/
/* ES3.5�₢���킹HP�쐬    ���c�@�lj��� */
/***************************/

.Req{
    background-color: #2f5597;
    color: white;
    padding:4px;
    font-size:11px
    
}

.ui-datepicker-trigger{
	border:0px;
	background-color: rgba( 255, 255, 255, 0 );
}

.navi_arrow_enable{
    opacity:1; 
    height:35px;
}

.navi_arrow_disable{
    opacity:0.2;
    height:35px;
}

.navi_cell_active{
    width:30px;
    height:50px; 
    background:#F4FA58;
}

.SelectPlan_{
	outline-width:3px;
	outline-color:red;
	outline-style:solid; 
}

.SelectPlan
	{
    border-width:10px 1px 1px 1px;
    border-top-color:red;
	border-right-color:red;
	border-bottom-color:red;
	border-left-color:red;
    border-style:solid; 	
}

.NoSelectPlan
    {
    border-width:10px 1px 1px 1px;
    border-color:white;
    border-style:solid; 
    
}

.SelectPlan_{
    background:#58ACFA;
}