@charset "euc-jp";

/* -----------------------------
define
------------------------------*/

*{
	padding:0;
	margin:0;
}

html{
	padding:0;
	margin:0;
}

ul,ol{
	-moz-padding-start:0;
}

img {
	border: 0;
}

/* -----------------------------
body
------------------------------*/

body {
	text-align: center;
	font-size: 80%;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ‚oƒSƒVƒbƒN",Georgia,sans-serif;
	color: #66644F;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	background: #A8B656;
}

input,textarea{
	border:1px solid #B0AEA0;
}


/* -----------------------------
a
------------------------------*/

a{
	color:#666;
	text-decoration: none;

}

a:hover{
	color:#666;
	text-decoration: none;

}

a img{
	border-bottom: 0;
}

a:hover img{
	color:#666;
	border: 0; 

	text-decoration: none;
}

.hatena-body a.keyword{
	color: #666;
	border-bottom: 1px dotted #B0AEA0 !important;
	text-decoration: none !important;
}

a.keyword:hover{
	color:#666 !important;
	border-bottom: 1px dotted #B0AEA0 !important;
	text-decoration: none !important;
	background: #F4F5CB !important;
}

a.okeyword{
	color:#666 !important;
	border-bottom: 1px dotted #B0AEA0 !important;
	text-decoration: none !important;
}

a.okeyword:hover{
	color:#666 !important;
	border-bottom: 1px dotted #B0AEA0 !important;
	text-decoration: none !important;
	background: #F4F5CB !important;
}


/* -----------------------------
big-header
------------------------------*/

table#banner {
	margin:0 auto;
	padding: 0 0 10px;
	width: 100%;
	border:0;
	background: #847538;
}


/* -----------------------------
simple-header
------------------------------*/


#simple-header{
	margin:0 auto;
	padding: 10px 0;
	width: 100%;
	border:0;
	background: #847538;
}


#simple-header img{
}

#simple-header a{

	text-decoration: none;
}

#simple-header a:hover{

	text-decoration: none;
}

#simple-header img#logo-diary{

}

#simple-header form.search-form{

}

#simple-header input{
	border:1px solid #ccc;
}

#simple-header input.search-button {
	background: #FFF;
	border: 0;
	color:#666;
}

#simple-header ul{

}

#simple-header ul.menu li{
	font-size:100%;

}

#simple-header ul li a{
	color:#ccc;
}

#simple-header ul li a:hover{
	color:#ccc;
	text-decoration: none;
}


/* -----------------------------
table
------------------------------*/

table{
	width:580px;
	margin:0 auto;
	padding:0;
}

:root table{

}

table a:hover{
	border:none;
}

td{
	background-color:transparent;
}

.hatena-body table,
.hatena-body table table{
	padding:0;

	background-color:transparent;
	margin:0;
	border:none;
	width:auto;
}


table table{
	width:100%;
	border:none;
	margin:0;
}

:root table table{
	width:100%;
}

table table td{
	width:auto;
	padding:0;
	border:none;
}

table input{
	border:1px solid #B0AEA0;
}


/* -----------------------------
h1
------------------------------*/

h1 {
	width: 830px;
	_width: 890px;
	height: 70px;
	_height: 340px;
	text-align: right;
	color: #575F29;
	font-size: 210%;
	font-weight: bold;
	margin: 0 auto;
	padding: 270px 30px 0px;
	background: url(./bg_h1.jpg) no-repeat 0 0;
}

h1 a,h1 a:hover,h1 a:visited{
	color: #575F29;
	text-decoration: none !important
	border: 0;
}

h1 img{

}

h1 img.icon{
}

/* -----------------------------
hatena-body
------------------------------*/

.hatena-body{
	width:850px;
	_width:890px;
	text-align:center;
	line-height:1.5em;
	margin:0 auto;
	padding: 20px 20px 30px;
	position:relative;
	background: #none;
	background: #FFF;
}

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

.hatena-body a{
	color:#66644F;
	text-decoration: none;
}

.hatena-body a:hover{
	color:#66644F;
	text-decoration: underline;
}

/* -----------------------------
main
------------------------------*/

.main{
	width:580px;
	float: left;
	margin:0;
	background: #none;
}

/* -----------------------------
day
------------------------------*/

