body
    {
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
     font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
     font-size: 80%;
     line-height:110%;
}

#main
    {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:860px;         /* 幅を決定する */
    
}









 div.cover {
   background-color: #ffffff;  /* サイドバーとメインのカバー */
}



























 /* ルピナス看板及びtopバナー配置 */ 





div.main {
    float: right;
    width: 680px;
    height:86px:
}



 /* ルピナス看板 */ 

#lupinastop a {
	display:block;
	text-indent:-9999px;
	background : transparent url("jewelryplazalupinas.jpg ") ;
	width:184px;
	height:86px;
	margin:0 0 0 0; /* ルピナス看板の上下・サイズ */
}







</style>











/* ナビゲーション */

div.navi {
   margin:-10px auto 20px;

}



<!--
    ul#nav2, ul#nav2 * {
        font:12px Verdana,sans-serif;
        text-align:right;
        margin: 0px 0px 0px 0px;
        padding:0 0.5em 0 0.5em;

    
}
    ul#nav2 {
        list-style:none;
        margin:1em 0; padding:0;
    
}
    ul#nav2 li {
        display:inline;
        text-align:right;
        padding:0 10px 0 .5em;

    
}
    ul#nav2 a:hover,
    ul#nav2 a#current {
        color:#e3db9d;/* リンク文字変更色 */
        border-bottom:3px solid #e3db9d;/* リンクボーダー変更色 */
        text-decoration:none;
    
}
    ul#nav2 a {
        color:#414141; font-weight:bold;/* ナビバー文字色 */
        border-bottom:3px solid #eee;
        text-decoration:none;
    
}
-->





 /* 宝石の好きなお店から、宝石の好きなあなたへお届けします。 */ 

.love{
 text-align:left;
 font-weight:bold;
 font-size:12px;
 color:#414141;
 margin:25px auto 0;
}






/* サイドバー */


div.sideber {
   float: center;
   width: 19.8%;
   background-color: #ffffff;
   border:1px solid #ffffff
}








 /* リメイク画像 */


#remake a {
	display:block;
	text-indent:-9999px;
	background : transparent url("koubou23.jpg ") repeat scroll 0% 0%;
	width:164px;
	height:146px;
	margin:10px auto 10px;
}






	ul#nav3_left, ul#nav2_left * {
		font:12px Verdana,sans-serif;
		margin:0 3px 3px 3px; padding:0em;
		line-height:1em;/* カテゴリーとの境界 */
	}
	ul#nav3_left {
		margin:0em 0; padding:0;/* カテゴリーとの境界 */
		line-height:1em;
		list-style:none;
	}





#infomation a{
		display:block;
		width:170px;
		background:url("infomation.jpg") no-repeat;
		height:35px;
		text-decoration:none;
		text-align:center;	
		text-indent:-9999px;
                margin:10px 0px 10px 0px;
	}

	#infomation a:hover{
		background:url("infomation2.jpg") no-repeat;
	}





