背景画像の、いろいろな配置の方法です。

-----

テンプレートの、背景画像を設定している箇所に、下記の指定をしてください。

「背景画像を設定している箇所」というのは、
background-image: url(【画像URL】);
という記述があるところです。

-----

画像を、背景一面に敷き詰める
background-repeat: repeat;

縦一列に並べる
background-repeat: repeat-y;

左下に1つ配置
background-repeat: no-repeat;
background-position: left bottom;

中央に1つ配置
background-repeat: no-repeat;
background-position: center center;

-----

CSSの詳細は、とほほのWWW入門の「スタイルシート入門」の背景の項目をご覧ください。

色　：　ラヴェンダー、ライトパープル
デザイン　：　シンプル
ポイント　：　優しいラヴェンダー色でまとめてみました

-----

body {
color : #505058 ;
scrollbar-base-color:#c0bce6;
background-color : #c0bce6 ;
}
a:link {
color : #8032f0 ;
text-decoration : none;
}
a:active {
color : #505058 ;
text-decoration: underline;
}
a:visited {
color : #9932CC ;
text-decoration : none;
}
a:hover {
color : #706c96 ;
text-decoration: underline;
}
.mydoblog-position {
text-align : left ;
}
.mydoblog-position table{
background-color : #706c96 ;
background-image: none ;
padding-bottom :2px ;
}
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 200% ;
font-weight : bold ;
color : #706c96;
width : 776px ;
text-align : center ;
padding-top : 5px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
voice-family : "\"}\"";voice-family : inherit ;
}
.mydoblog-contents {
width : 776px ;
text-align : left ;
}
.menu-contents hr{
height : 2px ;
width : 80% ;
color : #706c96 ;
text-align : center ;
}
.menu-contents table{
background-color : #D3D0EE ;
}
.menu {
width : 176px ;
float : left ;
border-color : #706c96 ;
border-style : solid ;
border-width : 2px ;
background-color : #D3D0EE ;
}
.menu-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
text-align : center ;
color : #ffffff ;
background-color : #706c96 ;
width : 100% ;
border-color : #706c96 ;
border-style : solid ;
border-width : 1px ;
padding-top : 4px ;
padding-bottom :3px ;

voice-family : "\"}\"";voice-family : inherit ;
}
.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-bottom:5px;
}
.calender {
}
.calender-focus {
}

.blog {
position : absolute ;
left : 180px ;
width : 596px ;
border-color : #706c96 ;
border-style : solid ;
border-width : 2px ;
background-color : #D3D0EE ;
voice-family : "\"}\""; voice-family : inherit ;
}
.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #ffffff ;
background-color : #706c96 ;
padding-top : 4px ;
padding-bottom : 3px ;
text-align : center ;
voice-family : "\"}\"";voice-family : inherit ;
}
.blog-contents {
margin-right : 5px ;
margin-left : 5px ;
voice-family : "\"}\"";voice-family : inherit ;

}
.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
text-align : right ;
margin-top : 5px ;
margin-bottom : 5px ;
}
.blog-category {
}
.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
text-align : right ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 4px ;
margin-bottom : 5px ;
}
.blog-date {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #ffffff ;
text-align : center ;
padding-top : 5px ;
padding-bottom : 4px ;
margin-top : 10px ;
background-color : #706c96 ;
}
.blog-entry {
margin-top : 8px ;
margin-bottom :20px ;
margin-left : 5px ;
margin-right : 5px ;
}
.blog-title {
padding-top : 10px ;
padding-bottom : 5px ;
padding-left : 8px ;
padding-right : 8px ;
margin-bottom : 3px ;
}
.blog-scene {
width : 100%;
padding-top : 5px ;
padding-bottom : 5px ;
overflow : visible ;
}
.blog-title-time {
position : relative ;
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #706c96 ;
float : left ;
}
.blog-title-title {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 100% ;
line-height : 125% ;
font-weight : bold ;
color : #706c96 ;
}
.blog-title-slide {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
}
.blog-image {
float : right ;
margin-right : 5px ;
overflow : visible ;
}
.blog-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 2px ;
padding-bottom : 2px ;
padding-left : 18px ;
padding-right : 18px ;
}
.blog-text-url {
margin-top : 1em ;
}
.blog-update {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-right : 15px ;
margin-bottom : 10px ;
text-align : right ;
clear : both ;
}
.blog-entry-footer {
padding-top:2px;
padding-bottom:5px;
padding-left : 8px ;
padding-right : 8px ;
}
.blog-trackback {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-left : 5px ;
padding-bottom : 5px ;
float : left;
}
.blog-pagetop {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-bottom : 5px ;
margin-top : 1.25em ;
text-align : right ;
}
/*以下、ポップアップページのスタイルシート*/
.blog-popup {
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin : 5px ;
border-color : #706c96 ;
border-style : solid ;
border-width : 2px ;
background-color : #d0ccf6 ;
}
.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 135% ;
font-weight : ;
color : ;
}

