@charset "UTF-8";

/*==========================================================================================

	form.css

	URL: http://www.opendata.gr.jp/
	Date: 2012-11-05(+09:00)
	Maintained: monsterdive, inc.
==========================================================================================*/


/* Table of contents: */
/* ------------------
 *
 * 00:初期化
 * 00:accessibility tweaks
 *
 */

/* プロパティの指定順序 */
/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/*==========================================================================================

	// Form

==========================================================================================*/

/* Styles for 1st Symposium Application Form
==========================================================================================*/

#eventForm {
}
#eventForm h1 {
	padding-bottom: 20px;
	color: #333;
	font-size: 138.5%;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	border-bottom: solid 1px #ccc;
}
#eventForm .eventData {
	margin-top: 20px;
}
#eventForm .eventData .eventTable {
	font-size: 116%;
}
#eventForm .eventData .eventTable th,
#eventForm .eventData .eventTable td {
	padding: 15px;
	border-bottom: solid 2px #fff;
}
#eventForm .eventData .eventTable th {
	width: 4em;
	color: #fff;
	font-size: 116%;
	line-height: 1.4;
	vertical-align: top;
	text-align: center;
	background: #333;
}
#eventForm .eventData .eventTable td {
}
#eventForm .eventData .eventTable td.date {
	padding-top: 10px;
}
#eventForm .eventData .eventTable td p {
	line-height: 1.4;
}
#eventForm .eventData .eventTable td p strong {
	font-size: 136%;
}
#eventForm #formContent {
	margin: 25px auto 0;
	padding: 25px 50px;
	border: solid 10px #f0f0f0;
}


/* A-Form Customize */
#eventForm #formContent .aform-header {
	padding: 15px;
	font-weight: bold;
	background: #f0f0f0;
	border: none;
}
#eventForm #formContent .aform-content {
	margin: 25px 0;
}
#eventForm #formContent #aform-1 {
}
#eventForm #formContent #aform-1 dl {
	clear: left;
}
#eventForm #formContent #aform-1 dl dt {
	float: left;
	width: 220px;
	font-size: 116%;
	font-weight: normal;
	text-align: left;
}
#eventForm #formContent #aform-1 dl dt .aform-label {
	padding-left: 15px;
}
#eventForm #formContent #aform-1 dl dt span.required {
	margin-left: 5px;
	padding: 3px;
	color: #fff;
	font-size: 85%;
	background: #f60;

}
#eventForm #formContent #aform-1 dl dt .max-length {
	display: none;
}
#eventForm #formContent #aform-1 dl dd {
	float: left;
	width: 390px;
}
#eventForm #formContent #aform-1 dl dd p.aform-input-example,
#eventForm #formContent #aform-1 dl dd label.aform-twice-note {
	font-size: 93%;
}
#eventForm #formContent #aform-1 dl dd label.aform-twice-note {
	padding-top: 10px;
}
#eventForm #formContent #aform-1 dl dd input {
	padding: 5px 3px;
}
#eventForm #formContent #aform-1 dl dd input.required,
#eventForm #formContent #aform-1 dl dd textarea.required {
	border: solid 1px #666;
}
#eventForm #formContent #aform-1 dl dd input.required:hover,
#eventForm #formContent #aform-1 dl dd textarea.required:hover {
	border: solid 1px #f60;
}
#eventForm #formContent #aform-1 dl dd input.formName {
	width: 8em;
}
#eventForm #formContent #aform-1 dl dd label.error {
	font-weight: normal;
}
#eventForm #formContent #aform-1 dl dd div.validation-advice {
	margin-top: 10px;
	background: #f60;	
}
#eventForm #formContent #aform-1 .formPrivacy {
	padding: 10px;
	font-size: 93%;
	line-height: 1.4;
	text-align: center;
}
#eventForm #formContent #aform-1 .submit {
	margin: 0;
	padding: 15px 0 25px;
	border: none;
}
#eventForm #formContent #aform-1 .submit input {
	padding: 10px 25px;
	font-size: 116%;
	font-weight: bold;
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
}
#eventForm #formContent #aform-1 .submit input:hover {
	background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}
#eventForm #formContent .formPrivacyText {
	clear: both;
	margin-bottom:20px;
	padding: 15px;
	border: dotted 1px #666;
}
#eventForm #formContent .formPrivacyText p {
	color: #000;
	font-size: 77%;
	line-height: 1.5;
}


/* Form Complete */
#eventForm #formContent.formComplete {
	padding: 50px;
}
#eventForm #formContent.formComplete p {
	font-size: 123.1%;
	line-height: 1.5;
	text-align: center;
}
#eventForm #formContent.formComplete p.link {
	margin-top: 15px;
	font-size: 116%;
}
/* Form Confirm */
#eventForm #aform-confirm-form .formPrivacy {
	display: none;
}


/*==========================================================================================

	floatさせたボックスが親ボックスの外にはみ出す現象を回避

==========================================================================================*/

/*　IE6、IE7対策
==========================================================================================*/
#eventForm #formContent #aform-1 dl,
.clearfix,
.cFix { ?zoom:1;
}

/* 以外のブラウザ
==========================================================================================*/
#eventForm #formContent #aform-1 dl:after,
.clearfix:after,
.cFix:after {
	/* display:block; */
	display:table;
	clear:both;
	content:"";
}

/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */