@charset "utf-8";
/* CSS Document */

/* =====================================================================
*
*    inquiry-style.css INDEX
*
*    // 「お問い合わせ」ページのスタイル
*
*
*    1. Header
*
*    2. Content Header
*
*    3. Party Plan
*       3.1. Equipment
*       3.2. Option
*
*    4. Contact Banner
*
* =================================================================== */


/* =====================================================================
*
*    1. Header
*
* =================================================================== */

h1 {
	width: 281pxd;
	height: 162px;
	overflow: hidden;
	background: url(/common/images/inquiry/ttl.gif) no-repeat;
	margin: 26px 0 0 -13px;
}

.wrapper {
	width: 700px;
	background: url(/common/images/inquiry/bg.gif) right top repeat-y;
}

.desc {
	position: relative;
	padding: 6px 12px;
	border-bottom: #EFEBE7 1px solid;
	background: #FBFBFA;
}

.desc p em {
	color: #00A6BF;
	font-family:"Hiragino Mincho Pro W3", "ヒラギノ明朝 Pro W3", "MS PMincho", "ＭＳ Ｐ明朝", Georgia, "Times New Roman", serif;
}


/* =====================================================================
*
*    2. Mail Form
*
* =================================================================== */

#mailForm {
	width: 700px;
}

#mailForm h2 {
	height: 20px;
	overflow: hidden;
	background: url(/common/images/inquiry/contact_ttl.gif) no-repeat;
}

#note {
	padding: 12px 12px 0 12px;
	border-bottom: 1px #EFEBE7 solid;
}

#note img { vertical-align: text-bottom; }

#noteNecessary { margin-bottom: 12px; }

#noteDesc { color: #FF3366; margin-bottom: 7px; }

#note ul { margin-bottom: 12px; }
#note li { margin-bottom: 7px; padding-left: 13px; background: url(/common/images/inquiry/li_marker.gif) 0 4px no-repeat; }
#note ul li em { padding: 2px 3px; margin: 0 3px 0 0; background: #FFFF00; color: #FF3366; font-weight: bold; }

#note #completeDesc {
	padding-bottom: 48px;
}


/* ---------------------------------------------------------------------
*
*    2.1. Form Table
*
* ------------------------------------------------------------------- */

#formTable {
	width: 700px;
	background-image: url(/common/images/inquiry/bg_lined.gif);
	background-repeat: repeat-y;
}

#formTable label {
	cursor: pointer;
}

#formTable dt {
	clear: both;
	float: left;
	width: 259px;
	height: 12px;
	overflow: hidden;
	padding: 21px 9px 20px 12px;
	border-bottom: 1px #EFEBE7 solid;
	background-image: url(/common/images/inquiry/bg_lined.gif);
	background-repeat: repeat-y;
}

	#formTable dt#lName    { background-color: #F8F9F5; }
	#formTable dt#lOcc     { background-color: #F8F9F5; }
	#formTable dt#lMailCon { background-color: #F8F9F5; }
	#formTable dt#lMessage { padding-bottom: 106px; }


	#formTable dt          label { float: left; height: 12px; background-repeat: no-repeat; }

	#formTable dt#lName    label { width: 32px; background-image: url(/common/images/inquiry/label_name.gif); }
	#formTable dt#lRuby    label { width: 43px; background-image: url(/common/images/inquiry/label_kana.gif); }
	#formTable dt#lOcc     label { width: 22px; background-image: url(/common/images/inquiry/label_job.gif); }
	#formTable dt#lMail    label { width: 76px; background-image: url(/common/images/inquiry/label_mail.gif); }
	#formTable dt#lMailCon label { width: 114px; background-image: url(/common/images/inquiry/label_mail_confirm.gif); }
	#formTable dt#lMessage label { width: 99px; background-image: url(/common/images/inquiry/label_message.gif); }

	#formTable dt img.necessary {
		float: right;
	}

