@charset "UTF-8";

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

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

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

*/

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

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

*{
  margin:0;
  padding:0;
  color:#ffffff;
	font-size:100%;
  font-family:"HG正楷書体-PRO", Osaka, "ＭＳ Ｐゴシック";
}

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

th,td,form,ul,li{
  margin:0;
  padding:0;
  color:#ffffff;
  font-size:100%;
  font-family:"HG正楷書体-PRO", Osaka, "ＭＳ Ｐゴシック";
}

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

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

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

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

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

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

/* オンマウス時 */
a:hover{
  color:#666666;
  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:#262423;
}

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

#contents{
  clear:both;
	border-top:2px solid #FFFFFF;
}

#footer{clear:both;}

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

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

/* logo */

#header div#headerLeft,
#header div#headerRight{float:left;}



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

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

#header div#headerRight{width:582px;}

/* navi */

#header div#headerRight table{
  height:59px;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
}

#header div#headerRight table tr td{
  vertical-align:bottom;
	font-size:100%;
}

#header div#headerRight ul{
	clear:both;
}

#header div#headerRight ul li{
	font-size:75%;
  display:inline;
	letter-spacing:0em;
  color:#ffffff;
}

#header div#headerRight ul li a{color:#ffffff;}

#header div#headerRight ul a:hover{color:#666666;}

#header p#headerLine{clear:both;}

/* category */

#header ul#category{
  clear:both;
	margin:10px 0 10px 100px;
	height:15px;
}

#header ul#category li{
  float:left;
	font-size:0;
	line-height:0;
	letter-spacing:0;
}

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

/* 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;
}

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

#contents{
  border-top:2px #FFFFFF solid;
	width:780px;
}

#left,
#left_c,
#left_k,
#left_b,
#left_s,
#right,
#right_c,
#right_k,
#right_b,
#right_s{
  vertical-align:text-top;
	font-size:100%;
	float:left;
}

/* Violin */
#left,
#right{height:731px;}

/* cello */
#left_c,
#right_c{height:653px;}

/* koto */
#left_k,
#right_k{height:688px;}

/* bambooflute */
#left_b,
#right_b{height:843px;}

/* bambooflute */
#left_s,
#right_s{height:950px;}

#right,#profile #p_right,
#right_c,#profile #p_right,
#right_k,#profile #p_right,
#right_b,#profile #p_right,
#right_s,#profile #p_right{width:520px;}

#right,#profile #p_right p,
#right_c,#profile #p_right p,
#right_k,#profile #p_right p,
#right_b,#profile #p_right p,
#right_s,#profile #p_right p{font-weight:bold;}

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

#left,
#left_c,
#left_k,
#left_b,
#left_s{
  border-right:2px #FFFFFF solid;
	vertical-align:text-top;
	width:258px;
	overflow:auto;
}

#left,
#left_c,
#left_k,
#left_b,
#left_s{
  scrollbar-arrow-color:#cccccc;
  scrollbar-highlight-color:#cccccc;
  scrollbar-shadow-color:#cccccc;
  scrollbar-3dlight-color:#262423;
  scrollbar-darkshadow-color:#262423;
  scrollbar-face-color:#262423;
  scrollbar-track-color:#262423;
}

#left p,
#left_c p,
#left_k p,
#left_b p,
#left_s p{
  margin:20px 10px 0 20px;
	font-size:90%;
}

#left h1,
#left_c h1,
#left_k h1,
#left_b h1,
#left_s h1{margin:20px 10px 0 20px;}



/* profile
------------------------------------------------------------ */

#profile{
  clear:both;
	background-color:#FFFFFF;
}

/* Violin */
#profile #p_right,
#profile #p_left{
  float:left;
	margin:0 0 10px 0;
}

/* cello */
#profile #p_right_c,
#profile #p_left_c{
  float:left;
	margin:0 0 10px 0;
	width:390px;
}

#profile #p_right_c p,
#profile #p_left_c p{
  text-align:center;
	margin:20px 0;
}

#profile #p_left{width:260px;}

#profile #p_left p{margin:20px 0 0 50px;}

#profile #p_right h2{
  margin:20px 0 20px 20px;
	color:#3F3B3A;
	font-size:110%;
}

#profile #p_right p{
  margin:20px 0 20px 20px;
	color:#3F3B3A;
}

#profile p#button{
  clear:both;
	text-align:center;
	padding:0 0 20px 0;
	height:23px;
}

/* glassViolin
------------------------------------------------------------ */

#glassViolin #gv_Left,
#glassViolin #gv_Right{
  float:left;
	margin:0 0 20px 0;
}

#glassViolin #gv_Left{width:510px;}
#glassViolin #gv_Right{width:270px;}

#glassViolin #gv_Left h3,
#glassViolin #gv_Left p{
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:20px 0 0 20px;
	letter-spacing:0.1em;
}

#glassViolin #gv_Left h3{font-size:110%;}

#glassViolin #gv_Left p a{
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#glassViolin #gv_Right p{
  margin:20px 0 0 85px;
}

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

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

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

#footer ul#footerLink li{
  display:inline;
	font-size:74%;
}

#footer ul#footerLink li a{
  color:#CCCCCC;
	letter-spacing:0;
	font-size:82%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#footer ul#footerLink li a:hover{color:#666666;}

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

#footer p#permission,
#footer p#copyright,
#footer p#jasrac{
  font-size:70%;
	letter-spacing:0.1em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#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;
}

/* 製造工程
------------------------------------------------------------ */

#contents table#make{
  width:780px;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	border-bottom:2px #FFFFFF solid;
	margin:0 0 20px 0;
}

#contents table#make tr td{
  border-bottom:1px solid #999999;
	font-size:100%;
	padding:20px 0;
}

#contents table#make tr td.right{
  width:520px;
	vertical-align:bottom;
}

#contents table#make tr td.right img{
  margin:0 0 0 20px;
}

#contents table#make tr td.left{
  border-right:2px #FFFFFF solid;
	vertical-align:top;
}

#contents table#make tr td p{
  font-size:90%;
	margin:0 10px 0 20px;
}

#contents table#make tr td h1{
  margin:10px 0 20px 20px;
}

#contents table#make tr td h2{
  margin:0 10px 10px 20px;
	font-size:140%;
	font-weight:normal;
}

/* speaker */

#contents table#make tr td p#spe1{margin:0 10px 170px 20px;}

#contents table#make tr td p#spe2{margin:0 10px 220px 20px;}

/* button */

#contents #button2 p{
  text-align:center;
	margin:20px 0;  
}