@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. モジュール
　99. 汎用スタイル

******************************************************************************* */

/* ==

　01. モジュール

=============================================================================== */
#container{ padding-bottom:100px; border-bottom:1px solid #eee; }
.tIndent{ width:950px; margin:0 auto; padding:60px 0 0; zoom:1; clear:both; }

h2.fHeading01{
	display:inline-block;
	margin:0 0 20px;
	font-size: 18px; /* oldIE */
	font-size: 2.4rem;
	color:#333;
}

.fHeading02{
	padding:10px 20px;
	background-color:#b0a37b;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	color:#fff;
	position:relative;
}
.fHeading02 .fTxt01{ position:absolute; left:18em; top:10px; }
.fHeading02 .fTxt01-02{ left:22em; }
.fHeading02 .fTxt01-03{ left:20em; }
.fHeading02 .fTxt01-04{ left:10em; }

.fTxt01{
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
}
.fTxt01 em{ color:#ff4656; }


/* ステップ
------------------------------------------------------------------------------- */
.fStep {
	position: relative;
	margin: 0 0 20px;
}
.fStep:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 4px;
	margin: -22.5px 0 0;
	background-color: #dcdcdc;
}
.tThanks .fStep:before { background-color:#b0a37b; }
.fStep_item {
	position: relative;
	float: left;
	width: 300px;
	letter-spacing: -1em;
}

.fStep_item:last-child {
	width: 45px;
	float:right;
}
.fStep_item span {
	display: block;
	line-height: 43px;
	padding: 0 0 2px;
	vertical-align: top;
	letter-spacing: normal;
}
.fStep_num {
	width: 45px;
	border-radius: 22.5px;
	background-color: #ccc;
	color: #fff;
	font-size: 18px; /* oldIE */
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.fStep_txt {
	background-color: #fff;
	color: #999;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	text-align: left;
}
.fStep:after { content: ''; display: block; clear: both; height: 0; }

.fStep_item-step2 .fStep_txt,
.fStep_item-step3 .fStep_txt {
	transform: translateX(-11%);
}
.fStep_item-step4 .fStep_txt {
	text-align: center;
}
/* ステータス：入力 */
.tRegist1 .fStep_item-step1 .fStep_num{ background-color: #b0a37b; }
.tRegist1 .fStep_item-step1 .fStep_txt{ color:#333; }

/* ステータス：入力2 */
.tRegist2 .fStep_item-step1{ background:url(/jutaku/soudan/madori/regist_madori/images/fStep_bg.gif) left 22.5px repeat-x; }
.tRegist2 .fStep_item-step1 .fStep_num,
.tRegist2 .fStep_item-step2 .fStep_num{ background-color: #b0a37b; }
.tRegist2 .fStep_item-step1 .fStep_txt,
.tRegist2 .fStep_item-step2 .fStep_txt{ color:#333; }

/* ステータス：確認 */
.tCheck .fStep_item-step1,
.tCheck .fStep_item-step2{  background:url(/jutaku/soudan/madori/regist_madori/images/fStep_bg.gif) left 22.5px repeat-x; }
.tCheck .fStep_item-step1 .fStep_num,
.tCheck .fStep_item-step2 .fStep_num,
.tCheck .fStep_item-step3 .fStep_num{ background-color: #b0a37b; }
.tCheck .fStep_item-step1 .fStep_txt,
.tCheck .fStep_item-step2 .fStep_txt,
.tCheck .fStep_item-step3 .fStep_txt{ color:#333; }

/* ステータス：完了 */
.tThanks .fStep_item-step1{ background:none; }
.tThanks .fStep_item-step1 .fStep_num,
.tThanks .fStep_item-step2 .fStep_num,
.tThanks .fStep_item-step3 .fStep_num,
.tThanks .fStep_item-step4 .fStep_num{ background-color: #b0a37b; }
.tThanks .fStep_item-step1 .fStep_txt,
.tThanks .fStep_item-step2 .fStep_txt,
.tThanks .fStep_item-step3 .fStep_txt,
.tThanks .fStep_item-step4 .fStep_txt{ color:#333; }



/* フォーム (parts)
------------------------------------------------------------------------------- */
/* テキスト入力 */
.formText {
	height: 46px;
	line-height: 46px;
	padding: 0 0.5em;
	border: 1px solid #ccc;
	border-radius: 0;
	font-family: inherit;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.formText2 {
	height: 46px;
	line-height: 46px;
	padding: 0 0.5em;
	border: 1px solid #ccc;
	border-radius: 0;
	font-family: inherit;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.formText-valign {
	vertical-align: 5px;
}
.formTextArea, input[type=text].formText{ ime-mode:active; }
input[type=text].formText.imeOff{ ime-mode:inactive; }


/* 必須－未入力 */
.formText-required {
	border-color: #ffe2ec;
	background-color: #ffe2ec;
}

.formSelect.formSelect-required {
	border-color: #ffe2ec;
	background-color: #ffe2ec;
}
.formTextArea-required {
	border-color: #ffe2ec;
	background-color: #ffe2ec;
}
/* 必須－入力済 */
.formText-required.entered {
	background-color:#faffbd;
}
.formSelect-required.entered select {
	background-color:#faffbd;
}

/* テキスト入力（テキストエリア） */
.formTextArea {
	padding: 0.5em;
	border: 1px solid #ccc;
	border-radius: 0;
	font-family: inherit;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	resize: none;
	box-sizing: border-box;
	-webkit-appearance: none;
}

/* セレクトメニュー */
.formSelect select {
	width: 100%;
	height: 44px;
	padding: 0 30px 2px 10px;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	color: #333;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	font-family: inherit;
	border-radius: 0;
}
.formSelect select::-ms-expand {
    display: none;
}
.formSelect {
	position: relative;
	border: 1px solid #dcdcdc;
	background: #ffffff;
	overflow: hidden;
	vertical-align: middle;
}
.formSelect::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 5px;
	height: 5px;
	margin: -7px 0 0;
	border: 2px solid;
	border-color:  transparent transparent #333 #333;
	transform: rotate(-45deg);
	pointer-events: none;
}
.fTable01_item .formSelect {
	display: inline-block;
	margin: 0;
	letter-spacing: normal;
}

/* フォーム（structure)
------------------------------------------------------------------------------- */
.fTable01{ margin-bottom:50px; zoom:1; clear:both; }
.fTable01 ul{ font-size:100%; }
.fTable01 table {
	width: 100%;
}
.fTable01 table{ border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; }
.fTable01 th,
.fTable01 td {
	line-height: 1.5;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	font-weight: normal;
	border-left:1px solid #dcdcdc;
}
.fTable01 td .clearfix{ clear:both; }

.fTable01 th {
	position: relative;
	padding: 15px 20px 10px 30px;
	color: #999;
}
.fTable01 tr:first-child th { padding-top:30px; }
.fTable01 tr:last-child th { padding-bottom:20px; }

.tCheck .fTable01 th,
.tCheck .fTable01 td { padding-top:10px; }
.tCheck .fTable01 tr:first-child th { padding-top:20px; }

.fTable01 td {
	padding: 15px 20px 15px 30px;
	color: #333;
}
.fTable01 tr:first-child td { padding-top:30px; }
.fTable01 tr:last-child td { padding-bottom:20px; }
.tCheck .fTable01 tr:first-child td { padding-top:20px; }

.fTable01 td.fTable01_required {
	width: 5%;
	padding:15px 1% 10px;
	text-align:center;
	color:#ff4656;
}
.fTable01 tr:first-child td.fTable01_required { padding-top:30px; }
.fTable01 tr:last-child td.fTable01_required { padding-bottom:20px; }

/* 必須項目入力OK */
.fTable01 td.fTable01_required.entered { color:#014baf; }

.fTable01 input[type=radio],
.fTable01 input[type=checkbox] {
	margin-top: -2px;
}
.fTable01 label {
	cursor: pointer;
}

.fTable01_w1 {
	width: 33%;
}
.tRegist2 .fTable01_w1 {
	width: 22%;
}
.fTable01_w2 {
	width: 60%;
}
.fTable01_w3 {
	width: 48%;
}
.fTable01_w4 {
	width: 30%;
}
.fTable01_w2 .formText::-webkit-input-placeholder{ color:#bbb; }
.fTable01_w2 .formText::-ms-input-placeholder{ color:#bbb; }
.fTable01_w2 .formText::-moz-placeholder{ color:#bbb; }
.fTable01_w2 .formText::-placeholder{ color:#bbb; }
.fTable01_w4 .fSmpAdust02 {
	margin-bottom: 5px;
	display: inline-block;
}

.fTable01_txt {
	margin: 10px 0;
	color: #333;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
}
.fTable01_txt.note{ margin-left:1em; text-indent:-1em; }
.fTable01_txt em{ color:#ff4656; }
.fTable01_txt-inline {
	display: inline-block;
	vertical-align: -3px;
}
.fTable01_txt:first-child {
	margin-top: 0;
}
.fTable01_txt:last-child {
	margin-bottom: 0;
}
.fTable01 .fTable01_note {
	color: #ff4656;
  margin: 7px 0 0 1em;
  font-size: 14px;
  font-size: 0.875rem;
  text-indent: -1em;
}
.fTable01 .fTable01_note-02 {
	color: #999;
}
.fTable01 .fTable01_note-03 {
	margin-left: 0;
  text-indent: 0;
}
.fTable01 .fTable01_note-dBlock {
	margin: 15px 0 10px 0;
	display: block;
	vertical-align: -3px;
  text-indent: 0;
}
.fTable01_note:first-child {
	margin-top: 0;
}
.fTable01_note:last-child {
	margin-bottom: 0;
}

.fTable01_date{
	width:45%;
	margin-bottom:15px;
	margin-right:20px;
	border:1px solid #f00;
	float:left;
}
.fTable01_time{
	width:30%;
	border:1px solid #f00;
	float:left;
}


.fTable01_col {
	margin: 10px 0;
	letter-spacing: -0.5em;
}
.fTable01_col:first-child {
	margin-top: 0;
}
.fTable01_col:last-child {
	margin-bottom: 0;
}
.fTable01_item {
	display: inline-block;
	margin: 0 10px 10px 0;
	letter-spacing: normal;
}
.fTable01_item:last-child {
	margin-right: 0;
}

.fTable01_item02 {
	display: inline-block;
	margin: 0 20px 0 0;
	letter-spacing: normal;
}
.fTable01_item02-02 {
	display: block;
	margin-bottom: 10px;
}


/* ボタン */
.fSubmit {
	display: block;
	margin: 10px 0 0;
	text-align: center;
}
.fSubmit_btn {
	min-width:240px;
	display: inline-block;
	line-height: 1.5;
	padding: 18px 40px 20px;
	border-radius: 4px;
	background-color: #ff0019;
	color: #fff;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	text-decoration: none;
	cursor: pointer;
	position:relative;
}
.d_hover .fSubmit_btn:hover {
	opacity: 0.7;
}
.fSubmit_btn:before {
	content: "";
	display: block;
	width: 8px;
	height: 12px;
	background: url(/jutaku/soudan/madori/regist_madori/images/ico_arrow01.png) top left no-repeat;
	vertical-align: -1px;
	position:absolute;
	top:50%;
	left:20px;
	margin-top:-6px;
}
.fSubmit_btn-back {
	background-color: #666;
}
.fSubmit_btn-back:before {
	background-image:url(/jutaku/soudan/madori/regist_madori/images/ico_arrow02.png);
}
.fSubmit_btn-back + .fSubmit_btn { margin-left:15px; }


.fSubmit_btn-disable {
	background-color: #a0a0a0;
	cursor: default;
}
.fSubmit_btn-disable:before { display:none; }


.d_hover .fSubmit_btn-disable:hover {
	opacity: 1;
}
.fSubmit .note{
	margin-left:1em;
	margin-bottom:20px;
	text-indent:-1em;
	text-align:left;
}
.fSubmit .note em{ font-weight:normal; color:#ff2637; }

/* カラム
------------------------------------------------------------------------------- */
.fTable01_col3 .fTable01_col_item {
	width: 160px;
	margin-right: 25px;
	margin-bottom: 20px;
	float: left;
	vertical-align: top;
}
.fTable01_col3 .fTable01_col_item img {
	margin-bottom: 5px;
}
.fTable01_col3 .fTable01_col_item:nth-child(3),
.fTable01_col3 .fTable01_col_item:nth-child(6) {
	margin-right: 0;
}
.fTable01_col3 .fTable01_col_item span {
  display: inline-block;
  position: relative;
	margin-bottom: 5px;
  padding-left: 25px;
}
.fTable01_col3 .fTable01_col_item input[type=radio],
.fTable01_col3 .fTable01_col_item input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 8px;
}


/* 個人情報保護方針
------------------------------------------------------------------------------- */
.tPrivacy{
	margin-top:50px;
	padding:25px 20px;
	background-color:#f3f1ea;
	border:1px solid #dfd5b2;
	border-radius:10px;
}
.tPrivacy p{ font-size:117%; }
.tPrivacy p strong{ font-size:117%; }
.tPrivacy .txtLink{
	margin-bottom:20px;
	font-size: 14px; /* oldIE */
	font-size: 0.875rem;
}
.tPrivacy .txtLink a{
	padding-left:20px;
	background:url(/common/images/renew2009/arrow_blank.gif) left 0.6em no-repeat;
}


/* 完了
------------------------------------------------------------------------------- */
.fMessage{ margin-bottom:60px; text-align:center; zoom:1; clear:both; }
.fMessage div{
	padding:40px 20px;
	background-color:#f8f2df;
}

.fMessage p{
	font-size: 18px; /* oldIE */
	font-size: 1.2rem;
	color:#333;
}
.fMessage div p{
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
}




/* ==

　99. 汎用スタイル

=============================================================================== */
/* 回り込み解除
------------------------------------------------------------------------------- */
.clearfix:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .clearfix { zoom: 1; } /* ie7 */

/* 幅調整
------------------------------------------------------------------------------- */
.w1s { width: 1em !important; max-width: 100% !important; }
.w2s { width: 2em !important; max-width: 100% !important; }
.w3s { width: 3em !important; max-width: 100% !important; }
.w4s { width: 4em !important; max-width: 100% !important; }
.w5s { width: 5em !important; max-width: 100% !important; }
.w6s { width: 6em !important; max-width: 100% !important; }
.w7s { width: 7em !important; max-width: 100% !important; }
.w8s { width: 8em !important; max-width: 100% !important; }
.w9s { width: 9em !important; max-width: 100% !important; }
.w10s { width: 10em !important; max-width: 100% !important; }
.w11s { width: 11em !important; max-width: 100% !important; }
.w12s { width: 12em !important; max-width: 100% !important; }
.w13s { width: 13em !important; max-width: 100% !important; }
.w14s { width: 14em !important; max-width: 100% !important; }
.w15s { width: 15em !important; max-width: 100% !important; }
.w16s { width: 16em !important; max-width: 100% !important; }
.w17s { width: 17em !important; max-width: 100% !important; }
.w18s { width: 18em !important; max-width: 100% !important; }
.w19s { width: 19em !important; max-width: 100% !important; }
.w20s { width: 20em !important; max-width: 100% !important; }
.w25s { width: 25em !important; max-width: 100% !important; }
.w30s { width: 30em !important; max-width: 100% !important; }
.w35s { width: 35em !important; max-width: 100% !important; }
.w40s { width: 40em !important; max-width: 100% !important; }
.w45s { width: 45em !important; max-width: 100% !important; }
.w50s { width: 50em !important; max-width: 100% !important; }

/* 色調整
------------------------------------------------------------------------------- */
.fCRed { color: #ff4656; }