2883.nobody.jp css::catlog-gray

CSS: catlog : gray&white

↑クリックすると実物大の画像が開きます

持病の発作がときどき起こるんですけどね
先日も駐車場の車の下にいた子猫を見てから
なんだかムショーに胸が苦しくなって
寝ても醒めても「にゃんこホシイ～！」って
公営住宅だから飼えもしないのにペットショップをのぞいたり・・・
あ、持病って、ただの「にゃんこホシイ病」なんですけどね（笑）。
他にも「赤ちゃんホシイ病」の発作もときどき起こします。

あ、（←）コレはちなみにgrayバージョンのテンプレートです。

↑クリックすると実物大の画像が開きます

そして、（←）コッチはwhiteバージョンのテンプレートです。
クリックしてくださるとどちらも新しい画面で実物大の画像が開きます。

■使用する各素材はコチラ（↓）からお持ち帰りくださいね。

GRAYバージョンの素材（一番上のだけサムネイルになっています）






WHITEバージョンの素材（一番上のだけサムネイルになっています）

■WHITEのCSSは↓のテキストボックスからどうぞ。

/*---------------------------------------------*/
/*    【 Onefineday template : catlog-white 】   */
/*   http://www.doblog.com/weblog/myblog/2883  */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*                      全体                      */
/*---------------------------------------------*/
body {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	color : #888888 ;
	background-color : #ffffff ;
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509513_1E.png") ;
        background-repeat : no-repeat ;
        background-position : center top ;
	text-align : center ;
        scrollbar-face-color:#ffffff ;
        scrollbar-highlight-color: #aaaaaa ;
        scrollbar-shadow-color: #aaaaaa ;
        scrollbar-3dlight-color: #ffffff ;
        scrollbar-arrow-color: #ff6633 ;
        scrollbar-track-color: #ffffff ;
        scrollbar-darkshadow-color: #ffffff ;
}

.myblog-position {
	text-align : left ;
	width : 700px ;
	position : absolute ;
	left : 50% ;
	margin : 0px 0px 0px -350px ;
	border :  ;
	background-color : transparent ;
}

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

.footer {
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size : 8pt ;
	font-weight : bold ;
        color : #ff6633 ;
	width : 100% ;
        line-height : 175% ;
}

/*---------------------------------------------*/
/*                     リンク                     */
/*---------------------------------------------*/
a:link {
	color : #888888 ;
}
a:active {
	color : #888888 ;
}
a:visited {
	color : #888888 ;
}
a:hover {
	color : #ff6633 ;
}

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

/*---------------------------------------------*/
/*                    フォーム                     */
/*---------------------------------------------*/
form { 
	margin : 0px ;
}

input {
color : #aaaaaa ; 
border: 1px solid #aaaaaa;
margin: 2px;
}

form table input {
color : #cccccc ;
border: 1px solid #cccccc ;
background-color : transparent ;
height: 18px;
}

textarea {
border: 1px solid #999; 
height: 18px ;
margin: 2px;
}

/*---------------------------------------------*/
/*                 Doblogヘッダー                 */
/*---------------------------------------------*/
.myblog-position form table {
	color : #ffffff ;
        position: absolute;
	width : 700px ;
        padding-right : 20px ;
	background-image : none ;
}

.myblog-position form td {
	text-align : right ;
}

.myblog-position A.portalbar:link {
	color : #cccccc ;
	text-decoration : none ;
}

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

.myblog-position A.portalbar:visited {
	color : #cccccc ;
	text-decoration : none ;
}

.myblog-position A.portalbar:hover {
	color: #ff9900 ;
        background-color : transparent ;
	text-decoration : none ;
}

/*---------------------------------------------*/
/*                 ページタイトル                  */
/*---------------------------------------------*/
.myblog-header {
	background-color : ;
	width :  ;
        padding-top : 90px ;
        padding-left : 35px ;
        padding-bottom : 80px ;
	voice-family : "\"}\"";
	voice-family : inherit;
}

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

.myblog-header-text a:link {
	color : #ff6633 ;
	text-decoration : none ;
}

.myblog-header-text a:active {
	color : #ff6633 ;
	text-decoration : none ;
}

.myblog-header-text a:visited {
	color : #ff6633 ;
	text-decoration : none ;
}

.myblog-header-text a:hover {
	color: #cccccc ;
        background-color : transparent ;
	text-decoration : none ;
}

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

