@charset "utf-8";

/* 入力フィールドの条件によるスタイル
*/
.J {/*日本語入力*/
	IME-MODE: active;
	BACKGROUND-COLOR: white;
}

.E {/*英数字*/
	IME-MODE: inactive;
	BACKGROUND-COLOR: white;
}

.D {/*IME無効*/
	IME-MODE: disabled;
	BACKGROUND-COLOR: white;
}

.NUM {/*IME無効、数字入力*/
	IME-MODE: disabled;
	TEXT-ALIGN: right;
	BACKGROUND-COLOR: white;
}

.JON {
	IME-MODE: active;
	BACKGROUND-COLOR: #ffc;
}

.EON {
	IME-MODE: inactive;
	BACKGROUND-COLOR: #ffc;
}

.DON {
	IME-MODE: disabled;
	BACKGROUND-COLOR: #ffc;
}

.NUMON {
	IME-MODE: disabled;
	TEXT-ALIGN: right;
	BACKGROUND-COLOR: #ffc;
}


/*
	ページの基本スタイル
*/
body {
	/*font-family: "ＭＳ ゴシック",Osaka,sans-serif; /* フォント変更 */
    /*フォント変更　荻野　20170330*/
    font-family: "メイリオ",Osaka,sans-serif; /* フォント変更 */
	font-size: 10pt; /* フォントサイズ変更 */
}

/*
	テーブルのスタイル
*/
table { /* 基本スタイル */
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

tr { /* 行の基本スタイル */
}

td { /* 列の基本スタイル */
}

th { /* ヘッダーの基本スタイル */
	background-color: #eeeeee;
}

/*
	リンクのスタイル
*/
a {
	text-decoration: underline;
	color: blue;
}

a:hover {
	text-decoration: underline;
	color: red;
}

/* 入力項目スタイル */
input { /*テキストボックスなどの基本スタイル */
	/*font-family: "ＭＳ ゴシック",Osaka,sans-serif;*/
    /*フォント変更　荻野　20170330*/
    font-family: "メイリオ",Osaka,sans-serif; /* フォント変更 */
    margin-left: 0px;
}

input[type=button] {
}

input[type=checkbox] {
}

input[type=radio] {
}

select { /* ドロップダウンの基本スタイル */
	/*font-family: "ＭＳ ゴシック",Osaka,sans-serif;*/ /* フォント変更 */
        /*フォント変更　荻野　20170330*/
    font-family: "メイリオ",Osaka,sans-serif; /* フォント変更 */
	/*font-size: 10pt;*/ /* フォントサイズ変更 */
}

/* フォーカス時スタイル */
input:focus, textarea:focus, select:focus {
	background-color: #dbf8ff !important;
	/*border-color: #abc3d7 !important;*/
}

/* 入力項目のラベルスタイル */
.tdHeader { /*個々のタグにクラス指定する */
	/*font-family: "ＭＳ ゴシック",Osaka,sans-serif;*/ /* フォント変更 */
        /*フォント変更　荻野　20170330*/
    font-family: "メイリオ",Osaka,sans-serif; /* フォント変更 */
	/*font-size: 10pt;*/ /* フォントサイズ変更 */
	font-weight: bold;
}

/*
	Webテーブルのスタイル
*/
/* Webテーブルのヘッダースタイル */
table.webTableHeader td {
	/*font-family: "メイリオ";*/ /* フォント変更 */
	/*font-size: 10pt;*/ /* フォントサイズ変更 */
}

/* Webテーブルの行スタイル */
table.webTableDetail td {
	/*font-family: "メイリオ";*/ /* フォント変更 */
	/*font-size: 10pt;*/ /* フォントサイズ変更 */
}

/**/
.auto-style1 {
	height: 13px;
}

/* 
    色指定のスタイル 
*/
/* 背景 白 */
.BCWhite{
    background-color : #ffffff;
}

/* 背景 紫 */
.BCPurple{
    background-color : #4a004a;
}

/* 背景 赤 */
.BCRed{
    background-color : #ff0000;
}

/* 背景 薄灰色 */
.BCLightGray{
    background-color : #eeeeee;
}

/* 背景 灰色 */
.BCGray{
    background-color : #c0c0c0;
}

/* 背景 薄黄色 */
.BCLightYellow{
    background-color : #eeeec0;
}

/* 背景 薄桃色 */
.BCPink{
    background-color : #FFD5EC;
}



/* 文字 黒 */
.FCBlack{
    color : #000000;
}

/* 文字 赤 */
.FCRed{
    color : #ff0000;
}

/* 文字 緑 */
.FCGreen{
    color : #008000;
}

/* 文字 青 */
.FCBlue{
    color : #0000ff;
}
/* 文字 紺 */
.FCDarkBlue{
    color : #330099;
}


/* グリッドライン 灰色 */
.GLGray{
    background-color : #a5a5a5;
}



/* ボタン */
.btnStyle{
    background: #EEE;  
   border-top: 1px solid #DDD;  

   border-left: 1px solid #DDD;  

   border-right: 1px solid #005bac;  

   border-bottom: 1px solid #005bac;  

   color:#111;   


}

.FormStyle{
border:0;
padding:10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#005bac; 
/*color:#aaa;*/
border:solid 1px #ccc;
margin:0 0 0px;
width:500px;


-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);

}

.btnStyle2{
background: #EEE;
border:solid 1px #ccc;
padding:12px;
margin:10px 10px 40px;
font-family:Arial, sans-serif;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#005bac;
cursor:pointer;

-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}


/* ▼IE10・IE11用 */
:-ms-input-placeholder {
   color: #d3d3d3;
}

/* ▼Chrome・Safari・Opera用(※Edgeにも使える) */
::-webkit-input-placeholder {
   color: #d3d3d3;
}

/* ▼Firefox18以前用 */
:-moz-placeholder {
   color: #d3d3d3;
}
/* ▼Firefox19以上用 */
::-moz-placeholder {
   color: #d3d3d3; opacity: 1;
}

/* ▼CSS標準(予定)の記述 */
:placeholder-shown {
   color: #d3d3d3;
}

table.con {
    width: 800px;
}