@charset "Shift_JIS";
/*
 **********************************************************
 * Cascading Style Sheet for SP48K's website (Based CSS2) *
 * Copyright (C) 2001 TAGUCHI "SP48K" Nobuaki             *
 * Last modification : 2001/04/11 23:59(JST)              *
 **********************************************************
 */
/*
@import "./avoid_nc_bug.css"; 
*/
/* ↑NC4.x CSS BUG 回避用 */

/*
 *============================================================================*
 *                          Generic style definition                          *
 *============================================================================*
 */

/*
 **************************** block level elements ****************************
 */

body { 
	color: black;
	background-image: url("http://sp48k.t12i.net/img/body_back.png"); 
	background-position: top left; 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-color: white; /* これを指定しないとIE6PublicPreviewで表示乱れ */
/* 上2行、color 指定せずに指定すると IE6PublicPreviewで表示乱れ */
	padding: 0 1px 0 33px; 
/*    background: white url("http://sp48k.t12i.net/img/body_back.gif") no-repeat fixed top left; */ /* Web KANZAKI さん流書き方。*/
}

h1 { 
	color: #646464;
	background-color: white;
	background-image: url("http://sp48k.t12i.net/img/h1_back.png");
	background-position: top right; 
	background-repeat: repeat-y;
/*	border-style: solid;
	border-color: gray;
	border-width: 0 thick thick 0; */
/*	font-size: 2.5em; */
	font-size: 2em;
	font-weight: bolder;
	font-style: italic;
	font-family: "MS PMincho"; /* ←CSS Validator で系統名無い為警告出る＆日本語名で指定すると要素丸ごとの指定が無効 @NN4.x */
/*	font-family: "MS PMincho", serif; */
/*	↑NN4.x for Mac では系統名入れると文字化けするので却下 */
	text-align: right;
	padding: 0.2em 0.5em 0 0;
	margin-left: 0%;
	margin-right: 0%; 
}

h2 {
/*	font-size: 1.75em; */
	font-size: 1.5em;
/*	font-family: "ＭＳ Ｐ明朝", serif; */
/*	↑NC4.x for Mac では系統名入れると文字化けするので却下 */
	font-family: "MS PMincho"; /* ←CSS Validator で系統名無い為警告出る */
	font-weight: 500;
	color: #646464;
	background-color: white; 
	letter-spacing: 0.5em;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.25em 0;
	border-style: solid;
	border-color: gray;
	border-width: thin 0;
}

h3 {
/*	font-size: 1.5em; */
	font-size: 1.3em;
	font-weight: 300; 
	color: #646464;
	background-color: white; 
	margin-top: 1.5em;
	border-style: inset;
	border-color: silver;
	border-width: 0 0 0.1em 0.1em;
	padding: 0.1em 0 0 0.2em;
}
h3:before {
	color: #646464;
	background-color: white;
/*	font-size: 1.25em; */
	font-style: italic;
/*	font-family: "ＭＳ Ｐ明朝"; *//* ←CSS Validator で系統名無い為警告出る */
	content: "\00A7 \3000"; /* "§　" */
	/* ↑2byte char. を使う場合 @charset で文字コード宣言必須
		& Safari1.0 で文字化けするので要 backslash escape(UNICODE) */
}
h4 {
	color: #646464;
	background-color: white;
/*	background-image: url("http://www.gfoc.gr.jp/%7Esp48k/img/h4_back.jpg");
	background-repeat: repeat-y; */
	/* 背景色が content 領域全体に置かれない NC4 対策に画像使用 */
/*	font-size: 1.25em; */
	font-size: 1.2em;
	font-family: "MS PMincho"; /* ←CSS Validator で系統名無い為警告出る */
	padding: 0.25em 0 0 0.25em;
	border-color: silver;
	border-width: 0 0 0.15em 0;
	border-style: groove;
}
h4:before {
	color: #646464;
	background-color: white;
/*	font-size: 1.2em; */
	content: "\00B6 \0020"; /* "¶ " */
	/* ↑2byte char. を使う場合 @charset で文字コード宣言必須 */
}
h5 {
	color: #646464;
	background-color: white;
	font-size: 1em;
	border-style: solid;
	border-color: gray;
	border-width: 0 0 0 1em;
	padding: 0.15em 0 0 0.25em;
}
/* 以降、各要素の左右マージン設定 */

h2, h3 {
	margin-left: 0%;
	margin-right: 0%;
}
h4 {
	margin-left: 2.5%;
	margin-right: 2.5%;
}
p {
	margin-left: 2.5%;
	margin-right: 2.5%;
}
h5 {				/* subsection に設定 */
	margin-left: 7.5%;
	margin-right: 2.5%;
}
p.subsection, blockquote.subsection, div.subsection, ins.subsection {
	margin-left: 7.5%;
	margin-right: 2.5%;
}

dl { 
	margin-left:5%;
	margin-right:2.5%;
}
dl.subsection {
	margin-left: 10%;
	margin-right: 2.5%;
}
ul, ol {
	margin-left:7.5%;
	margin-right:2.5%;
}
ul.subsection, ol.subsection {
	margin-left: 10%;
	margin-right: 2.5%;
}
/* dl を除く List 系は IE では margin-left の計算がおかしい。*/

p, dl, ol, ul, td {
	line-height: 1.3; 
}
p {
	text-indent: 1em;
 }
