@charset "UTF-8";

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

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

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

　最終更新日　2007/01/23

*/

/* all 共通
------------------------------------------------------------ */

#related p#related1{
  width:387px;
}

#outline dl,
#outline p,
.pL,
.imgR,
#gooddesign1,
p#gooddesign1R,
div.gooddesign2 ul li,
#historyL ul li,
#historyL,
#historyR{
  float:left;
}


/* outline 会社概要
------------------------------------------------------------ */

#outline{margin:44px 0 0 0;}

#outline dl{
  width:380px;
	border-bottom:#CCCCCC 1px solid;
}

#outline dt,
#outline dd{
  line-height:2em;
}

#outline dt{
	border-top:#CCCCCC 1px solid;
	color:#999999;
	font-weight:bold;
}

#outline dd{margin:-2em 0 0 7em;}

#outline dd.outline1{margin:0 0 0 7em;}

#outline dd#buttonmaMap{text-align:right;}

#outline p{width:200px;}

#outline p img{margin:0 0 0 13px;}

/* message メッセージ
------------------------------------------------------------ */

#safety p,
#purematerial p,
#glassmusical p,
#kamiokande p,
#sign a{width:382px;}

.pL{width:384px;}

.imgR{width:198px;}

.imgR img,
.imgR dl,
.imgR p{margin:0 0 0 12px;}

.imgR dd{font-size:70%;}

#purematerial,
#smoke{clear:both;}

#glassmusical ul#glassmusical5 li{
	text-align:center;
	float:left;
}

#glassmusical ul#glassmusical5 li img{display:block; }

#glassmusical ul li#glassmusical1 img{ margin:29px 40px 0 30px;}
#glassmusical ul li#glassmusical2 img{ margin:20px 0 0 0;}
#glassmusical ul li#glassmusical3 img{ margin:52px 35px 0 35px;}
#glassmusical ul li#glassmusical4 img{ margin:50px 0 0 0;}

#kamiokande{clear:both;}

#kamiokande #img1{ margin:30px 0 0 40px;}
#kamiokande #img2{ margin:30px 0 0 70px;}

#kamiokande #kamiokande1{
  padding:2px 0;
	text-align:right;
	width:100%;
	font-size:70%;
}

/* origin ハリオの由来
------------------------------------------------------------ */

#origin1{
  width:357px;
	margin:25px 0 0 0;
}

#origin1 p img{margin:0 0 20px 0;}

/* origin ハリオのあゆみ
------------------------------------------------------------ */

#historyL{background:url(../img/company/history2.gif) repeat-y 85px 0;height:100%;}

#line{background:url(../img/company/history1.gif) no-repeat 85px 0;height:100%;}

#historyL ul{clear:both;}

#historyL,
#historyR{margin:10px 0 0 0;}

#historyL{width:450px;}

#historyR{width:130px;}

#historyL ul li.h1{width:45px;}

#historyL ul li.h2{
  width:35px;
	text-align:right;
	padding:0 20px 0 0;
}

#historyL ul li.h1,
#historyL ul li.h2{
	font-size:13px;
	letter-spacing:0;
}

#historyL ul li.h3{
	width:340px;
	padding:0 4px;
}

#historyL ul.history2 li.h3,
#historyR ul li p{background-color:#facce2;}

#historyR ul li{
  text-align:center;
}

#historyR ul li p{
  width:110px;
	margin:5px auto;
	font-size:100%;
}

#historyR ul li a{
  display:block;
}

#historyR ul li#history5{margin:2em 0 0 0;}
#historyR ul li#history6{margin:1.5em 0 0 0;}
#historyR ul li#history9{margin:4em 0 0 0;}
#historyR ul li#history10{margin:6em 0 0 0;}
#historyR ul li#history11{margin:4em 0 0 0;}

/* gooddesign グッドデザイン受賞製品
------------------------------------------------------------ */

#gooddesign1{
  width:250px;
}

#gooddesign1,
div.gooddesign2{
	margin:20px 0 0 0;
}

#gooddesign1 p,
div.gooddesign2 ul,
div.gooddesign2 p{
  margin:0 0 0 50px;
}

#gooddesign1 p img,
div.gooddesign2 p img{
  vertical-align:text-bottom;
}

