@chareset "Shift_JIS";

 /* ブラウザスタイルの初期化 */
  /*■注意　ul li などリストマークを表示させるときは下記のmargin:0 ではマーク（左側）の
  隙間がなくなるので[ｃｓｓ]で[margin-left]を設定すること→リストマークは左側のマージンに表示される*/


*	{ margin: 0; padding: 0; }

fildset {
    border: none;
    }
    
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd {
    margin:0;
    padding: 0;
    font-weight: normal; 
    }    

li {
    list-style: none;
    }

img {
    border: none;
    }

strong { 
    font-weight: normal; 
    } 

em { 
    font-style: normal; 
    } 

    
    

body {
    background: #424343;
    height: auto;
    font-size:11px;
    font-weight: normal;
    line-height:16px;
    color:#434343;
    text-align: center;
    text-align: justify; 
    text-justify:inter-ideograph;
    margin-top: 26px;

    }

/* このアンカーの設定で左バーの文字設定をする */
  
a {
    text-decoration:none;
    color:#B8B9B5;
    letter-spacing:1px;
    line-height: 18px;
    font-weight:200;
    font-size:10px; 
    font-family: 'MS ゴシック';
    }
    
a:hover  {
     color: #ffffff;
     } 





 /*赤文字と青文字などのクラス  */
 
 

 
.attention {
     font-weight: bold;
     } 
 
.red {
     color: red;
     }
 
 
.blue {
     color:#0000ff;
     }
 
.yellow {
     color:#F5B734;
 }  
 
.green {
     color:#078539;
     }  
.white {
     color:#ffffff;
     }
     
.black {
     color:#000000;
     }     
  
.b {
     font-weight:bold;
     }  
 

 
 
 
 /* *********■アンダーバーのアンカー設定*********  */

 .undervar  a {
     text-decoration:none;
     color:#AEB2B7;
     letter-spacing:1px;
     line-height:14px;
     font-weight:200;
     font-size:9px; 
     font-family: 'MS ゴシック';
     }
 
.undervar a:hover {
    color: #8CB8EA;;
    } 
    
    
 /* ******************* ■全てを含むディビジョン[div]■******************* */

div#main {   
    background-color:#ffffff;
    border-left: solid 1px #4C5367;
    border-right: solid 1px #4C5367;
    width: 790px;
    padding:0px;
    margin: 0px auto;
    text-align: left;
    }

 
 
/* *******■ヘッダー■********  */

 /* イーグルなどのSPANで囲まれたアンカーテキストを消す */

#toplogo a span , #toplogo span {
    display:none;
 } 
 
.eagle a {
    display: block;
    width: 310px;
    height: 50px;
    background:url("../topcanon.jpg") no-repeat;
    text-align:left;
    padding-left:0px;
    margin:14px 0px 0px 10px;
    border-style:none;
    float:left;
    }

  /* ヘッダーロゴ、ユキモコセイコ文字など,
  バックの画像をページに合わせて*/

#toplogo {
    background:url("../backmedisin.gif ") no-repeat;
    background-position : 550px -7px;
    background-color:#131313;
    padding: 0px;
    margin-top:0px;
    width:780px;
    height:70px;
    text-align:left;
    }
 
  /* yukimokoseiko文字 */

#toplogo img {
    float: right;
    margin-right: 40px;
     }  


  /* ▲トップページ以外の上部（ｈ１）の紹介文 */
   /* トップページ最上部（ｈ１）の紹介文はgoodman2xに記述 */
         
#toplogo h1{

    font-size:10px;
    font-weight: normal;
    font-family: 'MS ゴシック';
    color:#eeeeee;
    letter-spacing: 2px;
    margin: 10px 0px 0px 0px;
    width: 310px;
    height: 16px;
    text-align: left;
    padding: 0px;
    float:right;
    }






 /* ****************■メインナビバーのロールオーバースタイル■****************  */

 /*　********■メインナビを囲む****** */

#mainnavi {
    background-color:#1f1f1f;
    width:665px;
    height:30px;
    margin:0px;
    padding-left: 115px;
    }
 /* li は左寄せ  */

