@charset "UTF-8";

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

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

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

　最終更新日　2007/01/07

*/

/* glass 共通
------------------------------------------------------------ */

#kind p,
#molding p,
ol#display1,
p#display2,
p#recycle1,
#fusingfurnaceR,
#distend1,
p#proven1,
#brand1 p,
p#factory1{
  width:387px;
}


div p.beginning4,
#fusingfurnaceL,
#distendImg,
p#provenImg,
#display9{width:195px;}

div#beginning1 p,
div#beginning2 p,
div#romanempire p,
div#chanson p,
div#recenttimes p,
#historyglassR,
#historyglassL,
#molding ul#blowmolding li,
#molding ul#pressmold li,
#molding ul#toot li,
#molding ul#core li,
#display3 div,
#fusingfurnaceR,
#fusingfurnaceL,
#distend1,
#distendImg,
p#proven1,
p#provenImg,
#brand1 ul li,
div.factory1 div,
div.factory1 p.factoryImg,
ol#display1,
p#display9{float:left;}

/* charm  ガラスについて > 魅力
------------------------------------------------------------ */

#charmLeft{
  width:300px;
	float:left;
}

#charmLeft ol{
  margin:0 0 0 2em;
}

#charmLeft ol li{
  font-size:90%;
  margin:0 0 1em 0;
}

#charmLeft ol li span,
#charmRight p span{
  color:#999999;
	padding:0 3px;
}

#charmRight{
  width:282px;
	float:left;
}

#charmRight p#charm1{margin:2.5em 0 0 0;} 

#charmRight p#charm2{margin:4.5em 0 0 0;}

/* charm  ガラスについて > 種類
------------------------------------------------------------ */

#kind table{
  width:283px;
  border-collapse:collapse;
  border:none 0;
  float:left;
}

#kind table tr th{
  width:24px;
	vertical-align:middle;
}

#kind table tr td{
  width:256px;
}

#kind table tr th,
#kind table tr td{
	border: 1px #cccccc solid; 
}

#kind table#kind1,
#kind table#kind3{
  margin:10px 10px 0 0;
}

#kind table#kind2,
#kind table#kind4{
  margin:10px 0 0 0;
}

#kind table tr td ul li{
  font-size:100%;
}

#kind table tr td ul.kind1 li{
  display:inline;
	margin:0 1em 0 0;
}

#kind table tr th img,
#kind table tr td h3,
#kind table tr td ul{
  margin:5px;
}

/* charm  ガラスについて > 歴史 > 起源～古代
   charm  ガラスについて > 歴史 > 古代ローマ～近世
------------------------------------------------------------ */

div#beginning2{
  clear:both;
	padding:10px 0 0 0;
}

h2,
#historyglassImg{clear:both;}

div p.beginning3,
div p.beginning3{width:380px;}

div p.beginning4 img,
div p.beginning4 img,
#historyglassL img{margin:0 0 0 60px;}

/* historyglass  ガラスについて > 歴史 > 日本のガラスの歴史
------------------------------------------------------------ */

#historyglassR{width:400px;}

#historyglassL{width:182px;}

#historyglassR p{
  margin:0 0 2em 0;
}

p#historyglassImg{
  padding:1em;
}

/* molding  ガラスについて > 成形方法
------------------------------------------------------------ */

ul#blowmolding,
ul#pressmold,
ul#toot{padding:15px 0;}

ul#blowmolding{height:172px;}
ul#pressmold,
ul#toot{height:143px;}

p#finish{
  clear:both;
	width:142px;
	margin:0 auto;
}

/* characteristic  耐熱ガラスについて > 特性
------------------------------------------------------------ */

ol#display1{
  width:350px;
  padding:0 0 0 30px;
}

ol#display1,p#display9{margin:0 0 20px 0;}

#display3{background:url(../img/glass/characteristic1.gif) no-repeat center top;}

#display3 #display4{background:url(../img/glass/characteristic4.gif) repeat-y 0 0;}
#display3 #display5{background:url(../img/glass/characteristic7.gif) repeat-y 0 0;}
#display3 #display6{background:url(../img/glass/characteristic10.gif) repeat-y 0 0;}
#display3 #display7{background:url(../img/glass/characteristic13.gif) repeat-y 0 0;}

#display3 h3#display10,
#display3 p.displayImg{
	font-size:0;
	line-height:0;
  letter-spacing:0;
}

#display3 h3#display10{
  width:69px;
	margin:0 auto;
	padding:20px 0;
}

#display3 div{
  width:282px;
}

#display3 div ul{
  list-style-type:disc;
	margin:0 0 0 15px;
}

#display3 div ul,
#display3 div p{padding:5px 5px 0 5px;}

#display3 div p,
#display3 div ul li{
  color:#FFFFFF;
}

#display3 div#display5 p,
#display3 div#display5 ul li{
  color:#333333;
}

#display3 p.displayImg{
  padding:0;
	margin:0;
}

#display3 #display6,
#display3 #display7{margin:30px 0 0 0;}

#display3 #display4,
#display3 #display6{width:300px;}

#display3 #display4 ul,
#display3 #display6 ul{padding:0 23px 0 5px;}

#display3 #display8{
  clear:both;
	width:384px;
}

#display3 #display8 h3{
  background:
  margin:0;
	padding:0;
	width:100%;
}

#display8{
  background:url(../img/glass/characteristic15.gif) no-repeat 0 0;
	padding:50px 0 0 100px;
}

#display8 div{
  background:url(../img/glass/characteristic17.gif) repeat-y 0 0;
	width:284px;
}

#display8 ul{
  margin:0;
	padding:0;
}

/* material  耐熱ガラスについて > 原料
------------------------------------------------------------ */

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

#fusingfurnaceL img{margin:0 0 0 15px;}

/* material  耐熱ガラスについて > 耐熱ガラスが熱に強い理由
------------------------------------------------------------ */

#distend1 p{
  margin:0 0 1em 0;
}

#distendImg img,{
  margin:0 0 0 30px;
}

/* brand  耐熱ガラスについて > ハリオブランド製品の特性
------------------------------------------------------------ */

p#provenImg img{margin:0 0 0 50px;}

#brand1 ol{margin:0 195px 0 30px;}

#brand1 ul{padding:20px 0 0 0;}

/* factory1  工場案内
------------------------------------------------------------ */

div.factory1,
div.factory2{
  padding:10px 0 0 0;
	clear:both;
}

div.factory1 div p,
div.factory2 div p{
  margin:0 10px 0 0;
}

div.factory1 div,
div.factory2 div{width:396px;}

div.factory1 div h3{margin:0 0 10px 0;}

div.factory1 div p img#img1{margin:10px 0 0 35px;}
div.factory1 div p img#img2{margin:10px 0 0 50px;}
div.factory2 p img#img3,
div.factory2 p img#img4{margin:10px 0 0 20px;}

div.factory1 p.factoryImg{width:184px;}