/*
 * [相互リンク管理画面]
 * 入力フォーム用スタイルシート
 *
 * 更新履歴：2007/10/01	d.ishikawa	新規作成
 *
 */

/*
form.frmUpdate
{
float:left;

border:1px solid #ff0;
}
*/
div.formWrapper
{
	margin: 0 auto 10px auto;
	padding: 0;
	width: 650px;

/*	float:left;*/
}


div.formWrapper div.formList
{
	margin: 0;
	padding: 0;
	width: 100%;

	text-align: left;

/*	overflow: auto;*/
}

div.formWrapper div.formList table
{
	margin: 0;
	padding: 0;
	width: 100%;

	border-collapse: collapse;
	empty-cells: show;

/*
	background: #F8F2EB url(../img/common/table_back.gif) repeat-y left top;
	font-size: 0.85em;
	line-height: 1.6em;
*/

	border: 1px solid #89755C;
	background: #F8F2EB url(../img/common/table_back.jpg) repeat-y left top;

	color: #f1ebe5;

}

div.formWrapper div.formList table thead
{
/*	background-color: #4E3401;*/
/*	background: url("../img/bg7.gif") repeat left top;*/
/*	background: url("../img/item_name_back.jpg") no-repeat left top;*/

	color: #404040;
	font-weight: bold;
}
div.formWrapper div.formList table thead td
{
/*	background: url("../img/banner_back.jpg") repeat-y center top;*/
}

div.formWrapper div.formList table td
{
	margin: 0;
	padding: 5px;

/*
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
*/
	border: 1px dotted #BCA17F;

	white-space: nowrap;
}

div.formWrapper div.formList table td.colHead
{
/*	background-color: #4E3401;*/
/*	background: url("../img/bg7.gif") repeat left top;*/
/*	background: url("../img/item_name_back.jpg") no-repeat left top;*/
/*	background: url("../img/banner_back.jpg") repeat-y center top;*/

	color: #EED493;
}

/*
div.formWrapper div.formList td input
,
div.formWrapper div.formList table tbody tr td select
{
	min-width: 70px;
	width: auto;
}
*/

/* 水平方向テーブル追加スタイル ----------------------- start */
div.formWrapper div.formList table.horizontal
{
	text-align: left;
}
div.formWrapper div.formList table.horizontal thead
{
	font-weight: normal;
}
div.formWrapper div.formList table.horizontal td.colHead
{
	font-weight: bold;
}
/* 水平方向テーブル追加スタイル ----------------------- end   */

/* 単一垂直方向テーブル追加スタイル -------------------- start */
div.formWrapper div.formList table.independent
{
	text-align: left;
	width: 100%;
	margin-bottom: 30px;
}

div.formWrapper div.formList table.independent td
{
	white-space: normal;
}

div.formWrapper div.formList table.independent td.colHead
{
/*	font-weight: bold;*/
	text-align: center;
}

div.formWrapper div.formList table.independent colgroup.colgroupHead {width: 180px;}
div.formWrapper div.formList table.independent colgroup.colgroupBody {}

html>/**/body div.formWrapper div.formList table.independent colgroup.colgroupHead {width: 190px;}
html>/**/body div.formWrapper div.formList table.independent colgroup.colgroupBody {}


div.formWrapper div.formList table.independent textarea
{
	width: 98%;
}
/* 単一垂直方向テーブル追加スタイル -------------------- end   */

div.formWrapper div.formSelectedCondition
{
	margin: 0 0 10px 0;
	padding: 0;
}

div.formWrapper div.formSelectedCondition dl
{
	margin: 0;
	padding: 0;
	width: 500px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

div.formWrapper div.formSelectedCondition dl dt
{
	margin: 0;
	padding: 2px;
	width: 110px;
	float: left;

	border-bottom: 1px solid #000;
	border-right: 1px solid #000;

	background-color: #666666;

	color: #fff;
	font-weight: bold;

	text-indent: 5px;


}

div.formWrapper div.formSelectedCondition dl dd
{
	margin: 0;
	padding: 2px;

	border-bottom: 1px solid #000;
	border-right: 1px solid #000;

	background-color: #fff;

	color: #00f;
	font-weight: bold;

	text-indent: 5px;

}








div.formWrapper div.formSubName
{
	margin: 0;
	padding: 0;
/*	width: 650px;*/

	text-align: left;


	font-size: 1.1em;
	font-weight: bold;
	color: #f00;


}

div.formWrapper div.formSubNameSp
{
	margin-top: 10px;
}

div.formWrapper div.formSubName span.formSubNameMain
{
	color: #f60;
	font-weight: bold;
	font-size: 1.1em;
}


div.formWrapper div.formMessageBottom
{
	margin: 0;
	padding: 0;

	text-align: right;
}




/** タイトル **/
/*div#maincontent h3*/
div.formWrapper h3
{
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	font-size: 1.1em;
	line-height: 33px;
	height: 33px;
	text-indent: 20px;
	color: #ecc59f;
	background : url("../img/inquiry/subtitle.gif") no-repeat left center;
}

/** フォームボタン用 **/
div.button
{
/*	width: 640px;*/
	width: 100%;
	margin: 10px auto;
	padding: 0;
	border: 0;
	text-align: center;
}

input.submit
{
	padding: 5px;
	width: 150px;
	font-weight: bold;
	color: #fcfdff;
	background-color: #f46f20;
}

/** メッセージ用 **/
div#maincontent div.message
{
	margin: 5px auto;
	padding: 5px;
	width: 640px;
/*	width: 95%;*/
/*	width: 100%;*/
	font-weight: bold;
	color: #00f;
	border: 1px dotted #00f;
	background-color: #FCF1D1;
	
	text-align: left;
}
/** エラーメッセージ用 **/
div#maincontent div.errorMessage
{
	color: #f00;
	border-color: #f00;
}

/** カートセッションエラーメッセージ用 **/
div#maincontent div.message div.errorMessage4CartSession
{
	margin: 100px 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

/** カート完了メッセージ用 **/
div#maincontent div.message div.endMessage
{
	margin: 25px 0;
	padding: 0;
	width: 100%;
	font-weight: normal;
	color: #8c6a18;
}


/** 説明用 **/
div#maincontent div.explain
{
	margin: 5px auto;
	padding: 0;
	width: 640px;
/*	width: 95%;*/
/*	width: 100%;*/
/*	border: 1px dotted #00f;*/
/*	background-color: #fff;*/

	font-size: 0.9em;
	line-height: 1.2em;

	text-align: left;
}


div#maincontent div.explain_close
{
	width: 40px;
}

div#maincontent div.explain ul
{
	margin: 0;
	padding: 0 0 0 0;
}
div#maincontent div.explain ul li
{
	margin: 0;
	padding: 0;
}

div#maincontent div.explain a
{
	display: none;
}

/* 「熨斗の表書き」入力項目 Ajax用にレイアウト設定 */
div.formWrapper div.formList span.giftPaperAddressName
{
	width: 85px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	
	display: block;
}

div.formWrapper div.formList span.giftPaperAddressSelect
{
	width: 300px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;

	display: block;
}

div.formWrapper div.formList span.giftPaperNote
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;

	display: block;
}

div.formWrapper div.formList .ajax-loading {
	background: url(../img/ajax/spinner04.gif) no-repeat left center;
}