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

/**************************************************************************/
/* このCSSは、ポップアップ要素についてのみ記述してください */
/*                                                                        */
/* 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対応追加中  */
/**************************************************************************/

/**
 * アラート用 ----------------------------------------------
 */
#disableBack {
	display			: block;
	position		: absolute;
	top				: 0;
	left			: 0;
	width			: 100%;
	height			: 100%;
	padding			: 10px;
	background		: rgba(0, 0, 0, .3);
	text-align		: center;
	font-size		: 14px;
	font-family		: "メイリオ", Meiryo;
	vertical-align	: top;
}
/* ポップアップ */
#popupContainer{
	width				: 700px;
	margin				: 0 auto;
	padding				: 10px;
	background-color	: #ffffff;
	border				: 1px solid #cccccc;
	box-shadow			: 3px 3px 5px rgba(0,0,0,0.5);
	border-radius		: 15px;
	text-align			: center;
}
/* added by shindo 2014-02-27 flexibleForm.css を読まなくて済むように追加 */
#popupContent,
#alertCloseTop,
#alertCloseBottom {
	display:block;
}
#popupContent {
	clear			: both;
	position		: relative;
	overflow		: auto;
	margin			: 5px 0;
	padding			: 10px 0;
	height			: auto;
	max-height		: 80%;
	background		: #ffffff;
	border			: none;
	text-align		: left;
	font-size		: 14px;
	line-height		: 24px;
}
#popupContent li {
	list-style		: outside none;
}
/* added by shindo 2014-02-27 flexibleForm.css を読まなくて済むように追加 ここまで*/
/* commented out by shindo 2014-02-27 問題なければ削除
#popupContent {
	display			: block;
	position		: relative;
	margin			: 5px 0;
	padding			: 0;
	overflow		: auto;
	height			: auto;
	max-height		: 80%;
	background		: #ffffff;
	border			: solid 2px #ff0000;
	border-top		: none;
	border-bottom	: none;
	border-radius	: 0;
	text-align		: left;
	font-size		: 14px;
}
*/
	#popupContent.roundTop {
	}
	#popupContent.roundBottom {
	}
	#popupContent p {
		text-align		: left;
		font-size		: 12px;
		border-collapse	: collapse;
	}
/*	#popupContent a {
		clear			: both;
		display			: inline-block;
		margin			: 6px;
		padding			: 6px;
		border-radius	: 6px;
		cursor			: pointer;
	}*/
		#popupContainer #confirmButtons {
			padding:0 0 0 100px;
			display			: none;
		}

		#popupContainer #confirmButtonsUnder {
			padding:0 0 0 100px;
			display			: none;
		}

	/* 確認画面 */
	#popupContent table#confirmTable,
	#popupContent table#confirmTable th,
	#popupContent table#confirmTable td {
		border-collapse	: collapse;
		text-align		: left;
		font-size		: 16px;
	}
	#popupContent table#confirmTable {
		width			: 100%;
	}
		#popupContent table#confirmTable th {
			margin			: 0;
			padding			: 4px 16px 4px 8px;
			border-bottom	: solid 1px #cccccc;
			white-space		: nowrap;
		}
		#popupContent table#confirmTable td {
			margin			: 0 0 0 2px;
			padding			: 0;
			width			: 100%;
			border-bottom	: solid 1px #cccccc;
		}
		#popupContent table#confirmTable caption {
			margin			: 0;
			padding			: 0;
			border-bottom	: solid 1px #cccccc;
			text-align		: center;
			caption-side	: top;
			color			: red;
			white-space		: nowrap;
		}

/* アラート内のボタン */
#alertCloseTop,
#alertCloseBottom {
	margin			: 0 auto 5px auto;
	width			: 6.0em;
	text-align		: center;
	border			: 1px solid  #cccccc;
	border-radius	: 10px;
	background-color: #dddddd;
	background		: -moz-linear-gradient(#f6f6f6, #dddddd);
	background		: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dddddd));
	border			: 1px solid #cccccc;
	color			: #333333;
	line-height		: 30px;
	box-shadow		: 2px 2px 3px rgba(0,0,0,0.3);
	cursor			: pointer;
}

#alertCloseTop:hover,
#alertCloseBottom:hover{
	background-color: #f6f6f6;
	background		: -moz-linear-gradient(#dddddd, #f6f6f6);
	background		: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#f6f6f6));
	text-decoration	: none;
}

