@charset "utf-8";
/* CSS Document for DRIVE System */

/**************************************************************************/
/* このCSSは、form（疑似）要素についてのみ記述してください                */
/*                                                                        */
/* drive.common.css    : ページの骨格の指定                               */
/* drive.form.css      : form（疑似）要素の指定                           */
/* drive.subwindow.css : ポップアップ要素の指定                           */
/* drive.xx.css        : サイト固有（上記を override）                    */
/*                                                                        */
/* drive.form.css, drive.subwindow.css は書き換え不可です                 */
/* ご協力よろしくお願いいたします 2013-12-02 shindo                       */
/* @history	ver1.7	2014-01-29 hidaka@cstyle.co.jp : sumaistar対応追加中  */
/**************************************************************************/

/* ---------------------------------------------------------

レイアウト

-----------------------------------------------------------*/

/* 不動産投資、賃貸オフィス、リノベーションのみ使用 */
body #headUtils{
	max-width: 950px;
}



/**
 * テキスト入力 --------------------------------------------
 */
input[type="text"],
textarea {
	margin			: 2px;
	height			: 30px;
	box-shadow		: 1px 1px 1px 0 rgba(0,0,0,0.3) inset;
	border			: 1px solid #999999;
	border-radius	: 5px;
	font-size		: 16px;
	line-height		: 30px;
}
textarea {
	height			: 4.0em;
	line-height		: 1.4em;
}	

	.textModeActive{
		ime-mode		: active;
	}

	.textModeInactive{
		ime-mode		: inactive;
	}

	.fullWidth {
		display			: block;
		width			: 95%;
	}


/**
 * ボタン類 ------------------------------------------------
 */
