@charset "UTF-8";
@import url(reset.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	全体に関する設定
 * ---------------------------------------------------------------- */

body {
	background: #FFFFFF url(../images/bg.gif) repeat;
}
#bgwrapper {
	background: #FFFFFF url(../images/bg2.gif) repeat-y;
	width: 1005px;
	margin: 0 auto;
}
#container {
  background: #FFFFFF url(../images/base_bg.gif) repeat;
  /* ★全体幅 */
  width: 902px;
  /* 全体マージン。0のみで左寄せ、0 autoでセンタリング */
  margin: 0 auto;
}
#container, #main, #mainbox {
  /* 配置の基準の設定 */
  position: relative;
}

/* ---------------------------------------------------------------- *
	メインコンテンツの設定
 * ---------------------------------------------------------------- */

#main {
  /* ★padding-leftをサイドメニュー幅＋マージン。padding-rightをサイドコンテンツの幅＋マージン */
  padding-left: 202px;
  padding-right: 0;
  background: tranparent;
  margin-top: 0;
  margin-bottom: 0;
  width: 682px;
}

/* ---------------------------------------------------------------- *
	左カラムの設定
 * ---------------------------------------------------------------- */
 
#leftside {
  /* ★左カラム(LeftSide)幅 */
  width: 174px;
  
  /* ★左に寄せる場合はleft: 0; right: auto;右の場合はleft: auto; right: 0; */
  left: 0;
  right: auto;
  padding-top: 0;
  padding-bottom: 0;
  /* ここでの背景設定はメニュー部分の内容がある部分にしか適用されない。leftside部分全体に背景を適用させる場合コンテンツコンテナの背景として背景を作る */
  background: #FFFFFF;
  /* 絶対配置で左カラムが選択できなくなってしまうため、他のカラムより上のレイヤーに配置する設定 */
  z-index: 1;
  margin-left:18px;
}
#leftside {
  /* 左カラム絶対配置 */
  position: absolute;
  left: 0;

}

/* ---------------------------------------------------------------- *
	右カラムの設定
 * ---------------------------------------------------------------- */

#rightside {
  /* ★右カラム(RightSide)幅 */
  width: 204px;
  background: transparent;
}
#rightside {
  /* 右カラム絶対配置 */
  position: absolute;
  top: 246px;
  right: 0;
  left: 681px;
  margin-right:0px;
}
html>/**/body #rightside {
	/* IE7以外のモダンブラウザ用ハック */
  position: absolute;
  top: 235px;
  right: 0;
  left: 683px;
  margin-right:0px;
}

/* ---------------------------------------------------------------- *
	基本要素の設定
 * ---------------------------------------------------------------- */

p {
  margin-top: 0;
  margin-bottom: 0.5em;
}
ul, ol, dl {
  margin-top: 0;
  margin-bottom: 0;
}
h1 {
  margin-top: 0px;
  margin-bottom: 8px;
}
h2 {
  margin-top: 0;
  margin-bottom: 5px;
}
	.pagetitle {
	border-bottom: 1px solid #CCCCCC;
	padding:2px 0 2px 15px;
	margin:2px 0 15px 0;
	font-weight: bold;
	font-size: 12px;
	}
	.pagetitle span {
	font-weight: normal;
	font-size: 12px;
	color: #CCCCCC;
	}

h3 {
  margin-top: 0;
  margin-bottom: 10px;
}
h3 {
	border: 1px solid #DFDFDF;
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	color: #C2A63D;
	background-image: url(../images/h3bg.jpg);
	background-repeat: no-repeat;
}
h4 {
  margin-top: 0;
  margin-bottom: 10px;
	font-weight: bold;
	color: #C2A63D;
}
h5 {
  margin-top: 0;
  margin-bottom: 0;
}
h6 {
  margin-top: 0;
  margin-bottom: 0;
}
/* ハイパーリンク付き画像は枠なし */
a img {
  border: none;
}
pre {
  padding: 8px;
  border: 1px solid #DFDFDF;
  width: auto;
  _width: 90%;
  overflow: auto;
  _overflow: scroll;
  color: #333333;
  background-color: #F6F6F6;
  font-family: "Courier New","ms pgothic", monospace;
}

