@charset "Shift_JIS";

/*
CSS for Unlimited Exp.
UnlimitedWhite by MatsuYan
*/

*, em {
	font-style: normal;
}

* {
	padding: 0;
}

a:link {
	color: #00f;
}

a:link img {
	border-color: #00f; /* Declaration for MSIE */
}

a:visited, del {
	color: #999;
}

a:visited img, h3, fieldset, td, th {
	border-color: #999;
}

a:link:hover, a:visited:hover, code, var {
	color: #f00;
}

a:link:hover img, a:visited:hover img {
	border-color: #f00; /* Declaration for MSIE */
}

a:link:active, a:visited:active {
	background: #0ff;
}

a img, em, strong, samp, kbd {
	color: #fff;
}

body, h1, h2, h3, h4, address, p, pre, ul, ol, dl, caption, td, th {
	color: #000;
}

body {
	background: #fff; /* Declaration for Netscape 4 */
}

h1, h2, h3, h4, em, strong, dfn, th {
	font-weight: bold;
}

h1, h2, blockquote {
	border-style: double;
}

h1 {
	margin-right: 0; /* Declaration for Netscape 4 */
	border-width: 0 0 6px;
	border-color: #333;
	font-size: 160%;
	text-align: right;
}

h2 {
	margin-left: 0; /* Declaration for Netscape 4 */
	border-width: 0 0 3px;
	border-color: #666;
	font-size: 125%;
}

h3, h4, kbd, fieldset, td, th, img {
	border-style: solid;
}

h3 {
	border-width: 0 0 2px;
}

h3 a:link,
h3 a:visited {
	text-decoration: none;
}

h4, abbr, acronym {
	border-width: 0 0 1px;
}

h4 {
	border-color: #ccc;
}

address, address *, var, cite {
	font-style: italic;
}

address, caption, th {
	text-align: center;
}

blockquote {
	border-width: 0 0 0 .5em;
	border-color: #f0f;
}

pre, dt, th {
	background: #cff;
}

pre {
	/* Hide from Mac IE 5 start \*/
	overflow: scroll;
	/* Hide from Mac IE 5 end */
}

* > pre {
	/* Hide from Mac IE 5 start \*/
	overflow: auto;
	/* Hide from Mac IE 5 end */
}

em {
	background: #00f;
}

strong {
	background: #f00;
}

dfn {
	background: #0f0;
}

samp {
	background: #000;
}

kbd {
	border-color: #999 #333 #333 #999;
	background: #666;
	font-weight: normal;
}

q, cite {
	color: #f0f;
}

q {
	quotes: "「" "」" "『" "』";
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

abbr, acronym {
	background: #ff0;
	cursor: help;
}

abbr {
	border-style: dotted;
}

acronym {
	border-style: dashed;
}

ul {
	list-style: square;
}

del {
	text-decoration: line-through;
}

ins {
	text-decoration: underline;
}

fieldset, td, th {
	border-width: 1px;
}

table {
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: show;
}

td, th {
	padding: .1em .3em;
}

thead td, thead th, tfoot td, tfoot th {
	background: #ccc;
}

/* Common */
ul.banner, ol.path, ul.posted, ul.slides, ul.info, #foot ul.nav {
	list-style: none;
}

ul.banner li a:link img, #ad a:link img {
	border-color: transparent;
}

ul.banner li a:link:hover img, #ad a:link:hover img {
	border-color: #f00;
}

ol.path, #head p, #foot ul.nav {
	margin-right: 0;
}

p.nakanohito, p.anchor, ul.posted, p.writebacked, p.reply, #head p, #head ol.path, #menu h2, #keyboardMsg {
	text-align: right;
}

p.disp, #foot ul.nav, #foot ul.banner {
	text-align: center;
}

#logo img, #loadingImage {
	border: none;
}

#head p, #foot ul.nav {
	border-color: #3ff;
	border-style: double;
}

/* Hide for graphical user agents */
hr.hidden {
	display: none;
}

/* Topic Path */
ol.path {
	border-width: 1px 0;
	border-color: #999;
	border-style: solid;
}

/* Inline Heading */
span.heading {
	font-weight: bold;
}

/* Advertisement Banner */
#ad {
	float: right;
}

/* Header */
#head {
	clear: right;
}

#head p {
	border-width: 0 0 3px;
}

/* Footer */
#foot ul.nav {
	border-width: 3px 0 0;
}

/* Lightbox JS (v1) */
#lightbox, #closeButton {
	background: #fff;
}

#closeButton {
	border-color: #ccc #666 #666 #ccc;
}

#lightboxImage {
	border-color: #666 #ccc #ccc #666;
}

#lightboxDetails {
	font-size: 80%;
}

#lightboxCaption {
	float: left;
}

/* Hide from Netscape 4 start */
@media all {
	a img {
		color: inherit; /* Undo the declaration for N4 */
	}
}
/* Hide from Netscape 4 end */