#mycompany10 a{
		display:block;
		width:170px;
		background:url("170mycompany.jpg") no-repeat;
		height:35px;
		text-decoration:none;
		text-align:center;	
		text-indent:-9999px;
                margin:10px 0px 10px 0px;
	}

	#mycompany10 a:hover{
		background:url("170mycompany2.jpg") no-repeat;
	}









	#bannerring a{
		display:block;
		width:170px;
		background:url("170ring.jpg") no-repeat;
		height:35px;
		text-decoration:none;
		text-align:center;	
		text-indent:-9999px;
                margin:10px 0px 10px 0px;
	}

	#bannerring a:hover{
		background:url("170ring2.jpg") no-repeat;
	}




	#bannerpendant a{
		display:block;
		width:170px;
		background:url("170pendant.jpg") no-repeat;
		height:35px;
		text-decoration:none;
		text-align:center;
		text-indent:-9999px;
	}

	#bannerpendant a:hover{
		background:url("170pendant2.jpg") no-repeat;
                margin:10px 0px 10px 0px;
	}







	#bannerpias a{
		display:block;
		width:170px;
		background:url("170pirce.jpg") no-repeat;
		height:35px;
		text-decoration:none;
		text-align:center;
		text-indent:-9999px;
                margin:10px 0px 10px 0px;
	}

	#bannerpias a:hover{
		background:url("170pirce2.jpg") no-repeat;
	}





	#bannerroos a{
		display:block;
		width:170px;
		background:url("170roos.jpg") no-repeat;
		height:35px;
		text-decoration:none;
		text-align:center;
		text-indent:-9999px;
                margin:10px 0px 10px 0px;
	}

	#bannerroos a:hover{
		background:url("170roos2.jpg") no-repeat;
	}




	#marriager a{
		display:block;
		width:170px;
		background:url("170marriage.jpg") no-repeat;
		height:35px;
		text-decoration:none;
		text-align:center;
		text-indent:-9999px;
                margin:10px 0px 10px 0px;
	}

	#marriager a:hover{
		background:url("170marriage2.jpg") no-repeat;
	}






	#rekixy a{
		display:block;
		width:170px;
		background:url("170rekixy.jpg") no-repeat;
		height:35px;
		text-decoration:none;
		text-align:center;
		text-indent:-9999px;
                margin:10px 0px 10px 0px;
	}

	#rekixy a:hover{
		background:url("170rekixy2.jpg") no-repeat;
	}









	#banneranaother a{
		display:block;
		width:170px;
		background:url("170ano.jpg") no-repeat;
		height:35px;
		text-decoration:none;
		text-align:center;
		text-indent:-9999px;
                margin:10px 0px 10px 0px;
	}

	#banneranaother a:hover{
		background:url("170ano2.jpg") no-repeat;
	}



	#bannerblog a{
		display:block;
		width:170px;
		background:url("170blog.jpg") no-repeat;
		height:35px;
		text-decoration:none;
		text-align:center;
		text-indent:-9999px;
                margin:10px 0px 10px 0px;
	}

	#bannerblog a:hover{
		background:url("170blog2.jpg") no-repeat;
	}










/* メイン */


div.main {
   float: right;
   width:78%;
   background-color: #ffffff; /* 白 */
}






/* A:▼おすすめ商品▼ */







   div.reco {
      text-align: center; /* IEでセンタリングさせる方法 */
   }
   div.reco table {
      margin: auto;     /* 標準のセンタリング方法 */
      text-align: left; /* IE用方法の弊害対策用 */
      margin:0 auto 15px;
   }

/* A:▼テーブル全体の装飾▼ */

   table.recommand {
   border-collapse: collapse; /* 枠線を重ねる */
   border: 1px solid #ffffff; /* 外枠の装飾 */
   width:630px;
}



/* B:▼テーブル内側(セル)の装飾▼ */

table.recommand th,
table.recommand td {
   padding: 0.1em;            /* セル内側の余白量 */
   border: 0px solid #ffffff; /* 内枠の装飾 */
   text-align:center;
}



/* C:▼テーブルの見出し部分の装飾▼ */



table.recommand thead th {
   background-image: url("recommandbackground.jpg"); /* 背景画像 */
   background-position: bottom center; /* 背景画像の配置 */
   color: darkblue;           /* 文字色 */
   background-color: #CCCCFF; /* (念のための背景色) */
}



/* D:▼各行の見出し部分の装飾▼ */



   table.recommand tbody th {
   background-color: #ffffff;　/* 背景色 */
   color: darkblue;            /* 文字色 */
}




table.recommand a:hover {
		color:#cd3284;
		text-decoration:underline;
	}


table.recommand a {
		display:block;
		color:#414141;
		text-decoration:none;
	}





/* A:▼会社モットー▼ */




<style type="text/css">
   div.companyreason {
      text-align: center; /* IEでセンタリングさせる方法 */
   }
   div.companyreason table {
      margin: auto;     /* 標準のセンタリング方法 */
      text-align: left; /* IE用方法の弊害対策用 */
      margin:10px auto 20px;
   }



/* A:▼テーブル全体の装飾▼ */

   table.reason {
   border-collapse: collapse; /* 枠線を重ねる */
   border: 0px solid #ffffff; /* 外枠の装飾 */
   width:530px;
}


</style>




























/* A:▼オフィス情報▼ */




