@charset "ISO-2022-JP";
/* 
 * ONO, Hiroki [Table2] stylesheet version 1.0
 * おのひろき(c) 2001
 * original: Oct 5, 2001
 * S11HT: 2008-04-18
 */
 
/* http://www.mentalized.net/cssdepot/layouts/LeftFluid_RightFixed_Footer.asp */


/*div.header {
	width:95%;
	clear:both;
	float: left;
	margin-left: 0px !important;
	border: 1px red dotted;
}*/

html {
	background-color: #FAFAD2;
	color: #222222;
}

/* Not Mobile*/
pre {
	overflow: auto;
}

h3 {
	border: 0;
	margin: 0;
	padding: 0;
}

div.menu-list {
	font-size: 0.9em;
}
div.menu-list div {
	background-color: #fafaea;
	color: #222;
	border: 2px gray solid;
	margin-bottom: 0.5em;
	padding: 0.1em;
}




div.header p.navi {
    margin-left: 8px;
}

/* right menu */

.menu-list-divider,
.menu-list-title {
	display: none;
}

.logbook{

}
address,
.epilogue,
.footer {
	padding-top: 1em;
	width: 90%;
	clear: both;
}


/* margin and padding */

/* h1,h2,h3,h4,h5,h6 {
	margin-left: 0px !important;
} */

div.menu-list,
div.menu-list ul,
div.menu-list ol,
div.menu-list li {
	margin-left: 0px;
	padding-left: 0px;
}

div.menu-list li {
	list-style-type: none;
	padding-left: 0.3em;
}

div.menu-list .badge-logo {
		border-top:	1px	#ffffff	solid;
		border-left:	1px	#ffffff	solid;
		border-right:	1px	gray	solid;
		border-bottom:	1px	gray	solid;
		margin:	0	5px	5px	0;
		padding:	3px	1em	3px	1em;
		background-color:	#EFEFEF;
}


.footer {
	padding: 1em 1em 1em 4em;
}	

/* hatena ring */
div.menu-list div.hatenaring {
	text-align:center;
	padding: 10px;
}
div.menu-list div.hatenaring div {
	border: none;
	margin: 0;
	padding: 0;
}

div.hatenaring > div > img {
	width: 40px
}

/*.hatena-ring,
.hatena-ring-title,*/
.hatena-ring-title td {
	color: white;
	background-color: #1841CE;
}


/* not Mobile */

/* flickr_badge */
div.menu-list div#flickr_badge_uber_wrapper div {
 border: none;
}
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* cocoment box */

#cocoment_box div { border: none; background-color:inherit !important;}
#cocoment_box div.cocomment-box { margin-bottom: 2em;}
#cocoment_box div.heading {margin-bottom: 2em;}
#cocomment-box .title{ border: 1px #DCDCDC solid;}      
#cocomment-box .title div { background-color:#f5f5e5;}                          

#cocomment-box{ border:1px solid #DDDDDD; padding:2px; margin:1px;}
#cocomment-box div{ margin:0;}
#cocomment-box .boxhead{ background-color:#fcfcec;}
#cocomment-box .boxheading{ color:#0D497B; font-size:small;}
#cocomment-box .entry{ padding:5px; font-size:x-small; background-color:#f9f9e9;
                         border-bottom: 1px dashed #CCCCCC;}
#cocomment-box .title{ padding:5px; margin-bottom:3px; background-color:#f5f5e5;}      
#cocomment-box .article{ color:#0D497B; }
#cocomment-box .author{ color:#0D497B;}
#cocomment-box .author-alias{ display:none;}
#cocomment-box .comment{ color:black;}
#cocomment-box .boxfooter{ font-size:x-small;}

/* facebook */
div#facebook div {
	border-style: none;
	margin: auto;
}

/* twitter */
ul#twitter_update_list {
	padding: 0.3em;
	margin: 0;
}
#twitter_update_list li.me {
	list-style-type: no;
	padding: 0.3em;
	margin: 0 0 0.3em 0;
	border: 1px gray solid;
	background-color: #f5f5e5;
	color: #222222;
}

#twitter_update_list li.friend {
	list-style-type: no;
	padding: 0.3em;
	margin: 0 0 0.3em 1em;
	border: 1px gray solid;
	background-color: #fcfcec;
	color: #555555;
}

span.withUrlTwitter {
	font-size: 0.7em;
}

/* Google Talk */
#googletalk_badge {
	padding: 1em 0 1.2em 0.8em ;
	margin-bottom: 1em;
}

/*  Not Mobile*/
/*  not MSIE*/
div.menu-list { /* right menu */
	float: right; 
	width: 16em; 
	padding: 0;
	margin: 0;
}
div.main-contents {
	padding: 0;
	margin-right: 16em; 
}
.log {
	width: 100%;
	min-width:16em;
	float: left;
	margin-right: -18em;
}
/*  end MSIE */
/*  end not Mobile*/