2007-07-27

ブクマCSS借り置き

* {
   margin:0;
   padding:0;
   border:none;
}

body{
   margin: 0;
   padding: 0;
   font-size: 100%;
   font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", sans-serif;
   line-height: 1.5;
   color: #555;
   text-align: center;
   word-break: break-all;
   word-wrap: break-word;
   background-color: #fafafa;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070622/20070622232756.gif");
   background-repeat: repeat-x;
   background-position: right top;
}

div.body{
   margin: 0 auto;
   padding: 0;
   width: 750px;
   text-align: left;
   position: relative;
   background-color: transparent;
}

div.body:after{
   content:"";
   display: block;
   clear: both;
   border-bottom:1px transparent solid;
}

div.main {
   display: block;
   width: auto;
   margin: 0px;
   padding: 0px;
}

div.main:after{
   content:"";
   display: block;
   clear: both;
   border-bottom:1px transparent solid;
}

/* header ******************************************/                                                                                                                                                                                                                                                                                              

div#banner {
   width: 750px;
   margin: 0 auto; !important;
   position: relative !important;
   padding: 0px;
   text-align: left;
   background-color: #fff !important;
   border: none !important;
}

div#banner a{
   border: none !important;
}

div#banner h1 {
   margin: 0 !important;
   padding: 0 !important;
   font-size: 90% !important;
}

div#bannersub {
   border-bottom: none !important;
   width: 740px; !important;
   margin: 0 auto; !important;
   text-align: center !important;
   padding: 0px !important;
   background-color: #fff !important;
   position: relative !important;
}


:root div#bannersub{
   width: 750px !important;
}

div#bannersub table {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
   width: 100% !important;
   background-color: #fff !important;
}

div#bannersub td {
   font-size: 60% !important;
   color: #aaa; !important;
}

div#bannersub td a {
   text-decoration: none !important;
   color: #aaa; !important;
   margin: 0 5px !important;
   border: none !important;
}

div#banner img.logo {
   position: absolute !important;
   text-align: right !important;
   top: 0px !important;
   right: 0px !important;
}


/* searchform ***********************************************/                                                                                                                                                                                                                                                                                              

form.searchform {
   position: absolute !important;
   text-align: right !important;
   top: 8px !important;
   left: 510px !important;
   margin: 0 !important;
   padding: 0 5px !important;
   white-space: nowrap !important;
   text-align: center !important;
}

form.searchform input {
   vertical-align: bottom !important;
}

form.searchform input.searchword {
   font-size: 8pt !important;
   width: 100px !important;
   padding: 0 !important;
   border: 1px solid #ccc !important;
   color: #666666 !important;
   background-color: #fefefe !important;
}

form.searchform input.searchbutton {
   padding: 0;
   margin: 0;
   border: none;
}

/* hatena-usersearch **************************************************/                                                                                                                                                                                                                                                                                              

form.hatena-usersearch{
   margin: 0 ;
   position: absolute;
   text-align: right;
   top: 0px;
   width: 200px;
   right: 200px;
   display: none;
}

form.hatena-usersearch input{
   border: none;
   color: #666666;
   background-color: #f5f5f5;
   font-size:8pt;
}

/* title ********************************************/                                                                                                                                                                                                                                                                                              

div.header {
   padding: 30px 0px;
   margin: 0px auto;
   text-align: center;
   color: #aaa;
   position: relative;
   width: auto;
}

div.header a{
   border: none;
   color: #fefefe;
}

div.header h2 {
   display: block;
   margin: 20px 0px 0px;
   padding: 0px;
   color: #;
   font-size: 200%;
   text-align: center;
   font-weight: bold;
   font-family: Georgia, Helvetica, sans-serif;
}

div.header h2 a {
   font-size: 80%;
}

div.header ul.bookmarkinfo {
   margin: 0;
   padding: 0;
   color: #aaa;
   font-size: 70%;
   position: absolute;
   right: 10px;
   bottom: -20px;
}

