@charset "utf-8";

/* ********************************************************
vim: noexpandtab 
******************************************************** */

.amazon-sales { z-index: 2; }
.amazon-carousel { z-index: 2; }
.adminmenu { z-index:1; }
.transparency { z-index:1; }

* {
	font-size:	12pt;
	font-weight:	normal;
	margin:	0px;
	padding:	0px;
}

body {
	background-color:	#f0f0f0;
	background-image:	url("/image/tile_16_002.png");
	color:	#666666;
	/*
	font-family:	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family:	"ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-family:	"ＭＳ ゴシック", "MS Gothic", monospace;
	*/
	line-height:	1.3em;
}

table {
	border-collapse:	collapse;
	font-size:	0.9em;
	margin:	1em 2em;
}

td {
	border-color:	#CCCCCC;
	border-style:	solid;
	border-width:	1px;
	margin:	0px;
	padding:	3px;
}

td td {
	background-color:	#e4e4e4;
}

h1 {
	background-color:	#e4e4e4;
	border-color:	#f0f0f0 #cccccc #cccccc #f0f0f0;
	border-style:	solid;
	border-width:	1px;
	font-size:	150%;
	margin-top:	1.8em;
	margin-right:	15px;
	margin-bottom:	1em;
	margin-left:	15px;
	padding-top:	0.2em;
	padding-right:	0.5em;
	padding-bottom:	0.2em;
	padding-left:	0.5em;
	/* for Firefox */
	/*
	-moz-border-radius:	20px;
	*/
}

h2 {
	background-color:	#e4e4e4;
	border-color:	#f0f0f0 #cccccc #cccccc #f0f0f0;
	border-style:	solid;
	border-width:	1px;
	color:	#666666;
	font-size:	1em;
	margin:	1px 0px;
	padding:	0.2em 0.5em;
	/* for Firefox */
	/*
	-moz-border-radius:	20px;
	*/
}

h3 {
	background-color:	#f3f3f3;
	border-color:	#fdfdfd #cccccc #cccccc #fdfdfd;
	border-style:	solid;
	border-width:	1px;
	color:	#666666;
	font-size:	1em;
	font-weight:	bold;
	margin:	0.5em 0em;
	padding:	0px 5px;
}

h4 {
	background-color:	#f3f3f3;
	border-color:	#fdfdfd #cccccc #cccccc #fdfdfd;
	border-style:	solid;
	border-width:	1px;
	color:	#666666;
	margin:	0.5em 1em;
	padding:	0px 5px;
}

h5 {
	background-color:	#f3f3f3;
	border-color:	#fdfdfd #cccccc #cccccc #fdfdfd;
	border-style:	solid;
	border-width:	1px;
	color:	#666666;
	margin:	0.5em 3em;
	padding:	0px 5px;
}

p {
	font-size:	1em;
	margin:	1em 2em;
}

address {
       font-size: 80%;
       text-align: right;
       margin: 2em 20% 2em 10%;
       padding: 0em 1.5em 0em 1em;
       background-color: #e4e4e4;
       border-width: 0px 1px 1px 0px;
       border-color: #cccccc ;
       border-style: solid;
}

blockquote {
	background-color:	#d9f0d9;
	border-color:	#cccccc;
	border-style:	solid;
	border-width:	0px 1px 1px 0px;
	color:	#666666;
	font-size:	0.9em;
	margin:	0.5em 3em;
	padding:	0.5em;
	/* for Firefox */
	/*
	-moz-border-radius:	20px;
	*/
}

blockquote p {
	margin:	0px	! important;
}

pre {
	background-color:	#d9d9f0;
	border-color:	#cccccc;
	border-style:	solid;
	border-width:	0px 1px 1px 0px;
	color:	#666666;
	font-size:	0.9em;
	margin:	0.5em 3em;
	max-height:	10em;
	overflow:	auto;
	padding:	0.5em;
	/* for Firefox */
	/*
	-moz-border-radius:	20px;
	*/
}

a:link	{
       color: #993300;
       text-decoration:none;
}
a:active	{
       color: #993300;
       text-decoration:none;
}
a:visited	{
       color: #993300;
       text-decoration:none;
}
a:hover	{
	background-color:	#993300;
	color:	#eeeeee;
	left:	1px;
	position:	relative;
	text-decoration:	underline;
	top:	1px;
}

a:link font	{
       color: #999999;
       text-decoration:none;
}
a:active font	{
       color: #999999;
       text-decoration:none;
}
a:visited font	{
       color: #999999;
       text-decoration:none;
}
a:hover font	{
       text-decoration:underline;
       color:#eeeeee;
       background-color: #993300;
}

