@charset "Shift_JIS";

/* -----------------------------------------------------
�X�N���[���p�X�^�C���t�@�C��
  �o�[�W����: 2007.8.2
----------------------------------------------------- */


/* ����{�v�f�X�^�C�� */
/* ----------------------------------------------------- */

/* IE�pVIEW PORT�ݒ� bootstrap.css �� device-width �Ɛݒ肳��Ă��邪�Adevice-width���ƃX�N���[���o�[����ʂ̗v�f�ɂ��Ԃ邽�� */
@-ms-viewport {
  width: auto !important;
}

html {
  overflow: auto;
  overflow-y: auto;
}

body {
  /* width: 98%; */
  /* background-color: #1256aa !important; */
  line-height: 20px !important;
  line-height: 160%;
  font-family: "�l�r �S�V�b�N", "MS GOTHIC", "Osaka-����", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"���C���I", Meiryo, sans-serif;
  /* color: #666666; */
  /* text-align: center; */	/* center in winIE */
}

div, p, ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
form, table, tr, th, td,
object, param, embed {
    margin: 0;
    padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  margin: 0;
  padding: 0;
  border: 0 none #ffffff;
  vertical-align: middle;
  color: #ffffff;
}

*+html body img {
  vertical-align: middle !important;
}

strong {
  font-weight: bold;
}

.hidden {
  display: none;
}

textarea {
    resize:none;
        /* IE6+WinXP(LunaInterface)���Afocus���ڂ̐F�ύX��K�p�����ꍇ��
	    �g���̑������ς���Ă��܂��e�L�X�g�G���A�̍����������Ă��܂����̑Ή��p�B
	    IE6+WinXP�̃��[�U�[�������‹��ł͗L���ɂ��Ă��������B */
    /* border: 1px solid #777777; */
}

textarea.form-control {
	height:auto;
	line-height:normal;
	padding-top:5px;
}

/* �����N */
/* ----------------------------------------------------- */
a {
  color: #006699;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}



/* ��bootstrap�ύX */
/* ----------------------------------------------------- */
.form-control {
  height: 23px;
  padding: 0px 3px;
  width : auto;
  display: inline-block;
}
.input-group-btn {
  width: auto;
}
.btn {
  padding: 2px 6px;
  font-size: 12px;
}
.checkbox-inline input[type=checkbox] {
  margin-top: 3px !important;
}
.form-check-label {
  font-weight: 400;
}

/* ���w�b�_�[ */
/* ----------------------------------------------------- */
header#header {
  height: 60px;
  overflow: hidden;
    background: url(/cdex/img/head_bg_2-8c6883f66933939833934579b0c3f886.gif) top left;
  /* padding: 5px 0; */
}
header#header div {
  text-align: left;
  height: 100%;
}
header#header div#headerMain {
  width: 100%;
  float: left;
}
header#header div#screenName {
  text-align: center;
  white-space:nowrap;
  font-size: 16px;
  color: #ffffff;
}

header#header div#logo {
  float: left;
  margin-left: -100%;
  width: 260px;
  text-align: left;
/*  background: url(/cdex/img/bg_header_ci-c7e7c16d61a0e762802323bca4466a75.gif) no-repeat top left; */
}

header#header div#headerNav {
  float: left;
  margin: 0px;
  margin-left: -320px;
  width: 320px;
}

header#header div#headerNav table {
  min-height: 1px;
  height: auto !important;
  height: 1px;
  border-collapse: separate;
}

header#header div#headerNav table td {
  font-size: 12px;
  vertical-align: middle;
  color: #ffffff;
}

header#header div#headerNav table td span {
  display: block;
  padding: 6px 0px;
}

header#header div#headerNav #help {
  padding :0;
  width: 46px;
}
header#header div#headerNav #logout {
  padding :0;
  width: 46px;
}
header#header div#headerNav #chgPas {
  padding :0;
  width: 46px;
}

header#dialogHeader {
  height: 30px;
  overflow: hidden;
  background: #3397cb url(/cdex/img/bg_header-20678056fbc44e4cab4a011144647488.gif) repeat-x top left;
  padding: 5px 0;
}
header#dialogHeader div#headerMain {
  width: 100%;
  float: left;
}
header#dialogHeader div#screenName {
  text-align: center;
  white-space:nowrap;
  font-size: 16px;
  color: #ffffff;
}

