@charset "utf-8";

/*
	* Name: image.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 初期設定 - 画像 -
	======================================== */

	/* 画像ファイルの枠線を表示しない */
	img {
		border: none;
	}

	img.img_l,
		img.img_r,
			div.img_c {
				margin: 0 0 18px 0;
	}

	/* 画像ファイルを左側に配置 */
	img.img_l {
		float: left;
		margin-right: 24px;
	}

	/* 画像ファイルを右側に配置 */
	img.img_r {
		float: right;
		margin-left: 24px;
	}

	/* 画像ファイルを中央に配置 */
	div.img_c {
		margin-bottom: 38px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	div.img_c > p > img + br {
		display: none;
	}

	div.img_c img {
		height: auto !important;
		width: 100%;
	}

	div.img_c.w30p,
		div.img_c img.w30p {
			max-width: 30%;
	}

	div.img_c.w40p,
		div.img_c img.w40p {
			max-width: 40%;
	}

	div.img_c.w50p,
		div.img_c img.w50p {
			max-width: 50%;
	}

	div.img_c.w60p,
		div.img_c img.w60p {
			max-width: 60%;
	}

	div.img_c.w70p,
		div.img_c img.w70p {
			max-width: 70%;
	}

	div.img_c > h6 > span.small {
		display: block;
		font-size: 70%;
	}

	div.img_c > h6 > br {
		display: none;
	}

	div.img_c img + p {
		margin-top: 28px !important;
	}

	div.img_c > div.photo {
		margin-left: auto;
		margin-right: auto;
	}

	div.img_c > div.photo > img {
		width: 100% !important;
	}

	div.img_c > div.photo > p {
		font-size: 80%;
	}

}