@charset "utf-8";

 html {
overflow-y:scroll;
font-size: 62.5%;
}

/*  ■ body
--------------------------------------------------------- */

BODY.fontstyle {
    FONT-FAMILY: "ＭＳ ゴシック";
    font-size: 12pt;
    color:#000000;
    background-color:#ffffff;
}

BODY.fontstyle_keiyaku {
    FONT-FAMILY: "ＭＳ Ｐゴシック";
    font-size: 12pt;
    color:#000000;
    background-color:#ffffff;
}

a:link {
  color: #663399
}
a:visited {
  color: #7cb707
}
a:active {
  color: #336699
}

/* ------- メインエリア横メニュー背景の設定 ------ */
#stage {
}

/* システムエリア（中央イメージ） */
#system {
float: left;
width: 100%;
background-image: url(../image/h1_m.gif);
background-repeat: repeat-x;
background-position: 0px -27px;
height: 32px;
}

/* h1 */
#system h1 {
clear: both;
position: relative;
top: 1px;
padding-left: 15px;
font: normal 16pt "ＭＳ Ｐゴシック", sans-serif;
color: #FFFFFF;
font-weight: bold;
}

h1{
display:inline;
float:left;
font-size:1.1em;
color:#FFF;
}

/* コンテンツエリアのみ（2） */
#main {
background-color: #FFFFFF;
color: #2B2B2B;
}

/*　各種コンテンツ外枠（その1）　*/
#main .contents_1 {
width: 100%;
/* text-align: center;
padding-left: 5px; */
}

/*　各種コンテンツ外枠（その2）　*/
#main .contents_2 {
width: 100%;
/* text-align: center;
padding-left: 5px; */
}

.caption {
margin: 5px 0px 10px 0px;
}

.caption h3 {
padding: 1px 0px 1px 7px;
font: normal 10pt "ＭＳ Ｐゴシック", sans-serif;
border-left: #80BE23 solid 6px;
font-weight: bold;
color: #666666;
text-align: left;
}

.caption .back_r {
float: right;
}

/* ボタン（コンテンツ内） */
.btn{
font: normal 10pt "ＭＳ Ｐゴシック", sans-serif;
height: 24px;
margin-bottom: 2px;
}

/* ボタンエリア（コンテンツ下部） */
#main .function_bottom {
list-style: none;
font: normal 10pt "ＭＳ ゴシック", sans-serif;
margin-top: 7px;
margin-bottom: 2px;
margin-right: 1%;/**** テーブル幅-1%に合わせるため*/
/* text-align: center; */
}

#main .function_bottom .button {
margin: 1px;
font: normal 10pt "ＭＳ ゴシック", sans-serif;
height: 24px;
}

/* フッター　------------------------ */
#footer {
text-align: right;
margin: 0px 0px 0px 0px;
background: #FFFFFF url(../image/footer_l.gif) no-repeat left top;
height: 28px;
}

#footer .text {
font: normal 8pt "ＭＳ Ｐゴシック", sans-serif;
background: url(../image/footer_r.gif) no-repeat right top;
height: 28px;
margin-left: 30px;
color: #FFFFFF;
padding: 7px 10px 0px 5px;
}


/* ラベル表示 */
.label_center{
text-align: center;
}

.label_left{
text-align: left;
}

.label_right{
text-align: right;
}

.font_size_12{
font-size:12pt;
line-height:14px;
}

.text_right{
text-align:right;
padding-right: 1px;
}
.text_center{
text-align:center;
}
.text_left{
text-align:left;
}
.text_bold{
font-weight:bold;
}


.txtR{
text-align:right;
padding-right: 1px;
background: red;
}
.txtC{
text-align:center;
background: red;
}
.txtL{
text-align:left;
background: red;
}
.txtB{
font-weight:bold;
background: red;
}

div.application {
margin: 10px 0px;
padding: 0px;
width: 1000px;
}

.tblayout_bor{
border-collapse: 0px;
border-cellpadding: 0px;
border-style: none;
}

.now_ver {
vertical-align: top;
}

.tblayout_cellp3{
border-cellspacing: 0px;
border-cellpadding: 3;
border-style: none;
width : 980px;
  }

.tblayout_cells1{
border-cellspacing: 1px;
border-cellpadding: 0px;
border-style: none;
  }

.label-item {
font-size: 12pt;
background-color:#CCDDFF;
white-space: nowrap;
width: 200px;
}

.text_item {
white-space: nowrap;
width: 570px;
}