@media screen, tv, projection, handheld, print {
	*, li ul, li ol, li dl, dd ul, dd ol, dd dl {
		margin: 0;
	}

	body, h3, h4 {
		font-size: 100%;
	}

	body {
		background: transparent; /* Undo the declaration for Netscape 4 */
	}

	kbd {
		border-width: 2px;
	}

	img {
		border-width: 1px;
	}

	/* Common */
	ul.banner, ul.posted, ul.slides, ul.info {
		padding-left: 0;
	}

	ul.banner li a:link img, ul.banner li a:visited img, #ad img {
		border-width: 0 0 2px;
	}

	ul.slides li, #foot ul.banner li {
		display: inline;
	}

	/* Banner */
	ul.banner li img {
		border-width: 0;
	}

	/* Lightbox JS (v1) */
	#closeButton {
		border-width: 0 0 1px 1px;
	}

	#lightboxDetails {
		margin-top: .4em;
	}
}

@media screen, tv, projection, handheld {
	html {
		background: #fff;
	}

	input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], select, textarea {
		color: #000;
		background: #fff;
	}

	input[type="text"], input[type="password"], select, textarea {
		border-width: 1px;
		border-color: #666 #ccc #ccc #666;
		border-style: solid;
	}

	input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
		border-color: #6ff #fff #fff #6ff;
		background: #cff;
	}

	input[type="submit"], input[type="reset"], input[type="button"] {
		padding: .1em .5em;
		border-width: 3px;
		border-color: #ccc #666 #666 #ccc;
		border-style: double;
	}

	input[type="submit"]:hover, input[type="reset"]:hover, input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="button"]:hover, input[type="checkbox"] + label:hover, input[type="radio"] + label:hover {
		cursor: pointer;
	}

	input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
		color: #f00;
	}

	input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
		border-color: #cff #3ff #3ff #cff;
		background: #9ff;
	}

	input[type="submit"]:focus:active, input[type="reset"]:focus:active, input[type="button"]:focus:active {
		border-color: #3ff #cff #cff #3ff;
	}

	/* Common */
	ol.path, #foot ul.nav {
		margin-left: 0;
	}

	/* nakanohito */
	p.nakanohito {
		margin-bottom: 0;
	}

	p.nakanohito img {
		border-width: 0;
	}

	/* Contents */
	#content h2 *:first-letter, #content h2:first-letter {
		/* Hide from Mac IE 5 start \*/
		color: #f00;
		/* Hide from Mac IE 5 end */
	}

	#content div.entry ul.posted li ul.banner li {
		display: inline;
	}

	/* Menu */
	#menu h2 {
		margin-right: 0;
		padding-left: 0;
	}

	#menu h2:first-letter {
		/* Hide from Mac IE 5 start \*/
		color: #00f;
		/* Hide from Mac IE 5 end */
	}

	/* Lightbox JS (v1) */
	#overlay {
		background: url(./lightbox/overlay);
	}
}

@media screen, tv, projection, print {
	h1 {
		font-family: Verdana, Helvetica, Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}

	h2, h3, h4 {
		font-family: Helvetica, Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}

	ul, ol {
		padding-left: 40px;
	}

	dt {
		padding: .1em 1em;
	}

	dd {
		margin: .1em 1em;
	}

	table {
		font-size: 100%; /* Declaration for compatible mode MSIE */
	}

	/* Hide for modern browsers */
	ul.hidden {
		display: none;
	}

	/* Article Information */
	ul.info li {
		margin-left: 1em;
		display: inline;
	}

	/* Lightbox JS (v1) */
	#lightbox {
		padding: 10px;
	}

	#closeButton {
		top: 10px;
		right: 10px;
	}
}