/* ---------------------------------------------------------------- *
	ヘッダ
 * ---------------------------------------------------------------- */

#header {
  background: #FFFFFF;
  margin: 0 18px 0 18px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

#header .logo {
	float: left;
	margin-top: 0;
}
/* ---------------------------------------------------------------- *
	ヘッダナビゲーション
 * ---------------------------------------------------------------- */

#headernavi {
  background: #FFFFFF url(img/bg.png) repeat-x;
  margin: 0 0 0 578px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
#headernavi ul {
  margin-top: 0;
  padding: 0;
  height: 20px;
}
#headernavi ul li {
  margin: 0;
  padding: 0;
  float: left;
}
#headernavi ul li a {
  margin: 0;
  padding: 0;
  display: block;
}

/* フロートしているナビゲーションアイテムのフロート解除をクリアする設定（clearfix） */
#headernavi ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/* ---------------------------------------------------------------- *
	グローバルナビゲーション
 * ---------------------------------------------------------------- */

#navi {
  background: #FFFFFF;
  margin: 0 18px 0 18px;
  padding: 0;
}
#navi ul {
  margin: 0;
  padding: 0;
  height: 33px;
}
#navi ul li {
  margin: 0;
  padding: 0;
  float: left;
}
#navi ul li a {
  margin: 0;
  padding: 0;
  display: block;
}

/* フロートしているナビゲーションアイテムのフロート解除をクリアする設定（clearfix） */
#navi ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/* ---------------------------------------------------------------- *
	左カラム内の設定
 * ---------------------------------------------------------------- */

/* バグ回避のため、同じ値での指定を2回行う */
[id="leftside"]#leftside {
  /* ★上マージンを設定 */
  /* ★コンテンツ部分の上マージンと同じ値を設定 */
  margin-top: 0;
}
html:lang(ja) #leftside {
  /* ★直前の指定と同じ値を設定 */
  margin-top: 0;
}

#leftlist {
    background: url(../images/base_left_bg.gif) repeat;
	margin-top: 8px;
	margin-bottom: 0;
	padding: 0;
}
#leftlist ul {
    margin:8px 6px 6px 6px;
	padding: 2px 0 0 0;
}
#leftlist ul li {
    background: url(../images/base_left_bg2.gif) no-repeat;
    list-style-type: none;
	padding: 0 0 0 8px;
	font-size: 11px;
	margin-bottom: 0px;
	margin-top: 4px;
}


/* ---------------------------------------------------------------- *
	Flashエリア
 * ---------------------------------------------------------------- */

#fla {
	background: url(../images/fla_bg.jpg) no-repeat;
	margin: 8px 0 0 0;
	width: 682px;
}

/* ---------------------------------------------------------------- *
	メインコンテンツ内の設定
 * ---------------------------------------------------------------- */

.contents {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0.7em;
  padding-left: 0;
  width: 460px;
}
.contents2 {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0.7em;
  padding-left: 0;
  width: 682px;
}

#topnews {
	margin-top: 3px;
	margin-bottom: 0;
	padding: 0;
	min-height:120px;
}
#topnews ul {
    /*background: url(../images/base2_topnews.gif) repeat;*/
    margin:8px 8px 8px 8px;
	padding-bottom: 8px;
}
#topnews ul li {
    list-style-type: none;
	margin-bottom: 8px;
	margin-top: 0px;
	padding: 0;
	/*font-size: 11px;*/
}

#asset {
	margin: 15px 8px 8px 8px;
	padding: 0;
}
#asset2 {
	margin: 15px 15px 15px 15px;
	padding: 0;
}
#asset2 ul {
	margin:15px 0 25px 0;
}
#asset2 ul li {
	padding-left:15px;
	background: url(../images/lipoint.gif) no-repeat;
	margin-top: 5px;
}
#asset2 th {
	font-weight: bold;
	background-image: url(../images/thbg.jpg);
	background-repeat: repeat-x;
	/*border-left: 1px solid #EAEAEA;*/
	border-bottom: 2px solid #CCCCCC;
	padding: 5px 8px;
}
#asset2 .option th  {
	font-weight: bold;
	background-image: url(../images/thbg2.jpg);
	background-repeat: repeat-x;
	/*border-left: 1px solid #EAEAEA;*/
	border-bottom: 2px solid #CCCCCC;
	padding: 5px 8px;
}
#asset2 table {
	border-top: 1px solid #DBDBDB;
	/*border-right: 1px solid #EAEAEA;*/
	margin-bottom:25px;
}
#asset2 td {
	border-bottom: 1px solid #DBDBDB;
	padding: 5px 8px 3px 8px;
}

