ＣＳＳについて

Question

お世話になっております。

本店サイトの看板更新をしようと（ショップサーブ管理画面より）ＣＳＳを触ったら、
形が崩れてしまい直せず困っています。

バックアップをとっていたのですが、
それを入れても直りません。
（ＦＴＰで更新をかけてしまったのも原因だと思います。）

どの様に修正すればいいのか教えていただきたいです。

http://www.takasago-mejya.net/

Answer

ECマスターズの田中です。

http://www.takasago-mejya.net/hpgen/HPB/theme/css/default.css
上記URLが、バックアップを戻していただいた結果だと思うのですが、
あらゆる場所にやなどのHTMLタグが挿入されており、
スタイルシートの書式と異なるため読み込めない状態となっております。
ページ作成ソフトにて、通常のHTMLページを作成するのと同じ方法で作成されたのではないでしょうか。

もし、HTMLタグの含まれないバックアップがファイルとして残っておりましたら、
内容を編集せずに、GOLDにアップロードしてください。

コピーしたソースだけが残っている場合は、
テキストエディタ（メモ帳など）に貼り付けた後、
「default.css」というファイル名で保存していただいた上で、
保存した文字コードに合わせて一行目の文字コード指定をご変更(※)いただき、
上書き保存して、GOLDにアップロードしていただきますようお願いします。

※文字コード指定の方法
例えば、「UTF-8」で保存した場合は
@charset "UTF-8";
のように、１行目の”と"の中をご変更ください。
「シフトJIS」の場合は「@charset "Shift_JIS";」、「EUC」の場合は「@charset "EUC-JP";」となります。

Answer

早速のご対応ありがとうございます。

やってみます。
ありがとうございます！

Answer

再度質問です。
以前より、なぜかＦＴＰで更新しても、ショップサーブ管理画面からの看板が優先され
ＦＴＰの看板画像が壊れてしまうので、ショップサーブの管理画面からＣＳＳの更新（上書き）をしたいのですが
そのために、誤って入ってしまったなどを簡単に消す方法はないでしょうか。

また、方法がない場合、地道に手で消すとトラブルの原因になりますか？


ちなみに、私が持っているバックアップのデータは、以下の通りです。


＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿


@charset "euc-jp";
/*■◆■◆■◆ご注意■◆■◆■◆*/
  /*＿スタイルシートの編集は慎重に！必ずバックアップを取りましょう！＿*/
/*株式会社いつも.では納品後のスタイルシートのサポートは範囲外となっております。*/
  /*また、「○○をするにはどうしたらいいの？」というご質問にもお答えしかねます。*/
  /*Eストアー様でもスタイルシートのサポートは一部に限られています。*/
  /*上記より、HTML初心者の方は改変されないことをおすすめいたします。*/
/*弊社ではスタイルシートのバックアップは行っておりません。*/
  /*いったん変更されたスタイルシートを、元に戻すことは不可能です。*/

/*■◆■◆■◆上記ご注意をご理解いただいたお客様へ■◆■◆■◆*/
  /*お客様で改変される事が多い部分に説明書きを付けました。*/
  /*「ショップワークス」で検索し、改変部分を探してみてください！*/
  /*スタイルシートの編集が出来ると、お店のデザインが自由自在に変更できます！がんばってください！*/

/*	■◆ショップワークス↓↓背景色を変更したい場合は「●●背景色●●」で検索！■◆*/
  

 
/* テーマ：ベーシック／グレー */
body{
  font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
  text-align:center;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  font-size:80%;
  line-height:135%;
  color:#666666;
  
  /*	■◆ショップワークス↓↓全体の背景色■◆*/ 
  /* ●●背景色●● */
  background-color:#fff;
  /*background-image: url(/bg_img.jpg);*/
  /*background-repeat:repeat;*/
  /*background-position:0 0;*/	/*background-color:#333333;*/
  }
table{ /* 基本テーブル設定（固定）*/
  border:0px none;
  margin:0px;
  padding:0px;
  text-align:left;
  border-collapse:collapse;
  }
/*	■◆ショップワークス↓地域別送料の場合使用します■◆*/ 
.delivery{ /* 送料テーブル設定*/
  margin-bottom:10px;
  width:280px;
  border-collapse:collapse;
  border:1px solid #666666;
  
  }
