/*   
Theme Name: karappo style
Description: simple and minimal. style for print.
Author: sabotenbrother
Author URI: http://d.hatena.ne.jp/yubokumin_saboten/
Version: 0.2.5
Tags: white, black, two-columns, fixed-width, right-sidebar
*/

@charset "utf-8";

body {
	color: #333;
	font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Helvetica, Arial, sans-serif;
	text-align: center; /* for IE */
}

img { vertical-align: bottom; }

a { color: #333;	text-decoration: none; }
a:focus { outline: none; }

h1, h2, h3, h4, h5, h6 {	margin: 0;	padding: 10px 0;	line-height: 1.2em; }

h1 {	font-size: 182%; }
h2 {	font-size: 153.9%; }
h3 {	font-size: 138.5%; }
h4 {	font-size: 123.1%; }
h5 {	font-size: 93%; }
h6 {	font-size: 85%; }


/* ------------------------------
 Layout
------------------------------ */
#container {	margin: 0 auto;	text-align: left;	width: 830px;}
#siteInfo { display: none; }
#topNav {	height: 25px;	margin: 20px 0 0 0; }
#header {	width: 825px;	height: 210px;	margin: 20px 0 40px 0;}
#inner {	margin: 20px;	position: relative; }
#main {	float: left;	width: 470px;}
#main .entry { text-align: }
#side {	float: right;	padding: 20px 0 0 0;	width: 230px; }
#footer {	margin-top: 90px;	margin-bottom: 40px;	width: 790px; }
.clear {	clear: both; }
.clear hr {	display: none; }
.printhide { }
.header_blogcontent{
display:none
}
/* ------------------------------
 Header & Header Layout
------------------------------ */
#mainNav li { list-style: none; display: inline;}
#mainNav li a span { display: none;}
#mainNav li a { float: left; display: block; height: 26px;  margin-right: 20px; color: #fff; }

#mainNav li#navBlog a {  width: 52px; background: url(images/nav.gif) no-repeat 0px 0px; }
#mainNav li#navBlog a.selected { background-position: 0px -30px; }
#mainNav li#navBlog a:hover {  background-position: 0px -30px;}

#mainNav li#navBio a {width: 38px; background: url(images/nav.gif) no-repeat -64px 0px; }
#mainNav li#navBio a.selected { background-position: -64px -30px; }
#mainNav li#navBio a:hover {  background-position: -64px -30px;}

#mainNav li#navArticle a { width: 148px; background: url(images/nav.gif) no-repeat -114px 0px; }
#mainNav li#navArticle a.selected { background-position: -114px -30px; }
#mainNav li#navArticle a:hover {  background-position: -114px -30px;}

#header { background: url(images/tofuwatch_header.gif) no-repeat}
#header a {	display: block; width: 825px;	height: 210px;}


/* ------------------------------
 Main Content
------------------------------ */
#main a { color: #a81c12; }
#main a:hover { background-color: #a81c12; 	color: #FFF; }

#main h2.entrytitle {	padding: 0;	margin: 0; 	font-weight: bold; }
#main h2.entrytitle a {	color: #a81c12; }
#main h2.entrytitle a:hover {	background: transparent;	color: #80160e; }

#main h2.pagetitle { background: #91c9f1; line-height: 1.2em; padding: 5px 10px; color: #333;  font-size: 13px; margin-bottom: 20px;}

#main .prevnext {	margin: 30px 0;	height: 30px;	text-align: center; }
#main .prevnext .prevLink { float: left;}
#main .prevnext .nextLink { float: right;}
#main .prevnext a {	color: #a81c12;	font-style: italic; }
#main .prevnext a:hover {	background-color: #a81c12;	color: #FFF; }

#main p { color: #333;	margin: 0 0 10px 0; }
#main .entry img { margin: 5px auto; }

#main .date { font-family: Georgia, "Times New Roman", Times, serif;	color: #555;	font-size: 12px;	margin: 6px 0 25px 0;	border-top: #888 solid 2px;	padding-top: 5px; }
#main .date a {	color: #222; border-bottom: 1px dotted #ccc;	}
#main .date a:hover {	background: #a81c12;	color: #FFF;	border: none; }

#main .topagetop {	margin: 60px 0 80px 0;	text-align: left; }

#main .entry_footer {	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 1px dotted #CCC; color: #666;	font-size: 11px;	margin: 30px 0 60px 0;	padding: 8px 0 8px 0; }
#main .entry_footer a {	color: #333;	border-bottom: 1px dotted #ccc;	}
#main .entry_footer a:hover {	color: #FFF;	border: none;	background: #a81c12;}

#main q {	color: #404040;	font-size: 12px;	width: 370px;	margin: 0 auto; }
#main q:before {     content: open-quote; }
#main q:after {     content: close-quote; }

#main blockquote {	width: 400px;	padding: 3px;	background: url(images/quote_start.jpg) no-repeat scroll top left;	margin: 30px auto; }
#main blockquote p {	background: url(images/quote_end.jpg) no-repeat scroll bottom right;	margin-left: 18px;	margin-right: 18px; }

#main .continue {	text-align: right;	margin-top: 20px; }
#main .continue a {	background:#222;	color:#FFF; }
#main .continue a:hover {	background:#a81c12;	color:#FFF;}


/* ------------------------------
 Side Menu
------------------------------ */
#sidebar { overflow: visible; }
#sidebar h2 { border-bottom: 1px solid #444; text-indent: -10px; font-size: 15px;	color: #a81c12;	font-weight: bold;	margin: 60px 0 6px 0;	padding: 0 0 6px -10px;}


#sidebar ul { color: #000000;	font-size: 12px; }
#sidebar li {	font-family: Georgia, "Times New Roman", Times, serif;	border-bottom: 1px dotted #404040;	font-style: italic;	margin: 4px 0 0 0;	padding: 0 0 3px 0; }
#sidebar li a {	color: #404040;	display: block;	width: 100%; }
#sidebar li a:hover {	background-color: #202020;	color: #FFFFFF; }

#sidebar ul li ul.children {	color: #000;	font-size: 100%; }
#sidebar ul li ul.children li {	border-top: 1px dotted #404040;	border-bottom: none;	font-style: italic;	margin: 3px 0 0 0;	padding: 5px 0 1px 0;	/* padding: 5px 0 1px 2em; */}

#contactButton { margin: 0px auto; text-align: center; width: 180px; height: 95px; background: #fff url(images/contact.gif) no-repeat; }
#contactEmail { padding: 16px 0px 0px 0px; font-size: 14.2px; width: 180px; text-align: center; color: #333; }
#contactPhone { padding: 20px 0px 0px 0px; font-size: 21px; width: 180px; text-align: center; color: #333;}


/* ------------------------------
 Sidebar for widget
------------------------------ */
#widgetbar h2 {	font-size: 85%;	border-bottom: 1px solid #444;	font-weight: bold;	margin: 60px 0 8px 0;	padding: 0 0 8px 0; }
#widgetbar ul {	color: #000000;	font-size: 85%; }
#widgetbar li {	border-bottom: 1px dotted #404040;	font-style: italic;	margin: 4px 0 0 0;	padding: 0 0 3px 0; }
#widgetbar li a {	color: #404040; }
#widgetbar li a:hover {	color: #a81c12; }


/* ------------------------------
 Footer
------------------------------ */
#footer { padding: 10px 0px; margin: 0px;}
#footer p.copyright {	color: #777; font-size: 11px; text-align: left; line-height: 22px; font-style: italic; }
#footer p.copyright a {	color: #555;	border-bottom: 1px dotted #ccc; }
#footer p.copyright a:hover {	color: #a81c12;	border: none; }
#sleepop { float: right;}


/* ------------------------------
 Search Form
------------------------------ */
#searchform {	background: transparent url(images/searchform.jpg) left top no-repeat;	display: block;	width: 230px;	height: 22px;	float: right; }
#searchform input {	display: block;	float: left; }
#searchform .isearch {	background: none;	border: none;	color: #666;	font-size: 93%;	margin: 4px 0 0 30px;	width: 190px; }
#searchform .ibutton {	background: none;	border: none;	cursor: pointer;	margin-top: -16px;	width: 28px; }


/* ------------------------------
 List Menu Form
------------------------------ */
#archive {	display: block;	height: 22px;	width: 230px; }
#archive select {	font-size: 93%; }


/* ------------------------------
 comment list
------------------------------ */
#comment h2 {	font-size: 93%;	border-bottom: 1px solid #000;	font-weight: bold;	margin: 60px 0 16px 0;	padding: 0 0 8px 0; }
#comment .comment_entry {	background-color: #F8F8F8;	width: 470px;	margin-bottom: 10px;	position: relative; }
#comment .everyone_comment {line-height: 180%;padding: 15px 20px 10px 20px;margin-bottom: 10px;}
#comment .comment_author {	text-align: right;	color: #404040;	font-size: 85%;	line-height: 180%;	padding: 2px 6px 3px;	border-top: 1px solid #ccc;}
#comment .comment_author a:link {	color: #404040;}
#comment .comment_author a:hover {	color: #FFF;	background: #a81c12;}
#comment .avatar_photo { 	display: none; }
#comment .author-id-1 {	background: transparent url(images/comment_ramp1.jpg) right top no-repeat; }
#comment .author-id-0 {	background: transparent url(images/comment_ramp0.jpg) right top no-repeat; }
#comment p.usetags {	background: #F9F9F9;	margin-bottom: 5px; }


/* ------------------------------
 comment form
------------------------------ */
#commentform .textform {	color: #606060;	width: 230px;	height: 18px;	border: #CCC solid 1px; }
#commentform .textform:hover {	background: #F6F6F6; }
#commentform .textbox {	color: #606060;	width: 440px;	height: 180px;	border: #CCC solid 1px;	padding: 15px;	overflow: auto; }
#commentform .textbox:hover {	background: #F6F6F6; }
#commentform .submit_btn { }
#commentform .labeltext {	color: #606060;	font-size: 85%; }
#commentform p {	margin: 0 0 4px 0;	padding: 0; }
#commentform label {	margin: 0;	padding: 0; }

/* ------------------------------
 feed icon
------------------------------ */
#feed {	height: 25px;	padding-top: 5px; float: right;	margin-right: 10px;	line-height: 1em;}
#feed img {	margin-right: 3px; }
#feed p {	color: #404040;	font-size: 85%;}
#feed a {	color: #404040;}
#feed a:hover {	color: #a81c12;}


/* ------------------------------
 extra
------------------------------ */
#extrastuff p {	margin-top: 20px;	 }


/* ------------------------------
 comment form
------------------------------ */
.aligncenter, div.aligncenter {   display: block;   margin-left: auto;   margin-right: auto; }
.alignleft {   float: left;}
.alignright {   float: right; }
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {   margin: 0;   padding: 0;   border: 0 none; }
.wp-caption p.wp-caption-text {   font-size: 11px;   line-height: 17px;   padding: 0 4px 5px;   margin: 0; }




/* ------------------------------
 09-03-20 added
------------------------------ */
#side li {
	list-style: none;	
}

