@charset "utf-8";
@import "common.css";


/*
		estimate(お見積もり例)
 -------------------------------------------------- */

/* 枠 */
#content .estimate {
	margin: 20px 15px 0px 15px;
}


/* ------------------------------ 見積もり金額 */

/* 枠 */
#content .estimate dl.total {
	margin: 20px 0px 0px 20px;
	line-height: 25px;
}

/* お見積もりテキスト */
#content .estimate dl.total dt {
	float: left;
	margin: 0px 50px 0px 0px;
	padding: 0px;
}

/* 人数の数字 */
#content .estimate dl.total dt span.number{
	padding: 0px 5px 0px 10px;
	font-size: 20px;
	color: #e16bab;
}


/* 名様の文字 */
#content .estimate dl.total dt span.count {
	color: #e16bab;
	padding: 0px 3px 0px 0px;
}


/* 金額の数値 */
#content .estimate dl.total dd span.money {
	padding: 0px 10px;
	font-size: 20px;
	line-height: 1.0;
	color: #e16bab;
}

/* 円の文字 */
#content .estimate dl.total dd span.count {
	color: #e16bab;
	padding: 0px 3px 0px 0px;
}



/* ------------------------------ 見積もり表 */

/* 表の大枠 */
#content .estimate {
}

/* 背景設定 */
#content .estimate .list {
	margin: 10px 0px 0px 0px;
	background: url(../img/plan/estimate-bg.gif) repeat-y top left;
}

/* 大項目 */
#content .estimate .list ul.head {
	height: 36px;
	line-height: 36px;
	color: #ffffff;
	background: url(../img/plan/head-list-bg.gif) no-repeat 0px 0px;
}

/* 内容：項目 */
#content .estimate .list ul.line {
	line-height: 36px;
}

#content .estimate .list ul.head li,
#content .estimate .list ul.line li {
	float: left;
	display: inline;
}

/* 項目 */
#content .estimate .list ul.head li.item,
#content .estimate .list ul.line li.item {
	width: 120px;
	margin: 0px 0px 0px 15px;
}

/* 金額 */
#content .estimate .list ul.head li.amount,
#content .estimate .list ul.line li.amount {
	width: 125px;
	margin: 0px 0px 0px 15px;
}

/* 内訳 */
#content .estimate .list ul.head li.details,
#content .estimate .list ul.line li.details {
	width: 440px;
	margin: 0px 0px 0px 15px;
}



/* ------------------------------ 総額平均 */

/* 枠 */
#content .estimate dl.average {
	width: 730px;
	height: 60px;
	margin: 20px 0px 80px 0px;
	line-height: 60px;
}


/* 見出し */
#content .estimate dl.average dt {
	float: left;
	display: inline;
	width: 305px;
	height: 60px;
	margin: 0px 0px 0px 20px;
}


/* 数字 */
#content .estimate dl.average dt span.senior {
	padding: 0px 20px 0px 0px;
	font-weight: bold;
}


/* 換算額：名様　背景指定 */
#content .estimate dl.average dd {
	width: 180px;
	float: left;
	margin: 0px 0px 0px 20px;
}


/* 各数字 */
#content .estimate dl.average dd span.number {
	padding: 0px 5px 0px 0px;
	color: #e16bab;
	font-size: 16px;
}


/*
		plan(ウエディングプラン)
 -------------------------------------------------- */

/* タイトル画像 */
#content img.plan-ttl {
	margin: 50px 0px 0px 15px;
}

/* 枠 */
#content .plan {
	margin: 20px 0px 0px 0px;
}

/* プラン名 */
#content .plan p {
	margin: 15px 15px 0px;
	padding: 10px 0px 5px 10px;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	border-top: 1px solid #000000;
}

/* プラン説明枠 */
#content .plan dl {
	margin: 5px 15px 20px 25px;
}

/* リードタイトル */
#content .plan dl dt {
	color: #e16bab;
}

/* 説明文 */
#content .plan dl dd {
	margin: 10px 30px 0px 0px;
	line-height: 160%;
}



/* --------------------------- プラン一覧表 */

#content .plan table {
	width: 730px;
	margin: 15px 0px 30px 15px;
	border-collapse: collapse;
	font-size: 12px;
}

/* ボーダー指定 */
#content .plan table, 
#content .plan table tr, 
#content .plan table th, 
#content .plan table td {
	height: 34px;
	padding: 1px 7px 1px 7px;
	border: 1px solid #e3e3e3;
}

#content .plan table tr {
	text-align: left;
	vertical-align: middle;
	letter-spacing: 1px;
}

/* 横項目 */
#content .plan table tr th {
	width: 80px;
	background-color: #f1f0f0;
	text-align: left;
	vertical-align: middle;
}


/* 特典項目：チェック無し */
#content .plan table tr.hold td {
	width: 70px;
	text-align: center;
	vertical-align: middle;
	color: #999999;
}

/* 特典項目：チェック有り */
#content .plan table tr.hold td.select {
	background-color: #f6cee4;
	color: #333333;
}

/* プレゼント・特典 */
#content .plan table tr td.privilege {
	padding: 0px 15px 0px 35px;
	background: url(../img/plan/privilege-ttl.gif) no-repeat 5px 6px;
}