﻿/**
 * UMIHARA Kawase CSS
 * 海腹川背CSS
 * 
 */


body {
	margin: 0px;
	padding: 0px;
	color: #080808;
	background-color: #e0e0e0;
}

/* body Title area (only top page) */
div.bodyTitle {
	margin: 0px;
	padding: 32px;
	color: #f5eaea;
	background-color: #000000;
	background-image: url('img/bg_con_color.png');
}
div.bodyText {
	margin: 4px 4px;
	padding: 4px 4px;
}
div.bodyCopyright {
/*	margin: 16px 8px 2px 8px; */
	padding: 4px;
	border-style: none;
	color: #000000;
	font-size: 75%;
	background-color: #c0c0f0;
	filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
}

/* text align block */
div.center {
	text-align: center;
}
div.right {
	text-align: right;
}
div.copyright {
	text-align: center;
	font-weight: bold;
}

/* float-left layout block */
div.cascadeLeft {
	float: left;
}


/* Left and Right layout block */

.MarginNone {
	margin: 0px;
	padding: 0px;
}

.MarginNarrow {
	margin: 2px;
	padding: 2px;
}

.MarginWide {
	margin: 4px;
	padding: 4px;
}

div.LayoutBlock {
	width: auto;
}
div.LayoutBlockLeft {
	text-align: left;
	float: left;
}
div.LayoutBlockRight {
	text-align: right;
}
div.LayoutBlockClear {
	clear: left;
}


/* top page */
div.baseBox {
	margin: 0px;
	width: 100%;
}
div.mainContentsBox {
	float: left;
	width: 70%;
}
div.subContentsBox {
	float: left;
	width: 30%;
}
div.ContentsBox {
	margin: 2px 2px;
	padding: 2px;
}


/* niconico douga Block */

div.NicoBlock {
	width: 314px;
	height: 178px;
	margin: 1px;
	padding: 1px;
}



/* default anchor (external) */
a:link {
	color: #1010f0;
}
a:visited {
	color: #1080f0;
}
a:hover {
	color: #080808;
	background-color: #f0a0a0;
}

/* internal anchor */
a.internal:link {
	color: #1010f0;
	text-decoration: none;
	border-bottom: 1px dotted;
}
a.internal:visited {
	color: #8010c0;
	text-decoration: none;
	border-bottom: 1px dotted;
}
a.internal:hover {
	color: #080808;
	background-color: #f0a0a0;
}

/* private anchor */
a.private:link {
	color: #8010c0;
	text-decoration: none;
	border-bottom: 1px dashed;
}
a.private:visited {
	color: #8010c0;
	text-decoration: none;
	border-bottom: 1px dashed;
}
a.private:hover {
	color: #080808;
	background-color: #f0a0a0;
}


/* headline */
h1 {
	margin: 2px 8px 2px 8px;
	padding: 4px;
	font-size: 250%;
	text-align: center;
	border-style: none;
}
h2 {
	margin: 16px 8px 8px 8px;
	padding: 4px;
	font-size: 180%;
	border-style: solid;
	border-width: 2px 0px 2px 0px;
	border-color: #080808;
}
h3 {
	margin: 16px 8px 4px 8px;
	padding: 4px;
	font-size: 150%;
	border-style: solid none dotted none;
	border-width: 1px 0px 1px 0px;
	border-color: #080808;
}
h4 {
	margin: 16px 8px 4px 8px;
	padding: 4px;
	font-size: 120%;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	border-color: #080808;
}
h5 {
	margin: 12px 8px 4px 8px;
	padding: 4px;
	font-size: 110%;
}
h6 {
	margin: 12px 8px 4px 8px;
	padding: 4px;
	font-size: 100%;
}
div.h1_subTitle {
	text-align: center;
	font-size: 180%;
	font-weight: bold;
}



/* document layout */

/* Definition List */
dl {
	margin: 2px 2px 8px 2px;
}
dl dt {
	margin: 2px 2px 8px 2px;
	font-size: 120%;
	font-weight: bold;
}
dl dd {
	margin: 2px 2px 16px 16px;
}
/* contents update label */
span.updateOld {
	font-size: 80%;
	color: #505050;
	font-weight: normal;
}
span.updateNew {
	font-size: 100%;
	color: #080808;
	font-weight: bold;
}
/* contents update image */
img.update {
	margin: 0px 8px;
}

/* Technic name label: [official] [quasi-official] ... */
span.small {
	padding: 0px 0px 0px 8px;
	color: #505050;
	font-size: 60%;
	font-weight: normal;
}

/* FAQ */
dl.faq dt {
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
}
dl.faq dd {
	margin-left: 1em;
}
/* FAQ: question name anchor */
a.faqlabel {
	font-style: normal;
	padding: 0px 4px;
}

