/***********************************************
 * 共通	   *
 * *******************************/
body{
	margin:0;
/*	padding:10px 0;*/
	background-color:#f9f9f9;
/*	background-color:#cadfda;*/
	color:#000000;
	text-align:center;
}
body#essaycategory{
/*	background-color:#8fbc8f;*/
}
body#novelcategory{
/*	background-color:#7fbec0;*/
}
body#programcategory{
/*	background-color:#dddcb9;*/
}
body#historycategory{
/*	background-color:#d9d973;*/
}
div#wrapper{
	width:780px;
	margin:20px auto;
	text-align:left;
}
a:hover{
	background-color:#fff064;
/*	background-color:#ffe922;*/
}
h1{
/*	margin:0;*/
/*	padding:8px;*/
/*	border:3px solid #000000;
	border-left:15px solid #000000;
	background-color:#fbfbfb;*/
	color:#000000;
	font-weight:normal;
/*	font-size:3.5em;*/
}
div#topheader{
	height:400px;
	margin-bottom:10px;
	background:url("../img/akuma-face.png") no-repeat bottom right;
}
div#topheader p{
	padding-right:300px;
	line-height:170%;
}
div#essayheader{
	height:400px;
	margin-bottom:10px;
	background:url("../img/big-head.png") no-repeat bottom right;
}
div#essayheader h1 a{
	color:#000000;
	text-decoration:none;
}
div#essayheader h1 a:hover{
/*	background-color:#fbfbfb;*/
	text-decoration:underline;
}
div#essayheader p{
	padding-right:300px;
	line-height:170%;
}
div#novelheader{
	height:400px;
	margin-bottom:10px;
	background:url("../img/novelman.png") no-repeat bottom right;
}
div#novelheader h1 a{
	color:#000000;
	text-decoration:none;
}
div#novelheader h1 a:hover{
/*	background-color:#fbfbfb;*/
	text-decoration:underline;
}
div#novelheader p{
	padding-right:300px;
	line-height:170%;
}
div#programheader{
	height:400px;
	margin-bottom:10px;
	background:url("../img/programer.png") no-repeat bottom right;
}
div#programheader h1 a{
	color:#000000;
	text-decoration:none;
}
div#programheader h1 a:hover{
/*	background-color:#fbfbfb;*/
	text-decoration:underline;
}
div#programheader p{
	padding-right:300px;
	line-height:170%;
}
div#historyheader{
	height:400px;
	margin-bottom:10px;
	background:url("../img/history-face.png") no-repeat bottom right;
}
div#historyheader h1 a{
	color:#000000;
	text-decoration:none;
}
div#historyheader h1 a:hover{
/*	background-color:#fbfbfb;*/
	text-decoration:underline;
}
div#historyheader p{
	padding-right:300px;
	line-height:170%;
}
div#errorheader{
	height:400px;
	margin-bottom:10px;
	background:url("../img/error-face.png") no-repeat bottom right;
}
div#errorheader p{
	padding-right:300px;
	line-height:170%;
}
span.latest-update{
	color:#393939;
	font-size:18px;
}
span.new{
	color:#ff0000;
}
div#adsense{
	padding:6px;
	border:1px solid #999999;
	border-top:5px solid #999999;
	background-color:#fbfbfb;
	text-align:center;
}
/********************************************
 *  メニュー (menu)     *
 *   * ******************************************/
div#menu{
	text-align:center;
}
div#menu dl#nav{
	width:600px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
div#menu dl#nav dt{
	list-style-type:none;
	margin:0;
	padding:0;
	background-color:#fbfbfb;
}
div#menu dl#nav dt a.each-category{
	display:block;
	color:#000000;
	padding:20px;
	height:300px;
	border:10px solid #000000;
	font-size:2.8em;
}
div#menu dl#nav dt#h-icon a{
	background:url("../img/akuma-face.png") no-repeat bottom right;
}
div#menu dl#nav dt#h-icon a:hover{
	background-color:#cadfda;
}
div#menu dl#nav dt#e-icon a{
	background:url("../img/big-head.png") no-repeat bottom right;
}
div#menu dl#nav dt#e-icon a:hover{
	background-color:#8fbc8f;
}
div#menu dl#nav dt#n-icon a{
	background:url("../img/novelman.png") no-repeat bottom right;
}
div#menu dl#nav dt#n-icon a:hover{
	background-color:#7fbec0;
}
div#menu dl#nav dt#p-icon a{
	background:url("../img/programer.png") no-repeat bottom right;
}
div#menu dl#nav dt#p-icon a:hover{
	background-color:#dddcb9;
}
div#menu dl#nav dt#history-icon a{
	background:url("../img/history-face.png") no-repeat bottom right;
}
div#menu dl#nav dt#history-icon a:hover{
	background-color:#d9d973;
}
div#menu dl#nav dt#l-icon a{
	background:url("../img/linkboy.png") no-repeat bottom right;
}
div#menu dl#nav dt#l-icon a:hover{
	background-color:#ffff88;
}
div#menu dl#nav dd{
	display:block;
	margin:0;
	margin-bottom:20px;
	padding:10px;
	border:10px solid #000000;
	border-top:0 solid #000000;
	border-bottom:5px solid #000000;
	background-color:#fbfbfb;
}
div#menu dl#nav dd.description{
	border:0 solid #000000;
	margin:0;
}
table.category_menu {
	margin-bottom:40px;
}
table.category_menu th.title{
	width:422px;
}
table.category_menu th.day{
	width:128px;
}
table.category_menu td{
	padding:3px;
	border:1px solid #000000;
}
table.category_menu td a{
	display:block;
	padding:6px;
}
/*****************************************
 *  カテゴリ(category)	    *
 *   *   * **************************************/
