@charset "UTF-8";

/* ------ pinbrooch.css ------ */

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

#brooch{
  margin:0 0 10px 20px;
	background:url(../img/aroma/top_pinbrooch.gif) no-repeat 0 0;
	padding:110px 0 0 0;
	height:170px;
}

#brooch p{
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
	text-align:center;
	color:#666666;
}

#brooch2{
  background:url(../aroma/img/pinbrooch.jpg) no-repeat 0 0;
	height:628px;
	margin:0 0 10px 20px;
	padding:90px 0 0 0;
}

#brooch2 p{
  margin:0 15px 0 320px;
	font-size:14px;
	letter-spacing:1.5px;
	line-height:25px;
}

#brooch2 dl{
  margin:65px 350px 0 90px;
}

#brooch2 dt{
  font-size:14px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	letter-spacing:1px;
	margin:0 0 5px 0;
}

#brooch2 dd{
  font-size:11px;
	letter-spacing:1px;
	line-height:14px;
	color:#333333;
	margin:0 0 10px 0;
}

#brooch2 dd a{
  color:#d50077;
	text-decoration:underline;
	font-size:11px;
}

#brooch2 dd a:hover{color:#999999;}

#brooch3{
  margin:0 0 20px 20px;
	background:url(../aroma/img/how_to07.jpg) no-repeat 0 0;
  padding:80px 30px 0 330px;
	height:250px;
}

#brooch3 ul li{
  color:#666666;
	letter-spacing:1px;
	line-height:18px;
	margin:0 0 10px 0;
}

#brooch4{
  margin:0 0 0 80px;
}

#brooch4 hr{
  clear:both;
	visibility:hidden;
}

#brooch5,
#brooch6{
  float:left;
	height:34px;
}

#brooch5 a,
#brooch6 a{
  display:block;
	font-size:1px;
	line-height:0;
	text-indent:-9999px;
}

#brooch5{background:url(../img/aroma/buy3.gif) no-repeat 0 0;}

#brooch6{background:url(../aroma/img/aromaoil_on.gif) no-repeat 0 0;margin:0 0 0 20px;}

#brooch5 a{
  width:197px;
	height:34px;
}

#brooch6 a{
  width:215px;
	height:34px;
}

#brooch5 a:hover{background:url(../img/aroma/buy4.gif) no-repeat 0 0;}

#brooch6 a:hover{background:url(../aroma/img/aromaoil_off.gif) no-repeat 0 0;}