* {
background : transparent;
border : none;
color : #333;
font-size : 100%;
font-style : normal;
font-weight : normal;
line-height : 1.6;
margin : 0;
padding : 0;
text-decoration : none;
word-break : break-all;
word-wrap : break-word;
}
body {
background : #fff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 90%;
padding-bottom : 1em;
text-align : center;
}
#banner{
}
#bannersub{
}
#breadcrumbs {
margin : 0 auto;
margin-top : 1em;
text-align : left;
width : 700px;
}
#breadcrumbs a:hover{
color : red;
}
h1 {
background : url("http://bater.biz/hatena/r/moho/top.gif") no-repeat center left;
font-size : 200%;
height : 200px;
margin : 0 auto;
padding : 80px 200px 0px 145px;
text-align : left;
width : 400px;
_width : 700px;
}
h1::first-letter {
font-size : 150%;
}
div.content-body h1{
margin: auto;
width: auto;
background: transparent;
font-size: inherit;
padding: 0;
height: auto;
background-image: none;
}
div.content-body h1::first-letter{
font-size: inherit;
color: inherit;
}
form#changeviewmode {
}
ul.modelist {
background : #fff;
list-style-type : none;
margin : 0 auto;
text-align : left;
width : 700px;
}
ul.modelist li {
background-color : #fff;
border : outset 2px #ccc;
color : #333;
display : inline;
font-family : "Verdana", sans-serif;
margin : 0.5em 0.2em;
padding : 0.1em 0.3em;
vertical-align : middle;
text-align : center;
_width: 7em;
}
ul.modelist li:active {
background-color : #f3f3f3;
border-style : inset;
}
#main {
margin : 0 auto;
margin-top : 1em;
text-align : left;
width : 700px;
}
#main-header h2{
font-size : 12px;
font-weight : bold;
}
span.unread {
color: #888;
}
form.populartopic {
float : right;
width : 12em;
background : #fff;
}
#main-body{
padding-top : 1em;
}
div.item-unread,
div.item-read,
div.item-update,
div.item-guest{
border : 1px solid #333;
margin : 2em 0 1em 0;
padding-top : 2.5em;
position : relative;
}
div.item-unread h3,
div.item-read h3,
div.item-update h3,
div.item-guest h3{
background : #fff;
border : 1px solid #333;
left : 1em;
padding : 0.5em;
position : absolute;
top : -1.2em;
}
div.item-unread,
div.item-unread h3{
background : #efefed;
}
div.item-unread h3 a,
div.item-read h3 a,
div.item-update h3 a,
div.item-guest h3 a{
font-weight : bold;
}
div.item-unread h3 a:hover,
div.item-read h3 a:hover,
div.item-update h3 a:hover,
div.item-guest h3 a:hover{
color : red;
}
div.content-body h3 {
background : transparent;
border : none;
left : 0;
position : static;
top : 0;
}
a.users {
color : #ff1493;
}
div.item-body,
div.item-footer,
div.podcast{
margin : 1em;
}
img.siteimage{
float : right;
margin : 0.5em 1em 1em 1em;
}
div.content-button {
text-align : right;
clear : both;
}
div.content-button button {
background-color : #ffffff;
border : outset 2px #ccc;
color : #333;
display : inline;
font-family : "Verdana", sans-serif;
margin : 0.5em 0.2em;
padding : 0.1em 0.3em;
vertical-align : middle;
}
div.content-button button:active {
background-color : #f3f3f3;
border-style : inset;
}
form.b_append {
margin : 0 2em;
}
form.b_append input.field {
border : 1px solid #333;
width : 450px;
}
div.content-body {
color : #463b37;
background : #efefed;
max-height : 28em;
_height : 28em;
margin : 0.5em;
overflow : auto;
padding : 1em;
}
div.pager{
margin: 1em 0em;
}
div.pager a {
border-bottom : 1px solid #333;
}
div.pager a:hover {
color : red;
}
div.item-footer span.date{
font-size : 12px;
color : #888;
}
div.item-footer span.creator{
display: none;
}
div.item-footer a.entrylist-link {
font-size : 12px;
font-weight : bold;
}
div.item-footer a.entrylist-link:hover {
color : red;
}
div.selectedfeed{
margin : 1em;
}
div.selectedfeed ul{
list-style-type : none;
}
div.selectedfeed ul li{
margin : 5px 0;
}
div.selectedfeed a {
border-bottom : 1px solid #333;
}
div.selectedfeed a:hover {
color : red;
}
div.screenshot img{
float : left;
margin : 0em 1em 1em 0em;
width : 80px;
}
div.group-title{
margin : 5px;
font-weight : bold;
}
div.groups {
_top : 90px;
background : #fff;
font-size : 12px;
height : 200px;
overflow : auto;
position : absolute;
right : 30px;
text-align : left;
top : 80px;
width : 260px;
}
ul#group-list,
.group-list{
font-size : 10pt;
list-style-type : none;
}
ul#group-list li a,
.group-list li a{
background : url("http://bater.biz/hatena/r/moho/ico1.gif") no-repeat center left;
padding-left : 22px;
}
ul#group-list li span.unread a,
.group-list li span.unread a{
background : url("http://bater.biz/hatena/r/moho/ico2.gif") no-repeat center left;
padding-left : 22px;
}
ul#group-list li a:hover,
.group-list li a:hover,
ul#group-list li span.unread a:hover,
.group-list li span.unread a:hover{
background : url("http://bater.biz/hatena/r/moho/ico3.gif") no-repeat center left;
padding-left : 22px;
}
div.groups a:hover {
color : red;
}
span.selected{
font-weight : bold;
}
div.feeds {
_top : 290px;
font-size : 12px;
position : absolute;
right : 30px;
text-align : left;
top : 280px;
}
form.addform {
margin : 5px 0px;
}
form.addform input {
border : 1px solid #333;
}
ul.feed-list,
div.ad-title{
display: none;
}
div.keyusage {
display : none;
}
div.ad,
div#footer {
margin : 0 auto;
width : 700px;
font-size : 12px;
}
div.ad{
margin-top : 50px ;
}
.content-body h1,
.content-body h2,
.content-body h3,
.content-body h4,
.content-body h5,
.content-body h6{
font-weight : bold;
line-height : 1.2;
margin : 1em 16px;
}
.content-body p{
margin : 0.8em 8px;
text-indent : 1em;
letter-spacing : 1px;
}
.content-body ul{
list-style : disc inside;
margin : 1em 8px;
padding : 1px 8px;
}
.content-body ol{
list-style : decimal inside;
margin : 1em 8px;
padding : 1px 8px;
}
.content-body dt{
color : #d2691e;
}
.content-body dd{
margin-left : 16px;
}
.content-body li ul,
.content-body li ol,
.content-body li dl,
.content-body li p,
.content-body dd ul,
.content-body dd ol,
.content-body dd dl,
.content-body dd p {
margin : 0.4em 8px;
}
em,strong,q,code,cite,del,ins{
margin : 0 2px;
}
del{
color : #666;
text-decoration : line-through;
}
del[datetime]::before{
content : " ( "attr(datetime)"削除) ";
}
ins{
border-bottom : 1px dotted #666;
}
ins[datetime]::before{
content : " ( "attr(datetime)"追記) ";
}
em,strong{
font-weight : bold;
}
strong {
color : #ff1493;
}
q{
}
code{
font-family : "Osaka－等幅", monospace;
color : #6b8e23;
}
q cite{
display : none;
}
.content-body a{
color : #73523b;
border-bottom : #ba55d3 solid 1px;
}
.content-body a:hover{
color : #9932cc;
border-bottom : #9400d3 solid 1px;
}
.content-body blockquote{
display : block;
background : #eae4e2;
border-top : 1px solid #c1bbb9;
border-left : 1px solid #c1bbb9;
border-right : none;
border-bottom : none;
margin : 0.8em 24px;
padding : 1px;
_width: 100%;
}
blockquote * {
color : #463b37;
}
blockquote cite{
display : block;
text-align : right;
}
.content-body pre{
width: 95%;
overflow : scroll;
background-color : #e4e2de;
border : 3px double #e6bdd1;
padding : 8px 16px;
}
.content-body table{
background-color : #e6bdd1;
border-width : 1px;
border-style : solid;
border-color : #c49497 #c5296f #c5296f #c49497;
margin : 0.5em 16px;
}
.content-body caption{
display : none;
}
.content-body table th,
.content-body table td{
line-height : 1.2;
color : #fff;
padding : 0.1em 8px;
}
.content-body table th{
color: white;
background : #c5296f;
border-width : 0 1px 1px 0;
border-style : solid;
border-color : #d2d2d2;
}
.content-body table td{
color : #c5296f;
background-color : white;
border-width : 1px;
border-style : solid;
border-color : white #bfc3c4 #bfc3c4 white;
}
.item-antenna li{
margin : 5px 0px;
}
.item-antenna a:hover{
color : red;
}
.antenna-entry-list ul{
margin : 0 4em;
}
.content-body p.sectionfooter,
.content-body .section h3{
display : none;
}
.content-body a.keyword{
color : #463b37;
border-bottom : #ba55d3 dotted 1px;
}
.content-body img.photo,
.content-body img.asin{
float: right;
margin: 1em 0em 1em 1em;
}
.content-body div.hatena-asin-detail {
display : block;
background : #eae4e2;
border-top : 1px solid #c1bbb9;
border-left : 1px solid #c1bbb9;
border-right : none;
border-bottom : none;
margin : 0.8em 24px;
padding : 1px;
_width: 100%;
}
.content-body div.hatena-asin-detail p {
text-indent : 0em;
}
.content-body div.hatena-asin-detail ul {
list-style-type : none;
margin : 10px 0 0 0;
padding : 0;
}
.content-body img.hatena-asin-detail-image {
float : left;
}
.content-body div.hatena-asin-detail-info {
margin-left : 10px;
float : left;
}
.content-body p.hatena-asin-detail-title a {
font-weight : bold;
}
.content-body div.hatena-asin-detail-foot {
clear : both;
}
.content-body img.bor {
margin : 1em 1em 1em 0;
float : left;
}
.content-body img.nob2,
.content-body img.bor2 {
margin : 1em 0 1em 1em;
float : right;
}
.content-body img.hatene {
margin : 1em 1em 1em 0;
float : left;
}
.content-body dt.kaiwa{
float : left;
clear : left;
width : 3.5em;
margin : 0;
}
.content-body dl.conte dt.kaiwa{
clear : both;
height : 40px;
}
.content-body dl.conte dd{
margin : 20px 1em 40px 1em;
}
div.sponsor ,
div.sponsor ul ,
div.sponsor ul li ,
div.sponsor ul li a ,
div.ad,
div.ad div.ad-body ,
div.ad-antenna,
#footer{
display : none !important;
}
span,
font{
font-size : 100% !important;
}
