﻿/* ############ 初期設定 ############ */
body,div,span,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,th,td,iframe
{
    /* 全体の余白を0にする */
    padding: 0;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}
fieldset
{
    padding: 0 2px 2px 2px;
	margin: 0 auto;
    text-align: left;
}
legend
{
    margin-left: 6px;
}
/* ############ 全体設定 ############ */
body
{
    /* フォント基本サイズ(各要素ではemではなく%で指定を行うこと) */
    font-size: 16px;
    /* フォント（使用したい順に指定する） */
    font-family: 'Times New Roman','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,Verdana,sans-serif;
    /* 文字色 */
    color: rgb(0,0,0);  

	margin :0 auto;

}
input ,select{
    vertical-align:middle;
}

input[type=radio]
{
	margin-right: 4px;
}

/* フォント相対サイズ */
.font-huge { font-size: 200%; } /* （ログインページのみ利用） */
.font-large {font-size: 125%; }
.font-standard { font-size: 92%; } /* 標準 */
.font-middle { font-size: 84%; } /* 中くらい */
.font-small { font-size: 78%; } /* 小さめ */
.font-tiny { font-size: 65%; } /* 小さい */

/* ページ標準カラー */
.site-main-color 
{
	/* 基本背景色（薄青） */
    background-color: rgb(176,196,222);
    color: rgb(0,0,0);
}

.site-input-color 
{
	/*入力項目セル背景色（クリーム）*/
    background-color: rgb(250,250,210);
    color: rgb(0,0,0);
	text-align: center;
}

.site-display-color 
{
	/*非入力項目セル背景色（グレー）*/
    background-color: rgb(211,211,211);
    color: rgb(0,0,0);
}

/* 影付き線 */
.line-shadow
{
    padding: 0;
    margin: 0 auto;
    border: 0; 
    border-top: 1px solid white; 
    border-bottom: 1px solid #aaa;
}

/* ############ フォーム設定 ############ */
/* inputボタン */
input[type=button], input[type=submit]
{
   text-align: center;
   padding: 2px 0;
}
input[type=text], input[type=password], textarea
{ 
    padding: 2px 1px; 
    text-align: left;
}
input[disabled]
{ 
    background-color: #f0f0f0;
    border-width: 1px;
}
/* ############ テーブル ############ */
.system-title /*ITMSSのシステム名称（ログイン画面にのみ表示）*/
{
	text-align:center;
	margin: 10px auto 0 auto;
	font-size:300%;
	font-weight:bold;
}
.system-description 
{
	text-align:center;
	font-size:110%;
	font-weight:bold;
}

.login-form /* ログインフォーム */
{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px auto 0 auto;
	width: 490px;
}
.login-form .col-name
{
    padding: 4px 0 4px 8px;
	width: 100px;
    /*border:1px solid red;*/
}
.login-form .col-input
{
	width: 150px;
}
.login-form .col-button
{
	width: 230px;
}
.login-form td
{
     text-align: left;
}
.changepass-form td
{
    padding: 2px;
}

.title-table /*画面名表示用テーブル*/
{
	text-align:center;
	margin-top:20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	/*border-top: 5px rgb(255,255,255); /* 見出しエリアの上境界線 */
    /*border-bottom: 5px rgb(255,255,255);*/ /* 見出しエリアの下境界線 */
	width:391px;
	border-left-style: none;
	border-left-color: inherit;
	border-left-width: 0px;
	border-right-style: none;
	border-right-color: inherit;
	border-right-width: 0px;
}
.title-area
{
    padding: 8px 0;
}

.whole-table /*表示テーブル（全画面で利用）*/
{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	width: 544px;
	height: 87px;
}
.center-content /* コンテンツ */
{
    margin: 0 auto 0 auto;
}
.center-content *
{
	text-align: left;
}

.blank-row /*ブランク用行*/
{
	height:25px;
}

.space-low /*小さいブランク用*/
{
    height:2px;
}

.label-input /*項目表示用ラベル*/
{
	text-align:right;
}

.calc-form /* 計算フォーム */
{
    border-spacing:0;
    border-top:1px solid white;
    border-left:1px solid white;
    border-right:1px solid #a0a0a0;
    border-bottom:1px solid #a0a0a0;
   
    background-color: #d3d3d3;

    margin: 20px auto 0 auto;
    width: 760px;
}
.calc-form td, .calc-form th
{
    border-top:1px solid #a0a0a0;
    border-left:1px solid #a0a0a0;
    border-right:1px solid white;
    border-bottom:1px solid white;
    font-size: 92%;
    padding:1px;
}
.calc-form th div
{
    text-align: left;
}
.calc-form td div
{
    text-align: left;
    margin: 4px 0;
}

.data-list /* データリスト */
{
    border-spacing:1px;
    border-top:1px solid #f0f0f0;
    border-left:1px solid #f0f0f0;
    border-right:1px solid #a0a0a0;
    border-bottom:1px solid #a0a0a0;
}
.data-list td, .data-list th
{
    border-top:1px solid #a0a0a0;
    border-left:1px solid #a0a0a0;
    border-right:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    padding:1px;
}
.data-list th
{
    text-align: center;
}
.data-list td div
{
    text-align: left;
}

.foot-note /* 脚注 */
{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px auto 0 auto;
	width: 777px;
}
.foot-note .col-title
{
	width: 85px;
    white-space: nowrap;
}
.foot-note .col-number
{
	width: 15px;
}
.foot-note .col-note
{
	width: auto;
}
.foot-note td
{
     text-align: left;
     font-size: 92%;
     vertical-align: top;
}

/* 線無し*/
.border-none
{
    border: none;
    border-collapse:collapse;
    border-spacing:0;
}
.border-none td, .border-none th
{
    border: none;
}

/* ############ テキストボックス ############ */
.text-input
{
	text-align:left;
}

/* ############ ボタン ############ */
.btn-standard
{
	text-align:center;
	width:78px
}
.btn-calc-standard
{
    font-family: 'Times New Roman','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,Verdana,sans-serif;
    font-weight: bold;
}
.btn-footer
{
	width:78px;
    margin: 0 8px;
}

/* ############ ラジオボタンリスト ############ */
.radio-button-list td
{
    padding: 2px 0;
    white-space: nowrap;
}

/* ############ 検索条件 ############ */
.condition-form td
{
    padding: 0 4px;
}

.literal-title
{
	    /* width: 600px; */ /* 見出しエリアの幅 */
	margin-top : 4px; /*画面上部からの距離*/
    margin-bottom: 10px; /*このコントロールより下への距離*/
	margin-left : auto; /*画面左右からは中央になるようにする*/
	margin-right : auto; /*画面左右からは中央になるようにする*/
	border-top: 1px ridge rgb(255,255,255); /* 見出しエリアの上境界線 */
    border-bottom: 1px ridge rgb(255,255,255); /* 見出しエリアの下境界線 */
}

tr.disp-tr
{
}

tr.non-disp-tr
{
    display:none;
}

.left-centering
{
    display:inline-block;
    text-align:left;
}