div.header ul.bookmarkinfo li {
   padding-left: 2px;
   display: inline;
}

div.header ul.bookmarkinfo li img{
}

/* breadcrumbs **************************************/                                                                                                                                                                                                                                                                                              

div.breadcrumbs{
   padding: 5px 10px 0px;
   margin: 0px;
   color: #FFB3EB;
   font-weight: bold;
   text-align: right;
}

div.breadcrumbs p {
   font-size: 80%;
   padding: 0 ;
   margin: 0;
}

div.breadcrumbs a{
   border: none;
   color: #aaa;
   font-weight: normal;
}

/* pager ***************************************/                                                                                                                                                                                                                                                                                              

div.main div.pager {
   font-size: 70%;
   margin: 0px;
   padding: 3px 210px 3px 10px;
   text-align: left;
   width: auto;
}

div.pager p{
   margin: 0;
   padding: 0;
   background-color: transparent;
   font-weight: bold;
   color: #8EDF00;
}

div.pager p a{
   font-weight: normal;
   color: #aaaaaa;
   border: none;
}

/* taglist ***********************************************/                                                                                                                                                                                                                                                                                                

/*************
.taglist
.taglist-widget
h3
***************/                                                                                                                                    

div.taglist {
   width: 188px;
   float: right;
   margin: 0px 4px 0px 0px;
   padding: 0px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621213308.gif");
   background-repeat: repeat-y;
   background-position: right top;
}

div.taglist h3{
   margin: 0 9px 0px 6px;
   padding: 15px;
   color: #888;
   font-weight: bold;
   border-bottom: 1px solid #EDDFDF;
}

.taglist-widget {
   margin: 0px;
   padding: 0px;
   font-size: 80%;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621213309.gif");
   background-repeat: no-repeat;
   background-position: right top;
}

.taglist-widget p,
.taglist-widget ul{
   margin: 0px;
   padding: 0px;
}

ul.taglist {
   margin: 0px;
   padding: 15px 5px 20px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621213304.gif");
   background-repeat: no-repeat;
   background-position: right bottom;
}



/*  */                                                                                                                                




#tag_search,
#related-tag_search {
   background-color: #fefefe;
   border: none;
   font-family: verdana,osaka,sans-serif;
   width: 100px !important;
}

#related-tag_search {
   width: 90px !important;
}

div.taglist p{
   margin: 0;
   padding: 5px 10px;
   color: #aaa;
   font-family: Arial,Helvetica,sans-serif;
}

div.taglist p.tagcrumbs{
   font-weight: bold;
   color: #999;
   margin: 0;
   padding: 5px 10px;
}


#related-taglist {
   margin: 0;
   padding: 5px 10px;
}

div.taglist p a{
   border: none;
   color: #979797;
}

ul.taglist{
   line-height: 1.5em;
}

ul.taglist li {
   list-style-type: none;
}

ul.taglist a {
   padding: 10px;
   text-decoration: none;
   border: none;
}

