@charset "UTF-8";

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

　●ホームページ
　・http://www.hario.com/

　●ネットショップ
　・http://www.hario.co.jp/

　最終更新日　2008/01/17

*/



/* info 共通
------------------------------------------------------------ */
#faqRight,
#faqImg,
p#teaL,
div#teaR,
#coffeemillR,
#coffeemillImg,
#cookR,
#cookR2,
#cookImg,
#cookImg2,
.glassR,
.glassL,
#careR,
#careL,
#careR2,
#careL2,
.teaR,
.teaL{
  float:left;
}

#faq a{color:#333333;}

#faq a:hover{color:#cccccc;}

/* faq よくある質問トップ
------------------------------------------------------------ */

#faqTea,
#faqCoffee,
#faqElectric,
#faqNuker,
#faqGlass,
#faqCare{margin:0 0 20px 0;}

#faqTea{border-left:#D1DCBD solid 6px;}
#faqCoffee{border-left:#CEB6A9 solid 6px;}
#faqElectric{border-left:#CDC6D8 solid 6px;}
#faqNuker{border-left:#F5EB94 solid 6px;}
#faqGlass{border-left:#CFE0E9 solid 6px;}
#faqCare{border-left:#F7C8C9 solid 6px;}

#faq dl,
#faq ul{margin:5px 0 0 5px;}

#faq dl dt{
  font-weight:bold;
	margin:5px 0;
}

#faq dl dt a{
  text-decoration:none;
	color:#999999;
}

#faq dl dd
#faq ul li{margin:0 0 0 1.1em;}


/* faq よくある質問
------------------------------------------------------------ */

#faqRight h3,
#coffee h3,
#syphon h3,
#cookR h3,
#cook h3,
.glassR h3,
#careR h3,
#careL2 h3,
div.care h3,
#glassD h3,
.teaR h3{
  color:#999999;
	font-size:1em;
	margin:0 0 15px 0;
}

#faqRight,
#coffee,
#syphon p,
#coffeemillR,
#cookR,
#cookR2,
#cook,
.glassR,
#careR,
#careA,
.teaR{width:387px;}

#faqImg,
#coffeemillImg,
#cookImg,
#cookImg2,
.glassL,
#careL,
.teaL{width:193px;}

/* サーバー＆ポット */

ul#teaUl{
  list-style-type:disc;
	margin:0 0 10px 20px;
}


#faqRight p{margin:0 0 20px 0;}

#faqRight ol{margin:0 0 1.5em 2em;}

p#teaL{width:134px;}

div#teaR{width:251px;}

div#teaR p,
div#teaR img{margin:0 0 0 40px;}

div#teaR img{padding:5px 0 0 0;}

#faqImg ul li#faqImg1{margin:0 0 0 40px;}
#faqImg ul li#faqImg2{margin:140px 0 0 30px;}
#faqImg ul li#faqImg3{margin:40px 0 0 20px;}

#coffee p.pmc,
#syphon p.pmc,
.glassR p.pmc{text-indent:1em;}

#coffee p.pmc1,
#syphon p.pmc1,
#cookR p.pmc1,
#cook p.pmc1,
.glassR p.pmc1,
#careR p.pmc1,
#careA p.pmc1,
#glassD p.pmc1,
.teaR p.pmc1{margin:0 0 20px 0;}

#coffeemillR dl dt.dtmc{margin:20px 0 0 0;}

#coffee p.pmc2,
.glassR p.pmc2{text-indent:1em;margin:0 0 20px 0;}

#syphon ul{margin:0 0 20px 0;}

#syphon ul li{font-weight:bold;}

#coffeemillR dl dt{font-weight:bold;}

#coffeemillR dl dd{margin:0 0 0 2.5em;}

#coffeemillImg p{margin:0 0 20px 10px;}

#coffeemillR p.img img{margin:20px 0 20px 30px;}

#coffeemillR ul li{font-weight:bold;}

#coffee ol{margin:0 0 0 1.7em;}

#coffee ul#creamer1{
  margin:10px 0 10px 30px;
	background-color:#CFDDE5;
	padding:5px;
}

#cook{clear:both;}

#cookImg img#img7{margin:0 0 0 8px;}

#cookImg p.img6,
#cookImg2 p.img6{margin:0 0 0 20px;}