header a#panel-btn{
  float: left;
  position: relative;
  width: 28px;
  height: 30px;
  margin: 5px 4px;
  background: #fff;
}
header a#panel-btn:hover{
  background: #fafafa;
}
header span#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background: #2196F3;
  transition: .2s;
}
header span#panel-btn-icon:before, header span#panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 2px;
  background: #2196F3;
  transition: .3s;
}
header span#panel-btn-icon:before{
  margin-top: -6px;
}
header span#panel-btn-icon:after{
  margin-top: 4px;
}
header a#panel-btn .close{
  background: transparent;
}
header a#panel-btn .close:before, header a#panel-btn .close:after{
  margin-top: 0;
}
header a#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
header a#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/* ���R���e���c */
/* ----------------------------------------------------- */
div#contents {
  float: left;
  min-height: 1%;
  height: auto !important;
  height: 1%;
  margin: 0 auto;
  padding: 0;
/*   background: #eeeeee; */
  width: 100%;
}

/* �����C���R���e���c */
/* ----------------------------------------------------- */
div#mainContents {
  padding: 0;
  text-align: left;
  vertical-align: top;
/*   background: #eeeeee; */
  width: 100%;
}
div#mainContents div#divHeader {
  padding: 12px;
  overflow-x: hidden;
  border-bottom: solid 1px #666666;
}

.fixedWidth {
	width: auto;
}
.tableRow {
	clear:both;
	height: 24px;
}
.alignLeft {
	float: left;
}
.alignRight {
	float: right;
}
.textAlignLeft {
  text-align: left !important;
  padding-left: 4px !important;
}
.textAlignRight {
  text-align: right !important;
  padding-right: 4px !important;
}
.textAlignCenter {
  text-align: center !important;
}
.vAlignTop {
  vertical-align: top !important;
}
.vAlignMiddle {
  vertical-align: middle !important;
}
.vAlignBottom {
  vertical-align: bottom !important;
}
.nowrap {
  white-space: nowrap;
}

/* �������t�H�[���p�X�^�C�� */
/* ----------------------------------------------------- */
.searchTable {
  margin: 5px 0;
  width: 100%;
  border-collapse: separate;
}

.searchTable td {
  padding: 1px 12px;
  vertical-align: middle;
  border: 0 none;
  text-align:left;
  background: #eeeeee;
}




/* ���O���b�h�֘A */
/* ----------------------------------------------------- */
.gridHeaderColor {
  color: #ffffff;
  background: #333333;
}
.gridHeaderColor_RQ {
  color: #ff0000;
  background: #333333;
}

/* ���G���[�֘A */
/* ----------------------------------------------------- */
.FATAL {
    padding: 0 4px;
    color: #ffffff;
    font-weight: bold;
    background: #ff0000;
}
.ERROR {
    padding: 0 4px;
    font-weight: bold;
    color: #ff0000;
}
.WARN {
    padding: 0 4px;
    font-weight: bold;
    color: #ff9900;
}
.INFO {
    padding: 0 4px;
    font-weight: bold;
    color: #7eab3a;
}
div#divError {
	height:72px;
	overflow:auto;
	background-color:#FFFFE0;
}
div#divError ul {
	margin-top: 4px;
}
div#divError ul li {
	margin-left: 24px;
}
div#divDialogError {
	height:25px;
	overflow:auto;
	background-color:#FFFFE0;
}
div#divDialogError ul li {
	margin-left: 24px;
}

/* ����ʍ��ڊ֘A */
/* ----------------------------------------------------- */
.ui_item_title {
    font-weight: bold;
}
.ui_item_required {
    color: #ff0000;
}

/* ���T�C�h�o�[ */
/* ----------------------------------------------------- */
div#sideMenu {
  width: 230px;
  overflow: scroll;
  overflow-x: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
  background: #333333;
}

div#divSidebar {
  float: left;
  width: 230px;
  height: 100%;
  margin: 0;
/*  margin-left: -100%; */
  padding: 0;
  text-align: left;
  vertical-align: top;
  background: #333333;
}

div#divSidebar dl {
  margin: 10px;
}

div#divSidebar dl dt {
  margin: 0;
  padding: 0 !important;
  padding: 5px 0 0 0;
  border-top: 0 none !important;
  border-top: 1px solid #444444;
}

div#divSidebar dl dd + dt {
  padding: 5px 0 0 0 !important;
  border-top: 1px solid #444444 !important;
}

div#divSidebar dl dt a {
  display: block;
  padding: 4px 7px;
  font-weight: bold;
  border: 3px solid #ffffff;
  background: #ffffff url(/cdex/img/bg_sidebar_category-0c5e986474ca5f04971296823b4ecb74.gif) repeat-x top left;
}

div#divSidebar dl dt a:hover,
div#divSidebar dl dt a:active {
  border: 3px solid #66cccc;
}

div#divSidebar dl dd {
  margin: 0;
}

div#divSidebar dl dd ul {
  margin: 0;
  padding: 0;
}

div#divSidebar dl dd ul li {
  margin: 0;
  list-style-type: none;
  border-top: 0 none !important;
  border-top: 1px solid #444444;
  border-bottom: 1px solid #222222;
}