a.keyword	{
       color: #333333;
       background-color: #f6f6d9;
       text-decoration:none;
}
a.keyword:link	{
       color: #333333;
       background-color: #f6f6d9;
       text-decoration:none;
}
a.keyword:active	{
       color: #333333;
       background-color: #f6f6d9;
       text-decoration:none;
}
a.keyword:visited	{
       color: #333333;
       background-color: #f6f6d9;
       text-decoration:none;
}
a.keyword:hover	{
       text-decoration:none;
       color:#eeeeee;
       background-color: #993300;
}

ul {
	margin:	0.5em 3em;
}

ul li {
	font-size:	90%;
	font-weight:	bold;
}

ol {
	margin:	0.5em 3em;
}

ol li {
	font-size:	90%;
	font-weight:	bold;
}

dl	{
       margin: 0.5em 1em 0.5em 3em;
}

dt	{
       font-size: 90%;
       font-weight: bold;
}

dd	{
       font-size: 80%;
       margin: 0.2em 0em 0.5em 2em;
}

div.main	{
	/*
	float:	left;
	*/
	margin:	0px auto;
	max-width:	768px;
	min-width:	560px;
}

div.sidebar	{
    background-color:   transparent;
	position:	fixed;
	/*
	position: absolute;
    top: 180px;
	right: 20px;
    */
	width:  120px;
    /*
	margin-left: -1px;
	padding: 0.5em 0.5em 0.5em 1em;
	background-color: #f6f6f6;border-width: 1px 0px 0px 1px;
	border-color: #cccccc ;
	border-style: solid;
	font-size: 10pt;
	line-height: 1.3em;
    */
}

div.main2	{
	margin-left: 150px;
}

div.sidebar2	{
	position: absolute;
	top: 180px;
	left: 20px;
	width: 150px;
	margin-right: 10px;
	padding: 0.4em;
	background-color: #f6f6f6;border-width: 1px 0px 0px 1px;
	border-color: #cccccc ;
	border-style: solid;
	font-size: 10pt;
	line-height: 1.3em;
}

div.calendar	{
       margin: 0.5em 50px 1em 50px;
       font-size: 80%;
}

div.adminmenu {
	background-color:	#0F0F0F;
	font-weight:	bold;
	left:	0px;
	padding-left:	15px;
	padding-right:	15px;
	position:	fixed;
	right:	0px;
	text-align:	right;
	top:	0px;
	opacity:	0.5;
	/*
	filter:	alpha(opacity=50);
	*/
}
div.adminmenu a:link {
	color:	#ffffff;
}
div.adminmenu-category {
	background-color:	#0F0F0F;
	font-weight:	bold;
	left:	0px;
	padding-left:	15px;
	padding-right:	15px;
	position:	fixed;
	right:	0px;
	text-align:	right;
	top:	1.3em;
	opacity:	0.5;
	/*
	filter:	alpha(opacity=50);
	*/
}
div.adminmenu-category a:link {
	color:	#ffffff;
}

div.day {
	margin-top:	1px;
	margin-right:	30px;
	margin-bottom:	1em;
	margin-left:	30px;
	color:	#666666;
}

div.body {
	background-color:	#f6f6f6;
	background-image:	url("/image/tile_16_003.png");
	border-color:	#cccccc #fdfdfd #fdfdfd #cccccc;
	border-style:	solid;
	border-width:	1px;
	margin:	1px;
	padding:	1em;
	/* for Firefox */
	/*
	-moz-border-radius:	20px;
	*/
}

div.section {
	color:	#333333;
	padding:	0.5em 0em;
}

span.emphasis {
	color:	#993300;
	text-decoration:	none;
}

span.timestamp {
	font-size:	90%;
}

p.footnote	{
       color: #666666;
       font-size: 0.9em;
       margin: 0.5em 3em 0.5em 3em;
       padding: 0.25em 0.5em;
       background-color: #f0d9d9;
       border-width: 0px 1px 1px 0px;
       border-color: #cccccc ;border-style: solid;
	/* for Firefox */
	   /*
	-moz-border-radius:	20px;
	*/
}

div.comment	{
       font-size: 90%;
}

hr.sep {
	margin-left:	30px;
	margin-right:	30px;
}

/* ****************************************************** */
/* Original Setteing                                      */
/* ****************************************************** */

em {
	font-style:	normal;
	font-weight:	bold;
}