#mainnavi li {
    float: left;
    }

 #mainnavi span {
     display: none;
     }
/* メニュー、ホバー時に画像がずれる */

#mainnavi li a:hover {
    background-position: 0 -27px;
    }
	
 /*　******■メインナビのロールオーバー********* */
 

	
.navihome a {
    display:block;
    height:28px;
    width:45px;
	background:url("../gif/barhome3.gif") no-repeat;
	}


 /*はじめての方へ  */	
	
.blindfold7 a {
    display:none;
    height:28px;
    width:74px;
    padding-right: 5px;
    background:url("../gif/barhajime3.gif") no-repeat;
	}
 
.navikou a {
    display:block;
    height:28px;
    width:54px;
    background:url("../gif/barannai3.gif") no-repeat;
	}

			

.naviseiko a {
    display:block;
    height:28px;
    width:68px;
    background:url("../gif/barseiko3.gif") no-repeat;
    }


.navimap a {
    display:block;
    height:28px;
    width:62px;
    background:url("../gif/barsite3.gif") no-repeat;
    }
      
.navinizm a {
    display:block;
    height:28px;
    width:77px;
    background:url("../gif/barnizm3.gif") no-repeat;
  	}

.navicolumns a {
     display:block;
     height:28px;
     width:67px;
     background:url("../gif/barcolum3.gif") no-repeat;
	}

 .navicontact a {
     display:block;
	 height:28px;
	 width:82px;
     background:url("../gif/barcontact3.gif") no-repeat;
	}

  
.navicart a {
    display:block;
    height:28px;
    width:100px;
    float: left;
    background:url("../gif/cart7.gif") no-repeat;
    }

 
 /* **********■ 左ナビバー全体のの段落「右端には１PXの縦ラインを入れる」 ■*************** */

 #leftnavi {
     width:150px;
     height:1253px;
     border-right : solid 1px #34343A;
     background:url("../mainimg/a.jpg") no-repeat ;
     background-position: top ;
     background-color:#0D0D0D;
     color: #ffffff;
     padding-top: 60px;
     text-align:left;
     float:left;
     }



 /* ■左ナビ黄色見出し■ */ 
 
 .navimidasi {
    font-weight:200; 
    color:#F6F0BC;
    font-size:11px;
    font-family:sans-selif;
    margin: 0px 0px 2px 6px;
    padding : 10px 0px 3px 0px;
    letter-spacing:2px;
    background: url(../img/yellowline2.gif) no-repeat left  bottom; 
    }
    
  /*　■ナビ文字一覧■  */

#leftnavi li {
    background:url("../mainimg/naviya.gif") no-repeat;
    background-position: 0px 8px;
    margin: 0px 0px 0px 4px;
    padding: 3px 0px 0px 16px;
    }
 
   
.voice {
    margin: 2px 0px 0px 6px;
    }   
   
 
  /* イエローラインのみ  */
  
 .yellowline {
    background: url(../img/yellowline2.gif) no-repeat left ; 
    text-indent: -999px;
    margin: 0px 0px 0px 6px;
    } 


 
 	/* ****************■ 予備に関するロールオーバーとスタイル■*************** */
 	
  /*ジュエリー予備の言葉をインデントして消す  */

.yobi1 a, .yobi2 a ,.yobi3 a ,.yobi4 a ,.yobi5 a ,.yobi6 a ,.yobi7 a ,.yobiword a, .blindfold5 a,.blindfold4 a,.blindfold6 a {
    text-indent: -999px;
    margin-left: 3px;
    height:20px;
    width:145px;
    }


 /* 馬のデザインアクセサリー */
 
 .yobi1 a {
    display: none;
    color: #DDDDDD;
    background: url(../mainimg/horse.gif) no-repeat ; 
    background-position:-3px 0px;
   	}

.yobi1 a:hover 	{
     background-position: -3px -20px;
     }

 
 
 
  

.yobi2 a {
    display: none;
   	background: url(../common/jewelry1.gif) no-repeat ; 
	}