#formTable dd {
	position: relative;
	float: right;
	width: 407px;
	margin: 0;
	padding: 12px 0 12px 12px;
	overflow: hidden;
	border-bottom: 1px #EFEBE7 solid;
}

	#formTable dd#fName    { height: 29px; background-color: #F8F9F5; }
	#formTable dd#fRuby    { height: 29px; }
	#formTable dd#fOcc     { height: 29px; background-color: #F8F9F5; }
	#formTable dd#fMail    { height: 29px; }
	#formTable dd#fMailCon { height: 29px; background-color: #F8F9F5; }
	#formTable dd#fMessage { height: 115px; }

	#formTable dd          input,
	#formTable dd          textarea {
		width: 383px;
		margin: 0;
		padding: 6px 6px 0 6px;
		border: 0;
		background-color: transparent;
		background-repeat: no-repeat;
		color: #4B4B4B;
	}

	#formTable dd#fName    input { height: 23px; background-image: url(/common/images/inquiry/field.gif); }
	#formTable dd#fRuby    input { height: 23px; background-image: url(/common/images/inquiry/field.gif); }
	#formTable dd#fOcc     input { height: 23px; background-image: url(/common/images/inquiry/field.gif); }
	#formTable dd#fMail    input { height: 23px; background-image: url(/common/images/inquiry/field.gif); }
	#formTable dd#fMailCon input { height: 23px; background-image: url(/common/images/inquiry/field.gif); }
	#formTable dd#fMessage textarea {
		resize: none;
		height: 103px;
		padding: 6px;
		background-image: url(/common/images/inquiry/field_textarea.gif);
	}
	

	/* ---------------------------------
	*    focused
	*/
	
	#formTable dd          input.focus,
	#formTable dd          textarea.focus {
		color: #00A6BF;
	}	
	
	#formTable dd#fName    input.focus { background-image: url(/common/images/inquiry/field_focused.gif); }
	#formTable dd#fRuby    input.focus { background-image: url(/common/images/inquiry/field_focused.gif); }
	#formTable dd#fOcc     input.focus { background-image: url(/common/images/inquiry/field_focused.gif); }
	#formTable dd#fMail    input.focus { background-image: url(/common/images/inquiry/field_focused.gif); }
	#formTable dd#fMailCon input.focus { background-image: url(/common/images/inquiry/field_focused.gif); }
	#formTable dd#fMessage textarea.focus { background-image: url(/common/images/inquiry/field_textarea_focused.gif); }


	/* ---------------------------------
	*    error
	*/
	
	#formTable dd          input.error,
	#formTable dd          textarea.error {
		color: #FF3366;
	}	

	#formTable dd#fName    input.error { background-image: url(/common/images/inquiry/field_error.gif); }
	#formTable dd#fRuby    input.error { background-image: url(/common/images/inquiry/field_error.gif); }
	#formTable dd#fOcc     input.error { background-image: url(/common/images/inquiry/field_error.gif); }
	#formTable dd#fMail    input.error { background-image: url(/common/images/inquiry/field_error.gif); }
	#formTable dd#fMailCon input.error { background-image: url(/common/images/inquiry/field_error.gif); }
	#formTable dd#fMessage textarea.error { background-image: url(/common/images/inquiry/field_textarea_error.gif); }


	/* ---------------------------------
	*    balloon
	*/

	.bal {
		position: absolute;
		height: 24px;
		top: 29px;
		right: 16px;
		padding-left: 6px;
		background: url(/common/images/inquiry/bal_l.gif) 0 5px no-repeat;
		z-index: 1000;
	}

		* html #balRuby { width: 7em; }
		* html #balMail { width: 9em; }
		* html #balMailCon { width: 15em; }
		* html #balMailCon2 { width: 12em; }
		* html #balMessage { width: 11em; }
		
		#balMessage { top: 115px; }
	
	.bal p {
		height: 24px;
		overflow: hidden;
		padding-right: 6px;
		background: url(/common/images/inquiry/bal_r.gif) right 5px no-repeat;
		font-size: 10px;
	}

	.bal p em {
		display: block;
		height: 24px;
		padding-top: 5px;
		background: url(/common/images/inquiry/bal_top.gif) center 0 no-repeat;
	}

	.bal p em span {
		display: block;
		height: 19px;
		background-color: #777777;
		color: #FFFFFF;
	}


/* ---------------------------------------------------------------------
*
*    2.2. Submit Area
*
* ------------------------------------------------------------------- */

#submitArea {
	clear: both;
	margin-bottom: 48px;
	padding: 13px 0 11px 291px;
	background: url(/common/images/inquiry/bg.gif);
}


/* =====================================================================
*
*    3. Attention
*
* =================================================================== */

#attention {
	width: 700px;
	margin-bottom: 36px;
}

#attention h3 {
	height: 20px;
	overflow: hidden;
	margin-bottom: 12px;
	background: url(/common/images/inquiry/attention_ttl.gif) no-repeat;
}

#attention li {
	width: 644px;
	padding: 3px 12px 0 44px;
}

	#attention li#num01 { background: url(/common/images/inquiry/num01.gif) 12px 1px no-repeat; }
	#attention li#num02 { background: url(/common/images/inquiry/num02.gif) 12px 1px no-repeat; }
	#attention li#num03 { background: url(/common/images/inquiry/num03.gif) 12px 1px no-repeat; }
	#attention li#num04 { background: url(/common/images/inquiry/num04.gif) 12px 1px no-repeat; }

#attention li p {
	padding-bottom: 12px;
}


/* =====================================================================
*
*    4. Contact Banner
*
* =================================================================== */

#contactBnr {
	width: 700px;
}

#contactBnr p {
	float: left;
	width: 420px;
	height: 67px;
	margin: 0;
	padding: 0;
	background: url(/common/images/inquiry/contanct_bnr.gif) no-repeat;
}

#contactBnr img {
	position: relative;
	float: right;
	width: 280px;
	margin: -18px 0 -18px 0;
	padding: 0;
	z-index: 100;
}