ブクマ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;
}