@charset "utf-8";

/* 基本設定
----------------------------------------------- */

* {
	margin:0;
	padding:0;
	}

body {
	background:url("/img/sixdays/background-body.png") 701px top repeat-y;
	}

.boardRes {
	margin:0 0 3em 1em;
	}

.separator {
	border-top:1px solid #ccc;
	margin:1.5em 0;
	}

.storyDisplay, .storyMail, .storyNote {
	background:#ddd;
	border:1px solid #789;
	font:95%/1.5  "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
	margin:1.5em 2em;
	padding:1em 1.5em;
	}

.storyMail .sender {
	text-align:right;
	}

#aboutContents {
	float:left;
	width:60%;
	}

#main {
	background:url("/img/sixdays/background-main.png") left top;
	border-top:15px solid #abc;
	border-bottom:15px solid #9ab;
	border-right:1px solid #456;
	font:14px/1.5 "Trebuchet MS", Arial, sans-serif;
	letter-spacing:1px;
	padding:0.5em 0;
	width:700px;
	}

/* アンカー設定
----------------------------------------------- */

a {
	padding:0.1em 0.3em;
	text-decoration:none;
	}

a:link {
	border-bottom:dotted 1px #567;
	color:#567;
	}
a:visited {
	border-bottom:dotted 1px #345;
	color:#345;
	}
a:hover {
	background:#789;
	border-bottom:solid 1px #345;
	color:#eee;
	}

address a:link, address a:visited {
	color:#cde;
	border-color:#cde;
	}

address a:hover, address a:active, address a:focus {
	background:transparent;
	}

.pictureList li a {
	background:#abc;
	border:none;
	padding:0;
	}

.pictureList li a:hover {
	background:transparent;
	}

#globalNavigation li a {
	border:none;
	display:block;
	height:100px;
	letter-spacing:1px;
	line-height:3;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
	width:80px;
	}

#globalNavigation li a:link, #globalNavigation li a:visited {
	color:#fff;
	}

#globalNavigation a[href="/"]:link, #globalNavigation a[href="/"]:visited {
	background:url("/img/sixdays/background-index.png") left top no-repeat;
	}
#globalNavigation a[href="/"]:hover, #globalNavigation a[href="/"]:active, #globalNavigation a[href="/"]:focus {
	background:url("/img/sixdays/background-index.png") left -100px no-repeat;
	color:#ace;
	}

#globalNavigation a[href="/stories"]:link, #globalNavigation a[href="/stories"]:visited,
#globalNavigation>ul>li:hover>ul a:link, #globalNavigation>ul>li:hover>ul a:visited {
	background:url("/img/sixdays/background-stories.png") left top no-repeat;
	}
#globalNavigation a[href="/stories"]:hover, #globalNavigation a[href="/stories"]:active, #globalNavigation a[href="/stories"]:focus,
#globalNavigation>ul>li:hover>ul a:hover, #globalNavigation>ul>li:hover>ul a:active, #globalNavigation>ul>li:hover>ul a:focus {
	background:url("/img/sixdays/background-stories.png") left -100px no-repeat;
	color:#cae;
	}

#globalNavigation a[href="/days"]:link, #globalNavigation a[href="/days"]:visited {
	background:url("/img/sixdays/background-days.png") left top no-repeat;
	}
#globalNavigation a[href="/days"]:hover, #globalNavigation a[href="/days"]:active, #globalNavigation a[href="/days"]:focus {
	background:url("/img/sixdays/background-days.png") left -100px no-repeat;
	color:#eac;
	}

#globalNavigation a[href="/board"]:link, #globalNavigation a[href="/board"]:visited {
	background:url("/img/sixdays/background-board.png") left top no-repeat;
	}
#globalNavigation a[href="/board"]:hover, #globalNavigation a[href="/board"]:active, #globalNavigation a[href="/board"]:focus {
	background:url("/img/sixdays/background-board.png") left -100px no-repeat;
	color:#eca;
	}

#globalNavigation a[href="/link"]:link, #globalNavigation a[href="/link"]:visited {
	background:url("/img/sixdays/background-link.png") left top no-repeat;
	}
