/* ------ contentArea ------ */
.contentArea {
	padding:0 20px 20px;
}

/* ------ topBlock ------ */
.topBlock .fLeft,
.topBlock .fRight {
	width:50%;
}
.topBlock .fRight p {
	padding-top:100px;
}

/* ------ coffeeArea ------ */
#coffeeArea {
	background-color:#fff;
	border: solid 10px #dcc7ac;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#coffeeBox {
	max-width:480px;
	margin:0 auto;
	padding:30px 20px 10px;
}
#coffeeBox h2 {
	font-size:134%;
	text-align:center;
	font-weight:bold;
	color:#96580f;
	padding-bottom:30px;
}
#coffeeBox p {
	padding-bottom:40px;
}
#coffeeBox p.center {
	text-align:center;
	padding-bottom:30px;
}
.pointBox {
	padding-bottom:15px;
}
.pointBox dl {
	background-color:#e3c5a2;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:10px;
}
.pointBox dt {
	float:left;
	width:44%;
	text-align:center;
	font-size:110%;
	font-weight:bold;
}
.pointBox dd {
	float:left;
	width:55%;
}

/* ------ contentBlock ------ */
.contentBlock {
	padding-top:60px;
}
.contentBlock h2 {
	font-size:140%;
	font-weight:bold;
	color:#96580f;
	padding-bottom:10px;
	border-bottom:#e3c5a2 solid 10px;
}

/* ------ beansBlock ------ */
.beansBlock .fLeft,
.beansBlock .fRight {
	width:47%;
	padding:30px 0;
}
.beansBox .boxImg {
	float:left;
	width:30%;
	padding-right:2%;
}
.beansBox .boxTxt {
	float:left;
	width:67%;
}
.beansBox .boxTxt h3 {
	font-size:140%;
	font-weight:bold;
	padding:20px 0 10px;
}
.beansBox .boxTxt h3.beans01 { color:#d31277; }
.beansBox .boxTxt h3.beans02 { color:#1c2950; }
.beansBox .boxTxt h3.beans03 { color:#c9191d; }
.beansBox .boxTxt h3.beans04 { color:#651015; }
.beansBox .boxTxt h3.beans05 { color:#db3f33; }
.beansBox .boxTxt h3.beans06 { color:#651015; }
.beansBox .boxTxt h3.beans07 { color:#f7941d; }
.border {
	border-bottom:#b00045 solid 1px;
}

/* ------ officeBlock ------ */
.officeBlock {
	padding-top:30px;
}
.officeBlock .fLeft {
	width:26%;
}
.officeBlock .fRight {
	width:70%;
}
.officeBlock .fRight h3 {
	font-size:110%;
	font-weight:bold;
	color:#96580f;
	padding-bottom:10px;
}
.officeBlock .fRight p {
	padding-bottom:30px;
}





/*-----------------------------------------------------	*/
/*	1280px以上					*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 1280px) {

}

/*-----------------------------------------------------	*/
/*	for - 1279px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1279px) {

}

/*-----------------------------------------------------	*/
/*	for - 960px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 960px) {

}