色　：　スカイ、ブルー
デザイン　：　キレイ
ポイント　：　背景に画像を使い、メニュー部分を透過させてみました。お好きな写真や絵を使ってください

使い方　：

・まずは基本通り、下記のCSSをコピーして、ご自分のBlogの「デザイン変更」画面でペーストしてください。

・背景に使う画像を、ご自分のBlogにアップロードしてください。「下書き保存する」にチェックしてアップロードするといいと思います。

・画像をクリックして表示させ、画像のURL（http://www.doblog.com/img/○○/○○.gif）をコピーします。

・CSSの【画像URL】の部分に、コピーしたURLをペーストします。

-----

body {
color : #404040 ;
background-color : #ffffff ;
background-image: url(【画像URL】);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
a:link {
color : #4050d0 ;
}
a:active {
color : #999999 ;
}
a:visited {
color : #304090 ;
}
a:hover {
color : #999999 ;
}
.mydoblog-position table {
background-image : none ;
background-color : #6495ED;
}
.mydoblog-position {
text-align : left ;
}
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 200% ;
font-weight : bold ;
width : 776px ;
text-align : left ;
text-indent : 5px ;
padding-top : 5px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
color : #6495ED ;
voice-family : "\"}\"";voice-family : inherit ;
}
.mydoblog-contents {
width : 776px ;
text-align : left ;
}
.menu {
width : 176px ;
border-color : #666666 ;
border-style : solid ;
border-width : 1px ;
float : right ;
background-color : #ffffff;
filter: Alpha(opacity=60);
}
.menu-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
width : 100% ;
padding-top : 4px ;
padding-bottom :3px ;
text-align : center ;
voice-family : "\"}\"";voice-family : inherit ;
}
.menu-contents hr{
color : #666666 ;
text-align : center ;
width : 80% ;
height : 1px ;
}
.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-bottom:5px;
}
.menu-contents table {
background-color : #ffffff;
}
.calender {

}
.calender-focus {
}

.blog {
position : absolute ;
left : 0px ;
width : 596px ;
voice-family : "\"}\""; voice-family : inherit ;
}
.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
padding-top : 4px ;
padding-bottom : 3px ;
text-align : right ;
padding-right : 5px ;
border-style : double ;
border-top-width : 0px ;
border-bottom-width : 3px ;
border-left-width : 0px ;
border-right-width : 0px ;
border-color : #666666 ;
voice-family : "\"}\"";voice-family : inherit ;
}
.blog-contents {
margin-right : 5px ;
margin-left : 5px ;
voice-family : "\"}\"";voice-family : inherit ;

}
.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
margin-top : 5px ;
margin-bottom : 5px ;
}
.blog-category {
}
.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 4px ;
margin-bottom : 5px ;
}
.blog-date {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
text-indent : 5px ;
padding-top : 5px ;
padding-bottom : 2px ;
margin-top : 15px ;
border-style : solid ;
border-bottom-width : 1px ;
border-top-width : 0px ;
border-left-width : 0px ;
border-right-width : 0px ;
border-color : #666666 ;
clear : both ;
}
.blog-entry {
margin-top : 5px ;
margin-bottom : 20px ;
border-style : solid ;
border-width : 1px ;
border-color : #666666 ;
background-color : #ffffff ;
}
.blog-title {
padding-top : 5px ;
padding-bottom : 2px ;
padding-left : 5px ;
padding-right : 5px ;
margin-bottom : 5px ;
}
.blog-scene {
width : 100%;
padding-top : 5px ;
padding-bottom : 5px ;
overflow : visible ;
}
.blog-title-time {
position : relative ;
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #6495ED ;
float : left ;
}
.blog-title-title {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 100% ;
line-height : 125% ;
font-weight : ;
font-weight : bold ;
color : #6495ED ;
}
.blog-title-slide {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
}
.blog-image {
float : right ;
margin-right : 5px ;
overflow : visible ;
}
.blog-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 2px ;
padding-bottom : 2px ;
padding-left : 15px ;
padding-right : 15px ;
}
.blog-text-url {
margin-top : 1em ;
}
.blog-update {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-right : 5px ;
margin-bottom : 5px ;
text-align : right ;
color : #6495ED ;
clear : both ;
}
.blog-entry-footer {
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
}
.blog-trackback {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-left : 5px ;
padding-bottom : 5px ;
float : left;
}
.blog-pagetop {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-bottom : 5px ;
margin-top : 1.25em ;
text-align : right ;
}
/*以下、ポップアップページのスタイルシート*/
.blog-popup {
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-top : 5px ;
margin-right : 5px ;
margin-bottom : 5px ;
margin-left : 5px ;
border-style : solid ;
border-width : 1px ;
border-color : #666666 ;
background-color : #ffffff ;
}
.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 135% ;
font-weight : ;
color : ;
}

