@chareset "Shift_JIS";

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


*	{ margin: 0; padding: 0; }

fildset {
    border: none;
    }
 
li {
    list-style: none;
    }

img {
    border: none;
    }

strong { 
    font-weight: normal; 
    } 

em { 
    font-style: normal; 
    } 

 a  {
    text-decoration: none;
    }   
    

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


line {
    height: 1px;
    width: 650px;
    border-top: 1px #727070 solid;
    margin: 10px 0px 15px 0px;
    }


      
 /* *********** ■■全てを含むディビジョン1010px[div]■■*********** */

div#allcontents {   
    background-color:#000000;
    width: 1010px;/
    height: 1000px;/* ■この行は縦は自由でクリアフィクスを設置すること */
    padding:0px;
    margin: 0px auto;
    text-align: left;
    
  
     }

 
 /* 最上部の紹介文 */
         
h1  {
    font-size:11px;
    font-weight: normal;
    color:#DEDEDE;
    letter-spacing: 2px;
    margin: 0px auto 0px auto;
    width: 783px;
    height: 16px;
    text-align: left;
    padding: 0px;
    }

 /* 左右のグラデーションライン */

div#leftbar {   
   width: 55px;
   height:3500px;
   background-image: url(../img/base.img/bgleft.jpg);
   float: left;
   }

div#rightbar {   
   width: 55px;
   height: 3500px;
   background-image: url(../img/base.img/bgright.jpg);
   float:right;
   }
 


    
 /* *************** ■ここからコンテンツ■*************** */

 /* ヘッダー */


div#header {   
    width: 830px;
    height: 100px;
    background:  url(../img/top.img/toptitle2.jpg) no-repeat;
    float: left;
    margin-left:15px;
    
  
     }


 /* ■アッパーナビ■  */

 /*　アッパーナビを囲む845px*/

div#upnavi {
   background-color:#1f1f1f;
   width:790px;
   height:30px;
   margin:0px 0px 6px 60px;

   float: left;
   
   
   }


 /*個々のボタン li は左寄せ  */

#upnavi li {
    float: left;
    }

#upnavi span {
    display: none;
    }

 /* メニュー、ホバー時に画像をずらす */

#upnavi li a:hover {
    background-position: 0 -27px;
    }
	
 /*　******■アッパーナビのロールオーバー********* */
 
	
.navihome a {
    display:block;
    height:28px;
    width:45px;
	background:url("../img/base.img/barhome3.gif") no-repeat;
	}

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

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


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

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

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

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


.signup a {
    display:block;
    height:18px;
    width:88px;
    margin:5px 0px 0px 9px;
    float: right;
    background:url("../img/base.img/signup.gif") no-repeat;
    }


.login a {
    display:block;
    height:28px;
    width:126px;
    float: right;
    margin:0px 0px 4px 2px;/* このマージンは何処で調節するんだっけ？？？ */
    background:url("../img/base.img/login.gif") no-repeat;
    }


 /*　***■■#pagebodyleft (ナビ、メインコンテンツを含む)870px■■**** */


div#pagebody {
    width:900px;/* ■900に必ずしておく */
    height:auto;
    float: left;
    }

 
  /* ■■レフトナビ■■ */

 /*　レフトナビ(175px)を囲む,左フロー */


#leftnavi {
    width:165px;
    height:auto;
    padding-left:10px;
    float:left;
   
    }

/*　******■レフトナビ（上３枠）のロールオーバー********* */
 
	
.allitem a {
    display:block;
    height:52px;
    width:165px;
    margin-top:5px;
	background:url("../img/base.img/all2.gif") no-repeat;
	}


.turquoiseitem a {
    display:block;
    height:52px;
    width:165px;
    margin-top:5px;
	background:url("../img/base.img/turquoiseitem2.gif") no-repeat;
	}


.silverjewelry a {
    display:block;
    height:52px;
    width:165px;
    margin:5px 0px 0px 0px;
	background:url("../img/base.img/silverjewelry2.gif") no-repeat;
	}

 /* 上３枠ホバー時に画像をずらす */

.silverjewelry a:hover,.turquoiseitem a:hover,.allitem a:hover {
    background-position: 0 -52px;
    }


 /*テキストを消す、この行がマージンを乱す。*/

#leftnavi a span {
    display: none;
    }




/* ■naviconを含むコンテンツボックス  */

/* コンテンツボックスnaviconのタイトル height: 22px; */

