css06a

css06a

html {

margin:0;

padding:0;

border:none;

}

html *{

-moz-box-sizing: border-box ;

box-sizing: border-box ;

}

body {

font-size: 100%;

/* MacIE5 \*/

letter-spacing: 1px;

/* */

font-family: Verdana, Osaka, sans-serif;

line-height: 1.5;

color: #228822;

background-color: #deffde;

margin: 0;

padding: 0;

word-break: break-all ;

word-wrap: break-word ;

/* text-align: center;*/

}

.hatena-body{

position: relative ;

width: auto ;

max-width: auto ;

margin: 0 auto;

padding: 0;

}

.main{

padding: 0px;

margin: 0 190px 0 0;

}

/***** link *****/

a:link {

color :#337744 ;

}

a:visited {

color :#447733 ;

}

a:hover {

color :#007700 ;

text-decoration :none ;

}

a.keyword:link,

a.okeyword:link {

color :#286638 ;

border-bottom :solid 1px #286638 ;

text-decoration :none ;

}

a.keyword:visited,

a.okeyword:visited {

color :#386628 ;

border-bottom :dashed 1px #386628 ;

text-decoration :none ;

}

a.sectioncategory {

color :#228822 ;

}

a img{

border: none;

}

/***** header etc. *****/

h1 {

width: auto;

font-family: osaka,sans-serif;

text-align: left;

margin: 0 auto;

padding: 20px 20px 0 20px;

font-size: 250%;

line-height: 1.5;

letter-spacing: 0.2em;

color: #88cd88 ;

border-bottom: 1px dotted #326832;

}

div.day {

margin: 0 20px 0px 20px;

padding: 0 0 0 0;

width: 95% ;

background-position: bottom left;

background-repeat: no-repeat;

clear: both ;

}

h2,

h2 a{

text-decoration: none;

border: none;

}

h2 {

font-family: sans-serif;

font-size: 150%;

font-weight:bold;

margin: 0;

padding: 40px 40px 5px 40px;

text-align:left;

background-position: top left;

background-repeat: no-repeat;

}

form h2{

text-align: left;

}

span.date{

letter-spacing: 0px;

}

span.title{

font-size: 100%;

letter-spacing: 1px;

font-family: Verdana, Osaka, sans-serif;

font-weight: bold;

margin-left: 15px;

}

div.body {

padding: 1.2em 0;

_padding: 0px 0px 0px 0px ;

margin: 0;

/* text-align: left;*/

background-color: #baddba ;

background-position: top left;

background-repeat: repeat-y;

width :100% ;

_width: 100% ;

border :solid 2px #005500 ;

}

div.section{

margin: 0em 5em 5px 5em;

padding: 0em 1em;

overflow: auto ;

}

div.section P {

margin: 0.5em;

padding: 0;

text-align: left

}

div.section h3 {

font-weight: bold ;

color: #228822 ;

}

div.section dl,

div.section pre,

div.section blockquote {

margin: 1em ;

}

.main div.section {

margin-right: 0px ;

margin-left: 0px ;

color: #006600 ;

}

h3 {

color :#228822 ;

font-size:120%;

font-weight: bold;

margin:0;

padding: 0 ;

text-align:left;

}

h3 a{

border: none;

text-decoration :none ;

}

span.sanchor{

color: #228822;

margin: 0;

}

span.timestamp {

font-size: 75% ;

font-weight: normal ;

color: #228822 ;

letter-spacing: 0px;

}

h4 {

color :#228822 ;

font-size:100%;

font-weight: bold;

margin:0 20px;

padding-left:1em;

text-align:left;

word-break:break-all;

border-left: 5px solid #226622;

border-bottom: 1px solid #226622;

}

blockquote{

border-top: solid 2px #228822 ;

border-bottom: solid 2px #228822 ;

border-right: solid 2px #228822 ;

border-left: solid 2px #228822 ;

background-color: #99bb99 ;

margin: 1em;

padding: 1em;

}

.section blockquote p{

margin: 1em;

padding: 0;

}