.odd {
	background-color: #F7F7F7;
}
.even {
	background-color: #FAFAFA;
}

/* ---------------------------------------------------------------- *
	コンテンツ画像の設定
 * ---------------------------------------------------------------- */

.contents img.fig {
  /* 画像の回り込みleftまたはrightを指定 */
  float: left;
  /* 回り込みがleftのとき→左マージン0、rightのとき→右マージン0 */
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}

/* ---------------------------------------------------------------- *
	右カラム内の設定
 * ---------------------------------------------------------------- */

/* メインコンテンツから変更する部分を設定。変更不要のプロパティはコメントアウト */
#rightside .contents {
  background: #F2F2F2;
  /* ボックス内の最初のボックスの上マージンは折りたたまれないので0を指定 */
  margin-top: 0;
}
#rightside .contents ul {
  margin: 0 0 0 1.4em;
  padding: 0;
}
#rightside .contents ul li {
  margin-bottom: 0.5em;
}

/* ---------------------------------------------------------------- *
	画像のみのボックス
 * ---------------------------------------------------------------- */

.imgbox {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 2px;
}
html>/**/body .imgbox {
	/* IE7以外のモダンブラウザ用ハック */
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 4px;
}
.imgbox a img {
  margin-bottom: 3px;
}
/* 右・左カラム内の画像のみボックス。変更する部分を設定 */
#rightside .imgbox, #leftside .imgbox {
  background: transparent;
  /* margin-top: 3px; */
  /* margin-bottom: 3px; */
}

/* ---------------------------------------------------------------- *
	フッタ
 * ---------------------------------------------------------------- */

#footer, #footernavi {
  margin: 0 18px 0 18px;
}

#footer ul {
    margin-bottom: 0px;
    padding: 0;
}
#footer ul li {
  margin: 0;
  padding: 0;
}

#footer {
	padding-bottom: 60px;
}

/* ---------------------------------------------------------------- *
	複数セレクタ共通項目
 * ---------------------------------------------------------------- */

/* ナビゲーション，フッタでは折り返しを抑制 */
#navi, #footer {
  white-space: nowrap;
}

/* ナビゲーション，フッタの箇条書きは横並びリスト */
#navi ul, #footer ul {
  margin: 0;
  list-style: none;
}

#navi ul li, #footer ul li {
  display: inline;
}

#footer ul li a, #footer ul li img, #footernavi ul li {
  float:left;
}

/* ナビゲーション用カラムのコンテンツマージン */
#leftside p, #leftside ul, #leftside ol, #leftside dl,
#navibox p, #navibox ul, #navibox ol, #navibox dl {
  margin-top: 0;
  margin-bottom: 0;
}

/* 回り込み解除設定 */
#header, #navi, .contents, #footer {
  clear: both;
}

/* 画像のみのボックスのパディングは 0 とする */
.imgbox {
  padding: 0;
  
}

/* 画像のみのボックスの画像の余白は「なし」にしておく */
.imgbox img {
  margin: 0;
  padding: 0;
  border: none;
}

/* サムネイルリストはマーカなし，余白なし */
#thumbslist {
  list-style: none;
  margin: 0;
  padding: 0;
}

#thumbslist li {
  float: left;
  margin: 0;
  overflow: hidden;
  display: block;
  text-align: center;
}

/* サムネイルはボックスの中央に */
.thumbnail {
  margin: 0 auto;
}

/* ---------------------------------------------------------------- *
	ハック
 * ---------------------------------------------------------------- */

/* IE6 で画像が消えることがあるバグを回避 */
.contents img {
  position: relative;
}

/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #leftside {
  margin-top: 0;
}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-Mac */

.cler {
clear: both; 
}

/* ---------------------------------------------------------------- *
	画像置き換えメニュー
 * ---------------------------------------------------------------- */

