@charset "utf-8";

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

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

/* ---W770 --- */
.w770_half
{
  margin-top: 30px;
		width: 740px;
		overflow: hidden;
		clear:both;
}

/*375-375*/
.w770_half_l{
	float:left;
	width:350px;}

.w770_half_r{
	float:right;
	width:350px;}

/*244-244-244*/

.w770_third .element_01,
.w770_third .element_02{
	width: 244px;
}

.fsize15 {
  font-size: 15px;
}

.w770_third .element_01{
	float: left;
	margin: 0 10px 0 0;
}

.w770_third .element_02{
	float: right;
}

/*200-550*/
.w770_type01_l{
	float:left;
	width:200px;}

.w770_type01_r{
	float:right;
	width:550px;}


/*▼ --- リスト --- ▼*/

.w770_list5{
	clear:both;
	overflow:hidden;}

.w770_list5 li{
	float:left;
	width:146px;}

.w770_list5 li + li{
	margin-left:10px;}

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

.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:500px;}



.box_type02_r{
	float:right;
	width:200px;}


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

.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: 230px;
	/* min-height: 200px; 領域の高さを揃える */
	/* height: auto !important; */
	/* height: 200px;	min-heightに揃える */
}


.third .element_01{
	float: left;
	margin: 0 14px 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;
}