色　：　スカイブルー、グレー
デザイン　：　シンプル
ポイント　：　春の空のような、かすみがかった青色がポイントです

-----

body {
color : #ffffff ;
scrollbar-base-color:#dcdcdc;
background-color : #dcdcdc ;
}
a:link {
color : #d0e8ff ;
}
a:active {
color : #f0ffff ;
}
a:visited {
color : #c8e0f0 ;
}
a:hover {
color : #f0ffff ;
}
.mydoblog-position {
text-align : left ;
}
.mydoblog-position table{
background-image: none ;
background-color : #7f99b3 ;
border-top-color : #8fb9d3 ;
border-left-color : #8fb9d3 ;
border-right-color : #5f7993 ;
border-bottom-color : #5f7993 ;
border-style : solid ;
border-width : 1px ;
}
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 200% ;
font-weight : bold ;
color : #7f99b3;
width : 776px ;
text-align : center ;
padding-top : 5px;
padding-bottom : 3px;
margin-top : 5px ;
margin-bottom : 5px;
voice-family : "\"}\"";voice-family : inherit ;
}
.mydoblog-contents {
width : 776px ;
text-align : left ;
}
.menu {
width : 176px ;
float : left ;
border-top-color : #8fb9d3 ;
border-left-color : #8fb9d3 ;
border-right-color : #5f7993 ;
border-bottom-color : #5f7993 ;
border-style : solid ;
border-width : 1px ;
background-color : #7f99b3 ;
}
.menu-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
text-align : center ;
color : #ffffff ;
width : 100% ;
padding-top : 4px ;
padding-bottom :3px ;
voice-family : "\"}\"";voice-family : inherit ;
}
.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-bottom:5px;
}
.menu-contents table{
border-style : none ;
}
.menu-contents hr{
color : #ffffff ;
text-align : center ;
width : 80% ;
height : 1px ;
}
.calender {
}
.calender-focus {
}

.blog {
position : absolute ;
left : 180px ;
width : 596px ;
border-top-color : #5b5b5b ;
border-left-color : #5b5b5b ;
border-right-color : #1b1b1b ;
border-bottom-color : #1b1b1b ;
border-style : solid ;
border-width : 1px ;
background-color : #3b3b3b ;
voice-family : "\"}\""; voice-family : inherit ;
}
.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #ffffff ;
padding-top : 4px ;
padding-bottom : 3px ;
text-align : center ;
background-color : #3b3b3b ;
voice-family : "\"}\"";voice-family : inherit ;
}
.blog-contents {
margin-right : 10px ;
margin-left : 10px ;
voice-family : "\"}\"";voice-family : inherit ;

}
.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
text-align : right ;
margin-top : 5px ;
margin-bottom : 5px ;
}
.blog-category {
}
.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
text-align : right ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 4px ;
margin-bottom : 5px ;
}
.blog-date {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold;
text-align : center ;
border-top-color : #8fb9d3 ;
border-left-color : #8fb9d3 ;
border-right-color : #5f7993 ;
border-bottom-color : #5f7993 ;
border-style : solid ;
border-width : 1px ;
background-color : #7f99b3 ;
text-indent : 5px ;
padding-top : 5px ;
padding-bottom : 4px ;
margin-top : 20px ;
clear : both ;
}
.blog-entry {
margin-top : 8px ;
margin-bottom : 5px ;
border-color : #7f99b3 ;
border-style : solid ;
border-width : 1px ;
}
.blog-title {
padding-top : 8px ;
padding-bottom : 5px ;
padding-left : 5px ;
padding-right : 5px ;
margin-bottom : 3px ;
}
.blog-scene {
width : 100%;
padding-top : 5px ;
padding-bottom : 5px ;
overflow : visible ;
}
.blog-title-time {
position : relative ;
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
float : left ;
}
.blog-title-title {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 100% ;
line-height : 125% ;
font-weight : bold ;
}
.blog-title-slide {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
}
.blog-image {
float : right ;
margin-right : 5px ;
overflow : visible ;
}
.blog-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 2px ;
padding-bottom : 2px ;
padding-left : 18px ;
padding-right : 18px ;
}
.blog-text-url {
margin-top : 1em ;
}
.blog-update {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-right : 15px ;
margin-bottom : 10px ;
text-align : right ;
clear : both ;
}
.blog-entry-footer {
padding-top:5px;
padding-bottom:8px;
padding-left:5px;
padding-right:5px;
}
.blog-trackback {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-left : 5px ;
padding-bottom : 5px ;
float : left;
}
.blog-pagetop {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-bottom : 5px ;
margin-top : 1.25em ;
text-align : right ;
}
/*以下、ポップアップページのスタイルシート*/
.blog-popup {
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-top : 5px ;
margin-right : 5px ;
margin-bottom : 5px ;
margin-left : 5px ;
border-top-color : #5b5b5b ;
border-left-color : #5b5b5b ;
border-right-color : #1b1b1b ;
border-bottom-color : #1b1b1b ;
border-style : solid ;
border-width : 1px ;
background-color : #3b3b3b ;
}
.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 135% ;
font-weight : ;
color : ;
}
.footer {
color : #7f99b3;
}