dl.subset dt {
	font-size: 110%;
	font-weight: bold;
	font-style: normal;
}
dl.subset dd {
	margin-left: 1em;
}

dl.subsetColor dt {
	font-size: 110%;
	font-weight: bold;
	font-style: normal;
	color: #aa0000;
}
dl.subset dd {
	margin-left: 1em;
}

/* footnote:  yyyy/mm/dd  xxxxx... */
dl.footnote dt {
	margin: 2px 2px 8px 2px;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	clear: both;
	float: left;
}
dl.footnote dd {
	margin: 0px 2px 12px 2px;
	padding-left: 2em;
}


/* document layout */
div.nestedblock {
	margin: 4px 2px 8px 16px;
}
div.additional {
	margin: 4px 8px 8px 16px;
	font-size: 80%;
}
div.history {
	margin: 24px 16px;
	font-size: 75%;
    border-style: solid;
    border-width: 1px;
}

/* layout */
#WrapBlock {
	margin:2 8px;
}
#leftWrap {
	width: 49%;
	float: left;
}
#rightWrap {
	width: 49%;
	float: right;
}


p {
	margin: 4px 4px 8px 2px;
	text-indent: 1em;
}
p.additional {
	margin: 4px 4px 8px 2px;
	text-indent: 1em;
	font-size: 75%;
}
p.imgadditional {
	margin: 2px 4px 4px 2px;
	text-indent: 0em;
	font-size: 80%;
}
div.domainParagraph {
	margin: 16px 0px;
}


blockquote {
    border-style: solid;
    border-width: 0px 2px;
	padding: 4px;
}


table {
	border: 2px #080808 solid;
	border-collapse: collapse;
}
td, th {
	border: 2px #080808 solid;
	padding: 2px;
}


/* image layout */

img {
	margin: 4px;
}
img.imgleft {
	float: left;
}
img.imgright {
	float: right;
}
br.clear {
	clear: both;
}
div.imgadditional {
	margin: 4px;
	font-size: 75%;
}


/* platform mark : SFC/PS/PSP */
img.mark {
	margin: 0px;
	padding: 0px;
}


/* controller button image */
pre.controller {
	font-weight: bold;
	font-size: 150%;
}
span.conPoff {
	color: #a0a0a0;
}
span.conPon {
	color: #085050;
}


strong {
	font-weight: bold;
}

span.keyword {
	font-weight: bold;
}

.colstr {
	color: #085050;
	font-weight: bold;
}

.colred {
	color: #ff0000;
	font-weight: bold;
}

.colblue {
	color: #0000ff;
	font-weight: bold;
}

.large {
	font-size: 120%;
	font-weight: bold;
}

.super {
	font-size: 150%;
	font-weight: bold;
}

.hyper {
	font-size: 180%;
	font-weight: bold;
}

.weak {
	font-size: 85%;
}

span.small {
	font-size: 75%;
}


/* 見出し文字 */
span.title {
	font-size: 120%;
	font-weight: bold;
}


/* *********************************************************************************** */

/* document layout */
.CommentBlock {
	margin: 8px 32px;
	padding: 8px;
}


/* font */

.FontBold {
	font-weight: bold;
}

.FontSmall {
	font-size: 85%;
}

.FontLarge {
	font-size: 120%;
	font-weight: bold;
}

.FontSuper {
	font-size: 150%;
	font-weight: bold;
}

.FontHyper {
	font-size: 180%;
	font-weight: bold;
}



/* decoration */

.DecoBorderRubber {
	border: dashed #ff0000;
	border-width: 4px;
	background-color: #ffffff;
}


/* *********************************************************************************** */

/* body background image */
body#contents {
	background-image: url("img/bg_con_mono.png")
}

body#encyclopedia {
	background-image: url("img/bg_0.png")
}

body#syun1_rj {
	background-image: url("img/bg_syun2.png")
}

body#syun {
	background-image: url("img/bg_syn.png")
}

body#syun_f29 {
	background-image: url("img/bg_syun1.png")
}

body#syun_f27 {
	background-image: url("img/bg_syun3.png")
}

body#syun_f42 {
	background-image: url("img/bg_syun1.png")
}

body#faq {
	background-image: url("img/bg_faq.png")
}

body#technic {
	background-image: url("img/bg_syun0.png")
}

body#chronicle {
	background-image: url("img/bg_syun0.png")
}

body#eventreport {
	background-image: url("img/bg_syun2.png")
}

body#item {
	background-image: url("img/bg_syun1.png")
}

body#link {
	background-image: url("img/bg_syun2.png")
}

