body
    {
	margin:0px;          /* ページ全体のmargin */
	padding:0px;         /* ページ全体のpadding */
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
	margin:0px;          /* ページ全体のmargin */
	padding:0px;         /* ページ全体のpadding */
	font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana
,"ＭＳ Ｐゴシック",sans-serif;	
	font-size: 80%;
	line-height:110%;
	background-image:url("hao3.jpg"); /* 見出しの背景色 */
    }




/* ボックス　枠線　影2 */

#site-box {
          margin-left:auto;    /* 左側マージンを自動的に空ける */
          margin-right:auto;   /* 右側マージンを自動的に空ける */
          text-align:left;     /* 中身を左側表示に戻す */
          width : 1100px;         /* 幅を決定する */
          border: 1px #B7B5B5 solid;     /* 枠線の装飾 */
	  box-shadow: 0 0 6px #807F7F;
	  -moz-box-shadow: 0 0 7px #807F7F;
	  -o-box-shadow: 0 0 6px #807F7F;
	  -ms-box-shadow: 0 0 6px #807F7F;
	  filter: 
	  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=0, enabled=true),
 	  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), 
	  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=0, enabled=true), 
	  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);
 }




/* トップ */
#top-box {
	display:block;
	text-indent:-9999px;
	width:1100px;
	height:80px;
	margin:0px 0 0px 0; /* ルピナス看板の上下・サイズ */
}

 /* ルピナス看板 */ 

#lupinastop a {
	display:block;
	text-indent:-9999px;
	background : transparent url("2200lupinas.jpg ") repeat scroll 0% 0%;
	width:1100px;
	height:80px;
}



/* オンラインショップ画像　カーソルが載った時 */

#lupinastop a:hover {
   background-position: top right;
}





#naviber-box {
	display:block;
	width:1100px;
	height:60px;
          background-color:#ffffff;
        text-align: right; /* IEでセンタリングさせる方法 */
	margin:0px 0px 0px 0px; /* ルピナス看板の上下・サイズ */
	padding:0px 0px 0px 0px; /* ルピナス看板の上下・サイズ */
}

/* ========TOPICPATH CUSTOMIZE======== */
div.topicPath {
	float: left;
	background-color:#ffffff;
	width:550px;
	height:60px;
	text-align:left;     /* 中身を左側表示に戻す */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


div.topicPath a:hover {
		color:#cd3284;
		text-decoration:underline;
}


div.topicPath a {
		color:#4b4b4b;
		text-decoration:none;
}


.topicpath{
	text-align:left;
	color:#4b4b4b;
	font-size:13px;
	margin:5px 5px 5px 10px;
	line-height:100%;
}



/* ナビゲーション */

div.navi {
        float: right;
          background-color:#ffffff;
	width:550px;
	height:60px;
        text-align:right;
	margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
}

div.navi a:hover {
		color:#cd3284;
		text-decoration:underline;
}


div.navi a {
		color:#4b4b4b;
		text-decoration:none;
}






ul#navinavi2 {
	text-align:right;
        margin:7px 5px 5px 5px;
}
ul#navinavi2 li {
	display:inline;
	list-style-type:none;
	margin-right:5px;
	padding-left:15px;
	border-left:1px solid #666666;
}
ul#navinavi2 li.navinavi3 {
	border-left:0;
	padding-left:0;
        color:#4b4b4b;
        text-decoration:none;
}













/* サイドバー */
#banner-box {
          float: left;
          width: 220px;
          height:1350px;
          background-color:#fef5ed;
          text-align: left; /* IE用方法の弊害対策用 */
          line-height:180%;/*全体で使う、文字と文字の行間*/
}









/* オンラインショップ画像　―5000は文字を消す　H3カテゴリー */


a.onlineshop {
   background-image: url("400online.jpg");
   display: block;
   width: 220px;
   height: 25px;
   color:#ffffff;
         text-decoration: none;
     padding-left: 10px; 
     font-size: 110%; /* 見出しの文字サイズ */
}


/* オンラインショップ画像　カーソルが載った時 */

a.onlineshop:hover {
   background-position: top right;
}












/*サイドバナーのメニューボタン*/
#nave1{
          width:100%;
}

#nave1 ul {
          list-style: none;
          margin: 0;
          padding: 0;
 }
 
#nave1 li {
          margin: 0;
          padding:0;
          border-bottom: 1px dotted #999999;/*下部に線を引く*/
 }

#nave1 a{
         padding:3px 15px;
         display: block;
         color:#4b4b4b;/*メニューボタンの文字の色*/
         text-decoration: none;
	  }

