@charset "shift_jis";

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

　目次

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

　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;
	padding:10px 20px 10px 18px;
	border:1px solid #333;
	font-size: 18px; /* oldIE */
	font-size: 1.2rem;
	color:#333;
}

.fHeading02{
	padding:10px 20px;
	background-color:#1c2538;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	color:#fff;
	position:relative;
}
.fHeading02 .fTxt01{ position:absolute; left:8em; top:10px; }

.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: 452.5px;
	letter-spacing: -1em;
}

.fStep_item:last-child {
	width: 45px;
	float:right;
}
.fStep_item span {
	display: block;
	line-height: 45px;
	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 {
	width: 3em;
	background-color: #fff;
	color: #999;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	text-align: center;
}
.fStep:after { content: ''; display: block; clear: both; height: 0; }


/* ステータス：入力 */
.tRegist .fStep_item-step1 .fStep_num{ background-color: #1c2538; }
.tRegist .fStep_item-step1 .fStep_txt{ color:#333; }

/* ステータス：確認 */
.tCheck .fStep_item-step1{ background:url(/bunjo/regist_bun/images/fStep_bg.gif) left 22.5px repeat-x; }
.tCheck .fStep_item-step1 .fStep_num,
.tCheck .fStep_item-step2 .fStep_num{ background-color: #1c2538; }
.tCheck .fStep_item-step1 .fStep_txt,
.tCheck .fStep_item-step2 .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{ background-color: #1c2538; }
.tThanks .fStep_item-step1 .fStep_txt,
.tThanks .fStep_item-step2 .fStep_txt,
.tThanks .fStep_item-step3 .fStep_txt{ color:#333; }




/* カレンダー
------------------------------------------------------------------------------- */
#pickadate{
	background:url(/bunjo/regist_bun/images/ico_calendar.png) right center no-repeat;
}

#pickadate_table{ border:none; }
#pickadate_table th{ padding:0 0 5px; border:none; color:#333; text-align:center; vertical-align:middle; }
#pickadate_table td{ padding:0; border:1px solid #ddd; text-align:center; vertical-align:middle; }

#pickadate_table th:first-child, #pickadate_table td:first-child{ color:#e61a1a; }
#pickadate_table th:last-child, #pickadate_table td:last-child{ color:#014baf; }


.picker .picker__year{ font-style:normal; }
.picker .picker__year:after{ content:"年"; }

.picker .picker__box{ padding-top:15px; border:none !important; }
.picker__box:before{
	content:"ご希望日時";
	width:97%;
	padding:7px 1.5% 10px;
	background-color:#1c2538;
	font-size: 16px; /* oldIE */
	font-size: 1.0rem;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
}
.picker__box .picker__header{ margin-top:30px; }
@media (min-height: 33.875em) {
	.picker__box:before{
		border-radius:4px 4px 0 0;
	}
}



/* フォーム (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;
}
/* 必須−入力済 */
.formText-required.entered {
	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;
}
.formSelect select::-ms-expand {
    display: none;
}
.formSelect {
	position: relative;
	border: 1px solid #dcdcdc;
	background: #ffffff;
	overflow: hidden;
}
.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;
}


/* フォーム（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 { padding-top:10px; }
.tCheck .fTable01 tr:first-child th { padding-top:20px; }


.fTable01 td {
	padding: 10px 20px 10px 30px;
	color: #333;
}
.fTable01 tr:first-child td { padding-top:20px; }
.fTable01 tr:last-child td { padding-bottom: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_w1 {
	width: 22%;
}
.fTable01_w2 {
	width: 71%;
}
.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_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 {
	margin: 7px 0 0 1em;
	color: #999;
	font-size: 14px; /* oldIE */
	font-size: 0.875rem;
	text-indent: -1em;
}
.fTable01_note-inline {
	display: inline-block;
	vertical-align: -3px;
}
.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: 5px 10px 5px 0;
	letter-spacing: normal;
}
.fTable01_item:last-child {
	margin-right: 0;
}


/* 補足情報 */
.fMoreInfo-hd{ cursor:pointer; }
.fMoreInfo-hd h3{ padding-right:51px; }
.fMoreInfo-hd:after{
	content:"";
	width:31px;
	height:31px;
	margin-top:-15.5px;
	background:url(/bunjo/regist_bun/images/ico_img01.png) left top no-repeat;
	position:absolute;
	top:50%;
	right:10px;
}
.fMoreInfo-hd.fMoreInfo-open:after{ background-image:url(/bunjo/regist_bun/images/ico_img02.png); }


/* ボタン */
.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(/bunjo/regist_bun/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(/bunjo/regist_bun/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; }



/* 個人情報保護方針
------------------------------------------------------------------------------- */
.tPrivacy{
	margin-top:50px;
	padding:25px 20px;
	background-color:#f3f1ea;
	border:1px solid #ddd;
	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.4em no-repeat;
}


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

.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; }