body {
	margin: 0px;
	padding: 0px;
	font-size: small;
}

img {
	border: 0px;
}

h1, h2, h3, p {
	margin: 0px;
	padding: 0px;
}

/*********************************************/

#layout {
	width: 740px;
	margin: auto;
	padding: 1em;
/*	border: 1px solid #ddd; */
}

/*********************************************/

h1.title {
	font-size: small;
	font-weight: normal;
	text-align: right;
}

h1.title a {
	text-decoration: none;
	color: #444;
}

#header {
	text-align: left;
	vertical-align: baseline;
	border-left: #ccc solid 1px;
	border-right: #ccc solid 1px;
	background-color: #44aa00;
	background: #44aa00 url("image/bg-header.gif") no-repeat scroll right top;
}

#tab {
	text-align: center;
}

#tab a {
	color: #eee;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

/* horizontal menu */
#info {
	margin-bottom: 1em;
	padding: 0.3em 1em;
	background-color: #FFF;
	border-bottom: #ccc solid 1px;
}

/*********************************************/
/* vertical menu */

#side {
	float: right;
	width: 190px;
	background-color: #fff;
}

.menu {
	margin-bottom: 1em;
}

.menu-title {
	padding-top: 0.25em;
	text-align: center;
	height: 1.25em;
	padding-top: 0.3em;
	font-weight: bold;
	color: #eee;
	background: #25AECB url("image/menu-title.gif") repeat-x scroll 0px 0px;
}

.menu-contents {
	padding: 0.25em 1em 0.25em 1em;
	color: #555;
	background-image: url("image/menu-shadow.gif");
	background-repeat: repeat-x;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: 150%;
}

.ad-contents {
	padding: 0.25em 1em 0.25em 1em;
	color: #555;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

/*********************************************/
#content {
	margin-right: 200px;
	padding-right: 1em;
	text-align: left;
	border-right: 1px solid #ddd;
}

#content .icon-main {
	float: left;
}

#content h2 {
	height: 22px;
	margin-top: 8px;
	padding-top: 10px;
	padding-left: 36px;
	font-size: medium;
	font-weight: bold;
	color: #FF5F27;
	vertical-align: bottom;
	border-bottom: 4px solid #080;
	background: #fff url("image/icon-main32.gif") no-repeat scroll left top;
}

#content h3 {
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding-bottom: 2px;
	font-size: medium;
	font-weight: bold;
	color: #383;
	border-bottom: 2px solid #080;
}

#content h3.game {
	background: #fff url("image/bg-game.gif") no-repeat scroll right bottom;
}

#content h3.java {
	background: #fff url("image/bg-java.gif") no-repeat scroll right bottom;
}

#content h3.diary {
	background: #fff url("image/bg-diary.gif") no-repeat scroll right bottom;
}

#content h3 a:link,
#content h3 a:visited,
#content h3 a:hover,
#content h3 a:active
{
	color: #383;
	text-decoration: none;
}

#content p {
	margin-top: 0em;
	padding: 0em 0em 0em 0em;
	line-height: 175%;
	color: #555;
}

#content p.description {
	margin-top: 0.5em;
	padding: 0.5em;
	background-color: #ffffec;
	border: 1px solid #ddd;
}

#content p.description .main-visual {
	float: right;
	margin-left: 1em;
	margin-right: 0em;
}

.article {
	margin-top: 1em;
	margin-bottom: 2em;
	clear: left;
}

.item {
	float: left;
	text-align: center;
	margin: 0.25em 1em 1em 0em;

}

.diary-title {
	padding: 0.25em;
	border-bottom: 1px solid #88d;
}

.diary-mark {
	background-color: #2ac;
	color: #fff;
	margin-right: 0.25em;
}

#content div.diary .title {
	font-weight: bold;
	color: #449;
}

#content div.diary .date {
	color: #000;
}

#content p img {
	margin-right: 1em;
}

#content .navi {
	text-align: right;
}

#content strong {
	font-weight: normal;
	color: #a00;
}

#content a, #side a {
	color: #00c;
	text-decoration: none;
}

#content a:hover, #side a:hover {
	color: #f66;
	text-decoration: underline;
}

#content .source {
	font-size: small;
	line-height: 110%;
	border: 1px solid #ddd;
	padding: 8px;
}

#content .profile {
	height: 240px;
	line-height: 150%;
	overflow: visible;
}

#content .profile img {
	float: left;
}

#content .history {
	line-height: 140%;
}


/*********************************************/
#counter {
	font-size: small;
	text-align: right;
}

/*********************************************/
#footer {
	clear: both;
	margin: 32px 0px;
	text-align: center;
	line-height: 200%;
	color: #fff;
	background-color: #44aa00;
	border-left: #ccc solid 1px;
	border-right: #ccc solid 1px;
}

/*********************************************/
.yellow {
	color: #aa0;
}

.info-mark {
	background-color: #f80;
	color: #fff;
	font-weight: bold;
	margin-right: 0.25em;
}

.red {
	color: #f00;
}

.blue {
	color: #00f;
}

.bottom {
	vertical-align: bottom;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.baseline {
	vertical-align: baseline;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.link-mark {
	font-weight: bold;
	color: #f00;
}