#nave1 a:hover{
         background: #999999;/*カーソルオーバーの時の背景の色*/
         color:#FFFFFF; /*メニューの文字がカーソルが来た時、この色に変わる*/
   }

#nave2{
          width:100%;
}

#nave2 ul {
          list-style: none;
          margin: 0;
          padding: 0;
 }
 
#nave2 li {
          margin: 0;
          padding:0;
          border-bottom: 1px dotted #999999;/*下部に線を引く*/
 }

#nave2 a{
         padding:3px 15px;
         display: block;
         background: #f7ecff;
         color:#4b4b4b;/*メニューボタンの文字の色*/
         text-decoration: none;
	  }

#nave2 a:hover{
         background: #999999;/*カーソルオーバーの時の背景の色*/
         color:#FFFFFF; /*メニューの文字がカーソルが来た時、この色に変わる*/
   }





















/* H4カテゴリー */
#side h4 {
     margin: 0; 
     background-image:url("220tenp.jpg"); /* 見出しの背景色 */
     height:25px; 
     padding-left: 10px; 
     border-bottom: 1px #999999 solid; /* 見出しの下線 */
     font-size: 110%; /* 見出しの文字サイズ */
     color:#FFFFFF;

}




/* H5カテゴリー */
#side h5 {
     margin: 0; 
     background-image:url("220tenp.jpg"); /* 見出しの背景色 */
     height:25px; 
     padding:0px 10px 0px 10px; 
     border-bottom: 1px #999999 solid; /* 見出しの下線 */
     font-size: 110%; /* 見出しの文字サイズ */
     color:#FFFFFF;

}













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




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




td.news0{
	text-align: center; /* IEでセンタリングさせる方法 */
     background-image:url("170cate.jpg"); /* 見出しの背景色 */
	background-repeat: no-repeat;
	width:170px;
	height:18px;
}




td.news1{
	text-align: center; /* IEでセンタリングさせる方法 */
	background-image:url("170tennai.jpg");
	background-repeat: no-repeat;
	width:170px;
	height:120px;
}




td.news2{
	width:170px;
	vertical-align: top;



}
 /* 会社紹介 */

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



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






















/* メインボックス */



#main-box {
          float: right;
          width: 880px;
          height:1350px;
          background-color:#ffffff;
 	  text-align:center;
          margin:0px 0px 0px 0px;
}












/* フッター */
#endroll-box {
          clear: both;
          width: 1100px;
          height:640px;
	  background-image:url("950endroll.jpg");
          margin-left:10px auto 0px;
 	  text-align:center;
	
}



/* ナビゲーションフッター 　文字色・リンク等*/

div.navi3 {
   clear: both;
   padding:1px 0px 1px 0px;
}



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

    
}
    ul#nav4 a:hover,
    ul#nav4 a#current {
        color:#cd3284;/* リンク文字変更色 */
        border-bottom:1px solid #cd3284;/* リンクボーダー変更色 */
        text-decoration:none;
    
}
    ul#nav4 a {
        color:#ffffff;/* ナビバー文字色 */
        border-bottom:1px solid #ffffff;/* リンクボーダー変更色 */
        text-decoration:none;
    
}
-->


/* フッター　コピーライト　住所等の文字色 */

.copyright p {
	color:#ffffff;
	padding:0px 0px 0px 0px;
	font-size:10pt;
 	line-height:130%;
}


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






td.mapsss{
	text-align: center; /* IEでセンタリングさせる方法 */
        padding:15px 0px 0px 0px;
        color:#ffffff;
        font-weight:bold;
        font-size:11pt;
        width: 330px;
}



td.mapsss22{
	text-align: center; /* IEでセンタリングさせる方法 */
        padding:15px 0px 0px 0px;
        color:#ffffff;
        font-weight:bold;
        font-size:11pt;
        width: 650px;
}




td.mapss{
	text-align: center; /* IEでセンタリングさせる方法 */
        color:#ffffff;
        width: 650px;
        vertical-align: top;
}

td.mapss33{
	text-align: center; /* IEでセンタリングさせる方法 */
        padding:0px 0px 0px 0px;
        color:#ffffff;
        width: 330px;
        vertical-align: top;
}



.happy20{
 text-align:lcenter;
 color:#ffffff;
 font-size:13px;
 margin:10px auto 22px;
   line-height: 17px; /* 行の高さ */
}





.happy10{
 text-align:left;
 color:#ffffff;
 font-size:12px;
 margin:10px 25px 0px 25px;
   line-height: 17px; /* 行の高さ */