ul.taglist a.tag-latest  { color: #979797 }
ul.taglist a.tag-later   { color: #979797 }
ul.taglist a.tag-earlier { color: #979797 }
ul.taglist a.tag-earliest{ color: #979797 }

ul a.currenttag {
   color: #FB7BD9;
}


/* favoritelist ***********************************************/                                                                                                                                                                                                                                                                                                

div.favoritelist {
   width: 188px;
   float: right;
   margin: 0px 4px 0px 0px;
   padding: 0px;
   font-size: 13px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621213308.gif");
   background-repeat: repeat-y;
   background-position: right top;
}

div.favoritelist h3 {
   margin: 0px;
   padding: 20px 15;
   font-size: 13px;
   font-weight: normal;
   color: #999;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621213309.gif");
   background-repeat: no-repeat;
   background-position: right top;
}

div.favoritelist form,
div.favoritelist ul {
   margin: 0px;
   padding: 10px 15px 20px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621213304.gif");
   background-repeat: no-repeat;
   background-position: right bottom;
}



div.favoritelist ul img.hatena-id-icon{
}

div.favoritelist ul a{
   border: none;
   color: #aaa;
}

div.favoritelist li{
   list-style-type: none;
   display: block;
   padding: 2px;
}

div.favoritelist form input {
   border: 1px solid #ddd;
   background-color: #eee;
}
/* link **********************************************************/                                                                                                                                                                                                                                                                                              


a{
   text-decoration: none;
   color: #000000;
   border-bottom: solid 1px #d0d0d0;
}

a img{
   border: 0;
}

a:hover,
ul.taglist li a:hover,
div#bannersub table a:hover,
dl.bookmarklist dd dd a:hover{
	color: #80E200; !important;
}


/* bookmarklist ******************************************/                                                                                                                                                   


dl.bookmarklist {
   position: relative;
   line-height: 1.5;
   margin: 0px 5px 0px;
   padding: 0px 0px 10px;
   display: block;
   width: 546px;    
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070620/20070620235340.gif");
   background-repeat: no-repeat;
   background-position: right bottom;
}

dl.bookmarklist dt.bookmark {
   margin: 0px;
   padding: 15px 15px 2px;
   display: list-item;
   font-size: 80%;
   list-style-type: none;
   background-color: #4BB4D8;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070620/20070620235338.gif");
   background-repeat: no-repeat;
   background-position: right top;
}

dl.bookmarklist dd dl {
   position: relative;
   margin: 0px;
   padding: 30px 16px 0px;
}

dl.bookmarklist dd dd.domain {
   padding: 2px 10px 8px 0;
   position: absolute;
   top: 0;
   right: 0px;
   width: 536px;
   _width: 546px;
   font-size: 10px;
   text-align: right;
   letter-spacing: 0.1em;
   display: block;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621214841.gif");
   background-repeat: no-repeat;
   background-position: right bottom;
}

dl.bookmarklist dd dl,
dl.bookmarklist dd.comment,
dl.bookmarklist dd.content {
   color: #aaaaaa;
   font-size: 11px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070620/20070620235325.gif");
   background-repeat: repeat-y;
   background-position: right bottom;
}

dl.bookmarklist a{
   border: none;
}


/* dt.bookmark */                                                                                                                                                



dl.bookmarklist dt.bookmark a {
   color: #475273;
   font-weight: bold;
}

dl.bookmarklist dt.bookmark-image{
   margin: 0px;
   width:90px;
   float:right;
}

dl.bookmarklist dt.bookmark-image img.video-thumbnail{
   width: 100px;
   height: 80px;
   border: 2px solid #fff;
   position: absolute;
   top: 3px;
   right: 6px;
   z-index: 10;
}


/*  */                                                                                                                                                


/* dl.bookmarklist dd dl */                                                                        

dl.bookmarklist dd dl dd,
dl.bookmarklist dd dl dd a {
   color: #333;
}

dl.bookmarklist dd.comment,
dl.bookmarklist dd.content {
   margin: 0px;
   padding: 10px 16px 5;
   display: block;
}  

dl.bookmarklist dd.comment,
dl.bookmarklist dd.comment a,
dl.bookmarklist dd.content {
   color: #666;
}

                                                                      

dl.bookmarklist dt,
dl.bookmarklist dd {
   display: inline;
   width: auto;
   margin: 0 ;
   padding: 0;
   border: none;
}



dl.bookmarklist dd dt.domain,
dl.bookmarklist dd dt.category,
dl.bookmarklist dd dt.keyword,
dl.bookmarklist dd dt.users,
dl.bookmarklist dd dt.timestamp,
dl.bookmarklist dd dd.category,
dl.bookmarklist dd dd.keyword {
   display: none;
}

dl.bookmarklist dd dd.domain a {
   color: #ccc;
}

dl.bookmarklist dd dd.domain a:hover {
   color: #ff00ff;
}

dl.bookmarklist dd dd.users {
   font-size: 11px;
   margin-left: 5px;
}
dl.bookmarklist dd dd.timestamp{
   margin-left: 5px;
   color: #777;
}



/* users */                                                                                                                                                                                                                                                                                              

dl.bookmarklist dd dd.users a{
   padding: 5px 0px 2px 14px;
   color: #847E64;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621222719.gif");
   background-repeat: no-repeat;
   background-position: left center;
}

dl.bookmarklist dd dd.users em{
   font-weight: normal;
   display: inline;
   font-style: normal;
}

dl.bookmarklist dd dd.users em a{
   color: #FF9AF7;
   padding: 5px 0px 3px 22px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621222720.gif");
   background-repeat: no-repeat;
   background-position: left center;
}

dl.bookmarklist dd dd.users strong {
   font-weight: bold;
   font-style: normal;
   display: inline;
}

dl.bookmarklist dd dd.users strong a {
   color: #FF76F4;
   padding: 5px 0px 3px 41px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621222721.gif");
   background-repeat: no-repeat;
   background-position: left center;
}

dl.bookmarklist dd dd.delete form.delete {
   display: inline;
   margin: 0;
   padding: 0;
}


/* favorite ************************************************/                                                                                                                                                              

dl.bookmarklist dd {
   position: relative;
}

dl.bookmarklist dd dt span.label,
dl.bookmarklist dd dd a span.label {
display: none;
}

dl.bookmarklist dd dt.bookmarker {
   padding: 2px 0px;
   margin: 0px;
}

dl.bookmarklist dd dd.bookmarker{
   padding: 2px 0px;
}



dl.bookmarklist dd dd.bookmarker a{
   color: #666666;
}

dl.bookmarklist dt.bookmark strong,
dl.bookmarklist dd.comment strong,
dl.bookmarklist dd.content strong {
   background-color: #FB7BD9;


}


/* collection ************************************************/                                                                                                                                                              

.asinlist {
   padding: 0px;
   width: 555px;
   text-align: center;
   font-size: 11px;
}

dl.asinlist {
   margin: 0px;
   float: left;
   display: block;
   width: 185px;
   height: 140px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070706/20070706232545.gif");
   background-repeat: no-repeat;
   background-position: center bottom;
}

dt.asin {
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070706/20070706232546.gif");
   background-repeat: no-repeat;
   background-position: center top;
}

dl.asinlist a {
   border: none;
}

dt.asin a img{
   margin: 15px auto 0px;
  height: 90px;
}

dl.asinlist dd dl {
   display: block;
   height: 25px;
}

dl.asinlist dd dl dt,
dl.asinlist dd dl dd,
dl.asinlist dd dl dd.delete form {
   display: inline;
}

dl.asinlist dd dl dt.users,
dl.asinlist dd dl dt.edit
 {
   display: none;
}

/* collection detail ***********************************/            

dl.asindetail {
   font-size: 12px;
   width: 546px;
}

dl.asindetail a {
   border: none;
}

dl.asindetail dt.bookmark {
   margin: 5px 0px 0px;
   padding: 15px 25px 0px;
   font-size: 15px;
   font-weight: bold;
   line-height: 1;
   text-align: left;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070620/20070620235338.gif");
   background-repeat: no-repeat;
   background-position: right top;
}

dl.asindetail dd {
   margin: 0px;
   padding: 0px;
   line-height: 2;
   border: none;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070620/20070620235325.gif");
   background-repeat: repeat-y;
   background-position: right bottom;
}

dl.asindetail dd.comment {
   margin: 0px;
   padding: 5px 25px 15px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070620/20070620235340.gif");
   background-repeat: no-repeat;
   background-position: right bottom;
}


dl.asindetail dd dl{
   margin: 0px;
   padding: 10px 0px 0px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070621/20070621214841.gif");
   background-repeat: no-repeat;
   background-position: right top;
}


dl.asindetail dd dl dt.image,
dl.asindetail dd dl dl dt {
   display: none;
}

dl.asindetail dd dl dd.image {
   margin: 5px 25px;
   float:left;
}

dl.asindetail dd dl dd.image img{
   height: 110px;
}

dl.asindetail dd dl dd {
   display: block;
   background-image: none;
}

dl.asindetail dd dl dd.keyword,
dl.asindetail dd dl dt.keyword,
dl.asindetail dd dl dd.users,
dl.asindetail dd dl dt.users,
dl.asindetail dd dl dd.timestamp,
dl.asindetail dd dl dt.timestamp,
dl.asindetail dd dl dd.edit,
dl.asindetail dd dl dd.delete {
   border: none;
   display: none;
}

dl.asindetail dd dl dd dl{
   padding: 10px;
   display: block;
   height: 110px;
}

dl.asindetail dd dl dd dl dt,
dl.asindetail dd dl dd dl dd {
   margin: 0px;
   padding: 0px;
   border: none;
}

dl.asindetail dd dl dd dl{

   
}





/* editinsitu ***********************************************/                                                                                                                                                                                                                                                                                              

.editinsitu-highlight {
   background-color: #FB7BD9 !important;
   color: #ffffff !important;
}

.editinsitu-highlight a{
   color: #ffffff !important;
}

2007-07-13

メモ

星のいらない人

h3 span{
   display: none !important;
}

h3 span.sanchor,
h3 span.timestamp,
h3 span.highlight{
   display: inline !important;
}

星のいる人

body {
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070713/20070713095534.gif");
   background-repeat: repeat;
   background-position: center top;        
}

2007-06-27

スタイルシート

* {
   margin: 0px;
   padding: 0px;
}

body { 
   font-size: 80%; 
   font-family: Verdana, Osaka, sans-serif; 
   line-height: 150%; 
   _line-height: 170%; 
   letter-spacing: 0.02em;
   color: #555;
   margin: 0px; 
   padding: 0px;
   text-align: center;
   background-color: #B7DBDB;
   word-break: break-all ;
   word-wrap: break-word ;
}

/************ decoration */                                                                                                    

a {
   color: #555;
   font-weight: normal;
}

a:hover {
   color: #C572B6;
}

.section p a img{
   border: 1px solid #ccc;
}

.section p a:hover img{
   border: 1px solid #eee;
}

h1,
h1 a {
   font-weight: bold;
   font-size: 20px;
   color: #fff;
}

h1 a:hover {
   color: #688FAF;
}

h2,
h2 a {
   text-decoration: none;
   font-weight: normal;
   font-size: 100%;
   text-align: right;
   color: #555;
}

.edit {
   color: #f0f;
}

h3,
h3 a {
   text-decoration: none;
   font-weight: bold;
   font-size: 110%;
   color: #688FAF;
}

a.keyword,
a.okeyword,
span.footnote a {
   text-decoration: none;
}

.seemore {
   margin: 10px 0px;
}

span.highlight {
   padding: 0px 3px;
   background-color: #333;
   color: #fff;
}

.sidebar,
.sidebar a {
   text-decoration: none;
}

/************ list */                                                                                                    

ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

ol {
   margin: 5px 15px;
   padding: 0px;
}

.section li {
   margin: 5px 15px;
   padding: 0px;
}

/************ balance */                                                                                                    

#simple-header {
   margin: 0px auto;
   padding: 5px 0px;
   width: 750px;
   background: transparent;
}

h1 {	
   margin: 0px auto;
   padding: 100px 100px;
   width: 530px;
   _width: 730px;
   height: 95px;
   _height: 295px;
   text-align: right;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070608/20070608214059.jpg");
   background-repeat: no-repeat;
   background-position: center bottom;
}

.hatena-body{
   margin: 0px auto;
   padding: 0px;
   width: 730px;
   text-align: center;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070608/20070608211814.jpg");
   background-repeat: repeat-y;
   background-position: center top;
}

.hatena-body:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

.main{
   margin: 0px auto;
   padding: 0px 0px;
   text-align: left;
   width: 600px;
   overflow: hidden;
}


.sidebar {
   margin: 0px auto;
   padding: 20px 0px;
   width: 600px;
   font-size: 100%;
   text-align: center;
background-color: #fff;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/d/design_note/20070608/20070608215950.jpg");
   background-repeat: no-repeat;
   background-position: center top;
}

.sidebar:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

.foot-a{
   margin: 0px auto;
   padding: 0px 20px 15px;
   text-align: center;
   width: 560px;
   _width: 600px;
   background-color: #fff;
}

.foot-a:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

.foot-b {
   margin: 0px auto;
   padding: 5px 0px;
   width: 600px;
   font-size: 90%;
   text-align: center;
background-color: #eaeaea;
}

.foot-b:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

.main .calendar {
   margin: -20px 0px 0px;
   padding: 0px;
   height: 20px;
   text-align: right;
}

/************ day */                                                                                                    

.day {
   margin: 0px 10px 40px;
   padding: 0px 0px 50px;
   text-align: left;
   border-bottom: 1px solid #D7D5C6;
}

h2 {
   margin: 0px;
   padding: 0px 40px;
}

.body,
div.comment,
.refererlist {
   margin: 0px;
   padding: 1px 35px;
   background-image: 
url("");
   background-repeat: repeat-y;
   background-position: center top;
}

div.body:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

div.body{
   _height:1%;
}

.footnote{
   margin: 10px 0px;
}

p.footnote{
   margin: 0px;
}

.ad {
   margin: 20px 0px;
   border: 1px solid #aaa;
}

/************ section */                                                                                           

.section {
  margin: 10px 0px 40px;
}

.section:after{
   content:"";
   display:block;
   clear:both;
   border-bottom:1px transparent solid;
}

h3 {
   margin: 0px 0px 20px;
   padding: 2px 2px;
   border-bottom: 2px solid #688FAF;
}

h3 a img,
h3 a:hover img {
   border: none;
}

span.sanchor {
   color: #C2D064;
   margin: 0px 7px 0px 0px;
}

h4,h5,h6 {
   margin: 10px 0px;
   padding: 0px 10px;
   font-weight: normal;
   border-left: 3px solid #aaa;
}

blockquote,
pre {
   margin: 20px 0px;
   padding: 15px 10px;
   border: solid 2px #bbb;
   background-color: #eee;
}

cite a {
   font-style: normal;
}

.day table{
   margin: 10px;
   font-size: 100%;
   border: none;
   border-collapse: collapse;
   text-align: left;
   border: solid 2px #ccc;
}

.day td{
   padding: 5px;
   border: solid 1px #ccc;
}

.day th{
   padding: 5px;
   font-weight: normal;
   border: solid 1px #ccc;
   background-color: #eee;
}

/************ dl */                                                                                   

dl {
   margin: 2px 0px 10px;
   border: 2px solid #ddd;
   background-color: #fafafa;
}

dt {
   padding: 3px 1.0em;
   background-color: #DBECEC;
}

dd{
   margin: 0px;
   padding: 5px 2.5em;
}



/************ comment */                                                                                            

.comment a,
.comment a img{
   text-decoration: none;
   border: none;
}

.commentshort p {
   margin: 10px 0px;
}

span.canchor a{ 
   padding: 3px 16px 0px 0px;
   background-image: url("http://f.hatena.ne.jp/images/fotolife/o/odachi/20070501/20070501111543.gif");
   background-repeat: no-repeat;
   background-position: right top;
}

div.commentshort{
   display: none;
}

form div.commentshort{
   display: block;
}

.comment textarea {
   margin: 4px 0px;
   border: 1px solid #aaa;
}
/************ image */                                                                                      

.section p a img {
   margin: 10px 3px;
   padding: 2px;
   border: 1px solid #ccc;
   background-color: #fcfcfc; 
}

.ad a img,
.ad a:hover img {
   border: none;
}

.photo {
   float: right;
   margin: 0px 0px 10px 10px;
}

.hatena-fotolife{
   float: left;
   margin: 10px 0px;
   padding: 5px;
   border: 1px solid #ccc;
   background-color: #fcfcfc;    
}

.body img.asin{
   float: right;
   margin: 5px;
}                                                                                                                                                                                                       

.section object,
.section embed{
   margin: 10px auto;
   padding: 0px;
}

/************ asin detail*/                                                

div.hatena-asin-detail {
   margin: 10px 0px;
   padding: 10px;
   _width: 100%;
   border: solid 2px #fff;
   background-color: #fafafa;
}

img.hatena-asin-detail-image {
   float: left;
   margin: 0px;
   padding: 0px;
   height: 110px;
   width: auto;
}

div.hatena-asin-detail-info{
   float: left;
   margin: 0px 0px 0px 10px;
   padding: 0px;
   word-break: break-all;
}

.section p.hatena-asin-detail-title{
   margin: 5px 0px;
   padding: 0px;
   font-weight: normal;	
   _width: 100%;
}

div.hatena-asin-detail-info li {
   margin: 0px;
   padding: 0px;
}

div.hatena-asin-detail p a{
   border: none;
}

div.hatena-asin-detail-foot {
   clear: left;
}

/************ sidebar */                                                                         

.sidebar ul {
   padding: 5px 0px;
   text-align: left;
   border: none;
}

.sidebar ul li{
}

.sidebar ul li a{
   margin: 0px 2px;
   padding: 0px 15px;
   background-color: #fff;
}

.sidebar .calendar {
   margin: 0px;
   padding: 0px;
   height: 20px;
   text-align: right;
}


/************ hatena-module */                                                                                                    

.hatena-module{
   float: left;
   margin: 0px auto;
   padding: 0px;
   width: 199px;
   height: 230px;
   overflow: auto;
   border: none;
   border-right: 1px dashed #aaa;
}

.hatena-moduletitle{
   margin: 0px 8px;
   padding: 3px 0px;
   border-bottom: 1px solid #aaa;
}

.hatena-modulebody{
   margin: 0px;
   padding: 0px;
   text-align: left;
   border: none;
}

.sidebar scrollbar-track-color: #fff;
.sidebar scrollbar-face-color: #fff;
.sidebar scrollbar-shadow-color: #aaa;
.sidebar scrollbar-darkshadow-color: #fff;
.sidebar scrollbar-highlight-color: #aaa;
.sidebar scrollbar-3dlight-color: #fff;
.sidebar scrollbar-arrow-color: #aaa;

/************ hatena-module right*/                                

.right {
border:none;
}

.right .hatena-module{
   border: none;
}

/************ profile module */                                                                                                

.hatena-profile {
   text-align: center;
}

.hatena-profile-image {
   margin: 10px 0px;
}

.hatena-profile-image a img {
   border: 2px solid #B7DBDB;
}

.hatena-profile-id {
}

.hatena-profile-body {
}

/************ hatena-rss */                                    

ul.hatena-rss {
   font-size: 85%;
   margin: 0px 5px;
   height: 190px;
   overflow: auto;
}

ul.hatena-rss li a{
   margin: 5px 1px;
   padding: 2px;
   display: block;
}

ul.hatena-rss li a:hover{
   color: #004242;
   background-color: #F0F7F7;
}
/************ calendar module */                                                                                      

table.calendar{
   font-size: 100%;
   margin: 0px auto;
   padding: 0px;
   width: 180px;
   text-align: center;
}

td.calendar-weekday,
td.calendar-sunday,
td.calendar-saturday{
   display:none;
}

td.calendar-day a img {
	width: 10px;
	height: 10px;
	z-index: 1;
}

/************ navi , footer */                                                                        

.main .hatena-module{
   height: auto;
   width: 600px;
   font-size: 90%;
   border: none;
}

.main .hatena-moduletitle{
   display: none;
}

.main .hatena-modulebody{
   margin: 3px 20px;
}

.foot-a a img {
   margin: 0px auto;
   border: none;
}

.foot-b ul {
   float: left;
   clear: both;
   border: none;
   width: 600px;
}

.foot-b ul li {
   display: inline;
}

.foot-b ul li a{
   margin: 0px 4px;
}

/* about , archive ***********/                      


#hatena-about .day,
#hatena-archive .day {
   width: 620px;
   margin: 0px auto;
   padding: 0px 0px;
   border: none;
}

#hatena-about h3,
#hatena-archive h3 {
   margin: 30px 0px 20px;
   padding: 2px 10px;
   border-left: 10px solid #688FAF;
   border-bottom: 2px solid #688FAF;
}

#hatena-about .day p,
#hatena-archive .day p{
   margin: 1em;
}
 