OnlineDiaryを、NTTデータが運営する無料Blog「Doblog」へ移行しました。以前の日記にそんな予告をちらっと書いたことがあるのですが、とうとう実行です。
携帯にも対応しているので、いずれ外出先から更新したりして…などと、夢は膨らみます。今度GPS対応の実験なんて始めるらしいし、オススメのお店案内みたいなコンテンツが作れればいいなあ…等々。
NTTデータ、ブログサービス「Doblog」でGPS携帯対応実験

まあ、まずはその前に、カメラつき携帯買わないとね（笑）

ポイント　：　背景に画像を配置するデザインです。お好きな写真や絵を使ってください。

使い方　：

・まずは基本通り、下記のCSSをコピーして、ご自分のBlogの「デザインカスタマイズ」画面でペーストしてください。

・背景に使う画像を、ご自分のBlogにアップロードしてください。「記事を下書き保存する」ボタンを押してアップロードするといいと思います

・画像をクリックして表示させ、画像のURL（http://www.doblog.com/img/○○/○○.○）をコピーします

・CSSの【画像URL】の部分に、コピーしたURLをペーストします

-----

body {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
color : #404040 ;
background-color : #ffffff ;
background-image: url(【画像URL】);
background-attachment: fixed;
background-repeat:no-repeat;
text-align : center ;
margin : 0px ;
background-position:left bottom ;
}

.mydoblog-position {
text-align : left ;
width : 800px ;
position : absolute ;
left : 50% ;
margin : 0px 0px 0px -380px ;
border : ;
}

.mydoblog-contents {
margin : 10px 0px 0px 0px ;
}

.footer {
font-family: Arial, Helvetica, sans-serif;
font-size : 8pt ;
border : ;
width : 100% ;
background-color : transparent ! important;
color : #404040 ;
}

a:link {
color : #e03050 ;
}
a:active {
color : #888888 ;
}
a:visited {
color : #c00020 ;
}
a:hover {
color : #888888 ;
}

.blog-scene img {
border : 0px ;
}

form {
margin : 0px ;
}

.mydoblog-position form table {
color : #404040;
width : 800px ;
padding : ;
border : ;
background-image : none ;
}

.mydoblog-position form td {
padding-left : 10px ;
text-align : left ;
}
.mydoblog-position font{
color : #404040;
}
.mydoblog-position A.portalbar:link {
color : #e03050 ;
text-decoration : none ;
}

.mydoblog-position A.portalbar:active {
color : #cccccc ;
text-decoration : none ;
}

.mydoblog-position A.portalbar:visited {
color : #c00020 ;
text-decoration : none ;
}

.mydoblog-position A.portalbar:hover {
color: #cccccc ;
text-decoration : none ;
}

.mydoblog-header {
width : ;
height : 60px ;
voice-family : "\"}\"";
voice-family : inherit;
margin-top : 25px ;
text-align : center ;
}

.mydoblog-header-text {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size: 125% ;
line-height : 125%;
font-weight : bold ;
color : #f04c86 ;
}

.mydoblog-header img {
vartical-align : text-bottom ;
margin : 0px ;
}

.menu {
width : 210px ;
float : left ;
border-style : solid ;
border-width : 1px ;
border-color : #f04c86 ;
background-color : #ffffff ;
filter: Alpha(opacity=70);
}

.menu-header {
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif ;
font-size : 75% ;
font-weight : bold ;
line-height : 125% ;
color : #f04c86;
text-align : center ;
padding-top : 4px ;
padding-bottom :2px ;
margin : 3px 0px 0px 2px ;
voice-family : "\"}\"";
voice-family : inherit;

}