/*---------------------------------------------*/
/*                    メニュー                    */
/*---------------------------------------------*/
.menu {
	width : 162px ;
	float : right ;
        background-color : transparent ;
        padding-top : 10px ;
}

.menu-header {
	font-family: "verdana", "ＭＳ Ｐゴシック", Osaka, sans-serif ;
	font-size : 75% ;
	line-height : 175% ;
	color : #777777;
        background-color : #ffffff ;
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509513_4E.gif");
        background-repeat : no-repeat ;
        background-position : right top ;
	padding : 2px 0px 0px 5px ;
	border-bottom : 2px dotted #cccccc ;
	voice-family : "\"}\"";
	voice-family : inherit;
}

.menu-contents {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 65% ;
	line-height : 150% ;
        background-color : #ffffff ;
	padding : 10px 0px 10px 5px ;
        margin-bottom : 20px ;
	word-break : break-all ;
}

.menu-contents p {
	margin : 0px 0px 3px 0px ;
}

.menu-contents hr {
	color : #e9e9e9 ;
	background-color : transparent ;
	width : 95% ;
	height : 1px ;
	border : none ;
	padding : 0px 0px 0px 0px ;
	margin : 0px 0px 0px 0px ;
}

.menu input {
	border-color : solid 1px #999999 ;
        color : #999999 ;
        background-color : #ffffff ;
        width : 95% ;
}

.menu table {
	text-align : center ;
	font-size : 11px ;
	color : #999999 ;
	width : 150px ;
}

/*---------------------------------------------*/
/*                   カレンダー                   */
/*---------------------------------------------*/
.calender {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 85% ;
	line-height : 150% ;
}

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

/*---------------------------------------------*/
/*                     記事　                     */
/*---------------------------------------------*/
.blog {
	width : 480px ;
	background-color :  ;
	border : none ;
	float : left ;
	voice-family : "\"}\"";
	voice-family : inherit;
}

.blog-header {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size :  ;
	line-height : 150% ;
	font-weight : bold ;
	color: #888888 ;
	padding : 0px 0px 0px 0px  ;
	margin : 0px 10px 0px 0px  ;
	border-bottom : 1px dotted #cccccc ;
	voice-family : "\"}\"";
	voice-family : inherit;
        display : none ;
}

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

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

.blog-category {
}

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

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

.blog-pageselect {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 65% ;
	line-height : 150% ;
	text-align : right ;
	padding : 5px 5px 10px 5px ;
	margin : 5px 0px ;
	border : 0px dotted #cccccc ;
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509513_5E.png") ;
        background-repeat : no-repeat ;
}

.blog-date {
	font-size : 75% ;
        color : #aaaaaa ;
        font-weight : bold ;
	padding : 5px 5px 5px 5px ;
	margin : 20px 0px 0px 0px ; 
	clear : both ;
        visibility: hidden;
}

.blog-date a {
visibility: visible; /* SpecialThanx::HIYOKO-KUN */
}

.blog-entry {
	margin : 0px 0px 0px 0px ; 
}

.blog-title {
	padding : 0px 0px 0px 0px ;
	margin : 0px 0px 0px 0px ; 
}

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

.blog-title-time {
	font-size : 65% ; 
	color : #999999 ; 
	float : left;
        padding-left : 5px ; 
}

.docolog-icon {
	background-image : url("/image/mypage/icon_gps001.gif") ;
	width : 64px ;
	height : 16px ;
	text-align : right ;
	cursor : hand ;
	float : right ;
}

.blog-title-title {
	font-weight: bold;
	font-size : 95% ;
	color : #ff6633 ;
        line-height : 230% ;
	padding : 5px 0px 6px 45px ;
	margin : 0px 0px 5px 0px ; 
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509513_2E.gif") ;
        background-repeat : no-repeat ;
}

.blog-title-title a:link { 
color : #ff6633 ;
text-decoration: none;
}

.blog-title-title a:visited { 
color : #ff6633 ;
text-decoration: none;
}

.blog-title-title a:active {
color : #ff6633 ;
text-decoration: none;
}

.blog-title-title a:hover { 
color : #cccccc ;
text-decoration: none;
}

.blog-title-slide {
	font-size : 65% ; 
	text-align : right ;
        padding-right : 5px ;
}

.blog-image {
	overflow : visible ;
	margin : 10px 0px 10px 5px ;
	float : right ;
}
.blog-text {
	padding : 10px 0px 10px 5px ;
	font-size : 75% ;
        color : #333333 ;
	line-height : 150% ;
	word-break : break-all ;
}

