/************input > text　の長さ設定***************/
input.w30 {width:30px;}
input.w50 {width:50px;}
input.w75 {width:75px;}
input.w100 {width:100px;}
input.w150 {width:150px;}
input.w200 {width:200px;}
input.w300 {width:300px;}
input.w400 {width:400px;}


input.wp90 {width:90%;}
input.wp75 {width:75%;}
input.wp50 {width:50%;}
input.wp40 {width:40%;}
input.wp30 {width:30%;}
input.wp20 {width:20%;}

/*********form_flow********************/
table.form_flow {
  margin:10px 0;
  width:100%;
}
table.form_flow td div.kaku01 {
  background :#CAE4EA;
  padding:5px;
}
/****************************通常のフォーム***************************/
table.t_form {
  border-top: 1px dotted #B89D32;
  width:100%;
  margin-bottom:10px;
}
table.t_form th {
  background: url(../img/form/th_bg03.gif) left top;
  width: 20%;
}
table.t_form th,
table.t_form td {
  border-bottom: 1px dotted #B89D32;
  padding:10px;
}
table.t_form td input {
  vertical-align: middle;
}
/*
* html table.t_form tr.txt td input{
	height:25px;
}
*/
* html table.t_form tr.txt td input,
* html table.t_form tr.txt td textarea {
  border: 1px solid #22689B;
  font-size: 12px;
  padding:6px 2px;
  font-family:"ＭＳ Ｐゴシック", Verdana,Arial, sans-serif; 
  background: #FFF url(../img/form/form_gra.gif) repeat-x left top;
}
/*input,textareaのみに適用*/

input[type="text"],
input[type="password"],
textarea {
  border: 1px solid #22689B;
  font-size: 12px;
  padding:6px 2px;
  font-family:"ＭＳ Ｐゴシック", Verdana,Arial, sans-serif; 
  background: #FFF url(../img/form/form_gra.gif) repeat-x left top;
	}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover {
   border: 1px solid #6699FF;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
   border: 2px solid #FF9900;
}





table.t_form tr.txt td input.pre_btn {
  padding: 1px;
  border: 2px solid #22689B;
  margin-left: 10px;
}
/***必須項目のマーク**/
table.t_form th em {
  color:#F71F00;
  font-weight: bold;
  font-size: 14px;
}
/**/
table.t_form td label {
	white-space: nowrap;
}
table.t_form td em {
  font-size:10px;
  color:#111;
}
table.t_form td p{
  margin:0 0 1px 0;
  width: 95%;
  clear: both;
}
table.t_form td p span{
  display: block;
  width: 100px;
  text-align:right;
  float:left;
  margin-right: 5px;
  line-height:28px;
}
table.t_form td textarea {
  width: 90%;
  height:10em;
}
table.t_form tr.bottom td {
  text-align:center;
  border-bottom:none;
}
table.t_form tr.bottom td input {
	font-size: 16px;
	font-weight: bold;
	color:#000066;
	padding:3px 5px;
}
span.ex {
  font-size: 12px;
  line-height:15px;
  color:#FF790B;
  font-family: "ＭＳ Ｐゴシック";
}
/*******************SSL　個人情報保護表記*************************/
.privacy_area {
  border:3px solid #ccc;
  padding:10px 20px;
  background: url(../img/common/bg02.gif);
  }
.privacy_area h3{
  font-size:14px;
}
.privacy_area p span {
  display: block;
  width:120px;
  height: 60px;
  float:left;
}
/****************確認表示用***********************/
.conf_views {}
.conf_views table.t_form th em{
  display: none;
}
.conf_views .form_check_txt,
.conf_views table.t_form td textarea,
.conf_views table.t_form td input,
.conf_views table.t_form td em,
.conf_views table.t_form td p span,
.conf_views table.t_form td select,
.conf_views table.t_form td label
{
  display:none;
}
/*********地域選択***********/
.area_choise {
	width:100%;
	overflow:hidden;
}
.area_choise label {
	display: block;
	float: left;
	margin-right:1em;
}
/******職業選択部*****/
.select_job {
	margin: 10px;
	font-weight: bold;
	color: #990000;
}

.cat_list {
	list-style:none;
	background:#E1E0C8;
	overflow: hidden;
	padding:3px 10px;
	display: inline-block;
	border:1px solid #fff ;
}
.cat_list li{
	float:left;
	margin:1px 0 1px 0;
}
.cat_list li a{
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
}
#oc_list {
  margin: 0;
  background: #fff;
  padding: 10px 0 10px 10px;
  overflow: hidden;
  _display:inline-block;
}
/*
#oc_list dd {
	margin:0 0 10px 0;
	border-bottom:1px dotted #aaa;
	padding:5px;
}

#oc_list dd label {
	display: block;
	float:left;
	width: 200px;
}
#oc_list dd label:hover {
	background: #FDEAF3;
}
*/
#oc_list dt{
  margin: 3px 0 0 0;
  float:left;
}

#oc_list dt a{
  font-weight: bold;
  padding:2px 0 2px 2px;
  width: 204px;
  float:left;
  display: block;
}
#oc_list dt a:hover{
	background:#FFE6FC;
}

/***************ポップアップ時******************/
#facebox .popup .content h4 {
	color: #A21E13;
	border-bottom: 1px solid #F4A69F;
	padding:0 0 5px 0px;
	margin:0 0 5px 0;
	clear: both;
	font-size: 14px;
}
#facebox .popup .content label{
	width:210px;
	display: block;
	float:left;
	white-space: nowrap;
	text-align:left;
	
}

/******************画像入力部********************/
.img_in {
  padding: 3px 0;
  border-bottom: 1px dashed #ddd;
}
.img_area img {width:120px;}