Autopageカスタマイズ「mokomoko」

　なんか微妙にパロディくさい気がしないでもありませんが。某所テーブルレイアウトテンプレートとは全く別物ですので、あしからず。

・ブログの一番上で一番目立つ「メインロゴ」はご自分で用意していただく前提です。
　ご自分で撮った写真や、自作イラスト、素材サイトさんの画像など、お好みの画像をご用意ください。
　サイズが横600px縦200pxであれば、スタイルシートを調整せずにご使用いただけます。
・公式テンプレートのどれを元にするかによって、頁下端広告部分の色が変わります。
公式「スタンダードシリーズ」を元にすることを前提に、色を揃えてあります。
スタンダードwhite、green、 orange、blue、pinkのなかから、メインロゴにあうものを選んでください。
・カスタマイズに必要な画像は８ファイルです。
1)続きを読む
2)続きを読む（オンマウス）
3)記事タイトル左アイコン
4)全体背景
5)記事部分背景
6)ヘッダ用背景
7)トップ頁部用背景 
の７ファイルを、まずご自分のPCにダウンロードしてください。（画像サイズの大きなものは、リンク先にあります）
　メインロゴを加えた８ファイルをご自分の《Autopage》ブログにアップロードし、画像URLを下記スタイルシートの指定の場所に挿入してください。

管理パネル→デザインの変更→かんたんデザイン変更→スタンダード→スタンダードwhite(,green, orange or pink)
　または
管理パネル→デザインの変更→かんたんデザイン変更→人気ランキング→スタンダードblue
　→このテンプレートを使う→左メニュー→デザインを変更する
　（これでいったん、公式スタンダードwhite（等）にテンプレートが変わります）
→管理パネル→デザインの変更→こだわりデザイン変更→スタイルシートの直接編集→画像URLを入れて準備したスタイルシートを全部はりつけます。
→編集を保存→スタイルシート保存の確認・スタイルシートに名前をつけて、新たに追加保存する→スタイル名とコメントをお好きに入力→「保存したデザインをすぐに設定する」を選ぶ→「スタイルを追加する」
●画像は、加工可、加工再配布可、加工依頼可、自作発言不可、直リン使用不可。画像をさしかえて、一部画像のみ、あるいはスタイルシートのみの使用もOKです。
スタイルシートをAutopage以外に流用したい場合は、ご自分でお願いします。ケアはしませんｗ

続きを読む

続きを読む（オンマウス）

記事タイトル左アイコン

メインロゴ画像(600px×200px)は、各自ご用意ください。

全体背景： / 記事部分背景 / ヘッダ用背景 / トップ頁部用背景

全体背景： / 記事部分背景 / ヘッダ用背景 / トップ頁部用背景

全体背景： / 記事部分背景 / ヘッダ用背景 / トップ頁部用背景

全体背景： / 記事部分背景 / ヘッダ用背景 / トップ頁部用背景

全体背景: / 記事部分背景 / ヘッダ用背景 / トップ頁部用背景

画像を入れるところには、「▼」と「【】」で注釈が入れてあります。検索(ctrl+f)して、入力してください。

*{word-break: break-all;}
body,div,h1{margin:0;padding:0;}

/* 全体のリンク色などの設定 */
A {
text-decoration: none;
}

/* 未訪問リンク色の設定 */
a:link {
color: #7799cc;
}

/* 訪問済みリンク色の設定 */
a:visited {
color: #7799cc;
}

/* リンクを選択した瞬間の色の設定 */
a:active {
color: #CAE1EE;
}

/* マウスをかざしたときのリンク色の設定 */
a:hover {
color: #CAE1EE;
}

/* HTML全体 ▼全体背景画像*/
body {
background-image:url(【全体背景画像URL】);
text-align: center;
color: #777;
}

/* ブログ本体 ▼記事部分用背景画像*/
#tcpbody {
background:url(【記事部分背景画像URL】) center top repeat-y;
width: 800px;
padding: 0px;
margin: 0px auto;
text-align: left;
}