#hatena-about ul.hatena-profile-list li {
   margin: 2px;
   padding: 0px;
}

#hatena-about ul.hatena-profile-list li a img{
   margin: 3px;
   padding: 0px;
   border: 1px solid #666;
}

#hatena-archive .calendar {
   text-align: left;
   margin: 0px 100px 15px;
}

#hatena-archive ul ul{
   margin: 0px 0px 10px;
}

2007-06-27

フッタ

<hatena name="calendar" template="hatena-module">

</div>

<div class="sidebar">

 <hatena name="profile" template="hatena-module">

 <div class="hatena-module">
  <div class="hatena-moduletitle">memu</div>
  <div class="hatena-modulebody">
   <ul>
    <li><a href="/fui/archive">archive</a></li>
    <li><a href="http://mmdd.g.hatena.ne.jp/">mm</a></li>
    <li><a href="http://train.g.hatena.ne.jp/fui/">Fe</a></li>
    <li><a href="http://xxs.g.hatena.ne.jp/fui/">nimp</a></li>
    <li><a href="http://booklog.jp/tana.php?ac=.fui">booklog</a></li>
    <li><a href="http://a.hatena.ne.jp/fui/">a</a></li>
    <li><a href="http://b.hatena.ne.jp/fui/">b</a></li>
    <li><a href="http://r.hatena.ne.jp/fui/">r</a></li>
    <li><a href="http://twitter.com/fui">*</a></li>
   </ul>
  </div>
 </div>

 <div class="right">
  <hatena name="rss" url="http://twitter.com/statuses/user_timeline/fui.rss" template="hatena-module" listlimit="3"