#gooddesign1 h3,
div.gooddesign2 h3{
  font-weight:normal;
	font-size:103%;
	border-top:3px #DCDDDD solid;
	padding:2px 0 0 0;
	clear:both;
}

p#gooddesign1R{
  width:330px;
	padding:25px 0 0 0;
}

p#gooddesign1R img{
  margin:0 0 0 200px;
}

div.gooddesign2{
  clear:both;
	padding:10px 0 0 0;
}

div.gooddesign2 ul li{
  text-align:center;
	margin:0 10px 2px 0;
}

div.gooddesign2 ul li img{display:block;}
div.gooddesign2 p img{padding:0 10px 0 0;}

div.gooddesign2 ul li.g1{padding:21px 0 0 0;}
div.gooddesign2 ul li.g2{padding:31px 0 0 0;}
div.gooddesign2 ul li.g3{padding:18px 0 0 0;}
div.gooddesign2 ul li.g4{padding:34px 0 0 0;}
div.gooddesign2 ul li.g5{padding:3px 0 0 0;}
div.gooddesign2 ul li.g6{padding:24px 0 0 0;}
div.gooddesign2 ul li.g7{padding:28px 0 0 0;}
div.gooddesign2 ul li.g8{padding:43px 0 0 0;}

div.gooddesign2 h3#g1{width:460px;}
div.gooddesign2 h3#g2,
div.gooddesign2 h3#g3{width:350px;}
div.gooddesign2 h3#g4{width:315px;}
div.gooddesign2 h3#g5{width:400px;}
div.gooddesign2 h3#g6{width:240px;}
div.gooddesign2 h3#g7{width:220px;}
div.gooddesign2 h3#g8{width:484px;}
div.gooddesign2 h3#g9{width:310px;}
div.gooddesign2 h3#g10{width:270px;}
div.gooddesign2 h3#g11{width:380px;}
div.gooddesign2 h3#g12{width:380px;}
div.gooddesign2 h3#g13{width:480px;}

/* office 事業所一覧
------------------------------------------------------------ */

div.countryStep{clear:both;width:418px;}

div.countryStep dl.countryR,
div.countryStep div.accessmap1{float:left;}

div.countryStep dl{width:318px;}

div.countryStep div.accessmap1{width:98px;height:4.5em;}

div.countryStep div.accessmap1 p{margin:1.5em 0 0 0;}

div.countryStep dl dt{font-weight:bold;}

div.countryStep dl dt,
div.countryStep dl dd.mail{color:#666666;}

div.countryStep dl dd{margin:0 0 0 7em;}

div.countryStep dl dd.mail{margin:-1.5em 0 0 7em;}

div.countryStep hr{border-bottom:1px #CCCCCC solid; visibility:inherit;margin:0 0 20px 0;}

div.countryStep dl.cc{
  margin:0 0 20px 0;
}

/* map 地図
------------------------------------------------------------ */

#map{
  width:700px;
	margin:0 auto;
	padding:20px 0 0 0;
}

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

#map ul{margin:10px 0 20px 0;}

#map ul li{margin:0 0 5px 0;}

#map #button{
  text-align:center;
	padding:20px 0;
	clear:both;
}

@media print{

  #map #button{
	  display:none;
	}
	
}

#map #button a#button1{
  margin:0 60px 0 0;
}

#map .factory{
  width:350px;
	float:left;
}

#map .factory dl{margin:10px 0 0 0;}

#map .factory dl dt{margin:5px 0;}

#map .factory dl dd ol{padding:0 1em 0 2em;}

#map .factory dl dd ol li{font-size:100%;}

/* related 関連会社
------------------------------------------------------------ */

#related p#related1{
  text-indent:-5em;
	padding:0 0 0 5em;
}

/* careers 採用情報
------------------------------------------------------------ */

#careers1 h3{margin:0 0 20px 0;}

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

#careers1 dl dd.ddc1{
  margin:-1.5em 0 0 6.2em;
}

#careers1 dl dd.ddc2{
  margin:-1.5em 0 0 13em;
}

#careers1 dl dd.ddc3{margin:0 0 0 13em;}

#careers2{clear:both;}

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

#careers1 p.pmc1{margin:0 0 20px 0;}

#careers1 p.pcm2{font-weight:bold;}

#careers1 p#pmc{margin:-2em 0 0 25em;}

