﻿/*----------------------------------------------------------
 * ページ全体
 *----------------------------------------------------------*/
body.ns_body
{ 
    background-color: #e0e8b8;
    font-size: 11pt;
    font-family : "ＭＳ ゴシック" "MS Gothic";
    margin: 0;
    padding: 0;
    color: #3a4d21; /*ページ全体の基本文字色*/
}

.ns_page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.ns_header
{
    position: relative;	
}

.ns_version
{	
    position: relative;
	height: 40px;
}

.ns_title{
  font-size : 20pt;
  font-family : "ＭＳ ゴシック" "MS Gothic";
  color : #ffffff;
  font-weight : bold; 
  text-align:left;  
  padding:3px 3px 0px 3px;  
}

.ns_footer
{
    color: #3a4d21;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

.ns_midashi
{
  font-size : 1.2em;
  font-family : "ＭＳ ゴシック" "MS Gothic";
  color : navy;  
  font-weight : bold; 
  text-align:left;  
}

div.ns_line
{
	background-color:Navy;
	height:10px;
	padding:3px 3px 3px 3px;
	margin-top:2px;
	margin-bottom:2px;
	
}

/* --------------------------------------------
 * aタグ
 * -------------------------------------------- */
a:link
{
    color: #333399;
    text-decoration: underline;
}
a:visited
{
    color: #503388;
}
a:hover
{
    color: #5577dd;
    text-decoration: none;
}
a:active
{
    color: #660099;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

a.table_link:link
{
    color: #ffffff;
    text-decoration: underline;
}
a.table_link:visited
{
    color: #ffff99;
}
a.table_link:hover
{
    color: #99ffff;
    text-decoration: none;
}
a.table_link:active
{
    color: #99ffff;
}

/* --------------------------------------------
 * ～寄せ
 * -------------------------------------------- */
*.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%;
}

*.width_5{
  width:5%;
}

*.width_300px{
  width:300px;
}


*.width_200px{
  width:200px;
}

*.width_170px{
  width:170px;
}

*.width_150px{
  width:150px;
}

*.width_100px{
  width:100px;
}

*.width_50px{
  width:50px;
}

/* 英数字の折り返し
----------------------------------------------------------*/
*.addres_wrap 
{ 
  white-space : nowrap ;
}
*.addres_wrap_normal
{
  white-space : normal !important;
}
/* Margin,Padding
----------------------------------------------------------*/
*.nomargin
{
	margin:0px 0px 0px 0px !important;	
}

*.nopadding
{
	padding:0px 0px 0px 0px !important;
}

/* INPUT ITEMS
----------------------------------------------------------*/
input.ns_input_button
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:#3a4d21;
	background-color:#e0f06f;
	margin			:2px 4px 2px 4px;       
}

input.ns_input
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:#3a4d21;
	margin			:2px 4px 2px 4px;       	
}

select.ns_input_combo
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:#3a4d21;
	background-color:#e0f06f;
}

select.ns_input_combo_white
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:#3a4d21;
}


input.ns_input_disabled
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:Gray;
	background-color:#a9a9a9;	
	margin			:2px 4px 2px 4px;       		
}

select.ns_select
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:#3a4d21;
	margin			:2px 4px 2px 4px;       	
}

input.ns_input_text
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:#3a4d21;
	margin			:2px 4px 2px 4px;       		
}

/* テキスト色
----------------------------------------------------------*/
.ns_color_input
{
	color:Blue !important;
}

.ns_color_disabled
{
	color:Gray !important;
}

.ns_color_data
{
	color:Green !important;
}

.ns_color_koumoku
{
	color:Purple !important;
}

.ns_color_error
{
	color:Red !important;
}

/* TABLE
----------------------------------------------------------*/
/*-- Site.Master用テーブル --*/
table.ns_master
{
    width: 100%;
    text-align: center;
    background-color: #306030;
}

/*-- 各画面メイン用テーブル --*/
table.ns_main
{
    padding: 0px 10px 15px 10px;
    background-color: #fff;
    border:solid 1px gray;    
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */    
}

td.ns_main_td
{
    padding: 10px;
}

/*-- データ表示用テーブル --*/
table.ns_table_data
{
	border-collapse :collapse;
	background-color:#ffffff;	
	font			:100% normal "ＭＳ　ゴシック" "MS Gothic";	
	border		    :solid 2px #306030;
	margin:3px 0px 3px 0px;	
}

table.ns_table_data th
{ 
    border-collapse :collapse; 	  
    background-color:#618e34;
    color			:White;    
    border			:1px solid #306030;		
    text-align		:center;
    padding			:4px 4px 4px 4px;           
}

