/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
font-size:13px;
color:#ff7dc2;
text-align:center;
}
/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}
/*通常のリンクの設定*/
a:link {
color:#FE8CC4;
background-color: #fcfbee;
text-decoration:none;
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
color:#ff7dc2;
background-color: #fcfbee;
text-decoration:none;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
color:#ff7dc2;
background-color: #fcfbee;
text-decoration:none;
}
/*アクティブ状態のリンクの設定*/
a:active {
color:#ff7dc2;
background-color: #fcfbee;
text-decoration:none;
}

/*全体の設定*/
#mainBlock {
width:770px;
text-align: center;
margin-right:auto;
margin-left:auto;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
width:770px;
height: 200px;
text-align: left;

background-image:url('http://file.kirakira.anime-festa.com/girl-in-pink.jpg');
background-repeat:no-repeat;
background-position:70% 100%;
}

/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 10px 0px 0px 20px;
font-size:14px;
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
font-family:"HG丸ｺﾞｼｯｸM-PRO", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
background-color: #fcfbee;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding: 10px 0px 0px 20px;
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
clear:both;
height: 200px;
text-align: right;
}


/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 250px;
text-align: left;
float:left;
}
/*プラグイン表示箇所背景*/
.PluginBg {
background-color: #fcfbee;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:10px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
font-family:"HG丸ｺﾞｼｯｸM-PRO", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 10px;
font-family:"HG丸ｺﾞｼｯｸM-PRO", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
}
/*プラグインが表示される場所の設定*/
/* プラグイン忍者広告表示部分 */

div.PluginContents .ninjaad   {
    padding: 5px 10px;
    overflow: auto;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*テキスト部分の背景設定*/
.textbg {
background-color: #fcfbee;
}

/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 500px;
float:right;
text-align: left;
font-family:"HG丸ｺﾞｼｯｸM-PRO", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding: 20px;
text-align: left;
padding: 10px;
padding-bottom: 20px;

border-right: dashed 1px #ff7dc2;
border-left: dashed 1px #ff7dc2;
border-bottom: dashed 1px #ff7dc2;
border-top: dashed 1px #ff7dc2;
font-size:12px;
color:#ff7dc2;
font-family:"HG丸ｺﾞｼｯｸM-PRO", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
font-size:16px;
background-position:center center;
background-image:url('http://bfile.shinobi.jp/1196/821a.gif');
padding-top:10;
padding-bottom:50;
background-repeat:no-repeat;

}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
background-color: #fcfbee;
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;

}
/*記事本文が記載される部分*/
.EntryText {
padding: 10px;
font-size:13px;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding: 15px;
text-align: right;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:5px;
padding-top: 10px;
padding-bottom: 60px;

padding-right:40px;
background-position: right top;
background-repeat:no-repeat;
background-image:url('http://bfile.shinobi.jp/1196/821b.gif');

}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
line-height:140%;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: left;
font-size: 12px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:5px;
font-family:"HG丸ｺﾞｼｯｸM-PRO", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:80%;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}
/* カエレバ装飾 */

.shoplinkamazon {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #C3F2FC), color-stop(0.00, #C3F2FC))!important;
background : -webkit-linear-gradient(top, #C3F2FC 0%, #C3F2FC 88%)!important ;
background : -moz-linear-gradient(top, #C3F2FC 0%, #C3F2FC 88%)!important ;
background : -o-linear-gradient(top, #C3F2FC 0%, #C3F2FC 88%)!important ;
background : -ms-linear-gradient(top, #C3F2FC 0%, #C3F2FC 88%)!important ;
background : linear-gradient(to bottom, #C3F2FC 0%, #C3F2FC 88%)!important ;
}

.shoplinkrakuten {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #FCDDFC), color-stop(0.00, #FCDDFC))!important;
background: -webkit-linear-gradient(top, #FCDDFC 0%, #FCDDFC 88%)!important;
background: -moz-linear-gradient(top, #FCDDFC 0%, #FCDDFC 88%)!important;
background: -o-linear-gradient(top, #FCDDFC 0%, #FCDDFC 88%)!important;
background: -ms-linear-gradient(top, #FCDDFC 0%, #FCDDFC 88%)!important;
background: linear-gradient(to bottom, #FCDDFC 0%, #FCDDFC 88%)!important;
}


.shoplinkyahoo {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #E8E2FE), color-stop(0.00, #E8E2FE))!important;
background: -webkit-linear-gradient(top, #E8E2FE 0%, #E8E2FE 88%)!important;
background: -moz-linear-gradient(top, #E8E2FE 0%, #E8E2FE 88%)!important;
background: -o-linear-gradient(top, #E8E2FE 0%, #E8E2FE 88%)!important;
background: -ms-linear-gradient(top, #E8E2FE 0%, #E8E2FE 88%)!important;
background: linear-gradient(to bottom, #E8E2FE 0%, #E8E2FE 88%)!important;
}

.shoplinkyahooAuc {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #FFE3F2), color-stop(0.00, #FFE3F2))!important;
background: -webkit-linear-gradient(top, #FFEBC8 0%, #FFEBC8 88%)!important;
background: -moz-linear-gradient(top, #FFEBC8 0%, #FFEBC8 88%)!important;
background: -o-linear-gradient(top, #FFEBC8 0%, #FFEBC8 88%)!important;
background: -ms-linear-gradient(top, #FFEBC8 0%, #FFEBC8 88%)!important;
background: linear-gradient(to bottom, #FFEBC8 0%, #FFEBC8 88%)!important;
}

.shoplinkseven {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #6B8E23), color-stop(0.00, #9ACD32))!important;
background: -webkit-linear-gradient(top, #9ACD32 0%, #6B8E23 88%)!important;
background: -moz-linear-gradient(top, #9ACD32 0%, #6B8E23 88%)!important;
background: -o-linear-gradient(top, #9ACD32 0%, #6B8E23 88%)!important;
background: -ms-linear-gradient(top, #9ACD32 0%, #6B8E23 88%)!important;
background: linear-gradient(to bottom, #9ACD32 0%, #6B8E23 88%)!important;
}


.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkyahoo a,
.shoplinkyahooAuc a,
.shoplinkseven a {
color : white!important ;
text-decoration : none!important ;
display : inline-block!important ;
padding : 0.2em 1em!important ;
}

.shoplinkamazon,
.shoplinkrakuten,
.shoplinkyahoo,
.shoplinkyahooAuc,
.shoplinkseven {
display : inline-block!important ;
padding: 0.3em!important; 
margin : 0 0.2em 0.2em 0!important ; 
letter-spacing : 0.2em!important ;
line-height : 1.2!important ;
border-radius : 10px!important ;
-webkit-border-radius : 10px!important ;
-moz-border-radius : 10px!important ;
}

.shoplinkamazon:hover,
.shoplinkrakuten:hover,
.shoplinkyahoo:hover,
.shoplinkyahooAuc:hover,
.shoplinkseven:hover {
background : gray!important ;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

a { text-decoration: none; }
a:hover { text-decoration: underline; }

</style>

</head>
<body>

<p><a href="index.html">リンクカテゴリー</a></p>

</body>
</html>