div#divSidebar dl dd ul li + li {
  border-top: 1px solid #444444 !important;
}

div#divSidebar dl dd ul li a {
  display: block;
  padding: 6px 12px;
  color: #66ffff;
}

div#divSidebar dl dd ul li .noLink {
  display: block;
  padding: 6px 12px;
  color: #66ffff;
}

div#divSidebar div#newsTopics {
  margin: 10px 10px 3px 10px;
  border: 1px solid #444444;
  border-collapse: collapse;
  border-spacing: 0;
}

div#divSidebar div#newsTopics pre {
  height: 115px;
  overflow: scroll;
  overflow-x: auto;
  width: 196px;
  margin: 5px 5px 5px 7px;
  color: #cccccc;
  padding: 1px;
  background-color: transparent !important;
  border:0 !important;
}


/* �����̑� */
/* ----------------------------------------------------- */

/* ��ؐ�(�e�[�u���Ȃǂ̃R���g���[���̉���) */
.underLine {
   border-bottom: 1px solid #B2B2B2;
}

/* ���Ȃ��A������Input�ɂ��� */
.transparent {
    border:0 !important;
    background-color: transparent !important;
}

/* ���Ȃ��A�����A�w�蕶���F��Input�ɂ��� */
.inputSpan {
    border:0 !important;
    background-color: transparent !important;
    box-shadow: inset 0px 0px, 0px 0px !important;
    color: #666666 !important; /* �����F�O���[ */
}

/* ���󔒍s */
/* ----------------------------------------------------- */
.spaceLine {
  padding    :0  !important;
  height     :6px !important;
  line-height:0   !important;
}

/*��Ajax�p�e��X�^�C�� */
/* ----------------------------------------------------- */
/* �װ */
.error{
    background-color:#FFb3b3 !important;
    color: #000000 !important;
    font-weight: normal !important;
    border-style:solid;
	border-width:1px;
	margin: 0 0 0 0;
    padding: 1px 2px 1px 2px !important;
}

div#title-tip {
    margin: 0 1em 0 0;
    border: solid #000 1px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: .3em .5em;
    background: #fffecc;
    font-size: 100%;
    font-weight: bold;
}

/* �����׃X�^�C�� */
/* ----------------------------------------------------- */
div#mainContents div#divDetail {
  padding: 12px;
  overflow: auto;
  position: relative;
  z-index: 0;
  overflow-x: hidden;
}


/* �����C���{�^���p�X�^�C�� */
/* ----------------------------------------------------- */
div#mainContents div#divFooter {
  height: 35px;
  overflow: hidden;
}

div#mainContents div.band {
    border: 0 none;
    background: #000000;
    color: #ffffff;
    padding: 2px;
}

div#mainContents div#divFooter div.controller {
  margin: 0 auto;
  padding: 2px;
  background: #bbdcf0;
  overflow-x: hidden;
}

div#mainContents div#divFooter .controller-cel {
  width: 105px;
  padding: 0;
  border: 0 none !important;
  text-align: center;
}


/* �����O�C����ʗp�X�^�C�� */
/* ----------------------------------------------------- */
div.loginForm {
/* 	margin: 0 80px;
	margin-top: 80px; */
	text-align: left;
	min-width: 300px;
}

div.loginForm div.divError {
	background-color:#FFFFE0;
	height: 70px;
	overflow: auto;
}

div.loginForm div.loginButton {
	text-align: center;
}
div.loginForm div.systeminfo {
	clear: both;
	height: 180px;
	overflow: scroll;
	overflow-x: hidden;
	margin: 20px 50px 0 50px;
	background: #FFFFE0 !important;
	border: 1px solid #9dddf9;
	padding: 5px;
}

div.loginForm div.systeminfo p,
div.loginForm div.systeminfo ul
div.loginForm div.systeminfo ol
div.loginForm div.systeminfo dl {
	margin: 0 0 1em 0;
}

/* ���G���[��ʗp�X�^�C�� */
/* ----------------------------------------------------- */
div.errorForm div#message {
    border-bottom: solid 1px #666666;
}

div.errorForm div#trace {
	margin-top: 10px;
}

div.errorForm textarea {
	width: 100%;
}

/* ���p�X���[�h�ύX��ʗp�X�^�C�� */
/* ----------------------------------------------------- */
div.changePassForm {
	text-align: left;
}

div.changePassForm div.divError {
	background-color:#FFFFE0;
	height: 70px;
	overflow: auto;
}

div.changePassForm div.button {
	text-align: center;
}