/*	■◆ショップワークス↓地域別送料　凡例の文字色・背景色設定■◆*/ 
  .delivery th{ /* 送料テーブル設定*/
  padding:2px;
  color:#ffffff;
  background-color:#1E9608;
  border-collapse:collapse;
  border:1px solid #666666;
  }
.delivery td{ /* 送料テーブル設定*/
  padding:2px;
  border-collapse:collapse;
  border:1px solid #666666;
  }

th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
th {white-space:nowrap;} 
h1,h2,h3,h4 { /* 基本タイトル（固定）*/
  padding:0px;
  margin:0px;
  font-size:100%;
  text-align:left;
  }
a{ /* 基本のリンク （固定）*/
  color:#333333;text-decoration:underline;}
  a:hover {
  color:#333333;text-decoration:none;}
ul{ /* 基本のリスト （固定）*/
  list-style-type:square;}
ul ul{	list-style-type:none;}
img{ border:0px;}/* イメージボーダー指定 */
form {	padding:0px;display:inline;}
p{ line-height:150%;margin:5px 0px;padding:2px 0px;}
.clear_both { /* 画像の周り込み解除 */
  clear:both;
  font-size:1px;
  visibility:hidden;
  overflow:hidden;
  height:1px;
  text-align:center;
  }
.button1{ /* inputボタン設定 */
  /*cursor:hand;
  font-size:12px;
  color:#FFFFDD;
  background:#333333;
  border:1px solid #999999;
  font-weight:normal;*/
  }
.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */
.caution{ font-weight:bold;color:#CC0000;}/* エラーメッセージ */
.no2{font-size:110%;} /* フォントズーム */
.strong{ font-weight:bold;}/* フォントボールド */
.red{color:#CC0000;} /* フォント赤 */
  .orange{color:#FF9900;} /* フォントオレンジ */
  .blue{color:#0000FF;} /* フォント青 */
  .green{color:#006600;} /* フォント緑 */
  .glay{color:#414141;} /* フォントグレー */
  .white{color:#ffffff;} /* フォント白 */
.item img{/* 商品画像枠  */ 
  height:auto;
  padding:5px;
  margin:0px;
  background:#ffffff;
  text-align:center;
  }
.spacebox{/* スペース設定  */ 
  height:50px;
  }
  /* border-right:1px solid #390b06;*/
  /********************************************************************/
  /* 大枠テーブル（固定） */
  #container {
  width:940px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  /*border-left:1px solid #333333;
  border-right:1px solid #333333;*/
  /*	■◆ショップワークス↓↓コンテナ背景色■◆*/ 
  background:/* url(../img/container.gif) */ #ffffff;
  }
/* マイページ、ポップアップ画面 */
  #enter {
  width:100%;
  text-align:left;
  color:#000000;
  /*	■◆ショップワークス↓↓背景色■◆*/ 
  background:/* url(../img/enter.gif) */ #ffffff;
  border:1px solid #B6A081;
  }
/* ヘッダー */
  #header{
  width:100%;
  background-repeat: no-repeat;
  /*	■◆ショップワークス↓高さをヘッダ画像のサイズに合わせる■◆*/ 
  height:120px;
  width:940px;
  /*	■◆ショップワークス↓ヘッダ背景／画像or単色（適用しないほうをコメントアウト）■◆*/
  /*background:url() no-repeat;*/
  /* no-repeat;*/

}
td>#header { /* IE7 Safari Firefox 用 */
  /*	■◆ショップワークス↓高さをヘッダ画像のサイズに合わせる■◆*/ 
  height:120px;
  min-height:120px;
  }
.shoplogo{ /* サイトロゴブロック（設定の場合） */
  padding:0px 0px 0px 0px;
  margin:0px;
  width:100%;
  }
  .shoplogo img{
  height: 120px;
  }
  .shoplogo img{ /* サイトロゴブロック（表示なし） */
  /*display:none;*/
  }
.siteName{ /* サイト名 h1 （テキスト） */
  margin:0px;
  text-indent: -5000px;
  
  /*	■◆ショップワークス↓↓h1の位置をpaddingで調整■◆*/
  /*	■◆左から「上」「右」「下」「左」です■◆*/
  }
/*	■◆ショップワークス↓↓h1の文字色調整■◆*/
  .siteName a { color:#ffffff; text-decoration:none;}
  .siteName a:hover {
  color:#CCCCCC;
  /*text-decoration:underline;*/
  }
/*	■◆ショップワークス↓↓h2の位置をpaddingで調整■◆*/
  /*	■◆h1の次の行ならば「上」は0px■◆*/
  .sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
  padding:0px 0px 0px 0px;
  font-size:10px;
  font-weight:normal;
  line-height:1em;
  text-align : left;
  position: absolute;
  top:3px;
  background:url(http://takasago-mejya.net/pic-labo/kanban2017w.gif) no-repeat;
  margin-top:-3px;
  width:940px;
  }
/*	■◆ショップワークス↓↓h2の文字色調整■◆*/
  .sitecopy a { 
  color:#ffffff; text-decoration:none;
  display:block;
  height:120px;
  padding:2px 0px 0px 5px;
  }
  .sitecopy a:hover {
  color:#FFF;
  /*text-decoration:underline;*/
  }
  /* ヘッダーメニュー */
div.shoplogo img{
  display:none;
  }
#headMenu {
  width:100%;
  margin:0;
  margin-bottom:4px;
  background-color:#5a0000; 
  /*border-bottom:3px #009193 solid;
  border-top:1px #009193 solid;*/
  margin-bottom:10px;
  /* ●●背景色●● */
  color:#5a0000;
  clear:both;
  background-color:#5a0000; 
  }
.headnavi { /* ヘッダーメニューテキスト */
  padding:5px 5px 5px 1px;
  /*color:#C8C8C8;*/
  font-weight:normal;
  text-align:right;
  /*	■◆ショップワークス↓↓グローバルナビ_背景色調整■◆*/ 
  background-color:#5a0000;
  /*background-image:url(../img/headnavi_bg.gif);*/
  color:#fff;
  width:930px;
  }
.headnavi a{
  padding:10px 5px 10px 5px ;
  margin:5px 0px;
  font-weight:bold;
  text-decoration:none;
  /*	■◆ショップワークス↓↓グローバルナビ_文字色調整■◆*/ 
  color:#fff;
  }
  .headnavi a:hover {
  /*	■◆ショップワークス↓↓グローバルナビ_ホバー色調整■◆*/ 
  color:#efbebe;
  /*text-decoration:underline;*/
  /*background-image:url(../img/headnavi_bg_on.gif);*/
  }
.navi01 {/* ヘッダーメニューアイコン */
  color:#fff;
  /*background:url(../img/hnavi01.gif) no-repeat center left;*/
  }
/* ヘッダー下装飾ライン */
  .hline {
  border:0px solid #B6A081;
  background:url(../img/hline.gif) no-repeat #B6A081;
  }
/********************************************************************/
#leftSide { /* 左サイドtd */
  width:170px;
  padding:0px;
  margin:0px;
  background:#ffffff;
  vertical-align:top;
  /* background:url(../img/leftside.gif) ;*/
  }
#rightSide { /* 右サイドtd （3列）*/
  width:142px;
  padding:0px;
  margin:0px;
  background:#ffffff;
  vertical-align:top;
  /* background:url(../img/rightside.gif) ;*/
  }
#rightSide { /* 右サイドtd （3列 ブログ）*/
  width:142px;
  padding:0px;
  margin:0px;
  vertical-align:top;
  /* background:url(../img/rightside2.gif) ;*/
  }
#center1 { /* センター td （2列）*/
  width:690px;
  padding:0px;
  margin:0px;
  vertical-align:top;
  background:#ffffff;
  /* background:url(../img/center1.gif) ;*/
  }
#center2 { /* センターtd （3列）*/
  width:590px;
  padding:0px;
  margin:0px;
  vertical-align:top;
  background:#ffffff;
  /* background:url(../img/center2.gif) ;*/
  }