.itemtitle {    
    width: 140px;
    height: 18px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 11px;
    background:#232323  url(../img/top.img/arrow1.gif) no-repeat left scroll ;  
    background-position: 8px 6px; /* 左から、上から */
    padding: 4px 0px 0px 23px;
    color: #f3f1f1;
    margin: 5px 0px 0px 0px;
    border: 1px #6B6B6B solid;
    }




/* ■navicon(シルバーリングなど)のロールオーバー */

.navicon a {
    display:block;
    height:22px;
    width:140px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    background:#000000  url(../img/top.img/arrow6.gif) no-repeat ;
    background-position: 10px 11px; /* 左から、上から */
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #BFBFBF;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 0px 23px; 
    border-right: 1px #2F2F2F solid; 
    border-bottom: 1px #2F2F2F solid; 
    border-left: 1px #2F2F2F solid; 
    }

/* naviconuナビコンの最上部,高さ３ｐｘほど高く */
.naviconu a {
    display:block;
    height:23px;
    width:140px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    background:#000000  url(../img/top.img/arroww.gif) no-repeat ;
    background-position: 10px 17px; /* 左から、上から */
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #BFBFBF;
    margin: 0px 0px 0px 0px;
    padding: 14px 0px 0px 23px; 
    border-right: 1px #2F2F2F solid; 
    border-bottom: 1px #2F2F2F solid; 
    border-left: 1px #2F2F2F solid; 
    }
    
/*naviconuナビコンの最上部セル ▼を左から、上から */
.naviconu a:hover{
    background-position: 10px -19px; 
color: #ffffff;
    }


/* 一般的なナビコンセル */
.navicon a:hover{
    background-position: 10px -11px; /* ▼を左から、上から */
color: #ffffff;
    }


/*naviconw幅広セルの ▼を左から、上から */

.naviconw a:hover{
    background-position: 10px -28px; 
color: #ffffff;
    }



/* 一列に入りきらないためのナビコンセル */
.naviconw a {
    display:block;
    height:33px;
    width:140px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    background:#000000  url(../img/top.img/arroww.gif) no-repeat ;
    background-position: 10px 8px; /* 左から、上から */
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #BFBFBF;
    margin: 0px;
    padding: 7px 0px 2px 23px; 
    border-right: 1px #2F2F2F solid; 
    border-bottom: 1px #2F2F2F solid; 
    border-left: 1px #2F2F2F solid;
    }



/* ●独立したnavicons ●*/


#dokuritu{
 margin-top: 10px;
}

.navicons a {
 display:block;
    height:19px;
    width:133px;
  background:#000000  url(../img/top.img/arrow6.gif) no-repeat ;
    background-position: 10px 8px; /* 左から、上から */
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;    font-size: 11px;
      font-weight: bold;
    letter-spacing: 2px;
    color:#bfbfbf;
    padding: 6px 0px 0px 30px; 
    margin-top: 6px;
    border: 1px #46555E dotted; 
  	}



/* 独立ナビコンセル */
.navicons a:hover{
    background-position: 10px -13px; /* ▼を左から、上から */
color: #ffffff;
    }


 /* ナビコン、ホバー時に画像をずらす */

#conbox .naviconw a:hover{
    background-position: 10px -28px;
color: #ffffff;
    }


#conbox .navicon2 a:hover{
    background-position: 10px -13px;
color: #ffffff;
    }


#conboxs .navicons a:hover{
    background-position: 10px -13px;
color: #ffffff;
    }

    





 /*　***■■メインコンテンツエリ680pxア,ページにより個々に設定main**** */

div#main {
    width:680px;/* 左右のマージン(20,25)により変わる, */
    height:auto;
    float: left;
    margin-left:20px;/* 左側だけにマージを設定 */
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    }



 /* ■■フッター */

div#footer {   
    width: 900px;
    height: 200px;
    float: left;
    }


.fotlink {
    width:840px;
    height:auto;
    font-size:10px; 
     letter-spacing:1px;
     line-height:15px;
     font-weight:100; 
     padding:10px 30px 10px 30px;
           margin:10px 0px 0px 0px;
border-top: 1px #606061 solid;
    }
    
.fotlink a{ color: #AAAAAA; }
.fotlink  a:hover{
    color: #ffffff;
    }    
    
.copyright {
    width:630px;
    height:auto;
    font-size:11px; 
 background:  url(../img/footer.img/fotercright.gif) no-repeat;
 background-position: 30px 10px;
     color:#AAAAAA; 
     letter-spacing:1px;
     line-height:15px;
     font-weight:100; 
       padding:10px 30px 10px 240px;
           margin:0px 0px 7px 0px;
      border-top: 1px #606061 solid;     
      border-bottom: 1px #606061 solid;
      
      
      
    }