/*****************************************************
 * PEGASUSNS WEB準会員登録  
 *
 * Site.css
 *
 * ※主に変更となる部分は、コメントで背景色・文字色と
 *   記述のある部分になるので、変更時には参考にしてください。
 *****************************************************/

/*------------------------------------------
 * ページ全体
 *------------------------------------------*/
BODY.ns_body {
	BACKGROUND-COLOR: #ffffff;  /* ページ全体の背景色 */
	COLOR: #000000;             /* ページ全体の文字色 */
	FONT-FAMILY: sans-serif; 
	FONT-SIZE: 11pt; 
	MARGIN: 2px; 
	PADDING-TOP: 2px;
	PADDING-RIGHT: 2px; 
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px; 
	WORD-BREAK: BREAK-ALL;
}

/*------------------------------------------
 * テーブル
 *------------------------------------------*/
TABLE {
	TEXT-ALIGN: left
}

TH {
	TEXT-ALIGN: left
}

/*---  サイト名称表示用テーブル(Site.Masterで使用)  ---*/
TABLE.ns_table_header {
	WIDTH: 95%; 
	BORDER-TOP: medium none; 
	BORDER-RIGHT: medium none;
	BORDER-BOTTOM: medium none; 
	BORDER-LEFT: medium none; 
}

TABLE.ns_table_step {
	WIDTH: 85%; 
	margin:0px 0px 20px 0px;
}

TH.step_naiyo {
	FONT-SIZE: 10pt; 
	TEXT-ALIGN: center; 
	BORDER-BOTTOM: #a9a9a9 1px solid; 
	BORDER-LEFT: #a9a9a9 1px solid; 
	BORDER-TOP: #a9a9a9 1px solid; 
	BORDER-RIGHT: #a9a9a9 1px solid; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px 0px 0px 0px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	BACKGROUND: #ffffff; 
	COLOR: #000000; 
	PADDING-TOP: 5px
}

TH.step_naiyo_select {
	FONT-SIZE: 10pt; 
	TEXT-ALIGN: center; 
	BORDER-BOTTOM: #808080 1px solid; 
	BORDER-LEFT: #808080 1px solid; 
	BORDER-TOP: #808080 1px solid; 
	BORDER-RIGHT: #808080 1px solid; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px 0px 0px 0px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	BACKGROUND: #00bfff; 
	COLOR: #ffffff; 
	PADDING-TOP: 5px
}

TD.step_naiyo 
{
	FONT-SIZE: 10pt; 
	TEXT-ALIGN: center; 
	BORDER-BOTTOM: #a9a9a9 1px solid; 
	BORDER-LEFT: #a9a9a9 1px solid; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px 0px 0px 0px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	BACKGROUND: #ffffff; 
	COLOR: #000000; 
	BORDER-TOP: #a9a9a9 3px solid; 
	BORDER-RIGHT: #a9a9a9 3px solid; 
	PADDING-TOP: 5px
}

TD.step_naiyo_select 
{
	FONT-SIZE: 10pt; 
	TEXT-ALIGN: center; 
	BORDER-BOTTOM: #808080 1px solid; 
	BORDER-LEFT: #808080 1px solid; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px 0px 0px 0px; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	BACKGROUND: #00bfff; 
	COLOR: #ffffff; 
	BORDER-TOP: #808080 4px solid; 
	BORDER-RIGHT: #808080 4px solid; 
	PADDING-TOP: 5px
}

TABLE.ns_table_header TH {
	BACKGROUND-COLOR: #4169e1;  /* 背景色 */
	COLOR: white;               /* 文字色 */
	FONT-SIZE: 16pt; 
	FONT-WEIGHT: bold; 
	PADDING-TOP: 2pt;
	PADDING-RIGHT: 2pt; 
	PADDING-BOTTOM: 2pt; 
	PADDING-LEFT: 8pt; 
	HEIGHT: 35px; 
}