#center3 { /* センターtd （装飾用）*/
  vertical-align:top; 
  background:#ffffff;
  width:100%;
  /* background:url(../img/center3.gif) ;*/
  }

.header_area { /* ヘッダのフリーエリア */
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:0px;
  width:770px;
  /*border:1px #1587C2 solid;*/
  }
.footer_area { /* フッタのフリーエリア */
  text-align:left;
  margin:0px 0px 0px 10px;
  padding:0px;
  width:750px;
  }
.sidebox { /* サイド用ブロック（幅設定） */
  padding:0px 0px 0px 0px;
  margin:0px;
  }
.centerbox { /* センター用ブロック（幅設定） */
  margin:0px;
  padding:0px 5px 5px 10px;
  /* background:url(../img/centerbox.gif) ;*/
  }
.center{ text-align:center;} /* センター */
  .right{ text-align:right;} /* 右 */
  .left{ text-align:left;} /* 左 */
  .middle{ vertical-align:middle;}/* テキスト縦中央 */
  .buttom{ vertical-align:buttom;}/* テキスト縦下 */
  .float_right{ float:right;}
  .float_left{ float:left;}
/********************************************************************/
  /* 基本商品テキスト設定 */

.price{ /* 商品価格 */
  color:#FF0000;
  text-align:left;
  font-weight:bold;
  }
  .price.no2{ /* 商品価格 （カート部分） */
  font-size:140%;
  font-weight:bold;
  color:#FF0000;
  } 
