/*
	テクストボックスのフォーカスイベントに記述するスタイル

	使い方：
	<input class="text_box" type="text" name="aaa" size="20" value="">
	※「name」は必須です。
*/

/***
 * フォーカスのあたった入力フォームを分かりやすくする
 **/
input.text_box{
	background-color: #ffffff; /* 背景は白 */
	border: 1px solid #7f9db9; /* 枠線は淡い青色 */
	height: 20px;
}

/***
 * フォーカスのあたった入力フォームを分かりやすくする
 **/
textarea.text_box{
	background-color: #ffffff; /* 背景は白 */
	border: 1px solid #7f9db9; /* 枠線は淡い青色 */
}


/***
 * フォーカスのあたった入力フォームを分かりやすくする
 **/
select.text_box{
	background-color: #ffffff; /* 背景は白 */
	border: 1px solid #7f9db9; /* 枠線は淡い青色 */
	height: 20px;
}

input.text_box:disabled{
	background-color: #f0ebeb; /* 背景は白 */
}
textarea.text_box:disabled{
	background-color: #f0ebeb; /* 背景は白 */
}


/* IE */
input.text_box:-ms-input-placeholder { 
}
/* Edge*/
input.text_box::-ms-input-placeholder {
}
/* Safari Android*/
input.text_box::-webkit-input-placeholder{
}
/* 接頭辞ナシ*/
input.text_box::placeholder {
  position: relative;
  top: 0.1em;
  left: 0.3em;
}