blockquote {
	color: black;
	background-color: white;
	line-height: 1.5;
	font-style: italic;
	margin-left: 2.5%;
	margin-right: 2.5%;
	padding: 0.5em 2.5%;
	border-color: #323232;
	border-width: 0.25em;
	border-style: double;
}
address { 
	text-align: right; 
	padding-right: 0.2em;
}
pre { line-height: 1.0; }
tr {
	color: black;
	background-color: white;
	padding: 0.1em 0.25em;
}
.subtitle { 
	font-size: 0.8em;
	font-weight: 100;
	font-style: italic; 
	font-family: "Arial"; /* ←CSS Validator で系統名無い為警告出る */
/*	font-family: "Arial", sans-serif; */
/*	↑NC4.x for Mac ではファミリ名入れると文字化けするので却下 */
	letter-spacing: 0em;
}
.attention {
	font-size: 90%; 
}
div.attention {
	color: black;
	background-color: #aaaaaa;
	margin-left: 7.5%;
	margin-right: 5%;
}
h2.attention {
	border-style: solid;
	border-width: thin 0;
	letter-spacing: 0;
	margin: 1em 2.5% 0.5em;
}
.note {				/* note = 注釈 */
	margin-left: 10%;
	margin-right: 10%;
	font-size: 0.9em;
}
div.note {
	border-color: #aaaaaa;
	border-width: thin;
	border-style: dotted;
	clear: both;
}

div.navi-bar, div.antenna {
	text-align: center;
	font-size: 0.9em;
	margin-left: 0%;
	margin-right: 0%;
	padding: 0.1em 0;
	border-color: #aaaaaa;
	border-style: solid;
	border-width: thin 0 thin 0;
/*	clear: both; */ /* NC4.7x で無用の改行をかますので却下。 */
}
div.antenna {
	text-align: left;
}
div.return-to { 
	text-align: right;
	margin-left: 2.5%;
	margin-right: 2.5%;
	padding-right: 0.25em;
	border-style: groove;
	border-color: gray;
	border-width: 0 thin thin 0;
}
.monologue{
	text-indent: 0em;
 }
hr { display: none; }
hr.rangai {
	display: block;
	clear: both;
}

/*
 ****************************** inline elements ******************************
 */

dt {
	font-weight: bold;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
/*
dd {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
 */
/* margin-top & bottom が等値である理由は top, bottom を逆に認識する NC 対策。>dt, dd
あと dt に宣言したはずの下側の margin が何故か dd の後で取られてる >NC4.7 */

strong {
	font-weight: 900;
/*	font-size: 1.1em;  */
	color: white;
	background-color: #646464;
/*	padding: 0 0.25em; */ /* NC4.7で表示位置の不具合が出るのでNG */
/*	line-height: 1.1; */
}
em {
	font-style: normal;
	border-color: black;
	border-style: double;
	border-width: 0 0 0.2em 0;
} 
q {
	font-style: italic;
	quotes: "" "";
}
del { color: gray; }
ins:before {
	content: "\3010 \8FFD \8A18 \3011"; /* "【追記】" */
	font-weight: bold;
}
ins[datetime]:before {
	content: "\3010 \8FFD \8A18 \0040" attr(datetime) "\3011"; /* "【追記@" "】" */
}
ins:after { 
	content: "\3010 \8FFD \8A18 \7D42 \308F \308A \3011"; /* "【追記終わり】" */
	font-weight: bold;
}
ins p {
	text-decoration: underline;
}
acronym:after {
	content: "\0028" attr(title) "\0029"; /* "(" ")" */
}
caption {
	font-size:1.1em;
	font-weight: bold;
/*	text-align: center; */
	margin-left: auto;
	margin-right: auto;
}

.prologue {			/* prologue = 前口上 */
	font-size: 0.9em;
	text-indent: 0em;
}
.shout, .roar {			/* shout = 叫び, roar = 轟音 */
	font-size: 2em;
	font-weight: bolder;
	line-height: 2.0;
}
.blood { 
	color: red;
	background-color: transparent;
}
.blue {
	color: blue;
	background-color: transparent;
}
img.banner {
	float: left;
	border: 0;
	width: 200px;
	height: 40px;
}
span.since { font-size: 0.8em; }
.speech {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

/*
a { text-decoration: none; }
 */
a:link {
	color: #0000ff;
	background-color: transparent;
}
a:visited {
	color: dimgray;
	background-color: transparent;
}
a:link:hover {
	color: white; 
	background-color: #0000ff; 
}
a:visited:hover {
	color: white; 
	background-color: dimgray; 
}
a:active {
	color: #ff0000; 
	background-color: transparent;
}

a[href*="://"]:not([href^="http://sp48k.t12i.net"]):after {
	content: url("http://sp48k.t12i.net/img/ext_link-icon.gif");
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle;
}

strong a:link {
	color: #00bfff; /* deepblue */
	background-color: transparent;
}
strong a:visited {
	color: #dcdcdc;
	background-color: transparent;
}


/*
 N6 はダイナミック疑似リンクに完全対応…のはず。
 */


/*
 *============================================================================*
 *                       Each contents style definition                       *
 *============================================================================*
 */

/*
 *******************************
 * End of Cascade Style Sheets *
 *******************************
 */