#headernavi .hnavi01 {
	background: url(../images/h_navi01.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 70px;
	height: 20px;
	margin-top: 5px;
}
#headernavi .hnavi01:hover {
	background: url(../images/h_navi01.gif) no-repeat bottom;
}
#headernavi .hnavi02 {
	background: url(../images/h_navi02.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 84px;
	height: 20px;
	margin-top: 5px;
}
#headernavi .hnavi02:hover {
	background: url(../images/h_navi02.gif) no-repeat bottom;
}
#headernavi .hnavi03 {
	background: url(../images/h_navi03.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 80px;
	height: 20px;
	margin-top: 5px;
}
#headernavi .hnavi03:hover {
	background: url(../images/h_navi03.gif) no-repeat bottom;
}
#headernavi .hnavi04 {
	background: url(../images/h_navi04.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 51px;
	height: 20px;
	margin-top: 5px;
}
#headernavi .hnavi04:hover {
	background: url(../images/h_navi04.gif) no-repeat bottom;
}

.rightimg {
	background: url(../images/h_navi04.gif) no-repeat bottom;
	position: absolute;
	top: 30px;
	right: 18px;
}

#navi .navi01 {
	background: url(../images/g_navi01.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 33px;
}
#navi .navi01:hover {
	background: url(../images/g_navi01.gif) no-repeat bottom;
}
#navi .navi02 {
	background: url(../images/g_navi02.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 173px;
	height: 33px;
}
#navi .navi02:hover {
	background: url(../images/g_navi02.gif) no-repeat bottom;
}
#navi .navi03 {
	background: url(../images/g_navi03.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 173px;
	height: 33px;
}
#navi .navi03:hover {
	background: url(../images/g_navi03.gif) no-repeat bottom;
}
#navi .navi04 {
	background: url(../images/g_navi04.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 173px;
	height: 33px;
}
#navi .navi04:hover {
	background: url(../images/g_navi04.gif) no-repeat bottom;
}
#navi .navi05 {
	background: url(../images/g_navi05.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 173px;
	height: 33px;
}
#navi .navi05:hover {
	background: url(../images/g_navi05.gif) no-repeat bottom;
}

#leftside .navi01 {
	background: url(../images/navi01.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi01:hover {
	background: url(../images/navi01.gif) no-repeat bottom;
}
#leftside .navi02 {
	background: url(../images/navi02.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi02:hover {
	background: url(../images/navi02.gif) no-repeat bottom;
}
#leftside .navi03 {
	background: url(../images/navi03.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi03:hover {
	background: url(../images/navi03.gif) no-repeat bottom;
}
#leftside .navi04 {
	background: url(../images/navi04.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi04:hover {
	background: url(../images/navi04.gif) no-repeat bottom;
}
#leftside .navi05 {
	background: url(../images/navi05.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi05:hover {
	background: url(../images/navi05.gif) no-repeat bottom;
}
#leftside .navi06 {
	background: url(../images/navi06.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi06:hover {
	background: url(../images/navi06.gif) no-repeat bottom;
}
#leftside .navi07 {
	background: url(../images/navi07.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi07:hover {
	background: url(../images/navi07.gif) no-repeat bottom;
}
#leftside .navi08 {
	background: url(../images/navi08.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi08:hover {
	background: url(../images/navi08.gif) no-repeat bottom;
}
#leftside .navi09 {
	background: url(../images/navi09.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi09:hover {
	background: url(../images/navi09.gif) no-repeat bottom;
}
#leftside .navi10 {
	background: url(../images/navi10.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi10:hover {
	background: url(../images/navi10.gif) no-repeat bottom;
}
#leftside .navi11 {
	background: url(../images/navi11.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 174px;
	height: 28px;
}
#leftside .navi11:hover {
	background: url(../images/navi11.gif) no-repeat bottom;
}

#footernavi .contact {
	background: url(../images/navi_contact.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 164px;
	height: 17px;
	margin-right: 255px;
}
#footernavi .contact:hover {
	background: url(../images/navi_contact.gif) no-repeat bottom;
}

#footer .fnavi01 {
	background: url(../images/f_navi01.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 110px;
	height: 17px;
}
#footer .fnavi01:hover {
	background: url(../images/f_navi01.gif) no-repeat bottom;
}
#footer .fnavi02 {
	background: url(../images/f_navi02.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 86px;
	height: 17px;
}
#footer .fnavi02:hover {
	background: url(../images/f_navi02.gif) no-repeat bottom;
}
#footer .fnavi03 {
	background: url(../images/f_navi03.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 43px;
	height: 17px;
}
#footer .fnavi03:hover {
	background: url(../images/f_navi03.gif) no-repeat bottom;
}
#footer .fnavi04 {
	background: url(../images/f_navi04.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 46px;
	height: 17px;
}
#footer .fnavi04:hover {
	background: url(../images/f_navi04.gif) no-repeat bottom;
}
#footer .fnavi05 {
	background: url(../images/f_navi05.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 71px;
	height: 17px;
}
#footer .fnavi05:hover {
	background: url(../images/f_navi05.gif) no-repeat bottom;
}
#footer .fnavi06 {
	background: url(../images/f_navi06.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 44px;
	height: 17px;
}
#footer .fnavi06:hover {
	background: url(../images/f_navi06.gif) no-repeat bottom;
}
#footer .fnavi07 {
	background: url(../images/f_navi07.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 63px;
	height: 17px;
	margin-right: 177px;
}
#footer .fnavi07:hover {
	background: url(../images/f_navi07.gif) no-repeat bottom;
}
#footer .fnavi08 {
	background: url(../images/f_navi08.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 80px;
	height: 17px;
}
#footer .fnavi08:hover {
	background: url(../images/f_navi08.gif) no-repeat bottom;
}
#footer .fnavi09 {
	background: url(../images/f_navi09.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 106px;
	height: 17px;
}
#footer .fnavi09:hover {
	background: url(../images/f_navi09.gif) no-repeat bottom;
}
#footer .fnavi10 {
	background: url(../images/f_navi11.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 36px;
	height: 17px;
}
#footer .fnavi10:hover {
	background: url(../images/f_navi11.gif) no-repeat bottom;
}