/* �����p�X�^�C�� */
/* ----------------------------------------------------- */
.size1 { width: 20px!important; }
.size2 { width: 29px!important; }
.size3 { width: 38px!important; }
.size4 { width: 46px!important; }
.size5 { width: 54px!important; }
.size6 { width: 62px!important; }
.size7 { width: 70px!important; }
.size8 { width: 103px!important; }
.size9 { width: 111px!important; }
.size10 { width: 119px!important; }
.size11 { width: 128px!important; }
.size12 { width: 138px!important; }
.size20 { width: 188px!important; }
.size30 { width: 268px!important; }
.size50 { width: 400px!important; }
/* TODO:�NjL */


/* �����̓O���b�h�X�^�C�� */
/* ----------------------------------------------------- */
div.DTFC_ScrollWrapper {
    border: 1px solid #dddddd;
}
div.dataTables_wrapper th {
	color: #ffffff;
	background: #333333 !important;
	border: 0px solid #EEEEEE !important;
    border-left-width  : 1px !important;
    border-right-width  : 0px !important;
    border-bottom-width: 1px !important;
    padding: 3px 5px !important;
}
div.dataTables_wrapper div.dataTables_scrollBody th {
    padding: 0px 5px !important;
}
div.dataTables_wrapper div.DTFC_LeftBodyLiner th {
    padding: 0px 5px !important;
}
div.dataTables_wrapper td {
    border: 0px solid #EEEEEE !important;
    border-left-width  : 1px !important;
    border-right-width  : 0px !important;
    border-bottom-width: 1px !important;
	padding: 3px 5px !important;
}
div.dataTables_wrapper .paginate_button {
	padding: 2px 12px !important;
}

div.dataTables_wrapper .odd {
  background: #f0ffff !important;
}
div.dataTables_wrapper .even {
  background: #ffffff !important;
}
.pagingLink {
  padding-left:10px;
  padding-right:10px;
}


/*--------------------
	login
----------------------*/

/* �����O�C����ʗp�X�^�C�� */
/* ----------------------------------------------------- */
div.loginForm {
	text-align: left;
	min-width: 1000px;
}

.login_title_area {
	background-color:#f6f6f6;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:40px;
	padding-left:2%;
	padding-right:2%;
}

.login_title_area h1 {
	width:40%;
	float:left;
	/* padding-left:10%; */
	font-size:190%;
}

.login_title_area h1 span {
	display:block;
}

.login_title_area h1 span:first-child {
	font-family:Century,Helvetica,Arial,sans-serif;
}

body.english .login_title_area h1 span:first-child {
	font-family:'times new roman',georgia,serif;
}
body.chinese .login_title_area h1 span:first-child {
	font-family:NSimSun,SimSun,'Hei',serif;
}


.login_title_area h1 span:last-child {
	font-size:60%;

}

.login_title_area p {
	width:40%;
	padding-top:10px;
	float:right;
	text-align:right;
}

.login_area {
	margin:0 2%;
	padding:100px 0;
}

.login_area p.txt {
	font-size:160%;
	font-weight:bold;
	font-style:italic;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	margin-bottom:50px;
}

.login_area>div {
	margin-bottom:10px;
}

.login_area>div>div {
	width:46%;
	float:left;
}

.form_area {
	margin-bottom:80px;
}

.form_area p {
	font-size:130%;
}

.form_area p {
	margin-bottom:5px;
}

.form_area input {
	margin-bottom:5px;
}

.form_area input:last-child {
	margin-top:20px;
	transition-duration: 0.3s;
}

.form_area input:last-child:hover {
	/*opacity: 0.8; */
	transform: scale(1.05);
}

.ssl_area img {
	display:block;
	width:20%;
	float:left;
}
.ssl_area p {
	width:75%;
	float:right;
}

.errorDiv {
	padding-left:2%;
	padding-right:2%;
}

.form {
	padding:5px;
	width:100%;
	border:1px solid #ccc;
}

.login_area>div>p {
	width:46%;
	float:right;
	position:relative;
	margin-bottom:10%;
	margin-right:5%;
}

.login_area>div>p::before {
	position:absolute;
	top:10%;
	left:10%;
	content: '';
	width:100%;
	height:100%;	
	background-color:#f3f3f5;
	z-index:-1;
}

.login_area>div>p img {
	width:100%;
}

.login_area ul li {
	font-size:130%;
	margin-left:1.5em;
	text-indent:-1.5em;
}

.login_area ul li.f_red {
	color:#cc0000;
}

#loginnfooter {
	padding:40px 0;
	text-align:center;
	border-top:1px solid #000066;
	color:#000066;
	font-size:75%;
}

.containerPage {
	background-color:rgb(240, 248, 255);
}

.headerLink {
	color:Blue;
	text-decoration:underline !important;
	font-weight: bold;
}

.marginRight20 {	
	margin-right: 20px;
}
.form-input {
  height: 23px;
  padding: 0px 3px;
  width : auto;
  display: inline-block;
}