#careers1 p.pci{
  clear:both;
	font-weight:bold;
}

#careers1 p.pci span{
  font-weight:normal;
	font-size:80%;
	color:#666666;
}

/* 【送付先】日程 */
#careers1 div.careers4{
  width:7em;
	border:1px solid #666666;
	float:left;
	margin:20px 20px 20px 0;
}

#careers1 div.careers4 ul{padding:5px 0;}

#careers1 div.careers4 ul li{padding:0 10px;}

#careers1 div.careers4 ul li.lib{border-bottom:1px solid #666666;}

#careers1 p#cpm{clear:both;}
/* 【送付先】日程 */

#ado{clear:both;}

p#adoR,
div#adoL{
  float:left;
	margin:10px 0;
}

p#adoR{width:112px;}

div#adoL{width:460px;}

div#adoL p{
  margin:0 0 0 10px;
	font-size:70%;
	color:#666666;
}

div#adoL p#adol1{color:#999999;}

#careers1 ul#careers3{
  list-style-type:disc;
	margin:0 0 2em 1em;
}

/* 募集していない時の薄いリンク */

#careers1 dl dd.ddc1 a#endlink{color:#E294B6;}
#careers1 dl dd.ddc1 a#endlink:hover{color:#cccccc;}

/* 08/04/24 */

#careers4,.pm1{margin:20px 0 0 0;}

/* スタッフ募集 */
#careers5{
  width:382px;
	margin:0 0 20px 0;
}

#careersL,
#careersR{
  float:left;
}

#careersL{width:382px;}
#careersR{
  width:198px;
	padding:7.5em 0 0 0;
}

#careersR .tac{text-align:center;}

/* application　募集要項
------------------------------------------------------------ */

#application{
/*  width:780px;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
*/}

#application h3{
  /*text-align:center;*/
	letter-spacing:0.2em;
	/*font-size:1.1em;*/
	margin:0;
}

#application table.application1{
  width:100%;
	border-collapse:collapse;
	border:2px #bfbfbf solid;
	margin:0 auto 20px auto;
}

#application table td,
#application table th{
  padding:2px 5px;
	vertical-align:top;
}

#application table th{
  vertical-align:top;
	width:5em;
}

#application table td.center,
#application table td.t3,
#application table td.t13{
  width:5.5em;
  border-right:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
}

#application table td.t1,
#application table td.t2,
#application table td.t3,
#application table td.t5,
#application table td.t6,
#application table .t9,
#application table .t11{
  border-right:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
}

/*#application table .t4
#application table .t5{
  border-top:2px #CCCCCC solid;
}*/


#application table .t4,
#application table .t5,
#application table .t8,
#application table .t9,
#application table .t10,
#application table .t13,
#application table .t14{border-top:2px solid #CCCCCC;}

#application table td.t1,
#application table td.t2,
#application table td.t3{background-color:#EBF6FD;}

#application table .t4,
#application table .t5,
#application table .t6,
#application table .t7{background-color:#FDEFF5;}

#application table .t9,
#application table .t10,
#application table .t11,
#application table .t12{background-color:#EFEFEF;}

#application table tr td ul{list-style-type:disc;}

#application table tr td ul li{
  font-size:100%;
	margin:0 0 0 1.5em;
}

#careers6{
  border:2px #e393ad solid;
	height:100%;
	padding:5px;
	margin:0 0 20px 0;
}

/* supply 資材調達情報
------------------------------------------------------------ */

#supply p{
  width:382px;
}

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

#supply dl{
  width:382px;
	margin:0 0 20px 0;
}

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

#supply dl dd{
  margin:0 0 5px 45px;
}

.dealings{
  clear:both;
}

.dealings .r,
.dealings .r1,
.dealings .l,
.dealings .l1{
  float:left;
	margin:0 0 10px 0;
}

.dealings .r,
.dealings .r1{
  width:184px;
}

.dealings .l,
.dealings .l1{
  width:398px;
}

.dealings .l p,
.dealings .l1 p{
  padding:0 13px 0 14px;
}

.dealings .l1{
  background:url(../img/company/dealings_line.gif) repeat-x 0 0;
	padding:5px 0 0 0;
}

.dealings .r1{
  background:url(../img/company/dealings_line.gif) repeat-x 0 0;
}

.dealings p#c1{
  margin:0 0 0 198px;
}