#globalNavigation a[href="/link"]:hover, #globalNavigation a[href="/link"]:active, #globalNavigation a[href="/link"]:focus {
	background:url("/img/sixdays/background-link.png") left -100px no-repeat;
	color:#cea;
	}

#globalNavigation a[href="/appendix"]:link, #globalNavigation a[href="/appendix"]:visited {
	background:url("/img/sixdays/background-appendix.png") left top no-repeat;
	}
#globalNavigation a[href="/appendix"]:hover, #globalNavigation a[href="/appendix"]:active, #globalNavigation a[href="/appendix"]:focus {
	background:url("/img/sixdays/background-appendix.png") left -100px no-repeat;
	color:#aec;
	}

/* 見出し設定
----------------------------------------------- */

h1 {
	background:url("/img/sixdays/background-h1.png") left top no-repeat;
	border-right:1px solid #456;
	border-bottom:1px solid #789;
	height:30px;
	overflow:hidden;
	text-indent:-10000px;
	width:700px;
	}

h2 {
	border-top:1px dotted #ccc;
	clear:both;
	}

h2, h3, h4 {
	color:#789;
	font-size:140%;
	line-height:1;
	padding:0.5em;
	text-transform:uppercase;
	}

h2:first-letter, h3:first-letter, h4:first-letter {
	color:#333;
	}

*+h2 {
	margin-top:1em;
	}

h3 {
	border-bottom:1px dotted #ccd;
	font-size:120%;
	text-indent:0.5em;
	}

h4 {
	border-bottom:1px dotted #ccd;
	font-size:110%;
	text-indent:1em;
	}

*+.daysDate {
	margin-top:1em;
	}

h2+.daysDate {
	margin-top:0;
	}

.separator+h3 {
	border:none;
	}

.storyDate {
	border:none;
	}

.trickTitle {
	border:none;
	color:#345;
	font-style:italic;
	margin:0 1em;
	text-align:right;
	}

#aboutAuthor h3 {
	text-indent:-1em;
	}

#aboutContents h3 {
	border-bottom:0;
	}

#globalNavigation h2, #information h2 {
	display:none;
	}

#mainHeading {
	border:none;
	}

/* 本文設定
----------------------------------------------- */

abbr:hover {
	cursor:help;
	}

address {
	background:#333 url("/img/sixdays/background-address.png") left top;
	border-right:1px solid #456;
	color:#cde;
	font:bold 11px/1.5 "Bitstream Vera Sans Mono", Century, sans-serif;
	letter-spacing:1px;
	padding:1em 0;
	text-align:center;
	width:700px;
	}

blockquote {
	border-bottom:1px solid #ccc;
	border-left:0.5em solid #9ab;
	font-size:95%;
	color:#333;
	margin:1em 1.5em;
	padding:0.1em 0;
	}

blockquote:before, blockquote:after {
	color:#666;
	display:block;
	font:italic bold 90% "Trebuchet MS", Arial, sans-serif;
	margin:0 1em;
	}

blockquote[title]:before {
	content:attr(title);
	}

blockquote[cite]:after {
	content:'Quoted from "'attr(cite)'"';
	text-align:right;
	}

blockquote[cite="urn:isbn:408782537X"] li {
	list-style:upper-alpha;
	margin-left:3em;
	}

blockquote p {
	margin:0.5em 1em;
	}

blockquote[cite="http://www1.bb-i.net/~fireforge/die/dri2.htm"] p, blockquote[cite="urn:isbn:4101098409"] p {
	margin-left:1.5em;
	text-indent:0;
	}

blockquote p+p {
	margin-top:1em;
	}

del, del * {
	color:#999;
	text-decoration:line-through;
	}

em {
	color:#900;
	font:bold 14px/1.5 "Trebuchet MS", Arial, sans-serif;
	}

ins {
	border-bottom:1px dotted #456;
	color:#456;
	text-decoration:none;
	}

kbd {
	background:#fff;
	border:2px outset #333;
	padding:0.1em 0.3em 0;
	}