/*【flexibleForm.cssより移動｜20140304 ByYana】/START*/
#confirmButtons {
	margin		: 12px 0 0 0;
}
#confirmButtons #confirmMessage,#confirmMessageUnder{
	display		: block;
	width		: auto;
	margin		: 0;
	padding		: 0 20px 0 0;
	font-size	: 1.2em;
	line-height	: 40px;
	background	: url(/new/form/images/form/sanakaku.gif) right no-repeat;
	color		: #ff0000;
	float		: left;
}

#popupContainer a#alertClose,
#popupContainer a#alertSubmit {
	display			: block;
	float			: left;
	margin			: 0 3px;
	padding			: 0;
	width			: 8.0em;
	border			: 1px solid #cccccc;
	border-radius	: 10px;
	box-shadow		: 2px 2px 3px 0 rgba(0,0,0,0.5);
	color			: #ffffff;
	font-weight		: bold;
	text-align		: center;
	line-height		: 36px;
	cursor			: pointer;
}
#popupContainer a#alertClose {
	background		: #333333;
	background		: -moz-linear-gradient(#666666, #333333);
	background		: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	box-shadow		: 2px 2px 3px 0 rgba(0,0,0,0.5);
}
#popupContainer a#alertClose:hover {
	background		: #666666;
	background		: -moz-linear-gradient(#333333, #666666);
	background		: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#666666));
	text-decoration	: none;
}
#popupContainer a#alertSubmit {
	background-color: #ff8822;
	background		: -moz-linear-gradient(#ffaa55, #ff8822);
	background		: -webkit-gradient(linear, left top, left bottom, from(#ffaa55), to(#ff8822));
	box-shadow		: 2px 2px 3px 0 rgba(0,0,0,0.5);
}
#popupContainer a#alertSubmit:hover {
	background-color: #ffaa55;
	background		: -moz-linear-gradient(#ff8822, #ffaa55);
	background		: -webkit-gradient(linear, left top, left bottom, from(#ff8822), to(#ffaa55));
	text-decoration	: none;
}
/*【flexibleForm.cssより移動｜20140304 ByYana】/END*/


/*#alertCloseTop {
	margin			: 6px 0 0 0;
	border-bottom	: none;
	border-radius	: 12px 12px 0 0;
}
#alertCloseBottom {
	margin			: 0;
	border-top		: none;
	border-radius	: 0 0 12px 12px;
}*/

/**
 * ポップアップページ --------------------------------------
 */
#partnerList,
#rule,
#privacy,
#aboutUs {
	display			: none;
}

	/* 参画企業一覧 */
	#popupContent #partnerListMenuCopy {
		margin			: 0;
		padding			: 0;
	}
		#popupContent #partnerListMenuCopy ul {
			margin			: 0;
			padding			: 0;
		}
			#popupContent #partnerListMenuCopy ul li {
				display			: inline-block;
				margin			: 0 0 4px 0;
				padding			: 0;
				background		: #002595;
				border			: solid 1px #cccccc;
				border-radius	: 4px;
				color			: #ffffff;
			}
			#popupContent #partnerListMenuCopy ul li.selected {
				background		: #2C60E9;
			}
				#popupContent #partnerListMenuCopy ul li a {
					display			: block;
					margin			: 0;
					padding			: 12px 12px 4px 12px;
					width			: 20px;
					height			: 20px;
									}
	#popupContent ul.partnerList {
		display			: none;
		margin			: 0;
		padding			: 0 0 0 20px;
		text-align		: left;
	}
	#popupContent ul.partnerList.selected {
		display			: block;
	}
		#popupContent ul.partnerList li {
			list-style		: outside;
		}

	/* 利用規約 個人情報 */
	#rule pre,
	#privacy pre {
		text-align		: left;
	}

	/* 運営会社 */
	#popupContent table,
	#popupContent table th,
	#popupContent table td {
		border-collapse	: collapse;
		text-align		: left;
		font-size		: 12px;
	}
	#popupContent table {
		width			: 100%;
	}
		#popupContent table th {
			width		: 80px;
			white-space		: nowrap;
		}
		#popupContent table td {
		}
		#popupContent table caption {
			margin			: 0;
			padding			: 0;
			border-bottom	: solid 1px #cccccc;
			text-align		: center;
			caption-side	: top;
			color			: red;
		}
		#popupContent table th {
			margin			: 0;
			padding			: 0;
			width			: 108px;
			border-bottom	: solid 1px #cccccc;
		}
		#popupContent table td {
			margin			: 0 0 0 2px;
			padding			: 0;
			border-bottom	: solid 1px #cccccc;
		}
			#popupContent table td div {
				clear			: both;
				margin			: 0 0 0 1em;
				padding			: 0;
				text-indent		: -1em;
			}