.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
padding : 5px 2px 2px 2px ;
margin : 0px 0px 18px 5px ;
word-break : break-all ;
}
.menu-contents p {
margin : 3px 0px 4px 0px ;
}

.menu-contents hr {
color : #f04c86;
width : 80% ;
height : 1px ;
border : solid ;
text-align : center ;
}

.menu table {
text-align : center ;
font-size : 12px ;
color : #404040 ;
width : 180px ;
}

.calender {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
}

.calender-focus {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : ;
font-weight : bold ;
line-height : 125% ;
}

.blog {
width : 580px ;
background-color : ;
border : none ;
float : right ;
voice-family : "\"}\"";
voice-family : inherit;
}

.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
color: #f04c86 ;
text-align : right ;
padding : 0px ;
margin-top : 2px ;
border-style : solid ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
border-color : #f04c86 ;
voice-family : "\"}\"";
voice-family : inherit;
}

.blog-contents {
padding : 0px ;
margin : 0px ;
voice-family : "\"}\"";
voice-family : inherit;
}

.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
text-align : right ;
padding : 3px 0px 0px 0px ;
}

.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
}

.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
}

.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
text-align : right ;
padding : 5px 5px 4px 5px ;
margin-bottom : 2px ;
}

.blog-date {
font-size : 75% ;
line-height : 125% ;
color : #f04c86 ;
font-weight : bold ;
padding : 10px 0px 0px 0px;
margin : 10px 0px 0px 0px ;
text-indent : 5px ;
clear : both ;
}

.blog-entry {
margin : 1px 0px 30px 0px ;
background-color : #ffffff ;
border-style : solid ;
border-width : 1px ;
border-color : #f04c86 ;
}

.blog-title {
padding-top : 8px ;
padding-bottom : 4px ;
padding-left : 5px ;
padding-right : 5px ;
margin : 0px 0px 20px 0px ;
border-style : dashed ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
border-color : #f04c86 ;
background-color : #FCDFE9 ;
}

.blog-scene {
margin : 5px 0px ;
overflow : visible ;
width : 100% ;
}

.blog-title-time {
font-size : 75% ;
line-height : 125% ;
color : #808080 ;
padding-top : 2px ;
float : left;
}
.blog-title-title {
font-weight: bold;
font-size : 100% ;
color : #f04c86 ;
}

.blog-title-slide {
font-size : 75% ;
padding-top : 2px ;
text-align : right ;
}

.blog-image {
overflow : visible ;
margin : 0px 3px 10px 10px ;
float : right ;
}
.blog-text {
padding : 0px 10px 0px 10px ;
font-size : 75% ;
line-height : 125% ;
word-break : break-all ;
}

.blog-text-url {
margin-top : 1em ;
word-break : break-all ;
}

.blog-entry-footer {
padding : 2px 2px 0px 2px;
}

.blog-update {
font-size : 75% ;
line-height : 125% ;
text-align : right ;
color : #808080 ;
margin-bottom : 6px ;
padding : 0px 2px 1px 0px;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
border-color : #f04c86 ;
border-style : dashed ;
clear : both ;
}

.blog-linkurl {
font-size : 60% ;
line-height : 125% ;
padding-bottom : 4px ;
padding-left : 3px ;
margin : 0px ;
}

.blog-trackback {
font-size : 75% ;
line-height : 125% ;
padding-left : 3px ;
padding-bottom : 5px ;
float : left ;
}
.blog-pagetop {
font-size : 75% ;
line-height : 125% ;
text-align : right ;
margin-top : 1.25em ;
padding : 0px 2px 3px 0px;
}
/*---------------------------------------------*/
/* ポップアップ */
/*---------------------------------------------*/
.blog-popup {
filter: Alpha(opacity=80);
width:100%;
text-align : left ;
padding : 5px ;
margin : 5px ;
border-style : solid ;
border-width : 1px ;
border-color : #f04c86 ;
background-color : #ffffff ;
clear : both ;
}

.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
color : #303030 ;
}

Doblogの本文中の文字の装飾は、「太字」「斜体」「下線」の3種類がデフォルトで用意されています。
これ以外の装飾が欲しい場合は、上記3つのうちのどれかを変更して使うことになります。

変更例１.　文字を大きくして色をつける

変更例２.　文字色を変えて囲み枠をつける

-----

変更する場合は、以下のカッコの間に必要なタグを書いて、「デザインカスタマイズ」画面でテンプレートの好きなところに書き加えます。


「太字」を変更

