@charset "euc-jp";
@import "http://d.hatena.ne.jp/theme/blackboard/blackboard.css";

body {margin: 0px auto; padding: 0px;
	background-color: #b8d200; color:#474a4d;
	font-family: verdana, Arial, Helvetica, "ＭＳ ゴシック", Monaco, sans-serif;
}

a { text-decoration: none; border-bottom: solid 0px #ffffff;}
a:link {color:#65ab31; text-decoration:underline;}
a:visited {color:#65ab31; text-decoration:none;}
a:active {color:#e95295;}
a:hover {color:#fcc800; text-decoration:none;}

a.keyword { text-decoration: none; color:#3a5b52; border-bottom: dotted 1px #a8bf93;}
a:visited.keyword { text-decoration: none; color:#474a4d; border-bottom: dotted 1px #a8bf93;}
a.okeyword { text-decoration: none; color:#3a5b52; border-bottom: dotted 1px #a8bf93;}
a:visited.okeyword { text-decoration: none; color:#474a4d; border-bottom: dotted 1px #a8bf93;}

h1 {font-size: 180%; font-family: verdana, Arial, Helvetica, "ＭＳ ゴシック", Monaco, sans-serif;
	width: 750px;}
h1 a:link {color:#ffffff; text-decoration:none;}
h1 a:visited {color:#ffffff; text-decoration:none;}
h1 a:hover {color:#ffffff; text-decoration:none;}

h2 {font-size: 130%;
	font-weight:bold;
	margin: 0;
	padding: 30px 40px 10px 40px;
	text-align:center;
	background-image: url("bb2s_01.gif");
	background-position: top left;
	background-repeat: no-repeat;
	color:#ee7800;
	font-family:メイリオ;
}
h2 a:link {color:#f08300; text-decoration:none;}
h2 a:visited {color:#f08300; text-decoration:none;}
h2 a:hover {color:#fcc800; text-decoration:none;}

h3 {color:#ee7800;}
h3 a:link {color:#f08300;}
h3 a:visited {color:#f08300;}
h3 a:hover {color:#f8b500; text-decoration:none;}
h3.title { color:#ee7800;}
h3.title a:link {color:#f39800;}
h3.title a:visited {color:#f39800;}
h3.title a:hover {color:#f8b500; text-decoration:none;}
h4 {clear:both; color: #f39800;}

a:link.sectioncategory {color:#f08300; font-weight:200;}
a:visited.sectioncategory {color:#f08300;}
a:hover.sectioncategory {color:#f8b500;}

a:link .sanchor {color:#f08300;}
a:visited .sanchor {color:#f08300;}
a.sanchor a:hover {color:#ffffff; text-decoration:none;}

div.body {
	padding: 1.2em 0;
	_padding: 1em 0 0 0 0;
	margin:  0;
	text-align: left;
	background-image: url("bb2s_02.gif");
	background-position: top left;
	background-repeat: repeat-y;
	_width: 100% ;
}

div.day {
	margin: 0 auto 15px auto;
	padding: 0 0 100px 0;
	width: 550px ;
	background-image: url("bb2s_03.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}

blockquote { color:#7b8d42; background-color: #e0ebaf; border:solid 1px #b8d200;}
pre { margin: 1em; padding: 1em;
	border:dashed 1px #b8d200;
	background-color: #fbfaf5; 
}

div.section table { margin-left:10px;
	background-color: #dcdcdc; 
	border-bottom:1px solid #888888;
	border-collapse: collapse;
	font-size:90%;}
div.section table th {background-color: #c8d5bb;
	border:solid 1px #888888; padding:4px;}
div.section table td {background-color: #eeeeee;
	border:solid 1px #888888; padding:4px;}

#pager-top {text-align:left; margin-left:20px; margin-bottom:20px;}
#pager-top a:link {color:#ffffff;}
#pager-top a:visited{color:#ffffff;}
#pager-top a:hover{color:#f39800;}
#pager-bottom {text-align:left; margin-left:20px; margin-bottom:20px;}
#pager-bottom a:link {color:#ffffff;}
#pager-bottom a:visited{color:#ffffff;}
#pager-bottom a:hover{color:#f39800;}


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

div.comment,
div.refererlist{
	background-image: url("bb2s_02.gif");
	background-position: top left;
	background-repeat: repeat-y;
	_width:100%;
	text-align: left;
	padding: 1em 40px 0 40px;
	margin: 0;
}

div.caption{
	font-size: 90%;
	padding: 5px;
	border-top:1px dashed #d8e698;
}

div.caption a{ border: none;}
div.refererlist {color:#82ae46;}


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

div.hatena-asin-detail {
	margin: 1em 1em;
	padding: 10px;
	background-color: #e0ebaf;
	background-image: url("bg_asin.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	_width: 100%;
	border:solid 1px #b8d200;
}

div.hatena-asin-detail-foot {
  clear:both;
}

.hatena-body { width: 780px;}


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

.sidebar {
	position: absolute;
	top: 10px; 
	right: -20px;
	width: 200px;
	padding: 0;
	margin: 0 ;
	font-size: 90%;
	text-align: left;
	border: none;
}

.hatena-moduletitle{
	font-family: verdana, Arial, Helvetica, "ＭＳ ゴシック", Monaco, sans-serif;
	font-size: 120%;
	padding: 0px 15px 23px 15px;
	margin: 0px;
	text-align: left;
	background-image: url("bb2s-side.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
}
.hatena-moduletitle a:link {color:#ffffff; text-decoration:none;}
.hatena-moduletitle a:visited {color:#ffffff; text-decoration:none;}
.hatena-moduletitle a:active {color:#ffffff;}
.hatena-moduletitle a:hover {color:#ffffff; text-decoration:underline;}

.hatena-modulebody{
	padding: 10px 15px 0 15px;
	margin: 0;
	font-size: 90%;
	_width:100%;
}

.hatena-modulebody a{ border: none;}


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

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

.hatena-modulebody li {
	list-style-type: disc;
	margin: 0 0 0 1em;
	font-family:メイリオ, verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", Monaco, sans-serif;
}
.hatena-modulebody li a:link {color:#007b43; text-decoration:none;}
.hatena-modulebody li a:visited {color:#007b43; text-decoration:none;}
.hatena-modulebody li a:hover {color:#fcc800; text-decoration:underline;}


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

table        { 
	background-color : transparent;
	background-image: url("bb2s-head.gif");
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0; 
	padding: 0; 
}


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

div.adminmenu{
	text-align: right;
	width: 780px;
	padding: 0;
	margin: 1em auto;
	font-size: 80%;
	color: #ffffff;
}

div.ad { margin: 1em; padding: 1em;
	margin: 2px 2px 2px 25px;
	background-color: #ffffff;
	_width: 90%;
	width: 450px ;
	border:solid 1px #b8d200;
}

/*:::::::::: img ::::::::::*/

img.photo{
	float: right;
	position: relative;
	margin: 0 40px 10px 10px;
	border: 0;
}
img.asin{
	float: right;
	position: relative;
	margin: 0 0 10px 10px;
	border: 0;
}

.hatena-fotolife {
	padding:0px; 
	border:1px solid #cccccc;
}

.http-screenshot {
	padding:1px; 
	border:1px solid #cccccc;
}

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

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

/*:::::::::: sectionheader ::::::::::*/

p.sectionheader {
  font-size: 90%;
  text-align: right;
  line-height: 1;
}
p.sectionheader a {text-decoration: none;}
p.sectionheader img {vertical-align: middle;}