.blog-text a:link {
	color : #a5366d ;
	text-decoration : none ;
}
.blog-text a:active {
	color : #a5366d  ;
	text-decoration : none ;
}
.blog-text a:visited {
	color : #a5366d ;
	text-decoration : none ;
}
.blog-text a:hover {
	color : #ff6633 ;
	text-decoration : none ;
}

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

.blog-entry-footer {
	font-size : 70% ;
	line-height : 150% ;
	padding-bottom : 2px ;
	padding-top : 2px ;
	font-size : 65% ;
}

.blog-update {
	text-align : right ;
	margin-bottom : 5px ;
	clear : both ;
        display : none ;
}

.blog-showmap {
	margin : 10px 0px ;
}

.blog-showmap-text {
/*	font-size : 75%;
	line-height : 125%;*/
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka";
	border : dotted 1px #cccccc ;
	padding : 5px ;
}

.blog-linkurl {
	font-size : 85% ;
	padding : 5px 5px 10px 5px ;
	margin : 0px ;
        border-bottom : 2px dotted #aaaaaa ; 
}

.blog-trackback {
        padding : 6px 5px 7px 5px ;
	font-size : 85% ;
　　　　　background-repeat : no-repeat ;
        background-position : right ;
        border-bottom : 2px dotted #aaaaaa ;
}
.blog-pagetop {
	text-align : right ;
	margin-top : 1.5em ; 
	padding-bottom : 15px ; 
	font-size : 85% ;
}

/*---------------------------------------------*/
/*                  ポップアップ                  */
/*---------------------------------------------*/

.blog-popup {
	text-align : left ;
	padding : 5px ;
	margin : 5px ;
	border : 0px dotted #cccccc ;
	background-color : #ffffff ;
        background-imqge : none ;
	clear : both ;
}

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

.blog-popup-text .blog-title-title {
	border : none ;
}

.blog-popup-text .list-pagenumber {
	display : block ;
	border-bottom : solid 1px #cccccc ;
	padding-bottom : 8px ;
	margin-bottom : 5px ;
}

.blog-popup-text input {
	width : 450px ;
        color : #999999 ;
        border : solid 1px #999999 ;
        background-color : transparent ;
}

.blog-popup-text textarea {
	width : 450px ;
	margin-bottom : 10px ;
        color : #666666 ;
        background-color : transparent ;
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509513_3E.gif") ;
        background-repeat : no-repeat ;
        background-position : right bottom ;
}

■GRAYのCSSは↓のテキストボックスからどうぞ。

/*---------------------------------------------*/
/*      【 Onefineday template : CAT-gray 】     */
/*   http://www.doblog.com/weblog/myblog/2883  */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*                      全体                      */
/*---------------------------------------------*/
body {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	color : #888888 ;
	background-color : #333333 ;
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509510_1E.gif") ;
        background-repeat : no-repeat ;
        background-position : center top ;
	text-align : center ;
        scrollbar-face-color:#333333 ;
        scrollbar-highlight-color: #4c4c4c ;
        scrollbar-shadow-color: #4c4c4c ;
        scrollbar-3dlight-color: #333333 ;
        scrollbar-arrow-color: #a5366d ;
        scrollbar-track-color: #333333 ;
        scrollbar-darkshadow-color: #333333 ;
}

.myblog-position {
	text-align : left ;
	width : 700px ;
	position : absolute ;
	left : 50% ;
	margin : 0px 0px 0px -350px ;
	border :  ;
	background-color : transparent ;
}

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

.footer {
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size : 8pt ;
	font-weight : bold ;
        color : #ff6633 ;
	width : 100% ;
        line-height : 175% ;
        background-color : #333333 !important;
}

/*---------------------------------------------*/
/*                     リンク                     */
/*---------------------------------------------*/
a:link {
	color : #888888 ;
}
a:active {
	color : #888888 ;
}
a:visited {
	color : #888888 ;
}
a:hover {
	color : #ff6633 ;
}

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

/*---------------------------------------------*/
/*                    フォーム                     */
/*---------------------------------------------*/
form { 
	margin : 0px ;
}

input {
color : #777777 ; 
border: 1px solid #777777;
background-color : #333333 ;
margin: 2px;
}

form table input {
color : #4c4c4c ;
border: 1px solid #4c4c4c;
background-color : transparent ;
height: 18px;
}

