@charset "UTF-8";

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

/* ------ http://www.hario.co.jp/         ------ */
/* ------ http://www.hario.com/           ------ */

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

*{
  margin:0;
  padding:0;
  color:#5E5E5E;
  font-size:14px;
  font-weight:normal;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing:1px;
	line-height:140%;
}

/* ブラウザスタイルの初期化(IE6など一部ブラウザ向け) */

th,td,form,ul,li{
  margin:0;
  padding:0;
  color:#5E5E5E;
  font-size:1em;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing:1px;
	line-height:140%;
}

/* 全体設定
---------------------------------------------------------------------- */

strong{font-weight:bold;}

ul{
	list-style-type:none;
}

a{
  color:#D50077;
  /*HideMacIE\*/
  overflow:hidden;
  /**/
}

a:hover{color:#666666;}

img{border:0;}

hr{
  clear:both;
	visibility:hidden;
	height:0;
}


/* 枠
---------------------------------------------------------------------- */

#frame{
  width:780px;
	margin:0 auto;
}

/* header
---------------------------------------------------------------------- */

#headerR,#headerL{
  float:left;
	margin:5px 0;
}

#headerR{width:85px;}
#headerL{width:695px;}

h1,#headerL p{
  text-align:right;
	font-size:12px;
}

h1{
  margin:0 0 5px 0;
	color:#666666;
}

#topImg{
  clear:both;
	margin:0 0 30px 0;
	background:url(../img/eco/topimage.jpg) no-repeat 0 0;
}

/* contents
---------------------------------------------------------------------- */

#left1,#right1{
  float:left;
	margin:0 0 30px 0;
}

#left1{
  width:430px;
	background:url(../img/eco/ecobag1.jpg) no-repeat 0 0;
}

#right1{width:350px;}

#right1 h2{margin:0 0 10px 10px;}

#right1 p{
  margin:0 0 0 10px;
	font-size:16px;
	letter-spacing:2px;
	line-height:180%;
}

#left2,#right2{
  float:left;
	margin:0 0 30px 0;
}

#left2{
  width:400px;
	background:url(../img/eco/ecobag3.jpg) no-repeat 0 0;
}

#right2{width:380px;}

#item{
  width:780px;
	margin:0 0 10px 0;
}

#item tr td{width:195px;}

#item tr td.td1{
  text-align:center;
}

#item tr td.td2{
  vertical-align:bottom;
}

#right3{
  width:250px;
	margin:0 0 30px auto;
}


#right3 p{
  font-size:12px;
}

#left4,#right4{
  float:left;
	margin:0 0 30px 0;
}

#left4{
  width:430px;
	background:url(../img/eco/ecobag7.jpg) no-repeat 0 0; 
}

#right4{width:350px;}


#mineko{
  width:380px;
	margin:0 auto 30px auto;
}

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

#mineko p a{
  font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
}

/* margin
---------------------------------------------------------------------- */

.mar1{margin:0 0 30px 0;}

.mar2{margin:0 0 10px 0;}

.mar3{margin:20px 0 20px 20px;}

/* align
---------------------------------------------------------------------- */

.align1{
  text-align:center;
	margin:0 0 10px 0;
}


/* font
---------------------------------------------------------------------- */

.font1{
  text-align:center;
	font-size:16px;
	margin:0 0 30px 0;
}

.font2{
  font-size:18px;
	font-weight:bold;
	color:#333333;
	margin:0 0 10px 0;
}

.font3{
  font-size:16px;
	color:#333333;
	margin:0 0 10px 0;
}

.font4 a{
  font-size:20px;
	font-weight:bold;
	letter-spacing:2px;
}

.font5{
  font-size:16px;
	font-weight:bold;
	margin:10px 0 5px 0;
}

.font6{
  font-size:14px;
	letter-spacing:2px;
	margin:10px 0 0 0;
	line-height:22px;
}

.font7{
  font-size:14px;
	line-height:22px;
	letter-spacing:2px;
	margin:0 0 10px 10px;
}


/* img
---------------------------------------------------------------------- */

#img1{
  background:url(../img/eco/ecobag2.jpg) no-repeat 0 0;
	margin:0 0 10px 0;
}

#img2{
  background:url(../img/eco/ecobag4.jpg) no-repeat center top;
	text-align:center;
}

#img3{
  background:url(../img/eco/ecobag5.jpg) no-repeat center top;
	text-align:center;
	width:195px;
}

#img4{
  background:url(../img/eco/ecobag6.jpg) no-repeat center top;
	text-align:center;
	width:195px;
}

#kao{
  background:url(../img/eco/ecobag8.jpg) no-repeat 0 0;
	width:134px; 
}


/* footer
---------------------------------------------------------------------- */

#footer{
  margin:0 0 20px 0;
	border-top:3px solid #999999;
	padding:5px 0 0 0;
}

#footer p{
  line-height:20px;
	font-size:10px;
}

#footer h3 a,
#f a,
#footer h3 span{font-size:10px;}



#copyright{font-size:10px;}