@charset "UTF-8";

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

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

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

　最終更新日　2008/01/16

*/



/* index cooking
------------------------------------------------------------ */

#main h2{margin:25px 0 10px 0;}


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

#cooking ul li a{
  font-weight:bold;
	color:#333333;
	text-decoration:none;
}

#cooking ul li a:hover{
  color:#999999;
	text-decoration:none;
}

#cooking h3{
  font-size:84%;
	margin:0 0 5px 0;
	letter-spacing:0.1em;
	clear:both;
}

#cooking h3 a{color:#333333;}
#cooking h3 a:hover{color:#999999;}

#cooking ul{
  margin:0 0 10px 40px;
	list-style-type:circle;
}

#cooking ul li a{
  font-weight:normal;
	text-decoration:underline;
}

/* メニュー別
------------------------------------------------------------ */

.cooking{
  clear:both;
	margin:20px 0 20px 0;
}

.cookingR,
.cookingL{
  float:left;
	margin:0 0 10px 0;
}

#main .cookingR{width:398px;}
#main .cookingL{width:183px;}

#main .cookingR h2{
  margin:0 0 30px 0;
	font-size:100%;
	line-height:180%;
}

#main .cookingR h2 a{
  color:#8EC31F;
	text-decoration:none;
	border-bottom:#f5c9e0 2px solid;
}

#main .cookingR h2 a#h2Link2{
  color:#935840;
	text-decoration:none;
	border-bottom:#f5c9e0 2px solid;
}

#main .cookingR h2 a:hover,
#main .cookingR h2 a:hover#h2Link2{color:#333333;}

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

#main .cookingR h3{
  letter-spacing:0.1em;
	margin:0 0 5px 0;
}

#main .cookingR p{margin:0 0 10px 0;}
#main .cookingR p.mar{margin:0;}

#cooking2{
  width:383px;
}

#main .cookingR h4{font-size:84%;margin:10px 0;}

.cookingR dl dt,
.cookingR dl dd{line-height:1.5em;}

.cookingR dl dt{
  width:185px;
	background:url(../img/cooking/line1.gif) repeat-x right center;
}

/*.cookingR dl dt.bg1{background-image:none;}*/

.cookingR dl dt span{background-color:#FFFFFF;}

.cookingR dl dd{
  margin:-1.5em 0 0 185px;
	padding:0 0 0 2px;
}

#main .cookingR .a{
  background-color:#FFFFFF;
	color:#FF6600;
	margin:0;
}

#main .cookingR .b{
  background-color:#FFFFFF;
	color:#339900;
	margin:0;
}

#main .cookingR .c{
  background-color:#FFFFFF;
	color:#FF66CC;
	margin:0;
}

#main .cookingR .d{
  background-color:#FFFFFF;
	color:#0099FF;
	margin:0;
}

#main .cookingR ol li span{font-weight:bold;}
#main .cookingR p span{font-weight:bold;}

/* 作り方 */

.cookingR ol{margin:0 0 0 30px;}

.cookingR ol li{margin:0 0 10px 0;}

/* 準備 */

.cookingR ul.preparation{
  list-style-type:disc;
	margin:0 0 10px 30px;
}

/* たまねぎイラスト */

.cookingR div.left1{
  width:300px;
	float:left;
}

.cookingR div.img1{
  width:65px;
  float:left;
}

.cookingR .m1{margin:0 10px 0 0;}

/* サブメニュー */

#main .cookingL h5{
  letter-spacing:0;
	line-height:0;
	font-size:0;
	margin:0 0 10px 0;
}

#main .cookingL ul{
  margin:0 0 20px 1em;
	text-indent:-1.1em;
}

#main .cookingL p{
  margin:0 0 20px 1.2em;
	text-indent:-1.1em;
}

#main .cookingL ul li a,
#main .cookingL p a{
  color:#333333;
	font-weight:bold;
	text-decoration:none;
}

#main .cookingL ul li#now a,
#main .cookingL p#now a{font-weight:normal;}

#main .cookingL ul li a:hover,
#main .cookingL p a:hover{color:#999999;}

/* button */

#button{
  clear:both;
}

#button li{
  display:inline;
	margin:20px 0 20px 180px;
}

/* 電子レンジの設定 */

.cookingL h6{
  font-weight:bold;
	margin:0 0 10px 0;
}

.cookingL h6 a{color:#333333;}
.cookingL h6 a:hover{color:#999999;}

.cookingL h6.range{
  font-weight:bold;
	text-align:center;
	margin:0 0 10px 0;
}

.cookingL #setting{
  text-align:center;
	margin:0 0 20px 0;
}

.cookingL #setting input{width:100px;}

#range h5{
  font-size:84%;
	font-weight:normal;
	margin:0 0 5px 0;
}

#range select{
  width:60px;
	margin:0 10px 0 2px;
}

#range input{width:60px;}

#range{
  padding:5px 5px 0 5px;
	border:1px #7f9db9 dashed;
	margin:0 0 10px 0;
	height:100%;
}

/* 製品別 */

.product1,
.product2{
  width:194px;
	float:left;
	margin:0 0 25px 0;
}