TABLE.ns_table_header TD {
	HEIGHT: 20px
}

.master_step_naiyo_pc
{
    WIDTH: 16%;
}
.master_step_naiyo_smartphone 
{
    WIDTH: 20%;
}

/*---  各画面タイトル表示用テーブル(Site.Masterで使用)  ---*/
TABLE.ns_table_komokuheader {
	WIDTH: 90%; 
	BORDER-TOP: #b0c4de 2px solid; 
	BORDER-RIGHT: #b0c4de 2px solid;
	BORDER-BOTTOM: #b0c4de 2px solid; 
	BORDER-LEFT: #b0c4de 2px solid; 
	BORDER-COLLAPSE: collapse; 
}

TABLE.ns_table_komokuheader TH {
	BACKGROUND-COLOR: #c0c0c0;  /* 背景色 */
	COLOR: navy;                /* 文字色 */
	FONT-SIZE: 14pt; 
	FONT-WEIGHT: bold; 
	BORDER-TOP: #c0c0c0 2px solid; 
	BORDER-RIGHT: #c0c0c0 2px solid; 
	BORDER-BOTTOM: #c0c0c0 2px solid; 
	BORDER-LEFT: #c0c0c0 2px solid; 
	PADDING-TOP: 2pt;
	PADDING-RIGHT: 2pt; 
	PADDING-BOTTOM: 2pt; 
	PADDING-LEFT: 8pt; 
	HEIGHT: 30px; 
}

TABLE.ns_table_komokuheader TD 
{
    BACKGROUND-COLOR: #FFFFFF;
	PADDING-TOP: 2pt;
	PADDING-RIGHT: 8pt; 
	PADDING-BOTTOM: 2pt; 
	PADDING-LEFT: 8pt; 
}

/*---  各画面メイン用テーブル  ---*/
TABLE.ns_table_data {
	BORDER-TOP: #b0c4de 2px solid; 
	BORDER-RIGHT: #b0c4de 2px solid;
	BORDER-BOTTOM: #b0c4de 2px solid; 
	BORDER-LEFT: #b0c4de 2px solid; 
	BORDER-COLLAPSE: collapse; 
	MARGIN:10px 0px 10px 0px;
}

TABLE.ns_table_data TH 
{    
	BACKGROUND-COLOR:#e0ffff;   /* ヘッダ背景色 */
	COLOR: black;               /* ヘッダ文字色 */
	FONT-SIZE: 11pt; 
	FONT-WEIGHT: bold;
	HEIGHT: 25px; 
	BORDER-TOP: #b0c4de 2px solid; 
	BORDER-RIGHT: #b0c4de 2px solid;
	BORDER-BOTTOM: #b0c4de 2px solid; 
	BORDER-LEFT: #b0c4de 2px solid; 
}

TABLE.ns_table_data TD {
	BACKGROUND-COLOR: white;   /* データ部背景色 */ 
	FONT-SIZE: 10pt;
	/*
	BORDER-TOP: #b0c4de 2px solid; 
	BORDER-RIGHT: #b0c4de 2px solid;
	BORDER-BOTTOM: #b0c4de 2px solid; 
	BORDER-LEFT: #b0c4de 2px solid; 
    */
}

TABLE.ns_table_data TD.hed {
	BACKGROUND-COLOR: #e0ffff;   /* データ部背景色 */ 
}

TABLE.ns_table_data TD.customer {
	BACKGROUND-COLOR: #F5E49C;   /* データ部背景色 */ 
	FONT-SIZE: 11pt;
	BORDER-TOP: #b0c4de 2px solid; 
	BORDER-RIGHT: #b0c4de 2px solid;
	BORDER-BOTTOM: #b0c4de 2px solid; 
	BORDER-LEFT: #b0c4de 2px solid; 
}

TABLE.ns_table_data TD.customer_nospace {
	BACKGROUND-COLOR: #F5E49C;   /* データ部背景色 */ 
	FONT-SIZE: 11pt;
	BORDER: 0;
	PADDING-LEFT: 0px;
	MARGIN-LEFT: 0px;
}

