a span { visibility: hidden; }


body #hitokoto {
	position: absolute;
	top: 0; right: 0;
	visibility: hidden;
	width: 250px;
	height: 250px;
	background: url(../img/_hitokoto/000.png) no-repeat right top;
	z-index: 1000;
}
body #hitokoto span { visibility: hidden; }


.container {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}




h1 {
	margin: 0;
	padding: 0;
	width: 320px;
	height: 50px;
	background: url(../img/_template/h1.bg.png) no-repeat left top;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}


/*
 *
 * #head
 *
 */
#head {
	padding: 6px 0 12px 0;
	background: url(../img/_template/head.bg.png) repeat-x left bottom;
}


/*
 *
 * #navigation
 *
 */
#navigation {
	border-bottom: 1px solid #e6e6e6;
	height: 36px;
	background: url(../img/_template/navigation.bg.png) repeat-x left top;
}

#navigation ul {
	margin: 0; padding: 0;
	list-style: none;
}

#navigation ul li {
	margin: 0;
	padding: 0 0 0 1px;
	float: left;
	width: 159px; height: 36px;
	background: url(../img/_template/navigation.bg2.png) repeat-x left top;
}
#navigation ul li a {
	display: block;
	width: 100%; height: 100%;
	overflow: hidden;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a.active { background-position: 0 -36px; }

#navigation-about   { background-image: url(../img/_template/navigation.bg.about.png); }
#navigation-news    { background-image: url(../img/_template/navigation.bg.news.png); }
#navigation-works   { background-image: url(../img/_template/navigation.bg.works.png); }
#navigation-staff   { background-image: url(../img/_template/navigation.bg.staff.png); }
#navigation-contact { background-image: url(../img/_template/navigation.bg.contact.png); }

#navigation #navigation-container { position: relative; }
#navigation-container div {
	position: absolute;
	top: 0; right: 0;
	width: 1px; height: 36px;
	background: url(../img/_template/navigation.bg2.png) no-repeat right top;
}

/*
 *
 * #navigation2
 *
 */
#navigation2 {
	border-bottom: 1px solid #cccccc;
	height: 24px;
	background: url(../img/_template/navigation2.bg.png) repeat-x left top;
}

#navigation2 ul {
	margin: 0; padding: 0;
	list-style: none;
}

#navigation2 ul li {
	margin: 0;
	padding: 0 0 0 1px;
	float: left;
	position: relative;
	width: 99px; height: 24px;
	background: url(../img/_template/navigation2.bg2.png) repeat-x left top;
/*background: #ffaaaa;*/
}
#navigation2 ul li.null {
	padding: 0;
	width: 100px;
	background: url(../img/_template/navigation2.bg.png) repeat-x;
}
#navigation2 ul li a {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%; height: 100%;
	overflow: hidden;
	text-decoration: none;
}
#navigation2 ul li a:hover, #navigation2 ul li a.active { background-position: 0 -24px; }

#navigation2-blog   { background-image: url(../img/_template/navigation2.bg.blog.png); }
#navigation2-labs   { background-image: url(../img/_template/navigation2.bg.labs.png); }
#navigation2-omake  { background-image: url(../img/_template/navigation2.bg.omake.png); }

#navigation2 #navigation2-container { position: relative; }
#navigation2-container div, #navigation2 ul li div {
	position: absolute;
	top: 0; right: 0;
	width: 1px; height: 24px;
	background: url(../img/_template/navigation2.bg2.png) no-repeat right top;
}



/*
 *
 * #content
 *
 */
#content {
	padding: 12px 0;
	position: relative;
}


/*
 *
 * #pankz
 *
 */
#content #pankz {
	position: absolute;
	top: 3px; right: 0;
	overflow: hidden;
	font-size: 12px;
	text-align: right;
	line-height: 100%;
}
#pankz ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#pankz ul:after {
	margin-left: -1.33em;
	content: '';
}
#pankz ul li {
	margin: 0 0 0 .33em;
	padding: 0;
	display: inline;
}
#pankz ul li:after {
	margin-left: .66em;
	content: '/';
}
#pankz ul li.active { font-weight: bolder; }

/*
 *
 * #content-left
 *
 */
#content-left {
	float: left;
	width: 200px;
}

#content-left dl {}
#content-left dl dt {
	margin: .66em 0 0 0;
	font-weight: bolder;
}
#content-left dl dt:first-child { margin-top: 0; }
#content-left dl dd {
	margin: .33em 0 0 0;
}


/*
 *
 * #content-right
 *
 */
#content-right {
	float: right;
	width: 588px;
}




/*
 *
 * #foot
 *
 */
#foot {
	padding: 12px 0;
	clear: both;
	background: url(../img/_template/foot.bg.png) repeat-x left top;
	font-size: 95%;
	text-align: right;
}
#foot-container {
	text-align: right;
}

#foot ul.navigation {
	margin: 0 0 0 -.33em;
	padding: 0;
	display: inline;
	list-style: none;
}
#foot ul.navigation li {
	margin-left: .33em;
	display: inline;
}

#foot address {
	font-style: normal;
}