strong {
	color:	#993300;
	font-style:	normal;
	font-weight:	normal;
	/* font-weight:	bold */;
}

div.attention {
	background-color:	#e4e4e4;
	border-color:	#f0f0f0 #cccccc #cccccc #f0f0f0;
	border-style:	solid;
	border-width:	1px;
	font-weight:	bold;
	color:	#cc6600;
	margin:	3px 30px;
	text-align:	center;
}

div.footer  {
	padding-bottom:	48px;
	text-align:	center;
}

div.kwout {
	height:	320px;
	overflow:	auto;
}

div.kwout img {
	border:	none;
}

div.nikodouga {
	margin-left:	auto;
	margin-right:	auto;
	width:	312px;
}

div.youtube {
	margin-left:	auto;
	margin-right:	auto;
	width:	425px;
}

div.youtube-cp {
	margin-left:	auto;
	margin-right:	auto;
	width:	425px;
}

div.amazon-associate {
	margin-left:	auto;
	margin-right:	auto;
	width:	468px;
}

div.amazon-widget {
	margin-left:	auto;
	margin-right:	auto;
	margin-bottom:	1em;
	width:	560px;
}

div.amazon-omakase {
	margin-left:	auto;
	margin-right:	auto;
	margin-top:	10px;
	margin-bottom:	10px;
	width:	468px;
}

div.amazon-slideshow {
	border-color:	#FEFEFE #CCCCCC #CCCCCC #FEFEFE;
	border-style:	solid;
	border-width:	1px;
	margin:	10px auto;
}

div.amazon-sales {
	clear:	both;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		1px;
	margin-bottom:	1px;
	width:	468px;
}

div.amazon-carousel {
	border-color:	#FCFCFC #CCCCCC #CCCCCC #FCFCFC;
	border-style:	solid;
	border-width:	1px;
	margin:	10px auto;
}

div.image-center {
	margin-left:	auto;
	margin-right:	auto;
	width:	468px;
}

div.google-adsense {
	clear:	both;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:		1px;
	margin-bottom:	1px;
	width:	560px;
}

div.sbs {
	clear:	both;
	margin-left:	auto;
	margin-right:	auto;
	width:	410px;
}

div.zphoto {
	margin-left:	1em;
	margin-right:	1em;
	overflow:	auto;
}

img.photo {
	float:	right;
	margin:	10px;
	border:	0px;
}

p.exclamation {
	color:	#ff0000;
	font-weight:	bold;
	text-align:	center;
}

/* For Amazon Plugin **************************************/

img.left {
	border-style:	dotted;
	border-width:	2px;
	border-color:	#fff;
	float:	left;
	margin:	0.5em;
}

img.right {
	border-style:	dotted;
	border-width:	2px;
	border-color:	#fff;
	float:	right;
	margin:	0.5em;
}

img.center {
	border-color:	#f0f0f0 #cccccc #cccccc #f0f0f0;
	border-style:	solid;
	border-width:	1px;
}

/* For highlight plug-in **********************************/
.highlight {
	background:	#ffff00;
	color:	#000;
}

/* For Photographs ***************************************/
img.photo-left {
	border-color:	#ffffff;
	border-style:	dotted;
	border-width:	2px;
	float:	left;
	margin:	0.5em;
}

img.photo-right {
	border-color:	#ffffff;
	border-style:	dotted;
	border-width:	2px;
	float:	right;
	margin:	0.5em;
}

/* For Hatena ********************************************/
.hatena-star-add-button-image {
	background-image: url(http://s.hatena.ne.jp/images/add_br.gif);
}
.hatena-star-comment-button-image {
	background-image: url(http://s.hatena.ne.jp/images/comment_br.gif);
}

/* For Awasete, etc **************************************/
div.transparency {
	background-color:	#0F0F0F;
	clear:	both;
	left:	0px;
	right:	0px;
	bottom:	0px;
	height:	48px;
	padding-left:	15px;
	padding-right:	15px;
	position:	fixed;
	text-align:	right;
	opacity:	0.5;
	/*
	filter:	alpha(opacity=50);
	*/
}

ul.recent-list {
	font-size:	90%;
	list-style-type:	none;
	margin-left:	0px;
	margin-right:	0px;
}
ul.recent-list li {
	margin-left:	0px;
	margin-right:	0px;
}
ul.recent-list-item {
	font-size:	90%;
	list-style-type:	none;
	margin-left:	0px;
	margin-right:	0px;
}
ul.recent-list-item li {
	margin-left:	0px;
	margin-right:	0px;
}