<car_price03>
<div class="modal-container">
    <div class="modal-body">
		<div class="modal-close">×</div>
			<div class="modal-content">
				<table class="price-common-modal-table">
					<tbody>
						<tr>
							<th>入学金</th>
							<td class="text-right">5,500円（税込）</td>
							<th>システム登録料金</th>
							<td class="text-right">32,450円（税込）</td>
						</tr>
						<tr>
							<th>技能教習料金（1時限）</th>
							<td class="text-right">4,620円（税込）</td>
							<th>学科教習１段階料金</th>
							<td class="text-right">24,200円（税込）</td>
						</tr>
						<tr>
							<th>学科教習２段階料金</th>
							<td class="text-right">38,720円（税込）</td>
							<th>教科書（現有免許なし・原付）</th>
							<td class="text-right">3,410円（税込）</td>
						</tr>
						<tr>
							<th>効果測定料金</th>
							<td class="text-right">1,650円（税込）</td>
							<th>適性検査料金</th>
							<td class="text-right">3,300円（税込）</td>
						</tr>
						<tr>
							<th>卒業検定受検料金</th>
							<td class="text-right">3,850円（税込）</td>
							<th>卒業証明書発行料金</th>
							<td class="text-right">3,300円（税込）</td>
						</tr>
						<tr>
							<th>証明写真</th>
							<td class="text-right">1,100円（税込）</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>

    <script>
        this.on('mount', function() {
            var open = $('.modal-price'),
                close = $('#modal-price .modal-close'),
                container = $('#modal-price .modal-container');
        
            open.on('click',function(){ 
                container.addClass('active');
                return false;
            });
        
            close.on('click',function(){  
                container.removeClass('active');
            });
        
            $(document).on('click',function(e) {
                if(!$(e.target).closest('#modal-price .modal-body').length) {
                container.removeClass('active');
                }
            });
        });
    </script>
</car_price03>