p {
	margin:0.8em 2em;
	text-align:justify;
	text-indent:1.5em;
	}

pre code {
	padding-left:3em;
	}

q {
	color:#666;
	}

q:before {
	content:"“";
	}

q:after {
	content:"”";
	}

.boardMessage p, .boardRes p {
	text-indent:0;
	}

.characterName {
	display:block;
	margin-top:0.3em;
	}

.EOS, .TBC {
	border-bottom:1px solid #ccc;
	margin:1em 0;
	padding:0 1.5em 0.5em;
	text-align:right;
	}

.EOS:before {
	content:"< ";
	}

.EOS:after {
	content:" >";
	}

.history img {
	border:1px solid #789;
	}

.history img:hover {
	border:1px solid #def;
	}

.l {
	display:block;
	}

.pictureList li img {
	border:none;
	}

.storyCount {
	color:#900;
	font-weight:bold;
	}

.storyDisplay p, .storyMail p {
	margin:0 1em;
	text-indent:0;
	}

.storyDisplay p+p, .storyMail p+p, .storyNote p+p {
	margin-top:1em;
	}

.storyDisplay .parenthesis, .storyMail .parenthesis {
	display:none;
	}

.storyDisplay .note+p, .storyDisplay p+.note {
	border-top:1px solid #ccc;
	padding-top:1em;
	}

.storyMeaningList dt {
	color:#345;
	}

.storyMeaningList dd {
	margin-left:3em;
	}

.storyMeaningList ol {
	list-style:decimal outside;
	margin:0;
	}

.storyMeaningList ol ol {
	list-style:lower-alpha outside;
	margin-left:1.5em;
	}

.storyOtherSide+p {
	border-top:1px solid #ccc;
	margin:1em 0 0;
	padding:1em 2em 0;
	}

.storyOtherSide+.EOS {
	border-top:none;
	}

p+.storyOtherSide, .storyOtherSide+.storyOtherSide {
	border-top:1px solid #ccc;
	}

.TBC a:after {
	content:" »";
	}

.words, .verse {
	margin:0.8em 2em 0.8em 2em;
	text-indent:0;
	}

#aprilBookImage {
	float:right;
	margin:0 1.5em;
	}

#messageSubmit {
	text-align:right;
	}

/* リスト設定
----------------------------------------------- */

dl {
	margin:0.5em 2em;
	}

dt {
	color:#345;
	font-weight:bold;
	}

dd {
	font-size:90%;
	text-indent:1em;
	}

dd+dt {
	margin-top:0.5em;
	}

dd dl {
	text-indent:0;
	}

ul {
	margin:1em 3em;
	}

.appendixList, .linkList, .storyList {
	list-style:square;
	margin-left:5em;
	}

.boardHeader, .boardResHeader {
	clear:right;
	float:right;
	margin:0;
	margin-top:0.5em;
	margin-left:1.5em;
	}

.boardHeader li, .boardResHeader li {
	color:#567;
	list-style:square;
	width:14em;
	}

.diaryList dt {
	border-bottom:3px double #abc;
	padding-left:0.5em;
	}

.diaryList dd {
	border-left:0.5em solid #abc;
	padding:0.3em 0;
	padding-left:1em;
	}

.diaryList dd+dt {
	margin-top:1em;
	}

.diaryList li {
	display:inline;
	list-style:none outside;
	}

.diaryList ul {
	margin:0.3em 0 0.3em 2em;
	}

.diaryList ul li {
	display:list-item;
	list-style:square outside;
	}

.diaryList li+li:before {
	content:": ";
	}

.diaryList dd li+li:before {
	content:"";
	}

.navigation {
	margin:0;
	}

.navigation li {
	clear:right;
	list-style:none;
	margin:0.5em 1em;
	text-align:right;
	}

.navigation li a:after {
	content:" »";
	}

.pictureList li {
	display:inline;
	list-style:none outside;
	}

.storyCategoryList {
	font-size:110%;
	}

