@charset "utf-8";

body{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}
header,footer,nav,section,article,figure,aside {
　display:block;

}

body{
	font-size:14px;
}

.color_b{
	color:#593b23;
}
.note{
	font-size:11px;
}


#mainArea{
	width:1000px;
	margin:0 auto;
}
.main{
	background:url(../img/bg01.png);
}
.main_contents{
	position:relative;
	height:260px;
	padding:58px 50px;
}
.main_contents .coffee{
	position:absolute;
	top:58px;
	right:50px;
}
.main_contents .illust{
	position:absolute;
	top:211px;
	left:307px;
}
.main_contents p{
	line-height:2;
}

.inner{
	position:relative;
	width:882px;
	margin:0 auto;
	padding:40px 20px 40px 38px;
	background:url(../img/bg_inner.png);
	border-radius:20px;
	line-height:2;
	font-size:12px;
	color:#211713;
}
.inner .inner_img{
	position:absolute;
	top:40px;
	right:20px;
}
.inner h4{
	margin-bottom:28px;
}
.inner .frog{
	margin:20px 0;
}
.inner .frog img{
	float:left;
	width:79px;
	margin:0 20px 10px 0;
}
.inner .frog .title{
	font-weight:bold;
}
.inner .frog .note{
	clear:both;
}
.inner .farm{
	float:left;
	margin:0 30px 20px 0;
}
.inner .farm .country{
	display:inline-block;
	padding:0 1.6em;
	text-align:center;
	background-color:#dccdba;
	border-radius:4px;
	font-weight:bold;
	color:
}
.inner .farm .bean_wrap{
	position:relative;
}
.inner .farm .name{
	margin:20px 0 14px;
	font-weight:bold;
}
.inner .farm .name2{
	margin:10px 0 0;
	font-weight:bold;
}
.inner .farm .txt{
	width:110px;
	margin-left:80px;
	
}
.inner .farm .bean_wrap .bean01{
	position:absolute;
	top:40px;
	left:-18px;
}
.inner .farm .bean_wrap .bean02{
	position:absolute;
	top:40px;
	left:-26px;
}
.inner .farm .bean_wrap .bean03{
	position:absolute;
	top:40px;
	left:-25px;
}
.inner .farm .bean_wrap .bean04{
	position:absolute;
	top:40px;
	left:-23px;
}

.profile{
	padding:50px;
	background:url(../img/bg02.png);
	font-size:13px;
	line-height:2;
	color:#593b23;
}
.profile .person .photo{
	float:left;
	margin:20px 32px 20px 0;
}
.profile .person .about{
	float:left;
}
.profile .person .whats{
	float:right;
	position:relative;
	width:333px;
	margin-top:23px;
	padding:20px;
	background:url(../img/bg03.png);
	border-radius:8px;
	color:#046034;
	font-size:12px;
}
.profile .person .whats .dog{
	position:absolute;
	top:57px;
	right:20px;
}