<style type="text/css">
   div.office {
      text-align: center; /* IEでセンタリングさせる方法 */
   }
   div.office table {
      margin: auto;     /* 標準のセンタリング方法 */
      text-align: left; /* IE用方法の弊害対策用 */
   }






/* A:▼NEWS新着情報▼ */

td.news1{
   width:380px;
   height:20;
}

td.news2{
   width:200px;
   border:1px solid #408080;
   background-color: #f5f5f5; /* 白 */
   vertical-align: top;
}


td.news3{
   width:380px;
   height:150px;
}




td.news4{
   width:380px;
   height:20px;
}

td.news5{
   width:380px;
   height:200px;
}






td.shin1{
   width:100px;
   height:100px;
   text-align: center; /* IEでセンタリングさせる方法 */
}


td.shin2{
   width:279px;
   height:100px;
   text-align: center; /* IEでセンタリングさせる方法 */
}

td.shin2 a:hover {
		color:#cd3284;
		text-decoration:underline;
		font-weight:bold;
		font-size:14px;
}


td.shin2 a {
		display:block;
		color:#666666;
		text-decoration:none;
		font-weight:bold;
		font-size:14px;
}



td.shin3{
   width:279px;
   height:8px;
   text-align: center; /* IEでセンタリングさせる方法 */
}




 /* 会社紹介 */

.acompany{
 text-align:left;
 color:#666666;
 font-size:14px;
 margin:10px 10px 10px 10px;
 line-height:130%;
}



#tizu a {
	display:block;
	text-align:center;
	text-indent:-9999px;
	background : transparent url("88map.jpg ") repeat scroll 0% 0%;
	width:80px;
	height:25px;
	margin:10px auto 10px;
        
}





 /* 会社紹介 */

.acompany3{
 text-align:center;
 color:#666666;
 font-weight:bold;
 font-size:14px;
 margin:10px 10px 10px 10px;
 line-height:130%;
}

 /* けいせん */

hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dashed; /* 線種 */
   border-color: #656C65; /* 線色 */
   height: 1px; /* 高さ */
}





</style>








 /* ブログ　リフォームリンクバナー */



<style type="text/css">
   div.banner {
      text-align: center; /* IEでセンタリングさせる方法 */
   }
   div.banner table {
      margin: auto;     /* 標準のセンタリング方法 */
      text-align: left; /* IE用方法の弊害対策用 */
   }



/* A:▼テーブル全体の装飾▼ */

   table.bannerbox {
   border-collapse: collapse; /* 枠線を重ねる */
   border: 0px solid #ffffff; /* 外枠の装飾 */
   width:582px;
}


td.banner1{
   width:291px;
   height:60px;
   text-align: center; /* IEでセンタリングさせる方法 */
}


</style>




















/* フッター */



div.footer {
   clear: both;
   margin:10px 0 30px 0;
}




<!--
    ul#nav3, ul#nav3 * {
        font:12px Verdana,sans-serif;
        padding:0 0.5em 0 0.5em;
    
}
    ul#nav3 {
        list-style:none;
        margin:1em 0; padding:0;
    
}
    ul#nav3 li {
        display:inline;
        text-align:center;
        padding:0 10px 0 .5em;

    
}
    ul#nav3 a:hover,
    ul#nav3 a#current {
        color:#e3db9d;/* リンク文字変更色 */
        border-bottom:3px solid #e3db9d;/* リンクボーダー変更色 */
        text-decoration:none;
    
}
    ul#nav3 a {
        color:#414141; font-weight:bold;/* ナビバー文字色 */
        border-bottom:3px solid #eee;
        text-decoration:none;
    
}
-->




.copyright p {
	color:#333333;
	margin:0;
	font-size:10pt;
	tahoma,Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;;
}







 div.clear {
   clear: both;
}





<!--div.lupinastop {
	text-align: center;
}--> /* IEでセンタリングさせる方法 */
<!--div.navi {
	text-align: center;
}--> /* IEでセンタリングさせる方法 */
<!--div.sideber {
	text-align: center;
}--> /* IEでセンタリングさせる方法 */
<!--div.main {
	text-align: center;
} /* IEでセンタリングさせる方法 */-->
<!--div.footer {
	text-align: center;
} /* IEでセンタリングさせる方法 */-->