お見積もりの結果 -->
<link rel="stylesheet" type="text/css" href="{{ template_path }}styles/index.css" />

<div id="oes-view-result" class="oes-view">
	<div id="oes-view-result-content">
		<div id="oes-view-result-header">
		<h2><img src="{{ template_path }}images/h2-title.png" alt="お見積もりの結果" width="141" height="30"></h2>
		<ul>
			<li class="oess-catalog"><a href="?action=link&href={{ catalog_page_path }}"><img src="{{ template_path }}images/btn-car_catalog.up.png" alt="車種紹介ページへ" width="117" height="30"></a></li>
			<li class="oess-equipment"><a href="?action=link&href={{ equipment_pdf_path }}"><img src="{{ template_path }}images/btn-car_equipment.up.png" alt="主要装備を確認する" width="127" height="30"></a></li>
			<li class="oess-save_and_load"><a href="?action=open&type=save_and_load"><img src="{{ template_path }}images/btn-save_and_load.up.png" alt="お見積もりの保存" width="116" height="30"></a></li>
			<li class="oess-print"><a href="?action=print"><img src="{{ template_path }}images/btn-print.up.png" alt="印刷する" width="77" height="30"></a></li>
		</ul>
		</div>
		
		<div id="oes-view-result-column">
			<div id="oes-view-result-overview">
				<div class="oess-outline">
				<h3>{{ grade_name }}</h3>
				<p class="oess-equipment">{{ engine_displacement }} / {{ drive_system }} / {{ transmission }}</p>
				<p class="oess-attribute_image">{{ attribute_image_tags|dynamic }}</a>
				</div>
				
				<div class="oess-status">
				<dl class="oess-maximum_power">
					<dt><img src="{{ template_path }}images/dt-max_power.png" alt="MAX POWER" width="55" height="8" /></dt>
					<dd class="oess-value">{{ maximum_power_1|decimalformat }} kW / {{ maximum_power_3|decimalformat }} rpm</dd>
					<dd class="oess-graph">{{ maximum_power_image_tag }}</dd>
				</dl>
				<dl class="oess-maximum_torque">
					<dt><img src="{{ template_path }}images/dt-max_torque.png" alt="MAX TORQUE" width="55" height="8" /></dt>
					<dd class="oess-value">{{ maximum_torque_1|decimalformat }} N・m / {{ maximum_torque_3|decimalformat }} rpm</dd>
					<dd class="oess-graph">{{ maximum_torque_image_tag }}</dd>
				</dl>
				<dl class="oess-fuel_consumption">
					<dt><img src="{{ template_path }}images/dt-fuel_cost.png" alt="FUEL COST" width="55" height="8" /></dt>
					<dd class="oess-value">{{ fuel_consumption }} km/&#8467;</dd>
					<dd class="oess-graph">{{ fuel_consumption_image_tag }}</dd>
				</dl>
				</div>
				
				<div class="oess-grade_image">{{ grade_image_tag }}</div>
				


				<!-- <div class="oess-total_price">
					<div class="oess-header">
					<h3><img src="{{ template_path }}images/h3-total_price.png" alt="お支払い総額（消費税込） A + B" width="212" height="37"></h3>
					</div>
					
					<div class="oess-body">
					<p class="oess-price"><span>{{ total_price|decimalformat }}</span> 円(税込)</p>
					</div>
				</div>
				
				<div class="oess-action">
				<ul>
					<li><a href="?action=open&type=dealer_estimate"><img src="{{ template_path }}images/btn-dealer_estimate.up.png" alt="販売店に見積もりを依頼する" width="220" height="40"></a></li>
					<li><a href="?action=open&type=simulate_credit"><img src="{{ template_path }}images/btn-simulate_credit.up.png" alt="クレジットを試算する" width="220" height="39"></a></li>
				</ul>
				</div> -->


				<!-- 20180524 -->
				
				<div class="oess-total_price">
					<div class="oess-header">
						<h3><img src="{{ template_path }}images/h3-total_price.png" alt="見積りシミュレーション結果 A+B"></h3>
					</div>
					<div class="oess-body">
						<p class="oess-price"><span>{{ total_price|decimalformat }}</span> 円(税込)</p>
					</div>
					<div class="oess-bottom">
						<a href="?action=open&type=simulate_credit" onclick="ga_pagetrack('[オンライン見積もり]月々のお支払いを試算する');aa_pagetrack('[オンライン見積もり]月々のお支払いを試算する')"><img src="{{ template_path }}images/h3-monthly_price.png" alt="月々のお支払いを試算する"></a>
					</div>
				</div>

				
				<div class="oess-action">
					<ul>
						<li><img src="{{ template_path }}images/estimate_mail.png" alt="詳細見積りをメールでご希望の方" class="mail"></li>
						<li><a href="?action=open&type=dealer_estimate" onclick="ga_pagetrack('[オンライン見積もり]シミュレーション内容を販売店に送付');aa_pagetrack('[オンライン見積もり]シミュレーション内容を販売店に送付')"><img src="{{ template_path }}images/btn-dealer_estimate.up.png" alt="シミュレーション内容を販売店に送付"></a></li>
					</ul>
				</div>

				<!-- /20180524 -->



			</div>
			
			<div id="oes-view-result-composition">
				<div class="oess-car">
					<div class="oess-header">
					<h3>車種</h3>
					<ul class="oess-utility">
						<li><a href="?action=go&path=/select/" onclick="sc_estimate_step_1()"><img src="{{ template_path }}images/btn-change.up.png" alt="変更する" width="64" height="20"></a></li>
					</ul>
					</div>
					
					<div class="oess-body">
					<table>
						<tbody>
							<tr>
								<th>車種</th>
								<td class="oess-value">{{ car_model_name }}</td>
							</tr>
						</tbody>
					</table>
					</div>
				</div>
				
				<div class="oess-grade">
					<div class="oess-header">
					<h3>グレード</h3>
					<ul class="oess-utility">
						<li><a href="?action=open&type=custom_notice&path=/custom/grade/"><img src="{{ template_path }}images/btn-change.up.png" alt="変更する" width="64" height="20"></a></li>
					</ul>
					</div>
					
					<div class="oess-body">
					<table>
						<tbody>
							<tr>
								<th>グレード</th>
								<td class="oess-value"><a href="?action=open&type=grade_detail&id={{ grade_id }}">{{ grade_name }}</a> {{ attribute_image_tags|dynamic }}</td>
								<td class="oess-price"><span>{{ grade_price|decimalformat }}</span> 円</td>
							</tr>
							<tr>
								<th>エンジン</th>
								<td class="oess-value" colspan="2">{{ engine_type_1 }} {{ engine_type_2 }}</td>
							</tr>
							<tr>
								<th>排気量</th>
								<td class="oess-value" colspan="2">{{ engine_displacement }}</td>
							</tr>
							<tr>
								<th>駆動方式</th>
								<td class="oess-value" colspan="2">{{ drive_system }}</td>
							</tr>
							<tr>
								<th>ミッション</th>
								<td class="oess-value" colspan="2">{{ transmission }}</td>
							</tr>
						</tbody>
					</table>
					</div>
				</div>
				
				<div class="oess-color">
					<div class="oess-header">
					<h3>カラー</h3>
					<ul class="oess-utility">
						<li><a href="?action=open&type=custom_notice&path=/custom/color/"><img src="{{ template_path }}images/btn-change.up.png" alt="変更する" width="64" height="20"></a></li>
					</ul>
					</div>
					
					<div class="oess-body">
					<table>
						<tbody>
							<tr>
								<th>ボディー</th>
								<td class="oess-value"><span class="oess-color_image">{{ color_image_tag }}</span> {{ body_color }}</td>
								<td class="oess-price"><span>{{ color_price|decimalformat }}</span> 円</td>
							</tr>
							<tr>
								<th>内装</th>
								<td class="oess-value" colspan="2">{{ interior_color }}</td>
							</tr>
						</tbody>
					</table>
					</div>
				</div>
				
				<div class="oess-maker_option">
					<div class="oess-header">
					<h3>メーカーオプション</h3>
					<ul class="oess-utility">
						<li><a href="?action=open&type=custom_notice&path=/custom/maker_option/"><img src="{{ template_path }}images/btn-change.up.png" alt="変更する" width="64" height="20"></a></li>
					</ul>
					</div>
					
					<div class="oess-body">
					{% block maker_option %}{% endblock %}
					</div>
				</div>
				
				<div class="oess-dealer_option">
					<div class="oess-header">
					<h3>ディーラーオプション</h3>
					<ul class="oess-utility">
						<li><a href="?action=open&type=custom_notice&path=/custom/dealer_option/"><img src="{{ template_path }}images/btn-change.up.png" alt="変更する" width="64" height="20"></a></li>
					</ul>
					</div>
					
					<div class="oess-body">
					{% block dealer_option %}{% endblock %}
					</div>
				</div>
			</div>
			
			<div id="oes-view-result-estimate">
				<div class="oess-car_price">
					<div class="oess-header">
					<h3>基本費用（税込）</h3>
					</div>
					
					<div class="oess-body">
					<table>
						<tbody>
							<tr>
								<th>車両本体価格</th>
								<td class="oess-price"><span>{{ grade_price|decimalformat }}</span> 円</td>
							</tr>
							<tr>
								<th>メーカーオプション価格</th>
								<td class="oess-price"><span>{{ maker_option_price|decimalformat }}</span> 円</td>
							</tr>
							<tr>
								<th>ディーラーオプション価格</th>
								<td class="oess-price"><span>{{ dealer_option_total_price|decimalformat }}</span> 円</td>
							</tr>
						</tbody>
						
						<tfoot>
							<tr>
								<th><img src="{{ template_path }}images/icon-car_price.png" alt="A" width="30" height="30">合計</th>
								<td class="oess-price"><span>{{ car_total_price|decimalformat }}</span> 円</td>
							</tr>
						</tfoot>
					</table>
					</div>
				</div>
				
				<div class="oess-expense_price">
					<div class="oess-header">
					<h3>別途支払諸費用</h3>
					<ul class="oess-utility">
						<li><a href="?action=open&type=expense_detail"><img src="{{ template_path }}images/btn-expense_detail.up.png" alt="費用の明細" width="74" height="20"></a></li>
					</ul>
					</div>
					
					<div class="oess-body">
					<table>
						<tbody>
							<tr>
								<th>税金保険料</th>
								<td class="oess-price"><span>{{ tax_total_price|decimalformat }}</span> 円</td>
							</tr>
							<tr>
								<th>登録諸費用</th>
								<td class="oess-price"><span>{{ registration_price|decimalformat }}</span> 円</td>
							</tr>
							<tr>
								<th>リサイクル費用</th>
								<td class="oess-price"><span>{{ recycle_total_price|decimalformat }}</span> 円</td>
							</tr>
						</tbody>
						
						<tfoot>
							<tr>
								<th><img src="{{ template_path }}images/icon-expense_price.png" alt="B" width="30" height="30">合計</th>
								<td class="oess-price"><span>{{ expense_total_price|decimalformat }}</span> 円</td>
							</tr>
						</tfoot>
					</table>
					</div>
				</div>
				
				<div class="oess-annotation">
					<ul>
						<li>※ メーカー希望小売価格は参考価格です。販売価格は各スバル特約店・販売店が独自に定めておりますので、各店にお問合せください。</li>
						<li>※ オプションは含まれておりません。</li>
						<li>※ 価格はスペアタイヤもしくはタイヤパンク修理キットと、タイヤ交換用工具を含む価格です。車種・グレードによって内容が異なります。詳しくはスバル特約店・販売店にお問合せください。</li>
						<li>※ 税金（消費税を除く）、保険料、登録等に伴う諸費用等は別途申し受けます。</li>
						<li>※ エコカー減税について。本サイトに掲載の新エコカー減税は、平成29年度税制改正法案の可決をもって適用されます（国会での審議の状況により、内容が変更となる場合もございます）。</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<div id="oes-view-result-action">
		<ul>
			<li class="oes-first"><a href="?action=link&href={{ dealer_search_url }}"><img src="{{ template_path }}images/btn-dealer_search.up.png" alt="販売店を検索する" width="230" height="110"></a></li>
			<li><a href="?action=link&href={{ drivecar_search_url }}"><img src="{{ template_path }}images/btn-drivecar_search.up.png" alt="試乗車検索する" width="230" height="110"></a></li>
			<li><a href="?action=link&href={{ catalog_apply_url }}"><img src="{{ template_path }}images/btn-catalog_apply.up.png" alt="カタログを取り寄せる" width="230" height="110"></a></li>
			<li class="oes-last"><a href="?action=open&type=send_mail"><img src="{{ template_path }}images/btn-send_mail.up.png" alt="メールで送信する" width="230" height="110"></a></li>
		</ul>
	</div>
</div>

<script type="text/javascript">
/*
( function() {
	// SiteCatalyst
	s.pageName='FL:estimate_step3|members.subaru.jp|purchase|simulation';
	s.eVar1=ApplicationModel.getInstance().car().car_model_name_e;
	s.events='event3';
	s.t();
	// Unitag Iframeロード
	$('#unitag_result', parent.document).attr('src','result.php');
} )();
*/
</script>


<!--sizmek tag 2015 2015.10.9-->

<img width="1" height="1" style="border:0" src="HTTP://bs.serving-sys.com/Serving/ActivityServer.bs?cn=as&amp;ActivityID=690340&amp;ns=1"/>

<!--/sizmek tag 2015 2015.10.9