button {
	display			: block;
	margin			: 0 auto 2px auto;
	padding			: 5px 0;
	width			: 100%;
	height			: 3em;
	background		: linear-gradient(#ffffff, #eeeeee);
	background		: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background		: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	box-shadow		: 10px 10px 20px 0 rgba(255, 255, 255, 0.5) inset;
	border			: 1px solid #999999;
	border-radius	: 10px;
	text-align		: center;
	font-size		: 1em;
	cursor			: pointer;
}
	/* セレクトボタン */
	button.getList {
		margin			: 5px 0 0;
		width			: 100%;
		font-size		: 1.2em;
		cursor			: pointer;
	}
	/* ページ遷移ボタン */
	button.next {
		width			: 70%;
		height			: 2em;
		background		: linear-gradient(#cccccc, #999999);
		background		: -webkit-linear-gradient(top, #cccccc 0%, #999999 100%);
		background		: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));
		border			: 1px solid #999999;
		color			: #ffffff;
		font-size		: 1.2em;
		font-weight		: bold;
	}
	button.next.disable { /* default と同じ */
		background		: linear-gradient(#cccccc, #999999);
		background		: -webkit-linear-gradient(top, #cccccc 0%, #999999 100%);
		background		: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));
	}
	button.next.enable {
		background		: #ae0000;
		background		: linear-gradient(#ae0000, #e3525a);
		background		: -moz-linear-gradient(#ae0000, #e3525a);
		background		: webkit-gradient(linear, left top, left bottom, from(#ae0000), to(#e3525a));
		border			: 1px solid #ae0000;
	}
	button.confirm.enable {
		background		: #ae0000;
		background		: linear-gradient(#ae0000, #e3525a);
		background		: -webkit-linear-gradient(top, #ae0000 0%, #e3525a 100%);
		background		: -webkit-gradient(linear, left top, left bottom, from(#ae0000), to(#e3525a));
		border			: 1px solid #ae0000;
	}
	button.back {
		display			: inline;
		margin			: 0;
		padding			: 0 2px;
		width			: auto;
		background		: linear-gradient(#ffffff, #eeeeee);
		background		: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
		background		: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
		border			: 1px solid #999999;
		border-radius	: 4px;
		text-align		: center;
		vertical-align	: bottom;
		font-size		: 0.5em;
		font-weight		: bold;
		color			: #aaaaaa;
		cursor			: pointer;
	}
		button.back span {
			display			: block;
			transform		: rotate(90deg);
			-moz-transform	: rotate(90deg);
			-webkit-transform : rotate(90deg);
			-o-transform	: rotate(90deg);
			-ms-transform	: rotate(90deg);
			font-size		: 1.5em;
		}

/*【flexibleForm.cssより移動】START*/
div.submitBtn {
	margin			: 12px 0;
}
/*【flexibleForm.cssより移動】END*/

/**
 * セレクトリスト用 ----------------------------------------
 */
/* #objectRoomPlanList, */
/*#objectAgeList, 
#personAgeList,
#personRequestTermList,
#personRequestTimeStartList,
#personRequestTimeEndList {
	display			: none;
}
*/
#selectListArea {
/*
	position		: fixed;
	top				: 10px;
	left			: 10px;
	overflow		: auto;
	margin			: 0 auto;
	width			: 95%;
*/
	margin			: 0;
	padding			: 0;
	background		: #000000;
	font-size		: 16px;
}

#selectListArea li.selectList {
	display			: block;
	margin			: 1px;
	padding			: 0;
	background		: #555555;
	list-style		: none;
	color			: #ffffff;
}
li.selectList a,
li.selectList a:link,
li.selectList a:visited,
li.selectList a:active,
li.selectList a:hover {
	display			: block;
	padding			: 10px;
	width			: 90%;
	color			: #ffffff;
}


/**
 * ラジオボタン用 ------------------------------------------
 */
ul.radioListArea {
	margin			: 0;
	padding			: 0;
}
li.radioList {
	margin			: 0;
	padding			: 6px 12px 6px 0;
	cursor			: pointer;
	background		: url(/form2/images/radioOff.png) left no-repeat;
	list-style		: inside none;
}
li.radioList.checked {
	background		: url(/form2/images/radioOn.png) left no-repeat;
}
li.radioList a,
li.radioList a:link,
li.radioList a:visited,
li.radioList a:active,
li.radioList a:hover {
	display			: block;
	padding			: 0 0 0 24px;
	color			: #333333;
}
li.radioList a.inline {
	display			: inline;
}

/**
 * チェックボックス通常型用 --------------------------------
 */
ul.checkboxListArea {
	margin			: 0;
	padding			: 0;
}
li.checkboxList {
	margin			: 0;
	padding			: 6px 12px 6px 0;
	cursor			: pointer;
	background		: url(/form2/images/checkboxOff.png) left no-repeat;
	list-style		: inside none;
}
li.checkboxList.checked {
	background		: url(/form2/images/checkboxOn.png) left no-repeat;
}
li.checkboxList a,
li.checkboxList a:link,
li.checkboxList a:visited,
li.checkboxList a:active,
li.checkboxList a:hover {
	display			: block;
	padding			: 0 0 0 32px;
	color			: #333333;
}
li.checkboxList a.inline {
	display			: inline;
}


/**
 * チェックボックスボタン型用 ------------------------------
 */
ul.buttonListArea {
	margin			: 0;
	padding			: 0;
}
li.buttonList {
	float			: left;
	margin			: 3px;
	width			: auto;
	background		: linear-gradient(#ffffff, #ffffff);
	background		: -moz-linear-gradient(#ffffff, #ffffff);
	background		: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	border			: 1px solid #999999;
	border-radius	: 10px;
	box-shadow		: 10px 10px 20px 0 rgba(255, 255, 255, 0.5) inset;
	list-style		: inside none;
	cursor			: pointer;
}
li.buttonList.checked {
	background		: linear-gradient(#58cbfb, #00bbee);
	background		: -moz-linear-gradient(#58cbfb, #00bbee);
	background		: -webkit-gradient(linear, left top, left bottom, from(#58cbfb), to(#00bbee));
	box-shadow		: 10px 10px 20px 0 rgba(255, 255, 255, 0.5) inset;
	border			: 1px solid #58cbfb;
	color			: #ffffff;
}
li.buttonList a,
li.buttonList a:link,
li.buttonList a:visited,
li.buttonList a:active,
li.buttonList a:hover {
	display			: block;
	padding			: 12px;
	color			: #333333;
}
li.buttonList a.inline {
	display			: inline;
}


/**
 * トップに表示されるボタン --------------------------------
 */
#objectTypeList {
	background		: url(/sp/images/indexFormBg.png) right bottom repeat-x;
}

/*
#objectTypeList li {
	display			: block;
	float			: left;
	margin			: 0;
	padding			: 2px;
	width			: auto;
	background		: none;
	list-style		: none;
	cursor			: pointer;
}*/

#objectTypeList li a,
#objectTypeList li a:link,
#objectTypeList li a:visited,
#objectTypeList li a:active,
#objectTypeList li a:hover {
	display			: block;
	position		: relative;
	margin			: 0;
	padding			: 0;
	padding			: 0;
}
#objectTypeList li a img {
	position		: absolute;
	top				: 0;
	left			: 0;
	background		: linear-gradient(#ffffff, #eeeeee);
	background		: -moz-linear-gradient(#ffffff, #eeeeee);
	background		: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	box-shadow		: 10px 10px 20px 0 rgba(255,255,255,0.5) inset;
	border			: 1px solid #999999;
	border-radius	: 10px;
}

#objectTypeList li a img.off {
}

#objectTypeList li a img.on {
	background		: linear-gradient(#58cbfb, #00bbee);
	background		: -moz-linear-gradient(#58cbfb, #00bbee);
	background		: -webkit-gradient(linear, left top, left bottom, from(#58cbfb), to(#00bbee));
	border			: 1px solid #58cbfb;
}


/**
 * エリアIDごとの個別指定 ----------------------------------
 */
/* 面積単位 */
#objectBuildingAreaUnitArea,
#objectBuildingAreaUnitArea li,
#objectSiteAreaUnitArea,
#objectSiteAreaUnitArea li {
	display			: inline;
}
#objectBuildingAreaUnitArea,
#objectSiteAreaUnitArea {
	padding			: 0;
}

/* 時間帯用 */
#personRequestTimeStartButton,
#personRequestTimeEndButton {
	display			: inline;
	width			: 40%;
}


/**
 * for debug -----------------------------------------------
 */
.hide {
	display			: none;
}