@charset "utf-8";

/*
	* Name: article.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
	* Author URI: http://www.3050grafix.com/
	* Author E-mail: hiro@3050grafix.com
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	body.article {
	}


	/* ========================================
	   * 領域設定 - Main -
	======================================== */

	body.article #main div.separate {
		margin-left: -2%;
		margin-right: -2%;
		width: 104%;
	}

	body.article #main div.separate > div {
		margin-left: 2%;
		margin-right: 2%;
		width: 46%;
	}


	/* ========================================
	   * 個別設定 - Coupon -
	======================================== */

	body.coupon.article #main div#coupon {
		display: none;
	}

	body.coupon.article #main div#coupon div.coupon {
		border: 3px solid #000000;
		margin: 0 0 38px 0;
	}

	body.coupon.article #main div#coupon div.coupon > h5 {
		background-color: #f1f1c2;
		border-bottom: 3px solid #000000;
		color: #2d2d2d;
		font-size: 100%;
		margin-bottom: 0;
		padding: 22px 12px 22px 12px;
		text-align: center;
	}

	body.coupon.article #main div#coupon div.coupon > h5 > span {
		display: block;
	}

	body.coupon.article #main div#coupon div.coupon > h5 > span.big {
		font-size: 138%;
		font-weight: bold;
	}

	body.coupon.article #main div#coupon div.coupon > div.container {
		padding-left: 4%;
		padding-right: 4%;
	}

	body.coupon.article #main div#coupon div.coupon > div.container > ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	body.coupon.article #main div#coupon div.coupon > div.container > ul > li {
		border-bottom: 1px dotted #000000;
		padding-bottom: 36px;
		padding-top: 20px;
	}

	body.coupon.article #main div#coupon div.coupon > div.container > ul > li:last-child {
		border-bottom: none;
	}

	body.coupon.article #main div#coupon div.confirmation {
		background-color: #fbfbfb;
		border-bottom: 1px dotted #dbdbdb;
		border-top: 1px dotted #dbdbdb;
		margin: 0 0 38px 0;
		padding: 4%;
	}

	body.coupon.article #main div#coupon div.confirmation > p:last-child {
		margin-bottom: 0;
	}

}