cite{

font-weight: bold;

font-style: normal;

}

cite a{

border: none;

}

pre {

background-color: #aaccaa;

margin: 1em;

padding: 1em;

}

font{

line-height: 1.2;

}

em,

em a{

font-weight: bold;

font-style: normal;

border: none;

}

ins,

ins a{

text-decoration: none;

border: none;

}

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

.section ul{

padding: 5px;

margin: 0;

list-style-type: circle;

list-style-position: inside;

}

.section ul li {

text-align:left

padding: 0;

margin: 0 0 0 5px;

list-style-type: disc;

list-style-position: inside;

}

.section ul ul{

text-align:left

padding: 0;

margin: 0 0 0 5px;

list-style-type: disc;

list-style-position: inside;

}

.section ol {

}

.section dl{

margin: 1em;

}

.section dt{

font-weight: bold;

}

/***** img *****/

img.photo{

float: right;

margin: 20px 10px 20px 10px;

border: 0;

}

img.asin{

float: right;

position: relative;

margin: 0 0 10px 10px;

border: 0;

}

/***** footnote *****/

span.footnote{

font-size: 75%;

}

span.footnote a{

border: 0;

}

div.footnote{

margin: 1em 40px;

}

p.footnote{

margin: 0;

font-size: 90%;

}

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

div.comment,

div.refererlist{

background-position: top left;

background-repeat: repeat-y;

_width:100%;

text-align: left;

padding: 1em 40px 0 40px;

margin: 0;

}


div.caption{

font-size: 80%;

padding: 0;

}


div.caption a{

border: none;

}


div.refererlist ul,

div.comment ul{

margin: 0 2em;

padding: 0;

list-style-type: disc;

font-size: 80%;

letter-spacing: 0px;

}

form div.refererlist ul,

form div.comment ul{

font-size: 100%;

letter-spacing: 1px;

}


div.commentshort{

margin: 0;

padding: 0.5em 0 0 0;

_width: 100%;

}

div.commentshort textarea{

/* display: none; */

width: 100%;

/* height: 200px; */

height: auto;

}

/*

div.commentshort input{

display: none;

}

/

/*

span.canchor{

display: none;

}

/

div.commentshort a{

border: none;

}

span.commentator{

font-weight: bold;

/* display:block; */

display: inline;

margin: 0 0 0 1em;

}

form span.commentator{

display: inline;

margin: 0;

margin: 0 0 0 1em;

}

div.commentshort P

{

margin: 5px 0 0 1em;

font-size: 90%;

letter-spacing: 0px;

}

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

div.hatena-asin-detail {

margin: 1em 1em;

padding: 10px;

background-color: #99bb99;

_width: 100%;

overflow: auto;

}

div.hatena-asin-detail p {

margin: 0 ;

text-align: left

}


div.hatena-asin-detail p a{

border: 0;

}

div.hatena-asin-detail ul {

list-style-type: none;

margin: 5px 0 0 0;

padding: 0;

}

img.hatena-asin-detail-image {

float: left;

border: 0;

margin: 0 10px 0 0 ;

}

div.hatena-asin-detail-info {

margin: 0;

word-break: break-all;

}

p.hatena-asin-detail-title {

font-weight: bold;

}

div.hatena-asin-detail-foot {

margin: 5px 0 5px 0;

}

/************************ form **********************/

form{

margin: 0;

padding: 0;

}

form.hatena-searchform{

margin: 5px 0;

}

div.day form div.comment{

width: auto;

}

div.day form div.body{

margin: 0;

padding: 0 40px;

}


div.day textarea{

width: 100%;

height: 200px;

}

textarea,

input{

letter-spacing: 0px;

color: #000000;

}

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

.sidebar {

position: absolute;

top: 10px;

right: 0px;

width: 220px;

padding: 0 0 0 10px;

margin: 0;

font-size: 90%;

text-align: left;

border: none;

}

.hatena-module{

border: 1px dotted #228822;

margin:20px 20px 0 0;

padding: 0px 0px 0 0;

text-align: left;

width: 100% ;

}