table.ns_table_data td 
{
	border-collapse  :collapse;
	background-color :#d0e890;
	color			 :#3a4d21;	
	border			 :1px solid #306030;		
	vertical-align   :middle;	
	text-align       :left;
	padding			 :4px 4px 4px 4px;       	
	height           :1.1em;	
}

table.ns_table_align_center
{
    margin-left  : auto !important;
    margin-right : auto !important;
}

table.ns_table_align_left
{
    margin-left  : 0 !important;
    margin-right : auto !important;
}

/*** ボーダーなし ***/
table.ns_table_data_noborder
{
	border-collapse :collapse;
	background-color:#ffffff;	
	font			:100% normal "ＭＳ　ゴシック" "MS Gothic";	
	border		    :solid 4px #306030;
	margin:3px 0px 3px 0px;	
}

table.ns_table_data_noborder th
{ 
    border-collapse :collapse; 	  
    background-color:#618e34;
    color			:White;    
    border-style:none;
    text-align		:center;
    padding			:4px 4px 4px 4px;           
}

table.ns_table_data_noborder td 
{
	border-collapse  :collapse;
	background-color :#d0e890;
	color			 :#306030;	
	border-style:none;
	vertical-align   :middle;	
	text-align       :left;
	padding			 :4px 4px 4px 4px;       	
	height           :25px;	
}

/***受講内容用のテーブル ***/
table.ns_table_data_juko
{
	border-collapse :collapse;
	background-color:#ffffff;
	font			:100% normal "ＭＳ　ゴシック" "MS Gothic";	
	margin:3px 0px 3px 0px;		
    border:solid 2px #306030;	
}

table.ns_table_data_juko th
{ 
    border-collapse :separate; 	  
    background-color:#618e34;
    border:solid 1px #306030;	
    color			:White;    
    text-align		:center;
    padding			:4px 4px 4px 4px;
    min-height:22px;
}

table.ns_table_data_juko td 
{
	border-collapse  :separate;
	background-color :#d0e890;
	border:solid 1px #306030;	
	color			 :#306030;	    
	vertical-align   :middle;	
	text-align       :left;
	padding			 :4px 4px 4px 4px;       	
	height           :1.1em;
	min-height:22px;
}

table.notice
{
	width:100%;
	border:dashed 2px #70a070;	
	text-align:left;
	line-height:1.2;
	margin:5px 3px 5px 3px;
}

/* Fieldset(Groupbox)
----------------------------------------------------------*/
fieldset.ns_fieldset
{
	color:Navy;		
	border:solid 1px #778899;	
}

fieldset.ns_fieldset legend
{
	color:Navy;
	text-align:left;
	font			:100% normal "ＭＳ　ゴシック" "MS Gothic";	
	margin-left:15px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    list-style-type:none;
}

.validation-summary-valid
{
    display: none;
}

/* その他
-----------------------------------------------------------*/

*.message
{
	text-align:left;
	background-color:#ffb6c1;
	padding:2px 2px 2px 2px;
	margin:5px 0px 5px 0px;
}

*.label
{	
	text-align:left;
	background-color:#add8e6;
	padding:3px 10px 3px 10px;
	margin:3px 3px 3px 3px;
}

*.labelcolor
{	
	background-color:#618e34 !important;
}

*.labelyellow
{	
	background-color:#fff799 !important;
}

*.labelgreen
{	
	background-color:#98fb98 !important;
}

*.colorgreen
{
	color:#006400 !important;
}

*.labelred
{	
	background-color:#ffb6c1 !important;	
}

*.colorred
{
	color:#ff0000 !important;
}

*.backoragnge
{
	background-color:#f8b862 !important;
}

*.ns_warning
{
	color:Red !important;
	margin:2px 2px 2px 2px;	
}

*.ns_border
{	
	border		    :solid 2px #306030;
}

*.ns_noborder
{
	border-style:none !important;
}

*.dashborder
{	
	border:dashed 3px #709080;	
	margin:5px 0px 5px 0px;
	line-height:1.1;
}	

*.solidborder
{	
	border:solid 3px #708090;	
	margin:5px 0px 5px 0px;
	line-height:1.1;
}

*.border_collapse
{
	border-collapse:collapse !important;
}

*.border_separate
{
	border-collapse:separate !important;
}

*.result_ok
{
	font-size:16pt;		
	padding:5px 0px 5px 0px;
}

*.result_error
{
	font-size:16pt;	
	color:#ff0000;	
	padding:5px 0px 5px 0px;
}

/* IME-Mode(IE Only)
-----------------------------------------------------------*/
*.ime-auto
{
	ime-mode:auto !important;
}

*.ime-japanese
{
	ime-mode:active !important;
}

*.ime-english
{
	ime-mode:inactive !important;
}

*.ime-disabled
{
	ime-mode:disabled !important;
}