.blog-text b{
font-weight: normal;
　（この部分にタグを加えます）
}


「斜体」を変更

.blog-text i{
font-style: normal;
　（この部分にタグを加えます）
}


「下線」を変更

.blog-text u{
text-decoration: none;
　（この部分にタグを加えます）
}

-----

文字の色を変更して、サイズを変えたい場合は、以下を加えます。

color : #○○○○○○ ;
font-size: ○% ;


幅500ピクセルの点線枠をつけたいときは、以下を加えます。

display: block ;
border-style: dotted ;
border-width: 1px ;
border-color: #○○○○○○ ;
padding: 8px ;
position:relative ;
width:500px ;
left:20px ;

-----

例.　「斜体」を、オレンジ色の点線の枠と、濃いオレンジの文字色の装飾に変える

.blog-text i{
font-style: normal;
color : #FF6000 ;
display: block ;
border-style: dotted ;
border-width: 1px ;
border-color: #FF8C00 ;
padding: 8px ;
position:relative ;
width:500px ;
left:20px ;
}

ポイント　：　背景に画像を配置するデザインです。お好きな写真や絵を使ってください。

使い方　：

・まずは基本通り、下記のCSSをコピーして、ご自分のBlogの「デザインカスタマイズ」画面でペーストしてください。

・背景に使う画像を、ご自分のBlogにアップロードしてください。「記事を下書き保存する」ボタンを押してアップロードするといいと思います

・画像をクリックして表示させ、画像のURL（http://www.doblog.com/img/○○/○○.○）をコピーします

・CSSの【画像URL】の部分に、コピーしたURLをペーストします

-----

body {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
color : #404040 ;
background-color : #ffffff ;
background-image: url(【画像URL】);
background-attachment: fixed;
background-repeat:no-repeat;
text-align : center ;
margin : 0px ;
background-position:left bottom ;
}

.mydoblog-position {
text-align : left ;
width : 800px ;
position : absolute ;
left : 50% ;
margin : 0px 0px 0px -380px ;
border : ;
}

.mydoblog-contents {
margin : 10px 0px 0px 0px ;
}

.footer {
font-family: Arial, Helvetica, sans-serif;
font-size : 8pt ;
border : ;
width : 100% ;
background-color : transparent ! important;
color : #404040 ;
}

a:link {
color : #1ac51a ;
}
a:active {
color : #888888 ;
}
a:visited {
color : #0a950a ;
}
a:hover {
color : #888888 ;
}

.blog-scene img {
border : 0px ;
}

form {
margin : 0px ;
}

.mydoblog-position form table {
color : #404040;
width : 800px ;
padding : ;
border : ;
background-image : none ;
}

.mydoblog-position form td {
padding-left : 10px ;
text-align : left ;
}
.mydoblog-position font{
color : #404040;
}
.mydoblog-position A.portalbar:link {
color : #1ac51a ;
text-decoration : none ;
}

.mydoblog-position A.portalbar:active {
color : #cccccc ;
text-decoration : none ;
}

.mydoblog-position A.portalbar:visited {
color : #0a950a ;
text-decoration : none ;
}

.mydoblog-position A.portalbar:hover {
color: #cccccc ;
text-decoration : none ;
}

.mydoblog-header {
width : ;
height : 60px ;
voice-family : "\"}\"";
voice-family : inherit;
margin-top : 25px ;
text-align : center ;
}

.mydoblog-header-text {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size: 125% ;
line-height : 125%;
font-weight : bold ;
color : #447026 ;
}

.mydoblog-header img {
vartical-align : text-bottom ;
margin : 0px ;
}

.menu {
width : 210px ;
float : left ;
border-style : solid ;
border-width : 1px ;
border-color : #447026 ;
background-color : #ffffff ;
filter: Alpha(opacity=70);
}

.menu-header {
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif ;
font-size : 75% ;
font-weight : bold ;
line-height : 125% ;
color : #447026;
text-align : center ;
padding-top : 4px ;
padding-bottom :2px ;
margin : 3px 0px 0px 2px ;
voice-family : "\"}\"";
voice-family : inherit;

}

.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
padding : 5px 2px 2px 2px ;
margin : 0px 0px 18px 5px ;
word-break : break-all ;
}
.menu-contents p {
margin : 3px 0px 4px 0px ;
}

.menu-contents hr {
color : #447026;
width : 80% ;
height : 1px ;
border : solid ;
text-align : center ;
}

.menu input {
width : ;
}

.menu table {
text-align : center ;
font-size : 12px ;
color : #404040 ;
width : 180px ;
}

.calender {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : ;
line-height : 150% ;
}