TABLE.ns_table_data DIV.guide {
	BACKGROUND-COLOR: #E6E6FA;   /* データ部背景色 */ 
	COLOR: #040482;
	FONT-SIZE: 11pt;
	BORDER-TOP: #8895A6 1px solid; 
	BORDER-RIGHT: #8895A6 1px solid;
	BORDER-BOTTOM: #8895A6 1px solid; 
	BORDER-LEFT: #8895A6 1px solid; 
	MAX-WIDTH: 90%;
	MARGIN: 3px 0px 3px 0px;
	PADDING: 2px;
}

TABLE.ns_table_data TD.koment {
	BACKGROUND-COLOR: #e0ffff;
	BORDER-TOP: #b0c4de 2px solid; 
	BORDER-RIGHT: #b0c4de 2px solid;
	BORDER-BOTTOM: #b0c4de 2px solid; 
	BORDER-LEFT: #b0c4de 2px solid; 
}

TABLE.ns_table_data TD.hed {
	BACKGROUND-COLOR: #e0ffff; 
	BORDER-TOP: #b0c4de 2px solid; 
	BORDER-RIGHT: #b0c4de 2px solid;
	BORDER-BOTTOM: #b0c4de 2px solid; 
	BORDER-LEFT: #b0c4de 2px solid; 
}

TABLE.ns_table_data TD.border {
	BORDER-TOP: #b0c4de 2px solid; 
	BORDER-RIGHT: #b0c4de 2px solid;
	BORDER-BOTTOM: #b0c4de 2px solid; 
	BORDER-LEFT: #b0c4de 2px solid; 
}

TABLE.ns_table_data TD.footer {
	BACKGROUND-COLOR: #e0ffff; 
	FONT-WEIGHT: bold;
	BORDER-TOP: #b0c4de 2px solid; 
}

TABLE.ns_table_layout {
	BORDER-TOP: medium none; 
	BORDER-RIGHT: medium none;
	BORDER-BOTTOM: medium none; 
	BORDER-LEFT: medium none; 
}

TABLE.ns_table_layout TD.koment {
	FONT-SIZE: 10pt
}

TABLE.ns_table_layout TD.komentblue {
	COLOR: blue;
	FONT-WEIGHT: bold;
}

TABLE.ns_table_align_center
{
    margin-left  : auto !important;
    margin-right : auto !important;
}

/*------------------------------------------
 * 文字スタイル指定
 *------------------------------------------*/
.ns_color_hissu {
	COLOR: red; 
	FONT-WEIGHT: bold
}

.ns_color_kyocyo {
	FONT-SIZE: 16pt; 
	FONT-WEIGHT: bold
}

.ns_color_kyocyo2 {
	COLOR: Blue; 
	FONT-WEIGHT: bold
}

.ns_color_input {
	COLOR: blue !important
}

.ns_color_data {
	COLOR: green !important
}

.ns_color_koumoku {
	COLOR: purple !important
}

.ns_color_error {
	COLOR: red !important
}

/*------------------------------------------
 * Aタグ
 *------------------------------------------*/
A:link {
	COLOR: blue; 
	TEXT-DECORATION: underline
}

A:visited {
	COLOR: purple
}

A:hover {
	COLOR: blue; 
	TEXT-DECORATION: none
}

A:active {
	COLOR: blue
}

/*------------------------------------------
 * その他タグ
 *------------------------------------------*/
HR {
	BORDER-TOP: gray 1px solid; 
	BORDER-RIGHT: gray 1px solid;
	BORDER-BOTTOM: gray 1px solid; 
	BORDER-LEFT: gray 1px solid; 
}

P {
	LINE-HEIGHT: 1.6em; 
	MARGIN-BOTTOM: 20px
}

UL {
	LINE-HEIGHT: 1.6em; 
	MARGIN-BOTTOM: 20px
}