moduletitle="Twitter">
 </div>

</div>



<div class="foot-a">

 <a href="http://flickr.com/photos/46232062@N00/"><img alt="fui. Get yours at flagrantdisregard.com/flickr" src="http://flagrantdisregard.com/flickr/profilewidget/randomint/000000/ffffff/46232062@N00.jpg" title="fui. Get yours at flagrantdisregard.com/flickr"></a>

 <a href="http://lilypie.com"><img width="400" alt="Lilypie Expecting a baby Ticker" src="http://bd.lilypie.com/0dJfp9.png" height="80" border="0"></a>

 <a target="_feedmeter" href="http://feedmeter.net/detail.php?r=http%3A%2F%2Fd.hatena.ne.jp%2Ffui%2Frss"><img width="60" alt="RSS feed meter for http://d.hatena.ne.jp/fui/" src="http://feedmeter.net/image.php?r=http%3A%2F%2Fd.hatena.ne.jp%2Ffui%2Frss" height="36" border="0"></a>

</div>



<div class="foot-b">

 <ul>
    <li><a href="/fui/">最新の日記</a></li>
    <li><a href="/fui/archive">archive</a></li>
    <li><a href="/fui/logout">logout</a></li>
    <li><a href="/help">help</a></li>
 </ul>

</div>

2007-06-27

ヘッダ

<div class="main">

2007-05-15

イメージとすれば、こんな感じ

2007-05-15

■

朝: ごはん（梅干とじゃこ）・　クッキー3とマドレーヌ＜アントステラ＞
昼: ベーグル・ルッコラとトマトのサラダ・牛乳
夕: 肉じゃがコロッケ1・鯵と野菜の南蛮みたいの＜RF1＞・　リュスティック＜ビゴの店＞
夜: パン・オ・ショコラ・牛乳