div.calendar{
	_width:100%;
	font-size:100%;
	text-align:left;
	padding:0 0 0 5px;
	margin:0 auto;
	background: #none;
}

#hatena-archive{
	width:850px;
	_width:890px;
	text-align:center;
	line-height:1.5em;
	margin:0 auto;
	padding: 20px 20px 30px;
	position:relative;
	background: #FFF;
	zoom: 1;
}

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

#hatena-about div.calendar,
#hatena-archive div.calendar{
	_width:100%;
	margin-bottom: 20px;
}

#day {

}

.day{
	_width:100%;
	margin:15px 0 0;
	text-align:left;
	line-height:1.5em;
	background: #FFF;

}


#hatena-about div.day,
#hatena-archive div.day{
	_width:100%;
	margin:0 auto;
	background: #none;
}


#hatena-archive div.day a{
	color:#666;
	border: 0;
}

#hatena-archive div.day a:hover{
	color:#666;
	border: 0;
}



#hatena-about,
#hatena-archive{
	width:850px;
	_width:890px;
	background: #FFF;
	margin:0 auto;
}

#hatena-about div.body,
#hatena-archive div.body{
	text-align:left;
	margin:0 auto;
	background: #none;
}


#hatena-about div.body .section,
#hatena-archive div.body .section{
	background: #none;
}




h2 {
	font-size: 100%;
	_width: 100%;
	margin: 0 0 20px;
	padding: 0 10px 5px 30px;
	color: #666;
	border-bottom: 1px dotted #CCC;
	background: #FFF url(./bg_h2.jpg) no-repeat 0 0;
}

#hatena-about div.day h2{
	margin:0 0 10px;
	background: #none;
}


h2 a{
	color: #575F29;
}

h2 a:hover{
	color: #575F29;
}

h2 a span.date{
	color: #575F29;
	font-size: 90%;
	font-style:normal;
	font-weight: normal;
	letter-spacing: 0em;
	padding: 0;
	margin-top: 5px;
}

h2 span.title{
	color: #575F29;
	font-size: 130%;
	font-style: normal;
	font-weight: normal;
	margin:0 0 10px 10px;
	margin-top: 5px;
}

h2 a.edit{
	font-size: 80%;
	font-style:normal;
	font-weight:bold;
	margin-top: 5px;
}

.body{
	zoom: 1;
	background: #FFF;
	overflow: hidden;
}

.body:after {
	clear:both;
	content:"";
	display:block;
}

.section{
	margin:0 20px;
	padding-bottom:10px;
	background: #none;
}


.section p{
	padding-bottom:1.1em;
}


h3{
	color: #575F29;
	font-size:140%;
	font-weight: bold;
	margin:10px 0;
}

.body h3.title {
	margin:0 0 10px;
	padding:0;
	font-size: 110%;
	color: #575F29;
	border: 0;
}

.body h3.title a {
	color: #575F29;
	border: 0;
}

.body h3.title a:hover {
	color: #575F29;
	border: 0;
}

h3.subtitle{
	margin-left:5px;
}

h3 a{
	color: #575F29;
}

h3 a:hover{
	color: #575F29;
}

h3 a span.sanchor{
	color: #575F29;
}

h3 a.sectioncategory{
}

h3 span.timestamp{
	color: #575F29;
	font-size:xx-small;

}

h3 img,
p.sectionfooter img{
	vertical-align:middle;
}

.hatena-star-comment-button-image{

}


.hatena-star-add-button-image{

}


.hatena-star-star-image{

}


h4{
	font-size:90%;
	padding: 5px 10px;
	margin-bottom:0.5em;
	color: #55311F;
	background: #FFF;
	border-bottom: 2px solid #E7E5DA;
}

h4 a{
	color: #55311F;
	border: 0;
}

h4 a:hover {
	color: #55311F;
	border: 0;
}

h5{
	color: #55311F;
	font-size:90%;
	padding:5px 0 0 0;
	margin-bottom:0.5em;
}

h5 a{
	border: 0;
}

span.highlight{
}

img.photo{
	float:right;
	margin:1em;
	border:1px solid #B0AEA0;

}


.section .sectionfooter{
	font-size:100%;
	margin:0;
	text-align:right;
	padding-top:10px;
}

.sectionfooter .icon{
}

.body .section p.share-button {
  margin-top: 1em;
}

