「CSSを修正したら表示がおかしくなった」「初期状態に戻したい」時は、以下のCSSをコピーし、そのままCSSファイルに貼り付けて下さい。すると、当初の状態に戻すことができます。
@charset "utf-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
◇◆◇ 毎日伝令くんGOLD用CSS ◇◆◇
・コマースデザイン株式会社が提供する「毎日伝令くんGOLD」の
デザインを修正するために使います。
・中上級者向けです。修正には、CSSについての知識が必要です。
・CSSを誤って書き換えた時に「元に戻す」ために、
このファイルの内容を、他のテキストファイルに保存してから
修正することを勧めます。
・下の方にある、「デザインを変更」の部分のみ書き換えれば、簡単です。
[2015/03/13改訂]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
/******ここは変更しないでください******/
body{margin:0}
.item img, .dr img{ display:block; border:none; margin: 0 auto; }
.item{ border:1px solid #eee; font-size:12px; }
.item p{margin:0; color:#BF0000; font-weight:bold; text-align:center;}
.item p a{color:#BF0000;}
.item>a{word-break: break-all;}
.ttl{ width:155px; background-color:#FDD621; text-align:center;}
.ttl td span{ color:#000; font-size:14px; }
.item .image{ background: #ffffff; width: 138px; margin: 5px auto;}
.item .price{font-size:130%;}
.item .info{ text-align:right; line-height:1.4; font-weight:bold; color:#BF0000;}
.info img{ margin:0;}
.info span.cntrankin{font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; padding: 2px 5px; border-radius: 3px; display: inline; cursor:pointer;}
.info span.cntrankin>span{font-size:14px; padding: 0 2px; font-weight: bold;}
.info .rank{font-size: 17px; font-weight: bold; margin-bottom: 5px; background: #FC9; color: #C00; padding: 3px 0 3px 10px;}
.item .info span.cntrankin{font-size: 11px;}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-----------------------------------------------------
レフトナビタイプのデザインを変更
-----------------------------------------------------
*/
/* ◆---------- 枠について----------◆ */
/* 全体の幅を変更できます。150pxにするときは、脇に書いてある値に変更してください。*/
.item{
width:145px; /* 131px */
margin:5px; /* 5px 0 */
padding:5px 7px; /* 5px 0 */
}
/* ◆---------- 商品リンクの文字色 ----------◆ */
/*通常の色*/
.item a{
color:#1D54A7;
}
/*マウスカーソルをのせた時の色*/
.item a:hover{
color: #C00000;
}
/* ◆---------- 「計◇回受賞」 を変更できます ----------◆ */
/*ランキング市場風*/
.info span.cntrankin {
color:#fff;/*文字色*/
background-color:#BF0000; /*背景色*/
font-weight:normal;/*文字の太さ 「normal」を「bold」に書き換えると太字になります*/
}
/*レフトナビタイプ*/
.item .info span.cntrankin{
color:#000;/*文字色*/
background-color:#ff9899;/*背景色*/
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/******ここは変更しないでください******/
/*base*/
.ranking_box{ line-height: 1.3em; font-size: 84%; clear:both; border-bottom: solid 1px #BBB; overflow: hidden; width:544px; margin:0;}
.ranking_box dl,.ranking_box dd,.ranking_box div{margin:0;}
.ranking_box dd{display: block;}
.ranking_box img{border: 0 none;}
.rank,.imageBox{float:left;}
/*link color*/
a{color:#1D54A7; text-decoration:none;}
a:hover{color: #C00000; text-decoration:underline;}
/*Background*/
.ranking_box .rank{background: url("http://image.event.rakuten.co.jp/ranking/mayall/img/ranking/A/bg_rank4later.gif") repeat-y 0 0px;}
.top3box .rank{ background: url("http://image.event.rakuten.co.jp/ranking/mayall/img/ranking/A/bg_rank1to3.gif") repeat-y 0 0px; }
.top1BgColor{ background-color:#FFEBE0; }
/*rank*/
.rank{width: 56px; min-height: 150px;height: 150px;}
.rank div{margin: 65px 0 0 0; color: #BF0000; font-size: 220%; font-weight: bold; text-align: center;}
.rank span{font-size:12px;}
.top3box .rank, .top3box .rank img{ width:56px; margin: 0;}
/*else*/
dd.imageBox{padding: 13px 10px 13px 0;}
dd.imageBox div *{vertical-align: middle;}
dd.imageBox div{width: 138px; text-align: center; height: 138px; vertical-align: middle; display: table-cell; layout-grid-line:138px;}
dd.detail{padding-right:5px; margin-left:206px !important;}
.itemname{padding-top:14px; word-break: break-all; overflow:hidden; height: 2.5em;min-height: 2.5em;}
.itemname > a{font-weight:bold}
.itemname >span{line-height: 2.8em;}
.price,.info{ text-align: right; padding-top:5px;}
.price{ padding: 1px 0; font-size: 148%; color: #BF0000; font-weight: bold; text-align: right; }
dd.detail .info{font-size:11px;}
.review{font-weight:normal; padding:7px 0 0;}
.rnkRanking_underbox{text-align: right;}
/*bookmark*/
.genreRankingBookMarkBox{width: 90px; margin-bottom:6px !important;}
.ranking_box div#bkmDlogArea{margin-left: 0px !important; margin-top: -5px !important;}
.ranking_box div#bkmDlogArea, .ranking_box div#bkmDlogArea div#bkmDlog, .ranking_box div#bkmDlogArea div#bkmDlogComp{width: 328px !important;}
.ranking_box div.bookmarkArea div.bkm{padding:0 !important;}
/*over 10*/
.recommend{margin-left: 25px;}
/*renewed*/
.flat_ver .top1BgColor{ background-color:#fff; }
.flat_ver .ranking_box .rank{background:#fff}
.flat_ver .top3box .rank{ background:#fff; }
.flat_ver .rank{position:relative;}
.flat_ver .rank div{font-family: 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
.flat_ver .rank img{position:absolute; top:33px; left:0;}
.clarify .itemname{height: auto;}
/*timestamp*/
div.info>span{font-weight:normal; color:#808080; display:block;}
/*signature*/
#signature{ margin:7px 0 7px 5px; font-size:10px; color:#808080; line-height:1; }
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-----------------------------------------------------
ランキング市場風のデザインを変更
-----------------------------------------------------
*/
/* ◆---------- 商品リンクの文字色 ----------◆ */
/*通常の色*/
.dr a{
color:#1D54A7;
}
/*マウスカーソルをのせた時の色*/
.dr a:hover{
color: #C00000;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*.behind{ color:#808080 !important; font-weight:normal !important; font-size:11px; text-decoration:none; cursor:text; }
↑(全デザイン共通)ランキング市場へのリンクを目立たなくしたい場合に使います。*/