@charset "utf-8";

/*==========================================
File name: layout.css
Editors: IT-Probe
Last Editor: IT-Probe
Date: 2012.12.04
========================================== */

/* ▼▼▼ メインコンテンツのレイアウトに関する設定　ここから ▼▼▼ */

/* ---要素配置領域の決定 --- */

.left_block,.left_float,.right_block,.right_float,
.quarter,.third,.half,.half_left_block,.half_right_block
{
		width: 718px; /* --- mainの幅に揃える --- */
		overflow: hidden;
}

/*▼ --- ボックス --- ▼*/


.box_type01,
.box_type02

{
		width: 718px;/* --- mainの幅に揃える --- */
		overflow: hidden;
		clear:both;
}

.box_type01_l{
	float:left;
	width:200px;}


.box_type01_r{
	float:right;
	width:500px;}


.box_type02_l{
	float:left;
	width:169px;}
	
.box_type02_r{
	float:right;
	width:530px;}



/*▼ 画像左・テキスト右・回りこみ無し ▼*/

.left_block{
	margin: 0 0 30px 0;
	overflow: hidden;
	
}

.left_block img{
	float: left;
	margin: 0 0 0 0;
}

.left_block p{
	float: right;
	width: 430px;/* ---テキスト領域の幅を確定する --- */
}

.left_block .element_01{
	float: right;
	width: 430px;/* ---領域の幅を確定する --- */
}


/*▼ 画像左・テキスト右・回りこみ有 ▼*/

.left_float{
	margin: 0 0 25px 0;
}

.left_float img{
	float: left;
	margin: 0 15px 15px 0;
}


/*▼ 画像右・テキスト左・回りこみ無し ▼*/

.right_block{
	margin: 0 0 30px 0;
}

.right_block img{
	float: right;
	margin: 0 0 0 0;
}

.right_block p{
	float: left;
	width: 430px;/* ---テキスト領域の幅を確定する --- */
}

.left_block .element_01{
	float: left;
	width: 430px;/* ---領域の幅を確定する --- */
}

/*▼ 画像右・テキスト左・回りこみ有 ▼*/

.right_float{
	margin: 0 0 25px 0;
}

.right_float img{
	float: right;
	margin: 0 0 15px 15px;
}


/*▼ 領域　横4つ ▼*/

.quarter .element_01,
.quarter .element_02{
	width: 169px;
	/* min-height: 200px;領域の高さを揃える */
	/* height: auto !important;
	/* height: 200px;	min-heightに揃える */
}


.quarter .element_01{
	float: left;
	margin: 0 14px 0 0;
}

.quarter .element_02{
	float: right;
}

/*▼ 領域　横3つ ▼*/

.third .element_01,
.third .element_02{
	width: 218px;
	/* min-height: 200px; 領域の高さを揃える */
	/* height: auto !important; */
	/* height: 200px;	min-heightに揃える */
}


.third .element_01{
	float: left;
	margin: 0 32px 0 0;
}

.third .element_02{
	float: right;
}

/*▼ 領域　横2つ ▼*/

.half{
	overflow: hidden;
}

.half .element_01,
.half .element_02{
	width: 352px;
	/* min-height: 200px; 領域の高さを揃える */
	/* height: auto !important; */
	/* height: 200px;	/* min-heightに揃える */
}


.half .element_01{
	float: left;
}

.half .element_02{
	float: right;
}


/*▼ 領域 横2つ 画像左・テキスト右 ▼*/
/*▼ 領域 横2つ 画像右・テキスト左 ▼*/

.half_left_block .element_01,
.half_left_block .element_02,
.half_right_block .element_01,
.half_right_block .element_02{
	width: 324px;
	/* min-height: 150px; 領域の高さを揃える */
	/* height: auto !important; */
	/* height: 150px;	min-heightに揃える */
}

.half_left_block .element_01 p,
.half_left_block .element_02 p,
.half_right_block .element_01 p,
.half_right_block .element_02 p{
	width: 154px;
}


.half_left_block .element_01,
.half_right_block .element_01{
	float: left;
	margin: 0 10px 0 0;
}

.half_left_block .element_02,
.half_right_block .element_02{
	float: right;
}

/* 画像左・テキスト右 */

.half_left_block .element_01 img,
.half_left_block .element_02 img{
	float: left;
}


.half_left_block .element_01 p,
.half_left_block .element_02 p{
	float: right;
}


/* 画像右・テキスト左 */

.half_right_block .element_01 img,
.half_right_block .element_02 img{
	float: right;
}


.half_right_block .element_01 p,
.half_right_block .element_02 p{
	float: left;
}