@charset "UTF-8";

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


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

#shadow,
#frame{
	height:2500px;
	width: 570px;
}

/* siphonTop
------------------------------------------------------------*/

#siphonTop div#topMoji,
#siphonTop div#topImage{
	float:left;
}

#siphonTop div#topMoji{
	width:210px;
	float: left;
}
#contents {
	width: 570px;
}


#siphonTop div#topImage{
	width:350px;
	float: left;
}

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

#siphonTop h2{
  font-size:2px;
	line-height:2px;
	margin:0 0 10px 0;
}

#siphonTop div#topMoji p#history{
  font-size:15px;
	color:#330000;
	margin:0 0 0 20px;
	line-height:20px;
}

#siphonTop p#topButton{
  margin:10px 0 0 20px;
  background:url(../../img/coffee/button_siphon1.gif) no-repeat 0 0;
}


#siphonTop div#topMoji p#topButton a{
  display:block;
	width:180px;
	height:30px;
	text-indent:-9999px;
}

#siphonTop div#topMoji p#topButton a:hover{background:url(../../img/coffee/button_siphon2.gif) no-repeat 0 0;}

/* use
------------------------------------------------------------*/

#use h3{
	width: 570px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#use ul li{
  margin:0 0 5px 20px;
	letter-spacing:2px;
}

#use table{
	width:570px;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#use table tr td{
  width:196px;
	vertical-align:top;
}

#use table tr td p,
#use table tr td.tdd p{
  color:#330000;
	line-height:15px;
	letter-spacing:1px;
}

#use table tr td p{margin:0 20px 10px 0;}
#use table tr td.tdd p{margin:0 0 10px 0;}


#use table tr td img{margin:0 0 5px 0;}
#use table tr td.tdd{width:176px;}

#use table tr td ul{
  margin:0 0 0 30px;
}

#use table tr td ul li{
  letter-spacing:1px;
	color:#400000;
	line-height:22px;
	margin:0;
}


#use table tr td ul li strong{
  font-size:15px;
	color:#400000;
}

#use table tr td#point{
  width:352px;
  background:url(../../img/coffee/siphon_point2.gif) right bottom no-repeat;
}

/* siphon all
------------------------------------------------------------*/

#siphonall{
	width: 570px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
}

#siphonall h3{
  margin:0 0 20px 0;
	clear:both;
}

#siphonall p#imgAll{margin:0 0 20px 0;}

/* ミニフォン */

#siphonall #miniR,
#siphonall #miniL{float:left;margin:0 0 20px 0;}

#siphonall #miniR{width:250px;}
#siphonall #miniL{width:320px;}

#siphonall #miniL p{
  margin:0 0 0 20px;
	font-size:12px;
	color:#330000;
	letter-spacing:2px;
	line-height:18px;
	text-indent:14px;
}

/* ----- */


#siphonall div#siphonpartImg,
#siphonall div#siphonpartR{float:left;margin:0 0 20px 0;}

#siphonall div#siphonpartImg{width:300px;}

#siphonall div#siphonpartR{width:270px;}

#siphonall div#siphonpartR p#partsButton{
  background:url(../../img/coffee/b_siphon_psrt1.gif) no-repeat 0 0;
	margin:0;
}

#siphonall div#siphonpartR p#siphonpartT{
  margin:0 0 10px 20px;
	font-size:14px;
	letter-spacing:1px;
	line-height:18px;
	color:#333333;
}

#siphonall div#siphonpartR p#partsButton a{
  width:270px;
	height:200px;
	display:block;
	text-indent:-9999px;
}

#siphonall div#siphonpartR p#partsButton a:hover{
  background:url(../../img/coffee/b_siphon_psrt2.gif) no-repeat 0 0;
}

/* review
------------------------------------------------------------*/

#review{
	clear:both;
	width: 570px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	float: left;
}

#review h3{margin:0 0 20px 0;}

#review dl dt{margin:0 0 5px 0;}

#review dl dt a{
  font-weight:bold;
	color:#333333;
	letter-spacing:1px;
}

#review dl dd{margin:0 0 10px 0;}
.g12f {
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
}


#review dl dd a{
  letter-spacing:2px;
	line-height:16px;
}

#review dl dd span{color:#d82b83;}
#use {
	width: 570px;
}