.storyCategoryList dt+dd {
	margin-top:0.5em
	}

.storyHeader {
	background:url("/img/sixdays/background-main.png") left top;
	border:1px solid #abc;
	-moz-border-radius:1em;
	float:right;
	font-size:80%;
	font-style:italic;
	list-style:none;
	margin-bottom:0;
	padding:1em;
	padding-right:0;
	width:45%;
	}

.storyMail ul {
	list-style:square outside;
	}

.time {
	margin:1em 2em;
	}

.time li {
	background:transparent;
	border:none;
	border-left:0.5em solid #abc;
	font:90%/1.5 "Trebuchet MS", Arial, sans-serif;
	list-style:none outside;
	margin:0.2em;
	padding:0.5em 1em;
	}

#aboutAuthor dd+dt, #updateHistoryList dd+dt {
	margin-top:0.5em;
	}

#bookInformation {
	border:1px dotted #abc;
	padding:1em;
	}

#deleteList {
	display:none;
	}

#globalNavigation {
	background:#333 url("/img/sixdays/background-globalNavigation.jpg") left top no-repeat;
	border-right:1px solid #456;
	border-bottom:15px solid #89a;
	height:265px;
	width:700px;
	}

@-moz-document url-prefix(http://www.junkwork.net/stories/) {
#globalNavigation {
	background:#333 url("/img/sixdays/background-globalNavigationStories.jpg") left top no-repeat;
		}
	}
@-moz-document url-prefix(http://www.junkwork.net/days/) {
#globalNavigation {
	background:#333 url("/img/sixdays/background-globalNavigationDays.jpg") left top no-repeat;
		}
	}
@-moz-document url-prefix(http://www.junkwork.net/board/) {
#globalNavigation {
	background:#333 url("/img/sixdays/background-globalNavigationBoard.jpg") left top no-repeat;
		}
	}
@-moz-document url-prefix(http://www.junkwork.net/link/) {
#globalNavigation {
	background:#333 url("/img/sixdays/background-globalNavigationLink.jpg") left top no-repeat;
		}
	}
@-moz-document url-prefix(http://www.junkwork.net/appendix/) {
#globalNavigation {
	background:#333 url("/img/sixdays/background-globalNavigationAppendix.jpg") left top no-repeat;
		}
	}

#globalNavigation ul {
	margin:0;
	padding:150px 0 0 30px;
	}

#globalNavigation ul ul {
	display:none;
	}

#globalNavigation li {
	float:left;
	font:11px "Bitstream Vera Sans Mono", Century, sans-serif;
	list-style:none outside;
	text-align:center;
	}

#globalNavigation>ul>li:hover>ul {
	display:block;
	padding:15px 0 0;
	position:absolute;
	}

#information ul {
	display:none;
	}

#outlineMonologue ul {
	list-style:none;
	margin:1em 3em;
	}

#outlineSite ul {
	list-style:square;
	margin:1em 5em 3em;
	}

#updateHistory dl {
	border-left:0.5em solid #abc;
	padding:0.1em 0 0.1em 1em;
	}

#updateHistory dl:before {
	color:#999;
	content:attr(title);
	display:block;
	font:italic 80%/1.0 "Trebuchet MS", Arial, sans-serif;
	margin-bottom:-1em;
	text-align:right;
	}

#updateHistory dd {
	margin:0.1em 0.5em;
	}

#updateHistoryList {
	margin:1em 3em;
	}

#updateHistoryList dd {
	margin-left:2em;
	}

/* フォーム設定
----------------------------------------------- */

input, textarea {
	background:#fefefe;
	font:95% "Bitstream Vera Sans Mono", Courier, Osaka, monospace;
	}

.input {
	margin:0.1em;
	padding:0.1em;
	width:90%;
	}

.submit {
	background:#fff;
	}

[type="checkbox"] {
	margin-right:0.5em;
	}

[type="password"], [type="submit"] {
	border:1px solid #333;
	color:#333;
	font:bold 85% "Trebuchet MS", Arial, sans-serif;
	padding:0 0.3em;
	width:8.5em;
	}