@charset "UTF-8";

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


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

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

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

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

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

#grande{
  margin:0 0 0 20px;
}

#grande h2{
  padding:5px 0 5px 0;
	font-size:20px;
	letter-spacing:2px;
	font-weight:bold;
	line-height:120%;
}

#ul1{margin:0 0 20px 0;}

#ul1 li{
	font-size:14px;
	letter-spacing:1px;
	line-height:20px;
}

hr{
  visibility:hidden;
	clear:both;
}

#ul2 li{
  float:left;
	width:176px;
	margin:0 0 20px 0;
	font-size:13px;
	letter-spacing:2px;
	line-height:18px;
}

#ul2 li#ma1{margin:0 20px 20px 20px;}

#ul2 li img{
  display:block;
	margin:0 0 5px 0;
}

#products{
  clear:both;
}

#mcpg7,#mcpg14{
	float:right;
	width:300px;
	height:200px;
	clear: both;
	margin-right: 80px;
}

#mcpg7{
  background:url(../img/coffee/grande_7.gif) no-repeat 0 0;
	margin:0 20px 0 0;
}

#mcpg7 li{
  margin:0 0 4px 112px;
  line-height:16px;
}

#mcpg14{
	background-image: url(../img/tea/KDP04.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#mcpg14 li{
  margin:0 0 4px 112px;
  line-height:16px;
}

#mcpg7 li a,
#mcpg14 li a,
#ul1 li a{
  color:#006633;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

#mcpg7 li a:hover,
#mcpg14 li a:hover,
#ul1 li a:hover{
  color:#CCCCCC;
}

#zairyou{
	clear:both;
	left: auto;
	right: auto;
}