#cook ul{clear:both;margin:0 0 0 20px;}

#cook ul li{
  width:183px;
	float:left;
	margin:0 0 10px 0;
}

#cook ul li{font-size:100%;}

#cook ul li p{padding:5px 20px 0 0;}

#cook ul li#img1 img{margin:21px 0 0 15px;} 
#cook ul li#img2 img{margin:24px 0 0 15px;} 

#cook p.pmc3,
#cookR p.pmc3{font-weight:bold;}

#cook div.dl{
  border:1px #CCCCCC solid;
	margin:20px 50px;
	padding:5px 10px;
	height:100%;
}


#cook dl dt,
#cook dl dd{line-height:1.5em;}

#cook dl dd.ddmc{margin:-1.5em 0 0 5.1em;}

#cook dl dd{margin:0 0 0 5.1em;}

#cookR ol,
#cookR2 ol{margin:1em 0 1em 1.7em;}

#cookR3,
div.care{clear:both;}

#cookImg table,
#cookImg2 table,
#cookR table#cookit1{
	width:140px;
	margin:0 0 0 19px;
  border-collapse: collapse;
}

#cookR table#cookit1{
  margin:10px 0;
}

#cookImg table#t1{
  margin:0 0 0 5px;
	width:187px;
}

#cookImg table#t1 th{letter-spacing:0;}

#cookImg table tr td,
#cookImg table tr th,
#cookImg2 table tr td,
#cookImg2 table tr th,
#cookR table#cookit1 tr td,
#cookR table#cookit1 tr th{
  border:1px #CCCCCC solid;
}

#cookImg table tr th,
#cookImg2 table tr th,
#cookR table#cookit1 tr th{
  border-bottom:#666666 solid 1px;
}

#cookImg2 p{margin:0 0 0 40px;}

#cookImg table tr .tdc,
#cookImg2 table tr .tdc{
  border-right:#666666 solid 1px;
}

#cookImg table tr td,
#cookImg2 table tr td,
#cookR table#cookit1 tr td{
  text-align:right;
	padding:0 10px 0 0;
}

#cookImg p.pmc4,
#cookImg2 p.pmc4{margin:5px 0 0 19px;}

/*#cookR dl dt,#cookR dl dd{line-height:1.5em;}

#cookR dl dd.ddmc1{margin:-1.5em 0 0 4em;}

#cookR dl dd{margin:0 0 0 4em;}*/

/* レシピ */
#cookR dl{margin:20px 0;}

#cookR dl dt{font-weight:bold;}

#cookImg p#img3{margin:230px 0 0 40px;} 

#cookImg p{margin:0 20px 0 40px;}

#cookImg p#img4{margin:20px 0 0 40px;}


/* 炊き方 */

.glassR,
.glassL{margin:15px 0 0 0;}

#careR,
#careL{margin:25px 0 0 0;}

.glassL p{margin:30px 0 5px 12px;}
.glassL img{margin:0 0 0 12px;}

#careR h4{
  font-size:84%;
}

#glassC,
#glassD{clear:both;}

#glassD{width:387px;}

#glassC p#pm1{margin:0 0 0 1em}
#glassC p#pm2{margin:0 0 2em 6.3em;}

#careL p{margin:0 0 10px 10px;}

#careR ul{margin:0 0 20px 0;}

#careR2,
#careL2{width:290px;}

#glassL1{margin:10px 0 0 12px;}

#careR2 img{margin:0 0 0 40px;}

#careA ol{list-style-type:none;}

/* inquiry お問合せ先
------------------------------------------------------------ */

/*夏季休業のお知らせ*/
#inquiry{margin:20px 0 0 0;}

/*#inquiry{margin:40px 0 0 0;}*/

#inquiry p{margin:20px 0 0 0;}

#inquiry dl dt{margin:20px 0 0 0;}

#inquiry dl dd{margin:0 0 0 1.5em;}

#inquiry dl dd.tell{color:#D82B83;}

#inquiry dl dd.tell{
  font-size:120%;
	font-weight:bold;
}

#inquiry dl dd.tell span{text-decoration:underline;}

/* 夏季休業のお知らせ */

#inquiry #pcf1{
  margin:0 0 5px 0;
	color:#D82B83;
	font-size:90%;
	font-weight:bold;
}

#inquiry #mar{
  margin:0 0 20px 0;
}