@charset "UTF-8";

/*============================================================

---------------------目次---------------------
・エコラボとは？
	=STEP説明
	=メイン写真
	=サムネイル

//==========================================================

/*============================================================
//  エコラボとは？
//==========================================================*/

.about #main h2{
	width:240px;
	height:50px;
	background:url(/about/image/title.jpg) no-repeat;
	text-indent:-9999px;
	margin-top:15px;
}

/*======STEP説明======*/

.about #main .step{
	width:180px;
	list-style:none;
	float:right;
	margin-top:20px;
}
.about #main .step01,
.about #main .step02,
.about #main .step03,
.about #main .step04{
	width:180px;
	margin-bottom:10px;
}
.about #main .step01 p.title,
.about #main .step02 p.title,
.about #main .step03 p.title,
.about #main .step04 p.title{
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:3px;
}
.about #main .step01 p.text,
.about #main .step02 p.text,
.about #main .step03 p.text,
.about #main .step04 p.text{
	font-size:0.8em;
	color:#EEE;
}

/*======メイン写真======*/

.about #main .view{
	width:490px;
	float:left;
	margin-bottom:10px;
}

.about #main .view .box-left{
	width:240px;
	float:left;
}
.about #main .view .box-right{
	width:250px;
	float:right;
}
.about #main .view .box-left #img_caption{
	font-size:0.8em;
}

/*======サムネイル======*/

.about #main .box-sub{
	width:490px;
	margin-bottom:40px;
	cursor:pointer;
}
.about #main .sub{
	float:left;
	margin-right:6px;
}
.about #main .box-sub p.cap{
	font-size:0.8em;
	color:#EEE;
	margin-top:5px;
}