/* -----------------------------
list
------------------------------*/
.section ul{
	margin-left:35px;
	margin-right:15px;
}

.section ol{
	margin-left:35px;
	margin-right:15px;
}

.section dl{
}

.section ul ul,
.section ul ol,
.section ul dl,
.section ol ul,
.section ol ol,
.section ol dl,
.section dl ul,
.section dl ol,
.section dl dl{
}


.section li{
}

.section dt{
}

.section dd{
}




/* -----------------------------
blockquote
------------------------------*/


blockquote {
	*width: 100%;
	_width: 100%;
	overflow: auto;
	margin: 10px;
	color: #666666;
	border: 1px solid #AEAB96;
	padding: 25px 15px;
	background: #F6F7EE url("./bg-box.jpg") no-repeat 10px 10px;
}

blockqoute p{
	text-indent:0;
	line-height:1.2;
	margin:1em;
	border:none;
}



.section blockquote p{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.section blockquote p a{

}

.section blockquote p a:hover{

}

q{
}


cite{
	text-align:right;
	font-size:100%;
	display:block;
	margin:5px 10px auto auto;
}

cite a{
	color:#FF96BA;
}

cite a:hover{
	color:#FF96BA;
	border-bottom:1px solid #ccc;
}

blockquote cite{
}

q cite{
}


/* -----------------------------
pre
------------------------------*/

pre {
	margin: 10px;
	word-break: break-all;
	word-wrap: break-word;
	padding: 15px;
	border: 1px solid #AEAB96;
	*width: 100%;
	_width: 100%;
	overflow: auto;
	color: #666666;
}

ins{
}

del{
}

strong{
}

em{
}




/* -----------------------------
img.asin
------------------------------*/

img.asin{
}


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

div.hatena-asin-detail{
	border:1px solid #CCCCCC;
	background-color:#F4F5CB;
	margin:10px 20px;
	padding:1em 0 0 0;
	font-size:100%;
}

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

.hatena-asin-detail p{
	text-indent:0;
}

div.hatena-asin-detail-info{
	margin:0 5px;
	word-break:break-all;
	text-align:left;
}

p.hatena-asin-detail-title{
	color:#666;
	font-weight:bold;
	margin:0;
	text-align:left;
}

div.hatena-asin-detail-info ul{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
}

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

div.hatena-asin-detail-info ul li a{
}

span.hatena-asin-detail-label{
}

div.hatena-asin-detail-foot{
	clear:left;
	height:1em;
	_width:100%;
}



/* -----------------------------
dl,dt,dd
------------------------------*/

dl{
	margin-left:10px;
}

dt{
	margin-left:10px;
	padding:3px;
	font-weight:bold;

}

dd{
	margin-left:30px;
	margin-bottom:1%;
}


/* -----------------------------
day table
------------------------------*/

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


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

.day th{
	padding:5px;
	margin:0;
	border:1px solid #B0AEA0;
	background-color:#575F29;
	color: #FFF;
}

.day th a{
}

.day td a.keyword{
}


/* -----------------------------
footnote
------------------------------*/

div.footnote{
	font-size:100%;
	margin:0 20px;
	padding:10px 0;
	border-top:1px dotted #ccc;
}

span.footnote{
	font-size:xx-small;
}

p.footnote{

}

p.footnote a{
}


/* -----------------------------
comment
------------------------------*/

.comment{
	margin:0 20px;
	padding:10px 0;
	border: 0;
}

.comment .caption{
	text-align: left;
	padding-left: 22px;
	background: url(./bg_comment.jpg) no-repeat 0 0;
}

.comment .commentshort {
	margin: 10px 0;
	background: #FFF;
	padding: 10px;
	border-top: 1px dotted #E3E2D5;
	border-bottom: 1px dotted #E3E2D5;
}

.comment .commentshort p{
}

.comment .commentshort p .canchor{
}

.comment .commentshort p .commentator{
}


/* -----------------------------
refererlist
------------------------------*/

.refererlist{
	margin: 0 20px;
	padding:10px 0;
	border: 0;
}

.refererlist .caption{
	text-align: left;
	padding-left: 22px;
	margin: 10px 0;
	background: url(./bg_comment.jpg) no-repeat 0 0;
}

.refererlist .caption a{
}

.refererlist ul{
	border-top: 1px dotted #E3E2D5;
	list-style: none;
}

.refererlist ul li{
	padding: 10px;
	border-bottom: 1px dotted #E3E2D5;
}



/* -----------------------------
about
------------------------------*/

h3.subtitle{
}

ul.hatena-profile-list{
}

img.hatena-profile-list{
}


ul.hatena-profile-keyword{
}


/* -----------------------------
edit
------------------------------*/

textarea{
	border:1px solid #B0AEA0;
}

form p.footnote{
}

form div.comment{
}

form div.referlist{
}

div.comment input, .refererlist input{
	border:1px solid #B0AEA0;
}

div.comment textarea{
	width:420px;
	height:260px;
	border:1px solid #B0AEA0;
}

div.footnote{
}



/* -----------------------------
adminmenu
------------------------------*/

div.adminmenu{
}

span.adminmenu{
}

span.adminmenu a{
}

/* -----------------------------
breadcrumbs
------------------------------*/

div.breadcrumbs{
}


/* -----------------------------
sidebar
------------------------------*/

.sidebar{
	width:230px;
	float: right;
	text-align:left;
	padding:0;
	margin: 0;
	overflow: hidden;
}


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

.hatena-module{
	width:210px;
	_width:230px;
	text-align:center;
	padding-bottom:20px;
	background: #EEF0DD;
	border: 1px dashed #333;
	padding: 9px;
	display: inline-block;
	margin-bottom: 10px;
}

.hatena-module:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.hatena-moduletitle{
	font-size:100%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	margin: 5px 0 10px;
	width:210px;
	height: 20px;
	color:#666;
	border: 0;
}

.hatena-moduletitle a{
	color:#575F29;
	text-decoration: none !important;

}

.hatena-moduletitle a:hover{
	color:#575F29;
	text-decoration: underline !important;
}

.hatena-modulebody{
	font-size:100%;
	margin: 0;
	padding: 0;
	text-align:left;
}

.hatena-modulebody a{
	color:#333333;
}

.hatena-modulebody a:hover{
	color:#333333;
	text-decoration: underline !important;
}


.hatena-modulebody ul{
	margin:5px;
	list-style:none;
}

.hatena-modulebody ul li{
	line-height:1.6;
	margin-bottom: 5px;
}

.hatena-modulebody ul li a{
	color:#333333;
	text-decoration: none;
}

.hatena-modulebody ul li a:hover{
	color:#333333;
	text-decoration: underline;
}

.hatena-modulebody dl{
}

.hatena-modulebody dl dt{
}

.hatena-modulebody dl dd{
}

.hatena-modulebody p{
}

p.recentitem{
}

div.recentsubtitles{
}

/* -----------------------------
hatena-profile
------------------------------*/

div.hatena-profile{
	text-align: left;

}

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

p.hatena-profile-image img{
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

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

p.hatena-profile-image a:hover{
	border: 0;
	padding: 0;
	margin: 0;
}

p.hatena-profile-image a img{
	border: 1px solid #B0AEA0;
	padding: 0;
	margin: 0 10px 0 0;
}

p.hatena-profile-image a:hover img{
	border: 1px solid #B0AEA0;
	padding: 0;
	margin: 0 10px 0 0;
}

p.hatena-profile-id{
}

p.hatena-profile-id a{
	border: 0;
	padding: 0;
	margin: 0;
}

p.hatena-profile-body{
}


/* -----------------------------
calendar
------------------------------*/

form.hatena-calendar{
}

form.hatena-calendar select.hatena-calendar{
}

form.hatena-calendar option.hatena-calendar{
}

form.hatena-calendar input.hatena-calendar{
	border:1px solid #B0AEA0;
}


/* -----------------------------
table.calendar
------------------------------*/

table.calendar{
	color:#666;
	font-size: 10px;
	width:210px;
	padding:0;
	margin:0;
	letter-spacing:0;
	text-align:center;
}

table.calendar td{
	width: 14%;
	padding: 5px 0;
	line-height: 1.3;
}

table.calendar td img{
	width: 12px;
}


td.calendar-prev-month{
	font-weight:bold;
	padding: 10px 0 15px;
}

td.calendar-prev-month a{
	color: #333;

}

td.calendar-prev-month a:hover{
	color: #333;

}

td.calendar-current-month{
	font-weight:bold;
	padding: 10px 0 15px;
}

td.calendar-current-month a{
	color: #333;

}

td.calendar-current-month a:hover{
	color: #333;

}

td.calendar-next-month{
	font-weight:bold;
	padding: 10px 0 15px;
}

td.calendar-next-month a{
	color: #333;

}

td.calendar-next-month a:hover{
	color: #333;

}

td.calendar-sunday{
}

td.calendar-weekday{
}

td.calendar-saturday{
}

td.calendar-day a{
	color: #575F29;
}

td.calendar-day a:hover{
	color: #575F29;
	text-decoration: underline;
}

td.day-selected{
	color:#FFF;
	background:#B6C48C;
}

td.day-selected a{
	color:#FFF;
}

td.day-selected a:hover{
	color:#FFF;
}

td.day-today{
	color: #FFF;
	background:#353D1B;
}

td.day-today a{
	color: #FFF;
	background:#353D1B;
}

td.day-today a:hover{
	color: #FFF;
	background:#353D1B;
}



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

ul.hatena-rss{
}

ul.hatena-rss li{
}

dl.hatena-rss{
}

dl.hatena-rss dt{
}

dl.hatena-rss dd{
}


/* -----------------------------
pv
------------------------------*/

.hatena-modulebody .hatena-counter{
}

span.hatena-counter{
}


/* -----------------------------
ad
------------------------------*/

div.ad{
	width:100%! important;
	overflow-x:auto! important;
	margin:0 auto;
	padding:0;
}


/* -----------------------------
clock
------------------------------*/

div.hatena-clock{
	text-align: center;

}

/* -----------------------------
photo
------------------------------*/

ul.hatena-photo{
	width:190px;
}

ul.hatena-photo li{
	float: left;
	margin: 0 6px 6px 0;
}

ul.hatena-photo li a{
	border: 0;
}

ul.hatena-photo li a:hover{
	border: 0;
}

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

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


/* -----------------------------
fotolife
------------------------------*/

img.hatena-fotolife{
	border:none;
}


/* -----------------------------
img
------------------------------*/

img.ean{
}

img.barcode{
}

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


/* -----------------------------
question-detail
------------------------------*/

table.hatena-question-detail{
}

th.hatena-question-detail-title{
}

td.hatena-question-detail-label{
}

td.hatena-question-detail-value{
}

img.hatena-question-detai-graph{
}


img.hatena-question-image{
	border:none;
}



/* -----------------------------
tex
------------------------------*/
img.tex{
	background-color: white;
}


/* -----------------------------
aa
------------------------------*/

div.ascii-art{
	margin:10px 20px;
}

.message{
	width:350px;
	position:fixed;
	bottom:30px; right: 30px;
	z-index:1000;
}

/* star */

.hatena-star-comment-button-image {
  background-image: url("./comment_rd.gif");
}

.hatena-star-add-button-image {
  background-image: url("./add_rd.gif");
}

/* adsense */

.google_color_text { color:#66644F; }
.google_color_link { color:#66644F; }
.google_color_url { color:#66644F; }
.google_color_bg { color:#fff; }
.google_color_border { color:#fff; }

/* max-width */

div.main div.section img.hatena-fotolife {
  max-width:540px;
}

div.section img.hatena-fotolife {
  max-width:810px;
}
/* tweet */  

div.twitter-tweet, 
div.twitter-detail {
  margin-top:0;
  margin-bottom:0;
  border-bottom:1px solid #e5ebfa;
}

div.twitter-tweet p.twitter-tweet-text, 
div.twitter-detail p.twitter-detail-text {
  margin:0;
  padding-top:7px;
}

div.twitter-tweet p.twitter-tweet-info, 
div.twitter-detail p.twitter-detail-info {
  color:#999999;
  font-size:80%;
  padding-top:0;
  padding-bottom:6px;
  margin-left:0;
}
div.twitter-detail div.twitter-detail-user img {
  margin-top:6px;
}

div.twitter-tweet p.twitter-tweet-info a, 
div.twitter-detail p.twitter-detail-info a{
  color:#999999;
  text-decoration:none;
}

div.twitter-tweet p.twitter-tweet-info a:hover, 
div.twitter-detail p.twitter-detail-info a:hover{
  text-decoration:underline;
}