textarea {
border: 1px solid #999; 
height: 18px ;
margin: 2px;
}

/*---------------------------------------------*/
/*                 Doblogヘッダー                 */
/*---------------------------------------------*/
.myblog-position form table {
	color : #333333 ;
        position: absolute;
	width : 700px ;
        padding-right : 20px ;
	background-image : none ;
}

.myblog-position form td {
	text-align : right ;
}

.myblog-position A.portalbar:link {
	color : #4c4c4c ;
	text-decoration : none ;
}

.myblog-position A.portalbar:active {
	color : #4c4c4c ;
	text-decoration : none ;
}

.myblog-position A.portalbar:visited {
	color : #4c4c4c ;
	text-decoration : none ;
}

.myblog-position A.portalbar:hover {
	color: #804d6a ;
        background-color : transparent ;
	text-decoration : none ;
}

/*---------------------------------------------*/
/*                 ページタイトル                  */
/*---------------------------------------------*/
.myblog-header {
	background-color : ;
	width :  ;
        padding-top : 90px ;
        padding-left : 35px ;
        padding-bottom : 80px ;
	voice-family : "\"}\"";
	voice-family : inherit;
}

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

.myblog-header-text a:link {
	color : #ff6633 ;
	text-decoration : none ;
}

.myblog-header-text a:active {
	color : #ff6633 ;
	text-decoration : none ;
}

.myblog-header-text a:visited {
	color : #ff6633 ;
	text-decoration : none ;
}

.myblog-header-text a:hover {
	color: #cccccc ;
        background-color : transparent ;
	text-decoration : none ;
}

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

/*---------------------------------------------*/
/*                    メニュー                    */
/*---------------------------------------------*/
.menu {
	width : 160px ;
	float : right ;
        background-color : transparent ;
　　　　padding-top : 10px ;
}

.menu-header {
	font-family: "verdana", "ＭＳ Ｐゴシック", Osaka, sans-serif ;
	font-size : 75% ;
	line-height : 175% ;
	color : #999999;
        background-color : #4c4c4c ;
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509510_3E.gif");
        background-repeat : no-repeat ;
	padding : 2px 0px 0px 5px ;
	border-bottom : 2px dotted #333333 ;
	voice-family : "\"}\"";
	voice-family : inherit;
}

.menu-contents {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 65% ;
	line-height : 150% ;
        background-color : #4c4c4c ;
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509510_4E.gif") ;
        background-repeat : no-repeat ;
        background-position : center bottom ;
	padding : 5px 0px 10px 10px ;
        margin-bottom : 20px ;
	word-break : break-all ;
}

.menu-contents p {
	margin : 0px 0px 3px 0px ;
}

.menu-contents hr {
	color : #333333 ;
	background-color : transparent ;
	width : 95% ;
	height : 1px ;
	border : none ;
	padding : 0px 0px 0px 0px ;
	margin : 0px 0px 0px 0px ;
}

.menu input {
	border-color : solid 1px #999999 ;
        color : #999999 ;
        width : 95% ;
}

.menu table {
	text-align : center ;
	font-size : 10px ;
	color : #999999 ;
	width : 140px ;
}

/*---------------------------------------------*/
/*                   カレンダー                   */
/*---------------------------------------------*/
.calender {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 85% ;
	line-height : 150% ;
}

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

/*---------------------------------------------*/
/*                     記事　                     */
/*---------------------------------------------*/
.blog {
	width : 480px ;
	background-color :  ;
	border : none ;
	float : left ;
	voice-family : "\"}\"";
	voice-family : inherit;
}

.blog-header {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size :  ;
	line-height : 150% ;
	font-weight : bold ;
	color: #888888 ;
	padding : 0px 0px 0px 0px  ;
	margin : 0px 10px 0px 0px  ;
	border-bottom : 1px dotted #cccccc ;
	voice-family : "\"}\"";
	voice-family : inherit;
        display : none ;
}

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

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

.blog-category {
}

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

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

.blog-pageselect {
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
	font-size : 65% ;
	line-height : 150% ;
	text-align : right ;
	padding : 5px 5px 10px 5px ;
	margin : 5px 0px ;
	border : 0px dotted #cccccc ;
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509510_5E.gif") ;
        background-repeat : no-repeat ;
}

