/*----------------------------------------------------------
 * ページ全体
 *----------------------------------------------------------*/
body.ns_body
{
    background-color: #e6e6fa;
    font-size: 11pt;
    font-family : "ＭＳ ゴシック" "MS Gothic";
    margin: 0;
    padding: 0;
    color: Navy; /*ページ全体の基本文字色*/
}

.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;
  background-color : gray;
  font-weight : bold; 
  text-align:left;  
  padding:3px 3px 0px 3px;  
}

.ns_footer
{
    color: Navy;
    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: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #800080;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #800080;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* --------------------------------------------
 * ～寄せ
 * -------------------------------------------- */
*.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;	
}

*.nopadding
{
	padding:0px 0px 0px 0px;
}

/* INPUT ITEMS
----------------------------------------------------------*/
input.ns_input_button
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:Navy;
	background-color:White;
	margin			:2px 4px 2px 4px;       
}

input.ns_input
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:Blue;	
	margin			:2px 4px 2px 4px;       	
}

select.ns_input_combo
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:Blue;	
	background-color:#fff799;	
}

select.ns_input_combo_white
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:Blue;	
}


input.ns_input_disabled
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:Gray;
	background-color:lightgray;
	margin			:2px 4px 2px 4px;       		
}

select.ns_select
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:Blue;	
	margin			:2px 4px 2px 4px;       	
}

input.ns_input_text
{
	font:100% normal "ＭＳ　ゴシック" "MS Gothic";
	color:Blue;	
	margin			:2px 4px 2px 4px;       		
}

input:disabled
{
	color:Gray;
	background-color:lightgray;
}
/* テキスト色
----------------------------------------------------------*/
.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
----------------------------------------------------------*/
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 4px #708090;
	margin:3px 0px 3px 0px;	
}

table.ns_table_data th
{ 
    border-collapse :collapse; 	  
    background-color:#add8e6;
    color			:navy;    
    border			:2px solid #778899;		
    text-align		:center;
    padding			:4px 4px 4px 4px;           
}

table.ns_table_data td 
{
	border-collapse  :collapse;
	background-color :#e0ffff;
	color			 :navy;	
	border			 :2px solid #778899;		
	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_align_right
{
    margin-left  : auto !important;
    margin-right : 0 !important;
}
/*** ボーダーなし ***/
table.ns_table_data_noborder
{
	border-collapse :collapse;
	background-color:#ffffff;	
	font			:100% normal "ＭＳ　ゴシック" "MS Gothic";	
	border		    :solid 4px #708090;
	margin:3px 0px 3px 0px;	
}

table.ns_table_data_noborder th
{ 
    border-collapse :collapse; 	  
    background-color:#add8e6;
    color			:navy;    
    border-style:none;
    text-align		:center;
    padding			:4px 4px 4px 4px;           
}

table.ns_table_data_noborder td 
{
	border-collapse  :collapse;
	background-color :#e0ffff;
	color			 :navy;	
	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 3px #708090;
}

table.ns_table_data_juko th
{ 
    border-collapse :separate; 	  
    background-color:#add8e6;
    border:solid 2px #708090;	
    color			:navy;    
    text-align		:center;
    padding			:4px 4px 4px 4px;
}

table.ns_table_data_juko td 
{
	border-collapse  :separate;
	background-color :#e0ffff;
	color			 :navy;	    
	vertical-align   :middle;	
	text-align       :left;
	padding			 :4px 4px 4px 4px;       	
	height           :1.1em;
}

table.ns_table_data_juko_yellow
{
	border-collapse :collapse;
	background-color:#ffffff;
	font			:100% normal "ＭＳ　ゴシック" "MS Gothic";	
	margin:3px 0px 3px 0px;
    border:solid 3px #708090;	
}

table.ns_table_data_juko_yellow th
{ 
    border-collapse :separate; 	  
    background-color:#add8e6;
    border:solid 2px #708090;	
    color			:navy;    
    text-align		:center;
    padding			:4px 4px 4px 4px;
}

table.ns_table_data_juko_yellow td 
{
	border-collapse  :separate;
	background-color :#fff799;
	color			 :navy;	    
	vertical-align   :middle;	
	text-align       :left;
	padding			 :4px 4px 4px 4px;       	
	height           :1.1em;
}


td.ns_juko_border
{
	border:solid 2px #708090;
}

/***空き状況内容用のテーブル ***/
table.ns_table_data_akijyokyo
{
	border-collapse :collapse;
	background-color:#ffffff;
	font			:100% normal "ＭＳ　ゴシック" "MS Gothic";	
	margin:3px 0px 3px 0px;
    border:dashed 3px #708090 !important;	
}

table.ns_table_data_akijyokyo th
{ 
    border-collapse :separate; 	  
    background-color:#98fb98;
    border			:2px solid #e0ffff;	
    color			:navy;    
    text-align		:center;
    padding			:4px 4px 4px 4px;
}

table.ns_table_data_akijyokyo td 
{
	border-collapse  :separate;
	background-color :#e0ffff;
	color			 :navy;	
    border			:2px solid #e0ffff;	
	vertical-align   :middle;	
	text-align       :left;
	padding			 :4px 4px 4px 4px;       	
	height           :1.1em;
}

table.table_jukonaiyo
{
	
}

table.table_jukonaiyo tr
{
	
}

table.table_jukonaiyo th
{ 
	background-color:#add8e6;
	height:1.5em;
	text-align:left;		
}

table.table_jukonaiyo td
{
	padding:0px 0px 0px 0px;
	height:1.5em;
	text-align:left;	
}

/* 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:#add8e6 !important;
}

*.labelyellow
{	
	background-color:#fff799 !important;
}

*.labelgreen
{	
	background-color:#98fb98 !important;
}

*.colorgreen
{
	color:#006400 !important;
}

*.labelred
{	
	background-color:#ffb6c1 !important;	
}

*.colorred
{
	color:#ff0000 !important;
}

*.labelHurikae
{	
	text-align:left;
	background-color:#00FF00;
	padding:3px 20px 3px 20px;
	margin:3px 3px 3px 3px;
}

*.labelHurikae1
{	
	text-align:left;
	background-color:#FF0000;
	padding:3px 20px 3px 20px;
	margin:3px 3px 3px 3px;
}


*.labelHurikaeDaikou
{	
	text-align:left;
	background-color:#b0c4de;
	padding:3px 20px 3px 20px;
	margin:3px 3px 3px 3px;
}

*.labelHurikaeKariyasumi
{	
	text-align:left;
	background-color:#ffff00;
	padding:3px 20px 3px 20px;
	margin:3px 3px 3px 3px;
}

*.ns_warning
{
	color:Red !important;
	margin:2px 2px 2px 2px;	
}

*.ns_border
{
	border		    :solid 1px #708090;
}

*.ns_noborder
{
	border-style:none !important;
}

*.dashborder
{	
	border:dashed 3px #708090;	
	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;
}