.calender-focus {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : ;
font-weight : bold ;
line-height : 125% ;
}

.blog {
width : 580px ;
background-color : ;
border : none ;
float : right ;
voice-family : "\"}\"";
voice-family : inherit;
}

.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
color: #447026 ;
text-align : right ;
padding : 0px ;
margin-top : 2px ;
border-style : solid ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
border-color : #447026 ;
voice-family : "\"}\"";
voice-family : inherit;
}

.blog-contents {
padding : 0px ;
margin : 0px ;
voice-family : "\"}\"";
voice-family : inherit;
}

.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
text-align : right ;
padding : 3px 0px 0px 0px ;
}


.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
}

.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
padding : 5px 0px 4px 5px ;
margin : 5px 0px ;
}

.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
text-align : right ;
padding : 5px 5px 4px 5px ;
margin-bottom : 2px ;
}

.blog-date {
font-size : 75% ;
line-height : 125% ;
color : #447026 ;
font-weight : bold ;
padding : 10px 0px 0px 0px;
margin : 10px 0px 0px 0px ;
text-indent : 5px ;
clear : both ;
}

.blog-entry {
margin : 1px 0px 30px 0px ;
background-color : #ffffff ;
border-style : solid ;
border-width : 1px ;
border-color : #447026 ;
}

.blog-title {
padding-top : 8px ;
padding-bottom : 4px ;
padding-left : 5px ;
padding-right : 5px ;
margin : 0px 0px 20px 0px ;
border-style : dashed ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
border-color : #447026 ;
background-color : #DAE2D4 ;
}

.blog-scene {
margin : 5px 0px ;
overflow : visible ;
width : 100% ;
}

.blog-title-time {
font-size : 75% ;
line-height : 125% ;
color : #808080 ;
padding-top : 2px ;
float : left;
}
.blog-title-title {
font-weight: bold;
font-size : 100% ;
color : #447026 ;
}

.blog-title-slide {
font-size : 75% ;
padding-top : 2px ;
text-align : right ;
}

.blog-image {
overflow : visible ;
margin : 0px 3px 10px 10px ;
float : right ;
}
.blog-text {
padding : 0px 10px 0px 10px ;
font-size : 75% ;
line-height : 125% ;
word-break : break-all ;
}

.blog-text-url {
margin-top : 1em ;
word-break : break-all ;
}

.blog-entry-footer {
padding : 2px 2px 0px 2px;
}

.blog-update {
font-size : 75% ;
line-height : 125% ;
text-align : right ;
color : #808080 ;
margin-bottom : 6px ;
padding : 0px 2px 1px 0px;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 1px ;
border-left-width : 0px ;
border-color : #447026 ;
border-style : dashed ;
clear : both ;
}

.blog-linkurl {
font-size : 60% ;
line-height : 125% ;
padding-bottom : 4px ;
padding-left : 3px ;
margin : 0px ;
}

.blog-trackback {
font-size : 75% ;
line-height : 125% ;
padding-left : 3px ;
padding-bottom : 5px ;
float : left ;
}
.blog-pagetop {
font-size : 75% ;
line-height : 125% ;
text-align : right ;
margin-top : 1.25em ;
padding : 0px 2px 3px 0px;
}
/*---------------------------------------------*/
/* ポップアップ */
/*---------------------------------------------*/
.blog-popup {
filter: Alpha(opacity=80);
width:100%;
text-align : left ;
padding : 5px ;
margin : 5px ;
border-style : solid ;
border-width : 1px ;
border-color : #447026 ;
background-color : #ffffff ;
clear : both ;
}

.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size : 75% ;
line-height : 125% ;
color : #303030 ;
}

色　：　黒、グレー
デザイン　：　キレイ
ポイント　：　背景に画像を使い、メニュー部分を透過させてみました

使い方　：
・このサンプルの画像は、素材サイトPurpleMoonで配布されているフリー画像（Web Graphics > イラスト壁紙 > Spread A Wing）です。この画像以外でも、黒背景の画像であれば、このテンプレートに合うと思います。

・まずは基本通り、下記のCSSをコピーして、ご自分のBlogの「デザイン変更」画面でペーストしてください。

・画像を、ご自分のBlogにアップロードしてください。「下書き保存する」にチェックしてアップロードするといいと思います。

・画像を表示させ、画像のURL（http://www.doblog.com/img/○○/○○.gif）をコピーします。

・CSSの【画像URL】の部分に、コピーしたURLをペーストします。

-----