/* ---------------------------------------------------------------- *
	フォームメール用設定
 * ---------------------------------------------------------------- */
 
.contact2 {
	background: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.7em;
	padding-right: 0.7em;
	padding-bottom: 2em;
	padding-left: 0.7em;
}
.contact2 dl {
margin-top: 15px;
margin-bottom: 15px;
}
.contact2 dt {
	font-weight: bold;
	width: 130px;
	float: left;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 12px;
	padding-bottom: 2px;
	padding-left:5px;

}
.ft {
	font-weight: bold;
	width: 130px;
	float: left;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 12px;
	padding-bottom: 7px;
	line-height: 22px;
}
.contact2 dd {
	margin-bottom: 12px;
	border-bottom: 1px dotted #CCCCCC;
	width: 475px;
	padding-bottom: 2px;
	padding-left:5px;

}
html[xmlns]>/**/body .contact2 dd {
	margin-bottom: 12px;
	border-bottom: 1px dotted #CCCCCC;
	width: 475px;
	padding-bottom: 2px;
	padding-left:140px;
	line-height: 24px;
}
html[xmlns]>/**/body .contact2 dt {
	font-weight: bold;
	width: 130px;
	float: left;
	border-bottom: 0px solid #CCCCCC;
	margin-bottom: 12px;
	padding-bottom: 2px;
	line-height: 24px;
}

 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;/*(06)*/
	color: #CC3333;
	border: 1px solid #CC3333;
	padding: 0 3px 0 3px;
}

.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;/*(07)*/
	border: 1px solid #999999;
	padding: 1px;
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;/*(08)*/
	border: 1px solid #CC3333;
	padding: 1px;
}


.textfieldFocusState input, input.textfieldFocusState {
	background-color: #E8F2FF;/*(09)*/
	border: 1px solid #999999;
	padding: 1px;
}

.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
	border: 1px solid #999999;
	padding: 1px;
}

.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
	border: 1px solid #999999;
	padding: 1px;
}

.focus {
	background-color: #E8F2FF;
	border: 1px solid #999999;
	padding: 1px;
}

.normal {
　　background-color: #E8F2FF;
	border: 1px solid #999999;
	padding: 1px;
}