.yobi2 a:hover 	{
    background:url("../common/jewelry2h.gif") no-repeat;
    }
   

.yobi3 a {
    display: none;
    background: url(../common/jewelry1.gif) no-repeat ; 
	}

.yobi3 a:hover 	{
    background:url("../common/jewelry2h.gif") no-repeat;
    }


 
 /* セカチョバッグ */
 
.yobi4 a {
    display: block;
    color: #DDDDDD;
    background: url(../mainimg/sekacho.gif) no-repeat ; 
    background-position:-3px 0px;
   	}

.yobi4 a:hover 	{
     background-position: -3px -20px;
     }
 
  
   /* 銀のお手入れ */
 
 .blindfold5 a {
     display: block;
     width: 120px;
     margin-left:0px;
     color: #DDDDDD;
     background: url(../mainimg/silvercare.gif) no-repeat ;
     background-position:-3px 0px;
     }

.blindfold5 a:hover {
    background-position: -3px -20px;
    }


 
    /* 指の持つ意味 */
 
 .blindfold4 a {
     display: block;
     width: 120px;
     margin-left:0px;
     color: #DDDDDD;
     background: url(../mainimg/fingerm.gif) no-repeat ;
     background-position:-3px 0px;
     }

.blindfold4 a:hover {
    background-position: -3px -20px;
    }
 
    /* 金属アレルギー */
 
.blindfold6 a {
     display: block;
     width: 120px;
     margin-left:0px;
     color: #DDDDDD;
     background: url(../mainimg/allegry.gif) no-repeat ;
     background-position:-3px 0px;
     }

.blindfold6 a:hover {
    background-position: -3px -20px;
    } 
 
 
 
 
 
 
    	

 
.yobi5 a {
     display: none;
     background: url(../common/jewelry1.gif) no-repeat ; 
	}

	.yobi5 a:hover {
	    background:url("../common/useful2h.gif") no-repeat;
} 
 
 
.yobi6 a {
     display: none;
    	background: url(../common/jewelry1.gif) no-repeat ; 
	}

.yobi6 a:hover 	{
    	background:url("../common/info1h.gif") no-repeat;
}


.yobi7 a {
     display: none;
    	background: url(../common/jewelry1.gif) no-repeat ; 
	}

	.yobi7 a:hover 	{
	    background:url("../common/info2h.gif") no-repeat;
}


.yobiword a {
    display: none;
    background: url(../common/jewelry1.gif) no-repeat ; 
	}

.yobiword a:hover	{
    	background:url("../common/info1h.gif") no-repeat;
}

 /* ***************■目隠のナビ項目 display:none;■　***************  */

  /*グロッサリー  */


  .blindfold2 {
      display: non;
 }


 /* 言葉の持つ力 */
 


  /* ************************* ■右全ての段落■******************* */
 #migi {
     width: 629px;
     padding : 30px 0px 0px 0px;
     margin : 0px;
     float:left;
     }

 /* *********************■最下部アンダーバー■*********************  */
.undervar {
    background-color:#131313;
    padding:15px 50px 15px 65px ;
    font-weight:200;color:#918D80;
    letter-spacing:1pt;
    line-height:12pt;
    font-size:10px;
    font-family:sans-selif;
    margin:0px;
    width:665px;
    height:　auto;
    text-align:left;
    clear:both;
    }

.footer {
    background:url("../gif/nizmlogos.gif ") no-repeat;
    background-color:#131313;
    background-position : 546px  46px;
    border-top: solid 1px #424242;
    padding:15px 75px 18px 75px ;
    letter-spacing:1pt;
    line-height:12pt;
    font-weight:200;color:#918D80;
    font-size:10px;
    font-family:sans-selif;
    margin:0px;
    width:630px;
    height:45px;
    text-align:center;
    clear:both;
    }

 .footer  a {
     color:#918D80;
     font-size:10px; font-family: 'MS ゴシック';
     }
 
.footer a:hover {
        color: #918D80;
        } 
 
 .line1 {
     font-size:10px;line-height:12pt;color:#696968;
      font-weight:600;
      }