.hatena-moduletitle,

.hatena-moduletitle a{

border: none;

color: #228822;

letter-spacing: 0px;

font-weight: bold;

}

.hatena-moduletitle{

font-family: 'Arial',sans-serif;

font-size: 120%;

padding: 5px 15px 13px 15px;

margin: 0px;

text-align: center;

background-position: bottom center;

background-repeat: no-repeat;

}

.hatena-modulebody{

padding: 10px 15px 10px 15px;

margin: 0;

font-size: 90%;

_width:100%;

}

.hatena-modulebody a{

border: none;

}

/***** sideber li *****/

.hatena-modulebody ul{

padding: 0;

margin: 0;

list-style-type: decimal-leading-zero;

}

.hatena-modulebody li {

list-style-type: decimal-leading-zero;

margin: 0 0 0 2em;

}

/*

.hatena-modulebody ul.hatena-recentcomment li{

padding: 0;

margin: 0 5px 0 0;

list-style-type: decimal-leading-zero;

}

/

.hatena-modulebody li a{

padding: 0;

margin: 0;

}

.hatena-modulebody li a:hover {

color: #329932;

}

/***** photo module *****/

ul.hatena-photo{

padding: 0;

margin: 0;

width: auto;

list-style-type: none;

text-align: left;

}

ul.hatena-photo li{

margin: 0;

display: inline;

width: none;

}

ul.hatena-photo li img{

}

ul.hatena-photo li a{

display: inline;

width: 48%;

margin: 0 0 10px 0;

padding: 0;

text-align: center;

}

ul.hatena-photo li a:hover{

width: 48%;

background-image: none;

}

ul.hatena-photo li a img{

filter: none;

/* border: 1px solid #999999;*/

border: none;

}

ul.hatena-photo li a:hover img{

filter: none;

/* border: 1px solid #F9065B; */

border: none;

}


/********************** calender **********************/

div.calendar {

font-size:80%;

color: #228822;

margin: 1% 5% 0 5%;

padding: 1%;

width: auto;

text-align: left;

}

div.calendar a{

border: none;

color: #337744;

}

.main div.calendar{

/* display: none; */

width: auto;

text-align: left;

}

.sidebar div.calendar{

width: auto;

text-align: left;

}

/***** table *****/

table {

/* background-color : transparent; */

background-position: top left;

background-repeat: repeat-x;

margin: 0;

padding: 0;

}

td

{

/* background-color : transparent; */

}

table table td{

/* background-color : transparent; */

}

table table{

margin: 0px 0 0 0;

padding:0;

border: none;

/* background-color : transparent; */

}

.hatena-body table,

.hatena-body table table{

margin: 0;

padding:0;

border: 0;

background-color : transparent;

}

table table td font,

table table td a{

border:none;

color: #337744;

}

table a{

border: none;

}

table input{

border: 1px solid #225522;

background-color : #ffffff;

color: #000000;

}

/***** calendar2 *****/

div.calendar2{

padding: 10px 0 0 0;

text-align: center;

}

table.calendar{

font-size: 0.8em;

line-height: 100%;

background-color: transparent;

margin: 0;

}

table.calendar td {

margin: 0;

padding: 1px 2px 0px 2px;

text-align: right;

}

table.calendar td.calendar-prev-month, table.calendar

td.calendar-current-month, table.calendar td.calendar-next-month {

text-align: center;

font-size: 75%;

}

table.calendar td.calendar-sunday {

color: red;

}

table.calendar td.calendar-saturday {

color: blue;

}

td.calendar-day img {

width: 15px;

height: 15px;

border: 0;

}

/***** etc. *****/

div.adminmenu{

text-align: right;

width: 75%;

padding: 0;

margin: 1em auto;

font-size: 80%;

color: #228822;

text-align: right

}

div.adminmenu a{

border: none;

color: #228822;

}

div.hatena-body div.adminmenu{

text-align: right;

margin: 0.5em 1em;

font-size:80%;

}

span.highlight {

background-color: #00ff00;

padding: 1px;

}

div.body {

clear: both;

}