@charset "UTF-8";

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

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

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

　最終更新日　2007/01/24

*/

/* 初期化
------------------------------------------------------------ */

/* ブラウザスタイルの初期化 */

*{
	padding:0;
	color:#333333;
	font-size:100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* (IE6など一部ブラウザ向け) */

th,td,form,ul,li{
  margin:0;
  padding:0;
  color:#333333;
  font-size:100%;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

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

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

p,ul li,ol li,td,th,dt,dd,h6{
  font-size:84%;
  font-weight:normal;
	line-height:140%;
	letter-spacing:0.1em;
}

/* link
------------------------------ */

/* 文字の色 */
a{ 
  color:#D82B83;
  text-decoration:underline;
  /*HideMacIE\*/
  overflow:hidden;
  /**/
}

/* 訪問済み */
a:visited{ 
  color:#D82B83;
  text-decoration:underline;
}

/* オンマウス時 */
a:hover{
  color:#cccccc;
  text-decoration:underline;
}

/* クリック時 */
a:active{
  color:#D82B83;
  text-decoration:underline;
}

/* 画像
------------------------------ */

img{
  border:0;
	border: none;
  vertical-align:top;
}

/* scroll bar
------------------------------ */

html{
  scrollbar-arrow-color:#cccccc;
  scrollbar-highlight-color:#cccccc;
  scrollbar-shadow-color:#cccccc;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-track-color:#ffffff;
}

/* line
------------------------------ */

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

/* list
------------------------------ */

ul{
  list-style-type:none;
}


/* レイアウト
------------------------------------------------------------ */

body{
  font-size:100%;
	background:url(../img/all/gradation1.gif) repeat-y center top;
}

/* 2009-01-21 ▼ */

/*#frame{
  width:780px;
  background:url(../img/all/header/line.gif) repeat-x top;
}
*/

#frame{
  width:780px;
	margin:0 auto;
	background:url(../img/all/header/background.gif) no-repeat 0 40px;
}

/* ▲ 2009-01-21 */

#contents{
  clear:both;
	height:100%;
	background:url(../img/all/menu/background.gif) repeat-y 0 0;
}

#right{
  width:582px;
	float:right;
	padding:0 0 20px 0;
}

#left{
  width:198px;
	float:right;
	background:url(../img/all/menu/background.gif) repeat-y 0 0;
	height:100%;
}

#footer{
  clear:both;
}

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

#header{
	padding:17px 0 0 0;
}

/* logo */
#header div#headerLeft,
#header #headerTitle{
  float:left;
}

#header div#headerLeft{
  width:198px;
	height:59px;
	margin:0 0 20px 0;
}

#header div#headerLeft p{
  margin:0 0 0 10px;
}

/* right */

#header div#headerRight{
  width:582px;
	margin:20px 0 20px 0;
}

#header #headerTitle{
  width:582px;
  float:left;
}

#header #headerTitle h2,
#header #headerTitle p{
  margin:5px 0 0 405px;
	font-size:0;
	line-height:0;
	letter-spacing:0;
}

/* header link */

#headerLink{
  width:185px;
	float:left;
}

#headerLink ul{
  margin:27px 0 0 0;
}

#headerLink ul li{
  float:left;
}

#headerLink ul li.headerLink_m{
  margin:0 19px 0 0;
}

/* left Menu
------------------------------------------------------------ */

#left ul{
  margin:13px 0 0 7px;
}

#left ul li{margin:0 0 10px 0;}


ul#smallMenu li{
  margin:0 0 5px 0;
	line-height:0;
	letter-spacing:0;
}

#left p{
  margin:13px 0 13px 7px;
}

/* navi
------------------------------------------------------------ */

ul#navi{
	clear:both;
	padding:8px 0 8px 0;
}

ul#navi li{
	font-size:75%;
  display:inline;
	letter-spacing:0em;
  color:#727172;
}

ul#navi li a{
	color:#727172;
}

ul#navi li a:hover{
  color:#333333;
}

/* category
------------------------------------------------------------ */

#category{
  margin:3px 0 0 0;
}

#category ul{
 	background:url(../img/category_line.gif) repeat-x 0;
	height:15px;
	font-size:0;
	letter-spacing:0;
	line-height:0;
}

#category ul li{
  float:left;
	padding:0 1px 0 0;
	background-color:#ffffff;
}

#category ul#m1{
  margin:0 0 5px 0;
}

/* tab
------------------------------------------------------------ */

#tab,
#products{
  clear:both;
	padding:24px 0 0 0;
}

#tab ul{
  height:19px;
	background:url(../img/tab_line.gif) repeat-x ;
	font-size:0;
	letter-spacing:0;
	line-height:0;
}

#tab ul li{
  float:left;
	padding:0 1px 0 0;
}

/* products
------------------------------------------------------------ */

#products{
	padding:15px 0 0 0;
	margin:0 0 15px 0;
	height:19px;
}

#products ul,
#products p{
	font-size:0;
	letter-spacing:0;
	line-height:0;
}

#products ul li{
  float:left;
}



/* main
------------------------------------------------------------ */

#main{
  clear:both;
}

#main h2{
  margin:20px 0;
	font-size:95%;
}

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

#footer{
  background:url(../img/all/footer/line.gif) repeat-x left top;
	margin:0 0 20px 0;
	padding:20px 0 0 10px;
	clear:both;
}

#footer ul#footerLink{
	padding:0 0 20px 0;
}

#footer ul#footerLink li{
  margin:0 20px 0 0;
	float:left;
}

#footer ul#footerLink li.footerLink_m{
  margin:0;
}

#footer p#permission,
#footer p#copyright,
#footer p#jasrac{
  font-size:70%;
	letter-spacing:0.1em;
}

#footer p#permission{
  clear:both;
	margin:0 0 5px 0;
	color:#d72982;
}

#footer p#jasrac{
  margin:0 0 5px 0;
	color:#999999;
}

#footer p#jasrac img{
  vertical-align:text-bottom;
	margin:0 20px 0 0;
}

#footer p#copyright{
	color:#999999;
	padding:0 0 20px 0;
}