.blog-date {
	font-size : 75% ;
        color : #666666 ;
        font-weight : bold ;
	padding : 5px 5px 5px 5px ;
	margin : 20px 0px 0px 0px ; 
	clear : both ;
        visibility: hidden;
}

.blog-date a {
visibility: visible; /* SpecialThanx::HIYOKO-KUN */
}

.blog-entry {
	margin : 0px 0px 0px 0px ; 
}

.blog-title {
	padding : 0px 0px 0px 0px ;
	margin : 0px 0px 0px 0px ; 
}

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

.blog-title-time {
	font-size : 65% ; 
	color : #999999 ; 
	float : left;
        padding-left : 5px ; 
}

.docolog-icon {
	background-image : url("/image/mypage/icon_gps001.gif") ;
	width : 64px ;
	height : 16px ;
	text-align : right ;
	cursor : hand ;
	float : right ;
}

.blog-title-title {
	font-weight: bold;
	font-size : 85% ;
	color : #ff6633 ;
	padding : 5px 0px 6px 15px ;
	margin : 0px 0px 5px 0px ; 
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509510_2E.gif") ;
        background-repeat : no-repeat ;
}

.blog-title-title a:link { 
color : #ff6633 ;
text-decoration: none;
}

.blog-title-title a:visited { 
color : #ff6633 ;
text-decoration: none;
}

.blog-title-title a:active {
color : #ff6633 ;
text-decoration: none;
}

.blog-title-title a:hover { 
color : #cccccc ;
text-decoration: none;
}

.blog-title-slide {
	font-size : 65% ; 
	text-align : right ;
        padding-right : 5px ;
}

.blog-image {
	overflow : visible ;
	margin : 10px 0px 10px 5px ;
	float : right ;
}
.blog-text {
	padding : 10px 0px 10px 5px ;
	font-size : 75% ;
        color : #cccccc ;
	line-height : 150% ;
	word-break : break-all ;
}

.blog-text a:link {
	color : #a5366d ;
	text-decoration : none ;
}
.blog-text a:active {
	color : #a5366d  ;
	text-decoration : none ;
}
.blog-text a:visited {
	color : #a5366d ;
	text-decoration : none ;
}
.blog-text a:hover {
	color : #ff6633 ;
	text-decoration : none ;
}

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

.blog-entry-footer {
	font-size : 70% ;
	line-height : 150% ;
	padding-bottom : 2px ;
	padding-top : 2px ;
	font-size : 65% ;
}

.blog-update {
	text-align : right ;
	margin-bottom : 5px ;
	clear : both ;
        display : none ;
}

.blog-showmap {
	margin : 10px 0px ;
}

.blog-showmap-text {
/*	font-size : 75%;
	line-height : 125%;*/
	font-family : "verdana", "ＭＳ Ｐゴシック", "Osaka";
	border : dotted 1px #cccccc ;
	padding : 5px ;
}

.blog-linkurl {
	font-size : 85% ;
	padding : 5px 5px 10px 5px ;
	margin : 0px ;
        border-bottom : 2px dotted #4c4c4c ; 
}

.blog-trackback {
        padding : 6px 5px 7px 5px ;
	font-size : 85% ;
　　　　　background-repeat : no-repeat ;
        background-position : right ;
        border-bottom : 2px dotted #4c4c4c ;
}
.blog-pagetop {
	text-align : right ;
	margin-top : 1.5em ; 
	padding-bottom : 15px ; 
	font-size : 85% ;
}

/*---------------------------------------------*/
/*                  ポップアップ                  */
/*---------------------------------------------*/

.blog-popup {
	text-align : left ;
	padding : 5px ;
	margin : 5px ;
	border : 0px dotted #cccccc ;
	background-color : #333333 ;
	clear : both ;
}

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

.blog-popup-text .blog-title-title {
	border : none ;
}

.blog-popup-text .list-pagenumber {
	display : block ;
	border-bottom : solid 1px #4c4c4c ;
	padding-bottom : 8px ;
	margin-bottom : 5px ;
}

.blog-popup-text input {
	width : 450px ;
        border : solid 1px #999999 ;
        background-color : #333333 ;
}

.blog-popup-text textarea {
	width : 450px ;
	margin-bottom : 10px ;
        color : #cccccc ;
        background-color : #333333 ;
        background-image : url("http://img.doblog.com/63000/u62506/1000/FI2509511_1E.gif") ;
        background-repeat : no-repeat ;
        background-position : right bottom ;
}

メニューフレームが表示されていない場合は→ HOME