@charset "utf-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
共通CSS
	ver.20150801
	Common Control Design CSS（標準コントロール部品のスタイルシート）
───────────────────────────────────────────
FileName:		/resources/css/commonControlDesign.css
Editor:			TRUSTEC
Description:	標準コントロール部品のスタイルシート
───────────────────────────────────────────
2015/08/01:		開発開始。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





/*
--------------------------------------------------------------------------------
□ テキストボックスの設定
--------------------------------------------------------------------------------
*/
.text
{	background : #FFFFC0;
	font-size : 110%;
	line-height : 1.1em;
	padding : 2px;
	padding : 5px;
	border : solid 1px #C0C0C0;
	border-radius : 3px;	}

select.text
{	padding : 2px;	}

.text:hover, 
.text:focus
{	background : #FFFFA0;	}





/*
--------------------------------------------------------------------------------
□ ボタンのサイズ設定
--------------------------------------------------------------------------------
*/
.bttn
{	height : 2.2em;	}

.bttn.large
{	width : 200px;	}

.bttn.middle
{	width : 150px;	}

.bttn.small
{	width : 100px;
	/* height : 1.2em; */	}

.bttn.max
{	width : 100%;	}

.bttn.logout
{	width : 100px;	}





/*
--------------------------------------------------------------------------------
□ IME入力の設定
--------------------------------------------------------------------------------
*/
.ime_jpn
{	ime-mode : active;	}

.ime_eng
{	ime-mode : inactive;	}

.ime_num
{	ime-mode : disabled;	}





/*
--------------------------------------------------------------------------------
□ テキスト入力部品のサイズ設定
--------------------------------------------------------------------------------
*/
.size_normal
{	width : 100%;	}

.size_max
{	width : 100%;	}

.size_half
{	width : 50%;	}

.size_nmbr, 
.size_telp, 
.size_date
{	width : 10em;	}

.size_mail
{	width : 100%;	}

.size_code, 
.size_pass
{	width : 10em;	}





/*
--------------------------------------------------------------------------------
□ ソースコード表示
--------------------------------------------------------------------------------
*/
.sorcecode
{	background : rgba(255, 255, 255, 1);
	color : #000000;
	font-size : 90%;
	line-height : 1.5em;
	font-family : "ＭＳ ゴシック", "MS Gothic", Consolas, Menlo, "Liberation Mono", Courier, monospace;
	padding : 10px 15px;
	border-radius : 5px;	}

.sorcecode::before
{	content : "HTMLコード：";
	color : #606060;
	font-size : 90%;
	font-weight : bold;
	line-height : 1.5em;
	margin-bottom : 10px;
	padding-bottom : 3px;
	border-bottom : dashed 1px #A0A0A0;
	display : block;	}