#main ul, ol {
		margin: 0.5em 0;
        padding: 0 0 0 2.5em; 
        font-weight: normal;
        line-height: 175%;
}

#main ul ul, ul ol, ol ul, ol ol {
        margin: 0;
        padding: 0 0 0 2em;
        font-size: 1em;
}

#main li {
		margin: 0.2em 0;
        padding: 0;
}

#main ul { list-style: square inside; }
#main ol { list-style: decimal inside; }

#main dl{
	line-height: 175%;
	padding:0.5em 0 0.6em 0;
}

#main dt{
	font-weight: bold;
}

#main dd{
	margin-left: 1em;
	margin-bottom: 0.5em;
}

#main pre {
	line-height: 140%;
	padding: 1em;
	border: 1px solid #CCC;
	width: auto;
	_width: 90%;
	overflow: auto;
	_overflow: scroll;
	color: #000;
	background-color: #F9F9F9;
	font-family: 'MS Gothic', monospace;
}


#main table{
	width: 100%;
	border-spacing: 2px;
	margin: 0 0 1em 0;    border: 1px #E3E3E3 solid;
}

#main th, td{ padding:0.3em 0.75em; }

#main th{
	border-bottom: 2px #404040 solid;
	color: #404040;
	text-align: left;
	    background: #F5F5F5;
}

#main td{
	border-bottom: 1px #E3E3E3 dotted;
	color: #404040;
}

#main caption{
	text-align: left;
	color: #FFF;
	margin-bottom: -1em;
	margin-top: 1em;
}

#main abbr {
	border-bottom: #404040 dotted 1px;
}