/* 上部ブログタイトル部分 ▼ヘッダ用背景画像 */
#tctoptitlelay {
background:url(【ヘッダ用背景画像URL】) center bottom repeat-y;
text-align:center;
padding: 0px;
}

/* ブログタイトル文字 ▼メインロゴ画像 */
#tctoptitlelay h1 {text-align:center;}

#tctoptitlelay a{display:block;
height:201px;
width:600px;
font-size:1px;
margin:0 auto;padding:0;
background:url(【メインロゴ画像URL】) no-repeat bottom center ;
color:#fff;}
#tctoptitlelay a:link{background:url(【メインロゴ画像URL】) no-repeat bottom center ;
color:#fff;}
#tctoptitlelay a:visited{background:url(【メインロゴ画像URL】) no-repeat bottom center ;
color:#fff;}
#tctoptitlelay a:hover{background:url(【メインロゴ画像URL(オンマウス)】) no-repeat bottom center ;
color:#fff;}
#tctoptitlelay a:active{background:url(【メインロゴ画像URL(オンマウス)】) no-repeat bottom center ;
color:#fff;}

/* ブログサブタイトル文字 */
#tctoptitlelay p {
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
text-align: left;
padding:0;
margin: 0px auto;
width: 500px;
font-size: 84%;
color: #777;
line-height:1;
}

/* トップページ自由項目 ▼トップ頁部用背景画像*/
#tctopfreelay {
background:url(【トップ頁部用背景画像URL】) no-repeat bottom center;
clear: both;
height:18px;
margin: 0px;
padding: 0;
}

/* 左サイドメニュー全体 */
#tcsidelay {
float: left;
padding: 0;
margin: 0px;
width: 275px;
}

/* 左サイドメニュー内部 */
#sidemenu {
margin-left: 115px;
width: 160px;
font-size: 84%;
font-weight: normal;
line-height: 1.5em;
margin-bottom: 20px;
overflow:hidden;
}

/* 右サイドメニュー全体 */
#tcside2lay {
float: right;
padding: 20px 15px 0px 15px;
margin: 0px 0px 0px 0px;
word-break: break-all;
width: 160px; 
}

/* 右サイドメニュー内部 */
#sidemenu2 {
width: 160px;
font-size: 84%;
font-weight: normal;
line-height: 1.5em;
margin-bottom: 20px;
}

#sidemenu a,a:link,a:hover,a:visited,a:active {
text-decoration: none;
}

#sidemenu2 a,a:link,a:hover,a:visited,a:active {
text-decoration: none;
}

/* 汎用サイドメニューパーツ 全体 */
.blockone {
list-style: none;
font-size:84%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px; 
background-position: left top;
background-repeat: no-repeat;*/
}

