@charset "Shift_JIS";

/*---[simoom.net]chisato_common---*/

/*** --------- COLOR(DEFAULT) --------- ***/
@media screen and (min-width: 751px) {

body {
	background-color:#FFFFFF;
	background-image:url(../image/bg_chisa1.gif);
	color:#333333;
}

a:link    { color:#0000FF; }
a:visited { color:#6600CC; }
a:active  { color:#009900; }
a:hover   { color:#FF0000; }
th        { background-color:#FFFF99; }

/* COLOR(text) */
.emps { color:#666633; }
.red  { color:#FF0000; }
.gray { color:#999999; }

/* HEADING */
div#header {
	border-left-color:#999966;
}
div#header h1 {
	color:#333333;
}
h2 {
	border-color:#666666;
	background-color:#FFF8F0;

	color:#000000;
	text-shadow:none;
}
h3 {
	border-color:#999999;
	background-color:#F8F8F8;

	color:#333333;
}
h4 {
	border-color:#333333;

	color:#333333;
}

/* FORM */
input[TYPE="text"],input[TYPE="password"],input[TYPE="file"],select,textarea {
	color:#333300;
	background-color:#FFFFFF;
	border-color:#666633;
}
input[TYPE="submit"],input[TYPE="reset"],input[TYPE="button"],input.btn {
	color:#FFFFFF;
	background-color:#998877;
	border-color:#999966;
}

/* LINK */
div.llnk {
	background-color:#D6CE9A;
}
div.llnk a, div.llnk span {
	background-color:#FFFFFF;
}

}

/*** --------- COLOR(DARK_MODE) --------- ***/
@media screen and (min-width: 751px) and (prefers-color-scheme: dark) {

body {
	background-color:#1F1F21;
	background-image:url(../image/bg_chisa1b.gif);
	color:#FFFFFF;
}

a:link    { color:#66CCFF; }
a:visited { color:#FFCCFF; }
a:active  { color:#99FF99; }
a:hover   { color:#FF9999; }
th        { background-color:#333333; }

/* COLOR(text) */
.emps { color:#99CC99; }
.red  { color:#FF6666; }
.gray { color:#CCCCCC; }

/* HEADING */
div#header {
	border-left-color:#7B6C3E;
}
div#header h1 {
	color:#FFFFFF;
}
h2 {
	border-color:#CCCCCC;
	background-color:#665F55;

	color:#FFFFFF;
	text-shadow:2px 2px 1px #333333;
}
h3 {
	border-color:#999999;
	background-color:#333333;

	color:#CCCCCC;
}
h4 {
	border-color:#CCCCCC;

	color:#CCCCCC;
}

/* FORM */
input[TYPE="text"],input[TYPE="password"],input[TYPE="file"],select,textarea {
	color:#FFFFFF;
	background-color:#111111;
	border-color:#999999;
}
input[TYPE="submit"],input[TYPE="reset"],input[TYPE="button"],input.btn {
	color:#FFFFFF;
	background-color:#333333;
	border-color:#999999;
}

/* LINK */
div.llnk {
	background-color:#443F33;
}
div.llnk a, div.llnk span {
	background-color:#1F1F21;
}

}

/* UNIQUE ---------------------------------------------------------- */

@media print {

div#main::before {
	display:block;
	border:1px solid #999999;
	color:#999999;
	content:"【ネーデ新聞社が行く！ Chisato Madison Fan Club】 https://www.simoom.net/chisato/";
	margin-bottom:0.5em;
}

}

div#footer em:after {
	content:"　(C) 2000 ゆう. All Rights Reserved."!important;
}

div#title {
	clear:both;
}

/* FLOAT */
div.boxl2 {
	text-align:center;
}
div.boxb {
	line-height:130%;
}

/* カウンター枠(色固定) */
img.cnt {
	border:1px solid #FFFFFF;
}

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

@media screen and (min-width: 751px) {

/* TITLE */
div#title {
	padding:0.5em 0.5em 0.8em 0.5em;
	margin:0;
	border-top:1px solid;
	border-bottom:1px solid;
}
div#title h1 {
	font-size:1em;
	font-weight:bold;
	margin:2px;
}
div#title p {
	font-size:0.8em;
	margin:0;
}

/* ---- */

/* TITLE */
div#title {
	border-top-color:#666633;
	border-bottom-color:#666633;
}
div#title h1 {
	color:#666666;
}

img.tch {
	mix-blend-mode:normal;
}

}

@media screen and (min-width: 751px) and (prefers-color-scheme: dark) {

/* TITLE */
div#title {
	border-top-color:#666666;
	border-bottom-color:#666666;
}
div#title h1 {
	color:#FFFFFF;
}

img.tch {
	mix-blend-mode:luminosity;
}

}

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

@media screen and (max-width: 750px) {

div#title {
	border:0;
}
div#title h1 {
	font-size:1.5em;
	padding:0 0.3em;
	margin:0 0 0.5em 0;
	white-space:normal;
}
div.boxl2 {
	margin-right:0;
}
img.tch {
	mix-blend-mode:luminosity;
}

/* ---- */

div#title h1 {
	background-color:#CCCCCC!important;
	color:#0000000!important;
}

}

@media screen and (max-width: 750px) and (prefers-color-scheme: dark) {

div#title h1 {
	background-color:#333333!important;
	color:#FFFFFF!important;
}

}