.price.zoom{ /* 商品価格 （商品詳細） */
  font-size:140%;
  font-weight:bold;
  }
  .expl{ /* 商品説明文 */
  text-align:left;
  color:#333333;
  }
  .expl a{color:#333333;	text-decoration:none;}
  .expl a:hover{color:#333333;text-decoration:underline;}
.fixed{ /* 商品定価 */
  font-size:120%;
  color:#333333;
  text-align:left;
  /*text-decoration:line-through;*/
  }
h2.goods /* 商品名 （商品一覧）*/
  a{color:#666666;text-decoration:none;font-weight:bold;text-decoration:underline;}
  a:hover{color:#333333;text-decoration:none;}
  
  /********************************************************************/
  /*センターコンテンツ  */
  .topIMG { /* トップイメージ 外枠設定 */
  margin:0px ;
  padding:0px;
  }
.topIMG td{
  margin:0px;
  padding-left:20px;
  _padding-left:20px;
  background:#ffffff;
  }
.shopCopy { /* サイト説明 */
  font-size:110%;
  line-height:130%;
  margin:0px;
  padding:3px 10px 3px 10px;
  color:#336699;
  font-weight:normal;
  text-align:left;
  }
/* タイトルデザイン */
.free_title { /* タイトル1 h3 */
  padding:8px 0px 0px 7px;
  margin:0px;
  width:auto;
  /*	■◆ショップワークス↓↓各カラムタイトルバーの文字色★１★■◆*/ 
  /*	■◆（全部で4カ所変えましょう。★１★～★４★）■◆*/
  color:#ffffff;
  height:19px;
  line-height:100%;
  font-size:12px;
  vertical-align:middle;
  font-weight:bold;
  letter-spacing:0.2em;
  /*	■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★１★■◆*/
  /*	■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
  background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
  }
.title1{ /* タイトル2 h1 */
  padding:8px 0px 0px 7px;
  margin:0px;
  width:auto;
  /*	■◆ショップワークス↓↓各カラムタイトルバーの文字色★２★■◆*/ 
  color:#ffffff;
  height:19px;
  line-height:100%;
  font-size:12px;
  vertical-align:middle;
  font-weight:bold;
  letter-spacing:0.2em;
  /*	■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★２★■◆*/
  /*	■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
  background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
  }
  .title1 a{color:#414141;text-decoration:underline;}
  .title1 a:hover{
  color:#414141;
  text-decoration:underline;
  font-weight:bold;
  }
  .title2{ /* タイトル2 h1 */
  padding:10px 0px 0px 7px;
  margin:0px;
  width:auto;
  /*	■◆ショップワークス↓↓各カラムタイトルバーの文字色★３★■◆*/ 
  color:#ffffff;
  height:19px;
  line-height:100%;
  font-weight:bold;
  font-size:12px;
  vertical-align:middle;
  letter-spacing:0.2em;
  /*	■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★３★■◆*/
  /*	■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
  background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
  }
  .title2 a{color:#414141;text-decoration:underline;}
  .title2 a:hover{
  color:#414141;
  text-decoration:underline;
  font-weight:bold;
  }
  .title3{ /* タイトル2 h1 */
  padding:3px 0px 0px 3px;
  margin:0px;
  width:142px;
  /*	■◆ショップワークス↓↓各カラムタイトルバーの文字色★４★■◆*/ 
  color:#ffffff;
  height:19px;
  line-height:100%;
  font-weight:bold;
  font-size:12px;
  vertical-align:middle;
  letter-spacing:0.2em;
  /*	■◆ショップワークス↓↓各カラムタイトルバーの背景色or背景画像★４★■◆*/
  /*	■◆（グラデーションはテンプレチックなので基本的には使用禁止）■◆*/
  background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
  }
  .title3 a{color:#414141;text-decoration:underline;}
  .title3 a:hover{
  color:#414141;
  text-decoration:underline;
  font-weight:bold;
  }
.rank{/* ランキングアイコン */
  text-align:left;
  }
.mainCont { /* メインコンテンツ */
 padding:1px;
  margin:0px;
  width:auto;
  background:#ffffff;
  /* background:url(../img/maincont.gif) ;*/
  }
.contbox { /* メインコンテンツ内項目ボックス*/
  padding:1px 0px;
  margin:0px;
  width:auto;
  }

ul.news{ /* 最新情報リスト設定 */
  text-align:left;
  padding:0px 0px 0px 0px;
  margin:0px;
  list-style-type:none;
  color:#666666;
  height:70px;
  width:480px;
  overflow:auto;
  }
li.p3{padding:3px;color:#333333;}
ul.free_list{ /* リスト設定 */
  text-align:left;
  padding:5px 10px;
  margin:0px;
  list-style:square;
  color:#333333;
  }
ul.list{ /* リスト設定 */
  text-align:left;
  padding:5px 10px;
  margin:0px;
  list-style:square;
  color:#333333;
  }
ul.map{ /* サイトマップリスト設定 */
  font-size:110%;
  text-align:left;
  padding:0px 20px;
  margin:0px;
  color:#333333;
  }
  li.sm1 { margin:4px ;display:block;}
  li.sm2 { margin:0px 0px 0px -35px;display:block;}
.sitemap{ /* サイトマップリスト 項目タイトルh4*/
  font-size:110%;
  padding:5px 25px;
  color:#333333;
  background:url(../img/icon_sitemap.gif) no-repeat ;
  background-position:left center;
  }

/* テーブル余白設定  （固定） */
  .layoutp5  { padding:5px 0px;}/* 余白5px */
  .layoutp5 th { padding:5px;}
  .layoutp5 td { padding:5px;}
  .layoutp5 .border { border:1px solid #CCCCCC;}
.layoutp3  { padding:5px 0px;}/* 余白3px */
  .layoutp3 th { padding:3px;}
  .layoutp3 td { padding:3px;}
  .layoutp3 .border { border:1px solid #999999;}
.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
  .bordlayoutp3 th { padding:3px;border:1px solid #999999;}
  .bordlayoutp3 td { padding:3px;border:1px solid #999999;}
  .bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */
.backcolor1 { background:#E8E8E8;} /* テーブル内カラー切り替え（タイトル部分） */
  .backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */
  .backcolor3 { background:#D7EBF4;padding:10px 0px;} /* カート部分 */

/* 商品レイアウト（トップページセンター、商品一覧用）*/
.layoutFrame{/* 大枠 table */
  margin:10px 0px 0px 0px;
  padding:1px;
  width:99%;
  /* background:url(../img/layoutframe.gif) ;*/
  }
  .layoutFrame td{
  text-align:center;
  margin:0px;
  padding:0px;
  vertical-align:top;
  }
.layout1{ /* レイアウト */
  margin:1px;
  padding:3px;
  background:#ffffff;
  /* background:url(../img/layout1.gif) ;*/
  }
  .layout1 td{
  margin:0px;
  padding:3px;
  text-align:center;
  }
/* 第二階層 */
#bread{ /* パンクズ */
  margin:0px;
  padding:3px 15px;
  color:#414141;
  text-align:left;
  background:#ffffff;
  }
  #bread a { color:#414141;}
  #bread a:link { 
  text-decoration:underline;
  }
  #bread a:hover { 
  text-decoration:underline;
  color:#336699;
  }
h4.title{
  font-size:110%;
  margin:5px 0px; 
  padding:2px 0px;
  color:#414141;
  border-bottom:1px dotted #333333;
  }
.mainFrame{ /* メイン大枠 */
  margin:0px;
  padding:1px;
  /*ackground:#1587C2;*/
  /* background:url(../img/mainframe.gif) ;*/
  }
p.title	{ margin:3px 0px; 
  padding:2px 0px;
  color:#669933;
  border-bottom:1px dotted;
  font-weight:bold;
  }
  /* メールマガジンアイコン設定 */
  .mailmag_ent,.mailmag_cha,.mailmag_can {
  color:#414141;
  }
.mailmag_ent{ /* 新規登録 h4 */
  font-size:110%;
  padding:12px 0px 0px 60px;
  background:url(../img/icon_mailmag_ent.gif) no-repeat;
  }
.mailmag_cha{ /* アドレス変更 h4 */
  font-size:110%;
  padding:12px 0px 0px 60px;
  background:url(../img/icon_mailmag_cha.gif) no-repeat;
  }
.mailmag_can{ /* 配信解除 h4 */
  font-size:110%;
  padding:12px 0px 0px 60px;
  background:url(../img/icon_mailmag_can.gif) no-repeat;
  }
#sortList{ /* ソート */
  margin:0px;
  padding:10px 3px 5px 3px;
  width:auto;
  color:#333333;
  float:right;
  }
.pageTop { /* ページトップ */
  padding:3px 5px 0px 17px;
  margin:10px 5px;
  background-image:url(../img/icon_top.gif);
  background-repeat:no-repeat;
  background-position:50% left;
  font-size:90%;
  font-weight:bold;
  float:right;
  }
  .pageTop a{ color:#414141;text-decoration:none;}
  .pageTop a:hover{ color:#336699;text-decoration:none;}

/********************************************************************/
  /* フッターーメニューレイアウト設定 */
  #footer {
  padding:0px;
  /*	margin-bottom:2px;*/
  width:auto;
  border-top:0px #999999 solid;
  
  /*	■◆ショップワークス↓↓フッター画像の高さ調整■◆*/
  height:118px;
  
  /*	■◆ショップワークス↓↓個人情報・商取法の位置揃え（基本はレフト）■◆*/
  text-align:center;
  margin-top:5px;
  margin-top:5px;
  background:url()  no-repeat ; 
  }
td>#footer { /* IE7 Safari Firefox 用 */
  height:auto;
  
  /*	■◆ショップワークス↓↓フッター画像の高さ調整（IE7 Safari Firefox 用）■◆*/
  min-height:118px;
  }
.footnavi { /*フッターメニューテキスト設定*/
  /*	■◆ショップワークス↓↓個人情報・商取法の位置調整（必要に応じて。基本的には変更しない）■◆*/
  padding:5px 575px 0px 0px;
/*	■◆ショップワークス↓↓個人情報・商取法（非リンク部）の文字色■◆*/
  color:#5a0000;
  }
  .footnavi a{ 
  /*	■◆ショップワークス↓↓個人情報・商取法の文字色調整■◆*/
  color:#5a0000;
  text-decoration:none;
  font-weight:normal;
  font-size:10px;
  }
  /*	■◆ショップワークス↓↓個人情報と商取法ホバー調整（必要に応じて。基本的には変更しない）■◆*/
  .footnavi a:hover { color:#CCCCCC;/*text-decoration:underline;*/}
#copyright { /* ネットショップ制作サービス　ショップワークス */
  /*	■◆ショップワークス↓↓ショップワークスリンクの位置調整（必要に応じて。基本的には変更しない）■◆*/
  padding:80px 10px 0px 0px;
  padding-bottom:0px;
  width:auto;
  /*	height:20px;*/
  color:#fff;
  text-align:right;
  text-decoration:none;
  font-size:10px;
  /* background:url(../img/copyright.gif) ;*/
  }
#copyright a{ 
  /*	■◆ショップワークス↓↓個人情報・商取法の文字色調整■◆*/
  color:#fff;
  text-decoration:none;
  font-weight:normal;
  font-size:10px;
  }
#copyright a:hover { /*color:#336699;text-decoration:underline;*/}
#footer>#copyright { /* IE7 Safari Firefox 用 */
  height:auto;
  min-height:15px;
  }
/********************************************************************/
  /* サイド設定 */
#search {/* サイド商品検索枠設定 */
  padding:8px 0px 10px 0;
  text-align:center;
  margin:-9px 0 0 0;
  width:160px;
  background:url(http://takasago-mejya.net/pic-labo/bg_kensaku.gif) no-repeat;
  }
/*#search label{
  padding:7px 0px 0px 7px;
  margin:0px;
  color:#FFFFFF;
  line-height:100%;
  letter-spacing:0.2em;
  font-size:12px;
  font-weight:bold;
  }*/

.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}
/* サイドメニューカテゴリリスト */
.list { /* メニュー枠設定 */
  padding:0px 0px; 
  display:block;
  line-height:130%;
  }
.list h3 { /* タイトル */
  padding:5px 5px;
  margin:0px;
  }
ul.free_listbox{
  text-align:left;
  padding:0px;
  margin:0px;
  list-style:none;
  }
ul.listbox{
  text-align:left;
  padding:0px;
  margin:0px;
  list-style:none;
  }
li.ca1 {
  margin:0px;
  /* ●●背景色●● */
  border-top:1px solid #f0e6df; 
  border-bottom:1px solid #FFFFFF;
  }
li.ca2 {
  margin:0px;
  border-bottom:1px solid #FFFFFF;
  }
  li.ca1 a{ padding:5px 3px 5px 15px;
  display:block;
  font-weight:normal;
  text-decoration:none;
  background-image:url(../img/icon_eye01.gif);
  background-repeat:no-repeat;
  /*background:#E8E8E8;*/
  color:#666;
  }
li.ca1 a:hover{
  font-weight:normal;
  text-decoration:none;
  color:#fff;
  background-image: url(/ca1_a.gif);
  background-repeat:no-repeat;
  background-color:#f2ccb4;
  }
li.ca2 a{ padding:1px 3px 1px 15px;
  display:block;
  color:#666;
  font-weight:normal;
  text-decoration:none;
  
  }
  li.ca2 a:hover{
  color:#fff;
  font-weight:normal;
  text-decoration:none;
  background:no-repeat #f7dece;
  }
li.ca3 {
  margin:0px;
  border-top:1px solid #FFFFFF; 
  border-bottom:1px solid #FFFFFF; 
  }
li.ca3 a{ padding:5px 3px 5px 15px;
  display:block;
  font-weight:normal;
  text-decoration:none;
 background-image:url(../img/icon_eye01.gif);
  background-repeat:no-repeat;
  /*background:#E8E8E8;*/
  color:#666;
  }
li.ca3 a:hover{
  font-weight:normal;
  text-decoration:none;
  color:#fff;
  background-image: url(/ca1_a.gif);
  /*background-image:url(../img/icon_eye01_ov.gif);*/
  background-repeat:no-repeat;
  background-color:#f7dece;
  }
li.ca4 {
  margin:0px;
  border-bottom:1px solid #FFFFFF;
  }
li.ca4 a{ padding:3px 3px 3px 25px;
  display:block;
  color:#333333;
  font-weight:normal;
  text-decoration:none;
  background:url(../img/icon_eye02.gif) no-repeat #d44343;
  }
li.ca4 a:hover{
  color:#fff;
  font-weight:normal;
  text-decoration:none;
  background:url(../img/icon_eye02_ov.gif) no-repeat #f7dece;
  }
.sline1 { /* サイドバー下ライン */
  padding:0px;
  margin:0px;
  }
.sline2 { /* サイドバー下ライン */
  padding:0px;
  margin:0px;
  }
/* サイドコンテンツ */
  .sidemain1 { /* メイン枠 */
  margin:3px 0;
  padding:0px;
  background: #ffffff;
  }
.sidemain1 p {
  padding:3px 0;
  margin:0px;
  line-height:120%;
  font-size: 10px;
  }
.sidemain1 ul { /* リスト設定 */
  margin:0px;
  padding:3px 0px 3px 0px;
  list-style:none;
  } 
.sidemain1 li {
  display:block;
  padding:2px 0px 2px 10px;
  color:#0E577E;
  background:url(../img/icon_eye03.gif) no-repeat
  }
/* カレンダー */
  caption { /* 年月タイトル */
  font-weight:bold;
  text-align:center;
  padding:3px;
  color:#333333;
  }
  caption a{ color:#333333;text-decoration:underline;}
  caption a:hover{ color:#333333;	 text-decoration:underline;}
.carender { /* カレンダー テーブル*/
  border-collapse:collapse;
  padding:5px 0px;
  margin:0px;
  text-align:center;
  background-color:#ffffff;
  }
.carender td {
  padding:2px;
  border-collapse:collapse;
  text-align:right;
  border:1px solid #CCCCCC; 
  background-color:#ffffff;
  }
.carender th {
  padding:2px;
  border-collapse:collapse;
  border:1px solid #CCCCCC; 
  background-color:#ffffff;
  }
th.day { /* ヘッダ平日 */
  font-weight:bold;
  color:#414141;
  background:#E8E8E8;
  text-align:center;
  }
th.sun { /* ヘッダ日曜 */
  color:#FFFFFF;
  background:#414141;
  text-align:center;
  }
th.sat { /* ヘッダ土曜 */
  color:#FFFFFF;
  background:#336699;
  text-align:center;
  }
.chert { /* 表示色説明枠  */
  margin:5px 5px;
  font-size:84%;
  }
  .chert td {
  border-collapse:separate;
  padding:0px 0px 0px 5px;
  border:2px solid #FFFFFF;
  }
.line01{
  /*border:#DEDBBE 1px dotted;*/
  vertical-align:buttom;
  } 
#rss{ / * RSS設定 */
  margin:10px 0px 20px 0px ;
  padding:10px 0px 20px 10px ;
  }
#count{ / * カウンター */
  margin:0px;
  padding:5px;
  }
/********************************************************************/
  /* ブログ */
.blogbox { /* コメントボックス*/
  padding:5px;
  margin:2px 0px;
  width:auto;
  /* background:url(../img/blogbox.gif) ;*/
  }
.entry_title { /* ブログエントリータイトル h2 */
  padding:5px 0px 5px 20px;
  display:block;
  font-size:110%;
  /*	color:#FFFFFF;*/
  color:#FFFFFF;
  height:19px;
  background-color:#5a0000; border:#feefe1 1px solid; border-left:#feefe1 5px solid;
  }
.entry_date{
  display:block;
  padding:10px 0px 3px 0px;
  color:#333333;
  text-align:right;
  }
.state{ /* ブログステータス */
  padding:2px 0px;
  text-align:right;
  border-top:1px solid #ded9c5;
  }
.subtitle {/* h3 ブロックサブタイトル */
  padding:5px 0px 5px 0px;
  margin:10px 0px 10px 0px;
  text-align:left;
  font-size:110%;
  color:#547D2B;
  background:url(../img/subtitle.gif);
  height:19px;
  }
 p.label { /* ブログコメントタイトル */
  font-weight:bold;
  }
.tb_url{ /* トラックバックurl */
  font-weight:bold;margin-bottom:10px;
  }
/********************************************************************/
  /* カート */
.point {font-size:120%;color:red;font-weight:900;}
.pointline {font-size:100%;color:#FFFFFF;font-weight:900;padding:3px;background-color:#414141;}
 
/* ナビゲーション （固定）*/
  .step_navi01,.step_navi02,.step_navi03,.step_navi04 {
  text-align:center;
  width:100%;
  height:83px;
  }
.step_navi01 {
  background-image:url(../img/navi01.gif);
  background-repeat:no-repeat;
  }
.step_navi02 {
  background-image:url(../img/navi02.gif);
  background-repeat:no-repeat;
  }
.step_navi03 {
  background-image:url(../img/navi03.gif);
  background-repeat:no-repeat;
  }
.step_navi04 {
  background-image:url(../img/navi04.gif);
  background-repeat:no-repeat;
  }
/********************************************************************/
  /* gnavi */
  div.header_area ul{
  list-style:none;
  margin:0;
  padding:0;
  }
div.header_area ul li{
  float:left;
  }
div.header_area ul li a:hover img{
  -moz-opacity:0.80;
  opacity:0.80;
  filter: alpha(opacity=80);
  }

/*----------------------
  infobox 
  ----------------------*/
  #infoBox {
  width:120px;
  margin:0;
  padding:0 0 8px;
  text-align:center;
  position:fixed;
  right:1px;
  bottom:1px;
  border:1px solid #620303;
  background:#FFFEDE;
  }
  #infoBox p {
  margin:0 0 8px;
  padding:5px;
  line-height:100%;
  background:#683534;
  font-weight:bold;
  color: #FFF;
  
  }
  #infoBox ul {
  margin:0;
  padding:0;
  line-height:100%;
  list-style: none;
  }
  #infoBox li {
  margin:0 0 2px;
  padding:0;
  }
  #infoBox img {
  vertical-align:top;
  border: none;
  }

 
/*
  ===== CLEARFIX ==========================================
  */
  div.header_area ul
  {
  min-height:1px; /* IE 7*/
  }
div.header_area ul:after
  {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
  }
div.header_area ul
  {
  display:inline-table; 
  }
/* Mac IE  \*/
  * html div.header_area ul
  {
  height:1px;
  }
div.header_area ul
  { 
  display:block;
  }
/* */
/* CSS Document */



＿＿終わり＿＿＿＿＿

Answer

すみません！
なんとか正常にもどりました！
ありがとうございました！

Answer

ECマスターズの田中です。

無事解決して何よりです。
現在の状態で、改めてCSSのバックアップを作成していただきますようお願いいたします。