@charset "UTF-8";

/* ------ ハリオグラス株式会社　　extraction.css ------ */


/* ---------------------------------------- 初期設定 */

#shadow,
#frame{height:1650px;}


#contents h2 a{background:url(../img/coffee/coffee.jpg) no-repeat 0 0;}



/* ---------------------------------------- まとめ */


#main{
width:780px;
height:1150px;
}



/* ---------------------------------------- 本文 */

#extraction p strong,
#roast p strong{
  display:block;
	margin:0 0 20px 0;
}

#extraction,
#roast,
#ideally{
	margin:20px 0 20px 20px;
}

#extraction p,
#roast p,
#ideally p{
  line-height:18px;
  margin:10px 0 10px 25px;
}

#extraction dl,#ideally dl{
	margin: 5px 0px 10px 20px;
}

#extraction dt,#ideally dt{
	font-weight: bold;
}

#extraction dd,#ideally dd{
	margin: 5px 0 10px 13px;
  line-height:16px;
}

#roast ol{
	list-style: decimal outside;
	margin: 0 10px 10px 20px;
}

#roast span{
	font-weight: bold;
}

#roast li{
	margin-bottom: 5px;
}

.R_img{
	float: right;
	margin-left: 5px;
}

.Parallel{
	float: left;
	margin: 0 30px 0 0;
	list-style-type: none;
}

#high{
	clear: both;
	padding-left: 65px;
	padding-bottom: 10px;
	background:url(../img/coffee/mame1.jpg) no-repeat 0 0;
}

#city{
	padding-left: 65px;
	padding-bottom: 10px;
	background:url(../img/coffee/mame2.jpg) no-repeat 0 0;
}

#full{
	padding-left: 65px;
	padding-bottom: 10px;
	background:url(../img/coffee/mame3.jpg) no-repeat 0 0;
}

#french{
	padding-left: 65px;
	padding-bottom: 10px;
	background:url(../img/coffee/mame4.jpg) no-repeat 0 0;
}

#italian{
	padding-left: 65px;
	padding-bottom: 10px;
	background:url(../img/coffee/mame5.jpg) no-repeat 0 0;
}

#high,#city,#full,#french,#italian{
  margin:0 0 0 20px;
}