@media screen, tv, projection {
	html, h1 {
		background-repeat: no-repeat;
	}

	html {
		background-image: url(./white/html);
		background-attachment: fixed;
		background-position: 100% 100%;
	}

	body, fieldset {
		padding-bottom: .5em;
	}

	body, table {
		line-height: 1.3;
	}

	body {
		padding-top: .5em;
		font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}

	h1 {
		margin: .625em 0 .625em .625em;
		padding-right: .625em;
		background-image: url(./white/h1);
		background-position: 100%;
	}

	h2 {
		margin: .8em .8em .8em 0;
		padding-left: .8em;
	}

	h3, h4, address, p, ul, ol, dl {
		margin: 1em;
	}

	address {
		font-family: Helvetica, Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}

	blockquote {
		margin: 1em 0 1em 1.5em;
	}

	pre, code, samp, kbd {
		font-family: "Osaka−等幅", "ＭＳ ゴシック", monospace;
	}

	pre {
		/* Declaration for MSIE start */
		margin: 1em auto;
		width: 100%;
		/* Declaration for MSIE end */
	}

	* > pre {
		margin: 1em;
		width: auto;
	}

	fieldset, table {
		margin: 0 1em;
	}

	/* Common */
	ol.path, #ad, #head p {
		padding-right: 1em;
	}

	ol.path, #logo, #content h2, #menu h2 {
		background-repeat: no-repeat;
	}

	ol.path, #logo, #content h2 {
		background-position: 100%;
	}

	ol.path, #head p {
		font-family: Verdana, Helvetica, Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}

	ol.path, #foot ul.nav {
		padding-left: 1em;
	}

	ol.path li, #foot ul.nav li {
		display: inline;
	}

	ul.info, #logo {
		margin-left: 0;
	}

	div.selectstylesheet, #head {
		padding-left: 200px;
	}

	#ad, #head, #head ol.path {
		margin-left: 1em;
	}

	#logo, #head p {
		margin-bottom: 0;
	}

	#logo, #content, #menu {
		float: left;
	}

	#logo, #foot ul.nav {
		margin-top: 0;
	}

	#head ol.path, #menu h2 {
		background-position: 0;
	}

	#head ol.path, #menu div ul.banner {
		padding-left: 0;
	}

	#body, #foot {
		clear: left;
	}

	/* Topic Path */
	ol.path {
		background-image: url(./white/path);
	}

	/* Entries */
	div.entry {
		margin: 1em;
		border-width: 0 .5em;
		border-color: #6ff;
		border-style: solid;
	}

	/* Slides */
	ul.slides li a:link img {
		background: url(./white/slidesl);
	}

	ul.slides li a:visited img {
		background: url(./white/slidesv);
	}

	ul.slides li a:hover img {
		background: url(./white/slidesh);
	}

	ul.slides li a:active {
		background: transparent;
	}

	ul.slides li img {
		padding: 35px 20px;
		border: none;
	}

	/* csskks.js */
	div.selectstylesheet {
		margin-left: 2em;
	}

	/* Advertisement Banner */
	#ad {
		margin-bottom: 1em;
	}

	/* Logo */
	#logo {
		margin-right: 0;
		padding: 140px 0 20px 1em;
		background-image: url(./white/logo);
	}

	#logo img {
		vertical-align: bottom;
	}

	/* Header */
	#head ol.path {
		background-image: url(./white/headpath);
	}

	/* Contents */
	#content {
		margin-right: -12em;
		width: 100%;
	}

	#content h2 {
		margin-right: 10.4em;
		background-image: url(./white/h2);
	}

	#content div.entry {
		margin-right: 13em;
	}

	/* Menu */
	#menu {
		width: 12em;
	}

	#menu h2 {
		margin-left: .8em;
		padding-right: .8em;
		background-image: url(./white/h2menu);
	}

	#menu div ul {
		padding-left: 20px;
	}

	#menu div ul.writebacks {
		padding-left: 16px;
		font-size: 80%;
	}

	/* Footer */
	#foot ul.nav li {
		margin-right: 1em;
	}
}

@media handheld {
	body {
		padding: .1em 0;
	}

	h1 {
		margin: .125em 0 .125em .125em;
		padding-right: .125em;
	}

	h2 {
		margin: .16em .16em .16em 0;
		padding-left: .16em;
	}

	h3, h4, address, p, pre, ul, ol, dl {
		margin: .2em;
	}

	blockquote {
		margin: .2em 0 .2em .2em;
	}

	dd {
		margin: .1em .2em;
	}

	fieldset, table {
		margin: 0 .2em;
	}

	/* Common */
	ol.path, #head p, #foot ul.nav {
		padding: 0 .2em;
	}

	/* csskks.js */
	div.selectstylesheet {
		margin: .2em;
	}

	/* Advertisement Banner */
	#ad {
		margin: 0 .2em;
		float: none;
	}

	/* Header */
	#head {
		clear: none;
	}

	#head p {
		margin-left: 0;
	}

	/* Menu */
	#menu h2 {
		margin-left: .16em;
		padding-right: .16em;
	}

	/* Lightbox JS (v1) */
	#lightbox {
		padding: 2px;
	}

	#closeButton {
		top: 2px;
		right: 2px;
	}
}

@media print {
	h1, h2, h3, h4, em, strong, dfn, th {
		font-weight: normal;
	}

	h1 {
		margin: .625em 0;
	}

	h2 {
		margin: .8em 0;
	}

	h3, h4, address {
		margin: 1em 0;
	}

	blockquote {
		margin: 1em 0 1em .5em;
	}

	blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote p, blockquote blockquote, blockquote pre, blockquote ul, blockquote ol, blockquote dl, blockquote fieldset, blockquote table {
		margin-left: 1em;
	}

	em, strong, dfn, th {
		font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
	}

	/* Inline Heading */
	span.heading {
		font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
		font-weight: normal;
	}

	/* Article Information */
	ul.info {
		margin-left: -1em;
	}

	/* Footer */
	#foot {
		margin-top: 1em;
		border-top: 3px #3ff double;
	}
}