/* 汎用サイドメニューパーツ タイトル文字 */
#sidemenu h3 {
color: #4482DF;
width: 160px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 84%;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center;
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* 汎用サイドメニューパーツ リスト部分 */
.blockone ul {
color: #4482DF;
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* 汎用サイドメニューパーツ 背景 */
.sidebar_bg,.blockonebody {
color: #4482DF;
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニュー「TSUTAYA」背景 */
.blockone .tsutayabody{
color: #4482DF;
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニュー「TSUTAYA」ランキング背景 */
.blockone .tsutayabody table {

}

/* サイドメニュー「TSUTAYA」ランキングフッター背景 */
.blockone .tsutayabody table div table{
background:#004080;
}

/* サイドメニュー「プロフィール」背景 */
.blockone .sideprofbody {
text-align: center;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 5px;
}

/* サイドTeacupMenu */
.sidetcup {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドTeacupMenu TITLE */
.sidetcup h3 {
color: #4482DF;
width: 160px;;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドTeacupMenu body */
.sidetcup .sidetcupbody {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドTeacupMenu ul */
.sidetcup ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;

}

/* サイドメニューカレンダーパーツ全体 */
.cal {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニューカレンダーパーツ タイトル文字 */
.cal h3 {
color: #4482DF;
width: 160px; 
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニューカレンダーテーブル */
.cal TABLE {
width: 160px;
border: none;
border-collapse: collapse;
margin: 0px 0px;
padding: 0px 0px;
}

/* サイドメニューカレンダー 年月 */
.cal .caption {
color: #4482DF;
font-weight :normal;
font-family: "Trebuchet MS", Verdana, sans-serif;
letter-spacing: 0.3em;
vertical-align: baseline;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* サイドメニューカレンダー 曜日 */
.cal TH {
font-family: "Trebuchet MS", Verdana, sans-serif;
text-align: center;
font-style: normal;
font-weight: normal;
margin: 0px;
padding: 0px;
}

/* サイドメニューカレンダー 日付 */
.cal TD {
font-family: "Trebuchet MS", Verdana, sans-serif;
text-align: center;
padding: 0px;
width: 23px;
line-height: 1.5em;
border: none;
}

/* サイドメニューカレンダー 日曜日 */
.cal .sun {
color: #FF8040;
font-family: "Trebuchet MS", Verdana, sans-serif;
}

/* サイドメニューカレンダー 曜日文字 */
.cal .calendar {
font-family: "Trebuchet MS", Verdana, sans-serif;
}

/* サイドメニュー「最近の投稿」パーツ 全体 */
.recentpost {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「最近の投稿」パーツ タイトル文字 */
.recentpost h3 {
color: #4482DF;
width: 160px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「最近の投稿」パーツ リスト部分 */
.recentpost ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニュー「過去ログ」パーツ 全体 */
.pastlog {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「過去ログ」パーツ タイトル文字 */
.pastlog h3 {
color: #4482DF;
width: 160px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;
} 


/* サイドメニュー「過去ログ」パーツ リスト部分 */
.pastlog ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニュー「記事カテゴリ」パーツ 全体 */
.cate {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「記事カテゴリ」パーツ タイトル文字 */
.cate h3 {
color: #4482DF;
width: 160px;

font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「記事カテゴリ」パーツ リスト部分 */
.cate ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニュー「リンク集」パーツ 全体 */
.link {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「リンク集」パーツ タイトル文字 */
.link h3 {
color: #4482DF;
width: 160px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「リンク集」パーツ リスト部分 */
.link ul,.linkbody {
list-style: none;
list-style-position: outside; 
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニュー「ページ内検索」パーツ 全体 */
.search {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「ページ内検索」パーツ タイトル文字 */
.search h3 {
color: #4482DF;
width: 160px;

font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「ページ内検索」パーツ フォーム */
.searchbody {
background-image: url(/common/img/user/148-a/side_bg.gif);
text-align: center;
}
.search form {
width: 120px;
margin: 0px auto;
padding-top: 6px;
text-align: left;
}

/* サイドメニュー「最近のコメント」パーツ 全体 */
.recentcomm {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「最近のコメント」パーツ タイトル文字 */
.recentcomm h3 {
color: #4482DF;
width: 160px; 
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「最近のコメント」パーツ リスト部分 */
.recentcomm ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニュー「最近のトラックバック」パーツ 全体 */
.recenttb {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「最近のトラックバック」パーツ タイトル文字 */
.recenttb h3 {
color: #4482DF;
width: 160px; 
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「最近のトラックバック」パーツ リスト部分 */
.recenttb ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニュー「最近の投稿画像」パーツ 全体 */
.recentimg {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「最近の投稿画像」パーツ タイトル文字 */
.recentimg h3 {
color: #4482DF;
width: 160px;

font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 84%;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「最近の投稿画像」パーツ リスト部分 */
.recentimg ul {
list-style: none;
list-style-position: outside;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 5px 5px;
}

/* サイドメニュー「最近の投稿画像」パーツ リスト部分 */
.recentimg ul li{
list-style: none;
list-style-position: outside;
text-align: center;
margin: 0px 0px 5px 0px;
padding: 0px;

}

/* サイドメニュー「カウンター」パーツ 全体 */
.counter {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「カウンター」パーツ タイトル文字 */
.counter h3 {
color: #4482DF;
width: 160px;

font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 84%;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 0px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「カウンター」パーツ リスト部分 */
.counter ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニュー「サイドメニュー自由項目」パーツ 全体 */
.sidefree {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「サイドメニュー自由項目」パーツ タイトル文字 */
.sidefree h3 {
color: #4482DF;
width: 160px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「サイドメニュー自由項目」パーツ 本体テキスト部分 */
.sidefreebody {
list-style: none;
list-style-position: outside;
padding: 5px 10px;
}

/* サイドメニュー「サイドメニュー自由項目」パーツ リスト部分 */
.sidefree ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;

}

/* サイドメニュー「RSS取り込み1」パーツ 全体 */
.rssin01 {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「RSS取り込み1」パーツ タイトル文字 */
.rssin01 h3 {
color: #4482DF;
width: 160px;

font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「RSS取り込み1」パーツ リスト部分 */
.rssin01 ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニュー「RSS取り込み2」パーツ 全体 */
.rssin02 {
width: 160px;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
}

/* サイドメニュー「RSS取り込み2」パーツ タイトル文字 */
.rssin02 h3 {
color: #4482DF;
width: 160px; 
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 84%;
line-height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 2px;
text-align: center; 
background-image: url(/common/img/user/148-a/side_header.gif);
background-position: left top;
background-repeat: no-repeat;

}

/* サイドメニュー「RSS取り込み2」パーツ リスト部分 */
.rssin02 ul {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
}

/* サイドメニューRSS出力用アイコン */
.rssout {
padding-left: 0.5em;
margin-left: 18px;
}

.linkbody {
list-style: none;
list-style-position: outside;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.linkbody p {
margin: 0px;
padding: 0px 15px;
}

/* 記事本文が入るメインレイアウト全体 */
#tcmainlay {
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
word-break: break-all;
width: 485px;
}

/* 投稿記事単位▼記事タイトル左アイコン*/
.postdate {
width: 380px;
background-image: url(【記事タイトル画像URL】);
background-position: left top;
background-repeat: no-repeat;
}

/* 投稿記事の日付テキスト見栄え設定 */
.postdate h2 {font-size:84%;
font-family: "Times New Roman", serif;
font-weight: normal;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 50px;

}

.postdate hr {
margin: 0px;
padding: 0px;
}

/* 投稿記事の題名テキスト見栄え設定 */
.posttitle {
margin: 0px 0px 0px 0px;
padding: 2px 50px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 96%;
font-weight: bold;
text-align: left;
line-height: 20px;
}

/* 投稿記事の記事カテゴリテキスト見栄え設定 */
.postcate {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
}

.category{font-weight: normal;
color: #666;
font-size:84%;}

.postcate a,.postcate a:link,.postcate a:hover,.postcate a:active,.postcate a:visited {
color: #777;
text-decoration: none;
}

/* 投稿記事の本文 */
.postbody {
color: #777;
margin: 8px 3px 8px 20px;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 84%;
line-height:1.6;
}

.postbody A, .postbody A:link, .postbody A:visited, .postbody A:hover, .postbody A:active{
text-decoration: none;
}

/* コメント・トラックバックへのリンクテキスト */
.postcommtb {
/*color: #A31F12;*/
padding: 5px;
line-height: 20px;
text-align: right;
font-size:84%;

}


/*▼続きを読む*/
a.readmore {display:block;
height:46px;
width:100%;
font-size:1px;
margin:0;padding:0;
background:url(【続きを読む画像URL】) no-repeat bottom right ;
color:#fff;}
a.readmore:link{background:url(【続きを読む画像URL】) no-repeat bottom right ;
color:#fff;}
a.readmore:visited{background:url(【続きを読む画像URL】) no-repeat bottom right;
color:#fff;}
a.readmore:hover{background:url(【続きを読む画像URL（オンマウス）】) no-repeat bottom right;
color:#fff;}
a.readmore:active{background:url(【続きを読む画像URL（オンマウス）】) no-repeat bottom right;
color:#fff;}



/* 投稿者名テキスト */
.postname {
font-size:84%;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
padding: 0px 5px;
text-align: right; 
}

/* ページ送りリンクテキスト */
.nextpage form {
margin: 0;
}
.nextpage, .nextpage A, .nextpage A:link, .nextpage A:visited, .nextpage A:hover, .nextpage A:active{
text-align: right;
font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 84%;
}

.nextpage{ margin: 0 100px 0 0;}

/* コメントフォーム「投稿者名」 */
.commfrm1 {
}

/* コメントフォーム「メール」 */
.commfrm2 {
float: left;
}

/* コメントフォーム「投稿する」SUBMITボタン */
.commfrm3 {
float: right;
}

/* コメントフォーム「リンク」 */
.commfrm4 {
clear: left;
}

.commfrm4 textarea{
width: 300px;
}

/* コメントフォーム全体 */
.commfrmall {
margin-bottom: 5px;
padding: 15px 0px
font-size: 84%;

}

/* コメント関連部品全体 */
#comm {

margin-bottom: 7px;
padding: 5px 5px 5px 5px;
font-size: 84%;
}

/* コメントフォーム */
#comm form {
width: 360px;
}

.commtxt {
text-align: left;
}

/* コメント書き込みタイトル */
.commtitle {
float: left;
margin: 3px;

}

/* コメント書き込み日付 */
.comminfo {
float: right;
margin: 3px;

}

/* コメント書き込み本文 */
.commbody {
clear: left;
margin-bottom: 7px;
padding: 5px 10px;

}


/* コメント書き込み全体 */
.commone {
margin: 7px 100px 7px 7px;
border-width: 0px 0px 2px 0px;
border-style: dotted;
border-color: #777;
}

/* トラックバック画面全体 */
#tb {
margin: 7px 100px 7px 7px;
padding: 5px 5px 5px 5px;
font-size: 84%;
}

/* トラックバック全体のタイトルテキスト */
.tbtxt {
text-align: left;

}

/* トラックバックURL表示フォーム */
.tburl {
margin-bottom: 5px;
padding-top: 15px;
padding-left: 10px;
padding-bottom: 10px;
font-size: 84%;
}

.tbform{

}

.tbform input{
width: 300px;

}

.tbbtn {
margin-right: auto;
margin-left: auto;
}

/* トラックバック解説文 */
.tbhelp {
margin-bottom: 20px;
padding: 5px;
font-size: x-small;
width: 380px; 
}

/* トラックバック記事タイトル */
.tbtitle {
float: left;
margin: 3px;
}

/* トラックバック記事日時 */
.tbinfo {
float: right;
margin: 3px;
border-color: #777;
}

/* トラックバック記事本文 */
.tbbody {
clear: left;
margin-bottom: 7px;
padding: 5px 10px 5px 10px;

}

/* トラックバック元サイト名 */
.tbfrom {
text-align: right;
margin: 3px;
}

/* トラックバック記事一つ分 */
.tbone {
border-width: 0px 0px 2px 0px;
border-style: dotted;
border-color: #777;
margin: 7px;
}

/* リンクバナー */
.linkbanner {
margin: 8px;
}

/* 下部のログインボタンレイアウト全体 */
#tcloginlay {
width: 800px;
margin-right: auto;
margin-left: auto;
padding: 0px;
}

/* 下部のログインボタンフォーム */
.loginfrm {
text-align: left;
padding: 20px;
}

/* パスワード保護時のブログタイトルテキスト */
.protecttitle {
color: #777;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #FFFFFF;
background-color: #FFFFFF;
}

/* パスワード保護時のブログ説明文 */
.protectbody {
font-size: 9pt;
padding: 12px;
width: 460px;
color: #777;
background-color: #FFFFFF;
}