div#category{
	text-align:center;
}
div#category div{
	width:560px;
	margin:0 auto;
	margin-bottom:20px;
	padding:7px;
	border:1px solid #000000;
	background-color:#fbfbfb;
	text-align:left;
	line-height:170%;
}
div#category h2{
	margin:0;
	padding:5px;
	background-color:#000000;
	color:#ffffff;
	font-size:1em;
}
div#category h3{
	margin:0;
	padding:4px;
	font-size:1em;
}
div#category div#essay dl dt{
	font-weight:bold;
}
div#category div#program dl dt{
	margin-top:20px;
	font-weight:bold;
}
div#category div#cpp{
	border:1px solid #aaaaaa;
}
div#category div#supplement h3{
	margin:0;
	padding:5px;
	border:1px solid #000000;
	font-size:1em;
}
div#category div#supplement dt{
	margin-top:30px;
	font-weight:bold;
}
div#category div#supplement dd{
}
div#category div#linux dt{
	margin-top:30px;
	background-color:#ddffdd;
}
div#category div#linux dl dd dl dt{
	margin-top:30px;
	background-color:#ddddff;
}
div#category div#linux dd{
}
div#category div#history dl{
	width:500px;
}
div#category div#history dt{
	margin-top:20px;
	text-align:center;
}
div#category div#history dd{
	padding:6px;
	border:1px solid #000000;
	line-height:120%;
}
div#category div#history h4{
	margin:0;
	padding:5px;
	background-color:#ddddff;
/*	color:#ffffff;*/
	font-weight:normal;
	border:1px solid #222222;
}
pre{
	border:1px solid #bbbbbb;
	padding:3px;
}
/*********************
 * footer（ページ下部）  *
 * *********************/
div#footer{
	clear:both;
	padding:6px;
	border:1px solid #999999;
	border-top:5px solid #999999;
	background-color:#fbfbfb;
	font-size:0.8em;
	text-align:left;
}
/************************
* tableタグのデフォルト *
**************************/
table.default{
	border:1px solid #666666;
}
table.default td{
	padding:5px;
	border:1px solid #999999;
}
/*************************************
* Linuxゲリラ戦記・C++基礎入門       *
*************************************/
p.nacks{
	padding-top:260px;
	background:url("../program/linux/img/nakkusu.png") no-repeat top left;
}
p.debby{
	padding-top:260px;
	background:url("../program/linux/img/debby.png") no-repeat top left;
}
/*-- 以下、Linux52.xhtml -- */
div#category div pre.code div{
	margin:0;
	padding:0;
	width:100%;
	border:0 solid #ffffff;
	
}
span.no-keyword{
	background-color:#ffdddd;
}
span.url-encode{
	background-color:#cceecc;
}
span.foreach{
	background-color:#ffffdd;
}
span.get-info{
	background-color:#ddf6ff;
}
span.status-check{
	background-color:#bbbdd4;
}
span.get-image-url{
	background-color:#ffddff;
}
span.next-page{
	background-color:#ddbbc3;
}
span.get-image{
	background-color:#ffbbbb;
}
div#category div pre.code div.no-keyword{
	background-color:#ffdddd;
}
div#category div pre.code div.url-encode{
	background-color:#cceecc;
}
div#category div pre.code div.foreach{
	background-color:#ffffdd;
}
div#category div pre.code div.get-image{
	background-color:#ffbbbb;
}
/*************************************
* ホームページの作り方      *
*************************************/
p.home-kun{
	padding-top:260px;
	background:url("../program/html/img/home-kun.png") no-repeat top left;
}
p.site-maker{
	padding-top:260px;
	background:url("../program/html/img/site-maker.png") no-repeat top left;
}
/*************************************
* 歴史ペインター                     *
************************************/
div#history-menu dl dt{
	font-weight:bold;
	margin:5px 0;
}
div#history-menu dl dd{
	margin-top:3px;
	margin-bottom:3px;
}