blog.css

html {
	margin: 0;
	padding: 0;
}

body{
	color: #f0f0f0;
	background-color: #303030;
	font-size: 80%;
	font-family: Verdana, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	margin: 0;
	text-align: center;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
}

/*::header:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

table{
	padding: 0;
	font-size: 90%;
	margin: 0 auto;
	text-align: left;
	background: #0593E2;
}

.hatena-body table,
.hatena-body table table{
	padding: 0;
	background-image: none;
	background-color: transparent;
	margin: 0;
	border: none;
	width: auto;
}

table td{
	background-color:transparent;
	padding: 0;
}

table table{
	background-color: transparent;
	background-image: none;
	border: none;
	width: 100%;
	line-height: 1;
}
table table td{
	background-color:transparent;
	padding: 0;
	margin: 0;
}

table div{

}

table font,
table a{
	border:none;
	color: #f0f0f0;
	font-size: 100%;
}

table font font{
	font-size: 100%;
}

.hatena-body table font,
.hatena-body table a{
	color: #f0f0f0;
	font-size: 100%;
}

table a{
	border: none;
}

table input{
	background-color : #f9f9f9;
	color: #333333;
	border: none;
}

/*::title:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

h1{
	width: 80%;
	?width: 100%;
	_width: 100%;
	text-align: left;
	font-size: 200%;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 0 30px 0;
	padding: 60px 10%;
	color: #f0f0f0;
	background: #0593E2 url("http://f.hatena.ne.jp/images/fotolife/c/crazy-climbers/20061206/20061206213959.gif") repeat-x left 75px;
	border-bottom: 6px solid #f0f0f0;
	line-height: 1.2;
}

h1 a{
	color: #f0f0f0;
	text-decoration: none;
	border: none;
}


/*::main:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.hatena-body{
	width: 80%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

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

.main{
	margin: 0 -210px 0 0;
	width: 100%;
	padding: 0;
	float: left;
	clear: left;
}

.day{
	margin: 0 0 3em 0;
	position: relative;
	top: 0;
	left: 0;
}

.main .day{
	margin: 0 210px 3em 0;
}

h2,
h2 a{
	text-decoration: none;
	border: none;
}

h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 1.5em 0;
	padding: 0;
	text-align: left;
	line-height: 1;
	font-family: Helvetica,Arial,sans-serif;
}

span.date{
	margin: 0;
	text-align: left;
	font-size: 80%;
	color: #0593E2;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
}

span.title{
	margin: 0;
	text-align: left;
}

a.edit{
	font-weight: normal;
	color: #dddddd;
	margin: 0 0 0 2em;
	font-size:80%;
}

.body {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}

.section{
	margin: 0 0 2.5em 0;
	padding: 0;
}

.section p {
	margin: 1em 0;
	padding: 0;
}

h3 {
	font-size: 120%;
	font-family: arial,sans-serif;
   	font-weight: bold;
	margin: 0 0 0.7em 0;
	padding: 0;
	text-align: left;

}

.section h3 a{

}

h3 a:first-child,
span.sanchor {
	text-decoration: none;
}

a.sectioncategory{
	color: #f0f0f0;
	text-decoration: none;
}

span.sanchor{
	color: #0593E2;
	font-family: sans-serif;
	margin: 0 3px 0 0;
}

span.timestamp{
	font-size: 70%;
	font-weight: normal;
	letter-spacing: 0;
}

.section p.sectionfooter{
	font-size: 80%;
	text-align: right;
	clear: both;
	color: #a0a0a0;
	margin: 1.5em 0 1em 0;
	padding: 0 ;
}

p.sectionfooter a{
	text-decoration: none;
	color: #a0a0a0;
	border-bottom: solid 1px #444444;
}

.ad{
	margin: 15px 0 20px 0;
	text-align: left;
}

/*::calendar/breadcrumbs:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.calendar a{
	text-decoration: none;
	color: #999999;
	border-bottom: solid 1px #444444;
}

.calendar{
	text-align: right;
	color: #a0a0a0;
	margin: 0 10px;
	font-size: 80%;
}

.main .calendar{
	margin: 0 210px 0 10px;
}

#hatena-archive .calendar{
	text-align: left;
	color: #f0f0f0;
	margin: 0 10px 0.5em 10px;
	font-size: 100%;
}

#hatena-archive .calendar a{
	color: #f0f0f0;
}

.breadcrumbs{
	font-size: 80%;
	color: #a0a0a0;
	margin: 0;
	padding: 0;
	text-align: left;
}

.breadcrumbs a{
	color: #a0a0a0;
}

/*::format:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a{
	text-decoration: underline;
	color: #f0f0f0;
}

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

a:hover,
a:hover font{
	color: #FB4C8D;
	border-color: #FB4C8D;
}

h4 {
   	font-size: 100%;
   	font-weight: bold;
	margin: 1.5em 0 1em 0;
	padding: 0 0 0 0.5em;
	text-align: left;
	word-break: break-all;
	border-left: solid 3px #0593E2;
}

h4 a{

}

h5{
   	font-size: 100%;
   	font-weight: bold;
	margin: 1em 0;
	padding: 0 0 0 0.5em;;
	text-align:left;
	word-break:break-all;
	border-left: solid 3px #d0d0d0;
}

p.seemore{
	text-align: left;
	font-weight: bold;
}

p.seemore a{
	border-color: #f0f0f0;
	color: #666666;
}

p.message{
	color: #ff0000;
}

blockquote{
	margin: 1em 0;
	padding: 1px 0;
	border: solid 2px #444444;
	color: #f0f0f0;
}

.section blockquote p{
	margin: 1em;
	padding: 0;
}

cite a{
	border: none;
	text-decoration: none;
}

cite{
	font-weight: bold;
	font-style: normal;
	display: block;
	width: 98%;
	_width: 100%;
	padding: 3px 1%;
}

pre	{
	margin: 1em 0;
	padding: 1em;
	background-color: #444444;
	color: #f0f0f0;
}

.section blockquote a,
.section pre a{
	color: #f0f0f0;
}

strong{
	font-weight: bold;
}

em
{
	font-weight: normal;
	font-style: normal;
	background-color: #0593E2;
	color: #f0f0f0;
}

ins{
	text-decoration: none;
	color: #999999;
}

ins a{
	color: #999999;
}

/*::list:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.section ul{
	margin: 7px 1em 7px 1em;
	padding: 0;
}

.section ol{
	margin: 7px 1em 7px 1.5em;
	padding: 0;
}

.section ul li,
.section ol li,
.section ol ul,
.section ol ol,
.section ul ul,
.section li li {
	margin: 0 0 0 1em;
	padding: 0;
}

.section dl{
	margin: 1em 1em;
}

.section dl{
	margin: 10px 10px;
}

.section dt{
	font-weight: normal;
}

/*::image:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

a img{
	border: none;
}

img.photo{
	display: none;
}

div.day img.photo{
	float: right;
	margin: 10px;
}

img.asin{
	
}

img.hatena-fotolife {

}

/*::table:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.day td{
	padding: 5px;
	margin: 0;
	border: solid 1px #dddddd;
}

.day th{
	padding: 5px;
	margin: 0;
	border: solid 1px #e0e0e0;
	color: #f0f0f0;
	font-weight: bold;
}

.day table{
	margin: 1em 0;
	font-size: 100%;
	border: none;
	border-collapse: collapse;
	text-align: left;
	border: solid 2px #e0e0e0;
}

/*::question:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.day table.hatena-question-detail{
	margin: 1em 0;
	padding: 5px;
	font-size: 100%;
	border: solid 2px #e0e0e0;
	text-align: left;
	table-layout: auto;
}

th.hatena-question-detail-title{
	border: none;
	padding: 5px;
	margin: 0;
	color: #f0f0f0;
	font-weight: bold;
	
	width: auto;
}

th.hatena-question-detail-title a{
	border:none;
	text-decoration:none;
	color: #f0f0f0;
}

td.hatena-question-detail-label{
	width: 30%;
}

td.hatena-question-detail-value{
	width: auto;
}

img.hatena-question-image{
}

/*::footnote:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

span.footnote{
	font-size: 70%;
}

span.footnote a{
	border: 0;
}

.footnote{
	padding: 3px;
	text-align: left;
	margin: 0 0 10px 0;
}

p.footnote{
	margin: 0;
	font-size: 80%;
}

/*::comment:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.comment,
.refererlist{
	text-align: left;
	padding: 0;
	margin: 0 0 15px 0;
	_width: 100%;
}

.caption{
	padding: 0;
	margin: 0;
	text-align: right;
}

.caption a{
	text-decoration: none;
	border-bottom: solid 1px #444444;
}

.refererlist ul{
	margin: 0 7px;
	padding: 0;
	list-style-type: none;
	text-align: left;
	font-size: 80%;
	letter-spacing: 0;
}

.commentshort{
	margin: 10px 0;
	padding: 0;

}

form .commentshort{

}

span.canchor a{
	color: #444444;
	text-decoration: none;
}

.commentshort a{
	text-decoration: none;
}

span.commentator{
	font-weight: bold;
	margin: 0 ;
	padding: 0;
}

span.commentator,
span.commentator a{
	color: #f0f0f0;
}

.commentshort p
{
	margin: 0 0 1em 0;
	font-size: 100%;
}

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

.hatena-asin-detail {
	margin: 1em 5px;
	padding: 1em;

	border: solid 2px #444444;
	_width: 100%;
}

img.hatena-asin-detail-image {
	float: left;
	border: 0;
	margin: 0 10px 0 0 ;
}

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

.section p.hatena-asin-detail-title{
	font-weight: bold;
	width: 100%;
	margin: 0;
}

.hatena-asin-detail-info ul {
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
}

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

.hatena-asin-detail p a{
	border: 0;
	text-decoration: none;
}

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

/*::form:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

form{
	margin: 0;
	padding: 0;
}

form.hatena-searchform{
	margin: 0 0;
}

.day form .body{
	margin: 0;
	padding: 0 10px;
}

.comment textarea{
	width: 400px;
}

.sidebar textarea,
.sidebar input{
	color: #f0f0f0;
	font-size: 100%;
	font-family: Verdana, Osaka, sans-serif;
	line-height: 1.5;
	scrollbar-track-color: #f9f9f9;
	scrollbar-face-color: #f9f9f9;
	scrollbar-shadow-color: #f9f9f9;
	scrollbar-darkshadow-color: #f9f9f9;
	scrollbar-highlight-color: #f9f9f9;
	scrollbar-3dlight-color: #f9f9f9;
	scrollbar-arrow-color: #a0a0a0;
	border: none;
	background-color: #f9f9f9;
}

.sidebar input.button,
input.hatena-sectioncategory{
	background-color: #ffffff;
	border: solid 2px #e0e0e0;
	font-weight: normal;
	color: #808080;
}

/*::sidebar:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.sidebar {
	float: right;
	clear: right;
	width: 0px;
	color: #f0f0f0;
	margin: 0;
	text-align: left;
	font-size: 80%;
}

.hatena-module{
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
	_width: 100%;
	background: #444444 url("http://f.hatena.ne.jp/images/fotolife/c/crazy-climbers/20060808/20060808141602.gif") no-repeat left bottom ;

}

.hatena-moduletitle,
.hatena-moduletitle a{
	border: none;
	text-decoration: none;
	color: #f0f0f0;

}

.hatena-moduletitle{
	font-size: 100%;
	line-height: 1;
	padding: 10px 10px 10px 10px;
	margin:  0;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Helvetica,Arial,sans-serif;
background: url("http://f.hatena.ne.jp/images/fotolife/c/crazy-climbers/20060808/20060808141601.gif") no-repeat left top;
}

.hatena-modulebody{
	padding: 0 10px 10px 10px;
	margin:  0;
	_width:100%;

}

.hatena-modulebody a{
	border: none;
	text-decoration: none;
	color: #f0f0f0;
}

/*::sidebar:list:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.hatena-modulebody ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.hatena-modulebody li {
	display: block;
}

.hatena-modulebody li a{
	color: #f0f0f0;
	padding: 0;
}

.hatena-modulebody li a:hover {
	color: #FB4C8D;
}

.hatena-modulebody ul.hatena-recentcomment li a{
	display: inline;
	width: auto;
}

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

.hatena-profile{

}

p.hatena-profile-image{
	margin: 0;
}

p.hatena-profile-id{
	margin: 0;
	font-weight:bold;
}

p.hatena-profile-id a{}

p.hatena-profile-body{
	margin: 0;
}

ul.hatena-profile-list {
	margin: 0 !important;
	padding: 0;
}

ul.hatena-profile-list li {
	display: inline;
	margin: 0;
	padding: 0;
}

/*::rss:module:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

dl.hatena-rss{
	margin: 0;
}

dl.hatena-rss dt{}

dl.hatena-rss dd{
	margin: 0 0 0 0.5em;
	padding: 0;
	color: #999999;
}

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

ul.hatena-photo{
	padding: 0;
	margin: 0;
	width: auto;
	list-style-type: none;
	text-align: left;
}

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

ul.hatena-photo li{
	margin: 0;
	padding: 0;
	display: block;
	width: 49.9999%;
	float: left;
	text-align: center;
	vertical-align: middle;
	height: 80px;
}

ul.hatena-photo li img{

}

ul.hatena-photo li a{

}
ul.hatena-photo li a img{
	border:solid 1px #f0f0f0;
}

ul.hatena-photo li a:hover img{
	border:solid 1px #0593E2;
}

/*::calendar2:module:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

table.calendar{
	font-size: 100%;
	letter-spacing: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	background-image : none;
	background-repeat: no-repeat;
	color: #f0f0f0;
	border-collapse: collapse;
}

table.calendar td{
	padding: 5px 3px;
	text-align: center;
}

td.calendar-current-month{
	font-weight: normal;
}

td.calendar-prev-month,
td.calendar-current-month,
td.calendar-next-month{
	text-align:center;
}

td.calendar-day {

}

td.calendar-day a{
	text-decoration: underline;
}

td.day-today{
	background-color: #333333;
}

td.day-selected{
	background-color: #0593E2;
	color: #000000;
}

td.day-selected a{

}

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

td.calendar-day img {
	height: 16px;
	width: 16px;
	border: 0;
}

/*::keywordcloud:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

ul.keywordcloud {
	margin: 10px;
	padding: 0;
	line-height: 1.5em;
}

ul.keywordcloud li {
	display: inline;
}

ul.keywordcloud li a{
	text-decoration: none;
}

a.keywordcloud0 { font-size: 80%; }
a.keywordcloud1 { font-size: 100%; }
a.keywordcloud2 { font-size: 120%; }
a.keywordcloud3 { font-size: 140%; }
a.keywordcloud4 { font-size: 160%; }
a.keywordcloud5 { font-size: 180%; }
a.keywordcloud6 { font-size: 200%; }
a.keywordcloud7 { font-size: 220%; }
a.keywordcloud8 { font-size: 240%; }
a.keywordcloud9 { font-size: 260%; }
a.keywordcloud10 { font-size: 280%; }

/*::adminmenu:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

div.adminmenu{
	text-align: right;
	width: 680px;
	padding: 0 15px;
	margin: 0 auto;
	background-color: #ffffff;
	font-size: 60%;
}

:root div.adminmenu{
	width: 670px;
}

:root .main div.adminmenu,
.main div.adminmenu{
	width: 100% ;
	background-color:transparent;
	font-size: 100%;
}

.sidebar div.adminmenu{
	width: 100%;
	font-size: 100%;
	text-align: left;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

span.adminmenu{
	margin: 0 3px;
}
span.adminmenu a{
	text-decoration: none;
}

.sidebar span.adminmenu{
	display: block;
	width: 49.99%;
	_width: 40%;
	float: left;
	margin: 0;
	padding: 0;
}

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

.main span.adminmenu a,
.sidebar span.adminmenu a{
	text-decoration: none;
	background: transparent;
	padding: 0;
}

/*::other:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

span.highlight {
	background-color: yellow;
}


.footer{
	text-align: right;
	clear: both;
	_width:100%;
	padding: 10px 0;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 80%;
	text-transform:uppercase;
}

.footer,
.footer a{
	color: #999999;
	border: none;
}



 .message {
  font-size:80%;
  position: fixed;
  margin: 0 !important;
  bottom: 30px;
  right: 30px;
  *bottom: auto;
  _bottom: auto;
  *top: -150px;
  _top: -150px;
  *right: 10px;
  _right: 10px;
  width: 350px;
  z-index:1000;
 }
 html {
  *overflow: hidden;
  _overflow: hidden;
 }
 body {
  *height: 100%;
  *overflow: auto;
  _height: 100%;
  _overflow: auto;
 }
 .message {
  *position: absolute;
  _position: absolute;
 }

/*::text-decorate:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.synPreProc {
color:#FF6535;
}
.synIdentifier {
color:#B6F200;
}
.synConstant {
color:#FFA975;
}
.synSpecial {
color:#FFA975;
}
.synStatement {
color:#00FFFF;