body {
color : #cccccc ;
background-color : #000000 ;
background-image : url(http://img.doblog.com/7000/u6117/1000/FI83705_0E.jpeg);
background-repeat:no-repeat ;
background-position: left bottom ;
background-attachment: fixed ;
}
a:link {
color : #ccccff ;
}
a:active {
color : #ffffff ;
}
a:visited {
color : #b0b0f0 ;
}
a:hover {
color : #ffffff ;
}

.mydoblog-position {
text-align : center ;
}
.mydoblog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 200% ;
font-weight : bold ;
color : #cccccc ;
width : 776px ;
text-align : center ;
padding-top : 5px;
padding-bottom : 2px;
margin-top : 5px ;
margin-bottom : 8px;
voice-family : "\"}\"";voice-family : inherit ;
}
.mydoblog-contents {
width : 776px ;
text-align : left ;
}
.menu {
width : 175px ;
margin-left: 10px ;
background-color : #000000 ;
border-color : #ccccff ;
border-style : solid ;
border-width : 1px ;
float : left ;
filter: Alpha(opacity=60);
}
.menu-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
text-align : center ;
color : #ffffff;
width : 100% ;
padding-top : 4px ;
padding-bottom :3px ;
voice-family : "\"}\"";voice-family : inherit ;
}
.menu-contents {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #ffffff ;
padding-top : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-bottom:10px;
}
.calender {
color : #ffffff ;
}
.calender-focus {
}
.blog {
position : relative ;
left : 30px ;
width : 530px ;
voice-family : "\"}\""; voice-family : inherit ;
}
.blog-header {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
color : #cccccc ;
padding-top : 4px ;
padding-bottom : 3px ;
text-align : center ;
voice-family : "\"}\"";voice-family : inherit ;
}
.blog-contents {
margin-right : 5px ;
margin-left : 5px ;
voice-family : "\"}\"";voice-family : inherit ;
width : 520px ;

}
.blog-number {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 10px ;
line-height : 125% ;
font-weight : ;
text-align : right ;
margin-top : 5px ;
margin-bottom : 5px ;
}
.blog-category {
}
.blog-genre {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-search {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : ;
padding-top : 5px ;
padding-bottom : 4px ;
padding-left : 5px ;
margin-bottom : 5px ;
}
.blog-pageselect {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
text-align : right ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 8px ;
margin-bottom : 5px ;
}
.blog-date {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : bold ;
text-align : center ;
color : #333340;
padding-top : 5px ;
padding-bottom : 4px ;
margin-top : 30px ;
background-color : #cccccc ;
border-style : solid ;
border-top-color : #ffffff ;
border-left-color : #ffffff ;
border-right-color : #999999 ;
border-bottom-color : #999999 ;
border-width : 1px ;
}
.blog-entry {
background-color : #333340 ;
}
.blog-title {
padding-top : 5px ;
padding-bottom : 2px ;
padding-left : 15px ;
padding-right : 15px ;
margin-bottom : 5px ;
}
.blog-scene {
width : 100%;
padding-top : 5px ;
padding-bottom : 5px ;
overflow : visible ;
}
.blog-title-time {
position : relative ;
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
color : #888888 ;
float : left ;
}
.blog-title-title {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 100% ;
line-height : 125% ;
font-weight : ;
color : #cccccc ;
font-weight : bold ;
margin-top : 10px ;
}
.blog-title-slide {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 10px ;
line-height : 125% ;
font-weight : ;
color : ;
text-align : right ;
}
.blog-image {
float : right ;
margin-right : 5px ;
overflow : visible ;
}
.blog-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
font-weight : ;
padding-top : 8px ;
padding-bottom : 2px ;
padding-left : 30px ;
padding-right : 30px ;
}
.blog-text-url {
margin-top : 1em ;
}
.blog-update {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 125% ;
color : #888888 ;
padding-right : 20px ;
margin-bottom : 15px ;
text-align : right ;
}
.blog-entry-footer {
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
}
.blog-trackback {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 10px ;
line-height : 125% ;
font-weight : ;
color : ;
padding-left : 5px ;
padding-bottom : 5px ;
float : left;

}
.blog-pagetop {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 10px ;
line-height : 125% ;
font-weight : ;
color : ;
padding-bottom : 25px ;
margin-top : 1.25em ;
text-align : right ;
}
/*以下、ポップアップページのスタイルシート*/
.blog-popup {
background-color : #333340 ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
margin-top : 5px ;
margin-right : 5px ;
margin-bottom : 5px ;
margin-left : 5px ;
border-style : solid ;
border-width : 1px ;
border-color : #cccccc ;
}
.blog-popup-text {
font-family : "ＭＳ Ｐゴシック", "Osaka";
font-size : 75% ;
line-height : 135% ;
font-weight : ;
color : ;
}