.align_top{
vertical-align: top;
}

.mar1em_width_940{
margin:1em;
width: 940px;
}
.mar0em_width_940{
margin:0em;
width: 940px;
white-space: normal;
}

.btnlayout{
width: 1000px;
height: 50px;
border-style: none;
border-cellpadding: 0px;
border-cellspacing: 0px;
background-color:#CCDDFF;
}

.ali_lef_width_480{
white-space: nowrap;
width: 480px;
text-align: left;
}

.ali_rig_width_480{
white-space: nowrap;
width: 480px;
text-align: right;
}

.tdlayout{
white-space: nowrap;
width: 1000px;
height: 5px;
}

.nowrap{
white-space: nowrap;
}

.width_20{
width : 20px;
}

TABLE.tblayout{
border-collapse:collapse;
border:2px solid #B0C4DE;
}

TABLE.tblayout TD,TH{
border:2px solid #B0C4DE !important;
padding:5px;
}

.flBtn {
width:60px;
height:33px;
FONT-SIZE: 12pt;
FONT-FAMILY: "ＭＳ ゴシック"
}

.now_height_5 {
white-space: nowrap;
height: 5px;
}

.now_width_480 {
white-space: nowrap;
width : 480px;
}

.now_width_60 {
white-space: nowrap;
width : 60px;
}

.now_width_100 {
white-space: nowrap;
width : 100px;
}

.width_682 {
width : 682px;
}

.now_height_10{
white-space: nowrap;
height : 10px;
}

.ali_rig_height_15{
white-space: nowrap;
height : 15px;
width:990px;
text-align: right;
}

/* 横スクロール */
DIV.scroll{
width:980px; overflow-x:scroll;
border-left:#B0C4DE solid 2px;
border-right:#B0C4DE solid 2px;
}

/* 一覧 奇数行 */
.rOdd{
background-color:#FFFFFF;
}

/* 一覧 偶数行 */
.rEven{
background-color:#E0FFFF;
}

.tblayout__bor_cellp3{
border-cellspacing: 0px;
border-cellpadding: 3;
border-style: none;
}

.break_word{
	word-wrap:break-word;
}

.now_center{
white-space: nowrap;
text-align:center;
}
/* 一覧項目横幅　------------------------ */
.width_100{
	width:100px;
}

.width_110{
	width:110px;
}

.width_120{
	width:120px;
}

.width_130{
	width:130px;
	}

.width_140{
	width:140px;
}

.width_150{
	width:150px;
}

.width_160{
	width:160px;
}

.width_170{
	width:170px;
}

.width_180{
	width:180px;
}

.width_190{
	width:190px;
}

.width_210{
	width:210px;
}

.width_480{
	width:480px;
}

.flSystemErrMsg {
color: #FF0000;
}

.flSystemErrFooter {
margin-right:20px;
}

.flBtnClose {
float:right;
height:33px;
FONT-SIZE: 12pt;
FONT-FAMILY: "ＭＳ ゴシック"
}

TABLE.tblayout_list_head{
border-collapse:collapse;
border:2px solid #B0C4DE;
}
TABLE.tblayout_list_head TD{
border:2px solid #B0C4DE !important;
padding:5px;
}
TABLE.tblayout_list_head TH{
border:2px solid #B0C4DE !important;
background-color:#87CEFA !important;
padding:5px;
text-align:center;
}

TABLE.tblayout_list_head_fix{
border-collapse:collapse;
border:2px solid #B0C4DE;
width:100%;
table-layout:fixed;
}
TABLE.tblayout_list_head_fix TD{
border:2px solid #B0C4DE !important;
padding:5px;
}
TABLE.tblayout_list_head_fix TH{
border:2px solid #B0C4DE !important;
background-color:#87CEFA !important;
padding:5px;
text-align:center;
}

.width_980{
width:980px;
}
.backGround_th{
background-color:#87CEFA !important;
}


/* 改ページバー */
.pageing_ber{
height:30px;
}

.list {
border-collapse: collapse;
text-align: left;
}

.list a {
text-decoration: underline;
}

.list .label td a {
color: #666666;
}

/* テーブル2（リスト）リンク */

/* 左側文字列ボックス */
.list .link .left {
float: left;
}

/* 右側文字列ボックス */
.list .link .right {
float: right;
}

/* 右側文字列のボックスごとの空間 */
.list .link .right span {
margin-left: 0px;
}

/* <a>（12345のリンク）の空間 */
.list .link .right a {
margin-left: 3px;
color: #1125A2;
}