/*------------------------------------------
 * ～寄せ
 *------------------------------------------*/
*.ns_align_left {
	TEXT-ALIGN: left !important
}

*.ns_align_center {
	TEXT-ALIGN: center !important
}

*.ns_align_right {
	TEXT-ALIGN: right !important
}

*.ns_valign_top {
	VERTICAL-ALIGN: top !important
}

*.ns_valign_middle {
	VERTICAL-ALIGN: middle !important
}

*.ns_valign_bottom {
	VERTICAL-ALIGN: bottom !important
}

/*------------------------------------------
 * 幅
 *------------------------------------------*/
*.width_100 {
	WIDTH: 100%
}

*.width_95 {
	WIDTH: 95%
}

*.width_90 {
	WIDTH: 90%
}

*.width_80 {
	WIDTH: 80%
}

*.width_70 {
	WIDTH: 70%
}

*.width_60 {
	WIDTH: 60%
}

*.width_50 {
	WIDTH: 50%
}

*.width_40 {
	WIDTH: 40%
}

*.width_30 {
	WIDTH: 30%
}

*.width_25 {
	WIDTH: 25%
}

*.width_20 {
	WIDTH: 20%
}

*.width_15 {
	WIDTH: 15%
}

*.width_10 {
	WIDTH: 10%
}

*.combo_40
{
    MARGIN: 0px;
    WIDTH:35%;
    MIN-WIDTH:60px;
}

*.combo_20
{
    MARGIN: 0px;
    WIDTH:12%;
    MIN-WIDTH:60px;
}

/*------------------------------------------
 * マージン、パディング
 *------------------------------------------*/
*.nomargin {
	MARGIN: 0px
}

*.nopadding {
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
}

/*------------------------------------------
 * INPUTタグ
 *------------------------------------------*/
INPUT.ns_input_button {
	BACKGROUND-COLOR: white; 
	COLOR: navy;
	FONT: 100% normal "ＭＳ　ゴシック" "MS Gothic"; 
	MARGIN: 2px 4px; 
}

INPUT.ns_input {
	COLOR: black;
	FONT: 100% normal "ＭＳ　ゴシック" "MS Gothic"; 
	MARGIN: 4px 4px 4px 4px; 
}

INPUT.ns_input_text {
	COLOR: black;
	FONT: 100% normal "ＭＳ　ゴシック" "MS Gothic"; 
	MARGIN: 4px 4px 4px 4px; 
}

/*------------------------------------------
 * FIELDSETタグ
 *------------------------------------------*/
FIELDSET.ns_fieldset {
	COLOR: navy; 
	BORDER-TOP: #778899 1px solid; 
	BORDER-RIGHT: #778899 1px solid;
	BORDER-BOTTOM: #778899 1px solid; 
	BORDER-LEFT: #778899 1px solid; 
}

FIELDSET.ns_fieldset LEGEND {
	COLOR: navy; 
	FONT: 100% normal "ＭＳ　ゴシック" "MS Gothic"; 
	TEXT-ALIGN: left; 
	MARGIN-LEFT: 15px
}

/*------------------------------------------
 * エラー表示用
 *------------------------------------------*/
.field-validation-error {
	COLOR: #ff0000
}

.field-validation-valid {
	DISPLAY: none
}

.input-validation-error {
	BACKGROUND-COLOR: #ffeeee; 
	BORDER-TOP: #ff0000 1px solid; 
	BORDER-RIGHT: #ff0000 1px solid;
	BORDER-BOTTOM: #ff0000 1px solid; 
	BORDER-LEFT: #ff0000 1px solid; 
}

.validation-summary-errors {
	COLOR: #ff0000; 
	FONT-WEIGHT: bold
}

.validation-summary-valid {
	DISPLAY: none
}
/*------------------------------------------
 * 改行なし
 *------------------------------------------*/
 .no-line-feed{
     white-space : nowrap ;
 }