@charset "UTF-8";

/*
	B2S2P用スタイルシート
*/

html {
	margin: 0;
	padding: 0;
	background: #f0f8f0;
}

body {
	margin: 1% 5%;
	padding: 0.5em;
	color: #333;
	font-size: 93%;
	font-family: "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.3;
}

ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}

p, blockquote, address, div,
ul, ol, li, dl, dt, dd,
pre,
table, td, th,
fieldset {
	margin: 1em 0;
	padding: 0.25em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "HGP創英角ﾎﾟｯﾌﾟ体", "ＤＦＰPOP1体", "ＤＦＰPOP体", cursive;
	font-weight: bold;
	/*clear: both;*/
}
h1 {
	margin: 0.5em 0;
	padding: 0.125em;
	border-color: #008000;
	border-width: 3px;
	border-style: none none dotted none;
	font-size: 200%;
	text-align: center;
}
h2 {
	margin: 0.667em 0;
	padding: 0.187em;
	font-size: 150%;
}

h3 {
	margin: 0.769em 0;
	padding: 0.192em;
	font-size: 130%;
}
h4 {
	margin: 0.833em 0;
	padding: 0.208em;
	font-size: 120%;
}
h5 {
	margin: 0.909em 0;
	padding: 0.227em;
	font-size: 110%;
}
h6 {
	margin: 1em 0;
	padding: 0.25em;
	font-size: 100%;
}

blockquote {
	margin-left: 2em;
	border: 1px #693 solid;
	border-left-width: 5px;
}

hr {
	margin: 0;
	padding: 0;
	height: 0;
	border: none;
	border-top: 1px #693 dashed;
}
hr.separator {
	clear: both;
}

ul, ol {
	padding: 0 2.25em;
}
li {
	margin: 0;
}

dl {
	padding: 0;
}
dt {
	margin-bottom: 0.5em;
	background: #f6ffe8;
	border-top: 1px #693 dotted;
	border-bottom: 1px #693 dotted;
	font-weight: bold;
}
dd {
	margin: 0.5em 0 0 2em;
}

pre {
	margin: 1.11em 0;
	padding: 0.278em;
	width: 99%;
	border: 1px #ddd solid;
	font-size: 95%;
	font-family: "Osaka-等幅", "ＭＳゴシック", "MS Gothic", monospace;
	overflow: auto;
}

table {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	border: 2px #693 solid;
	border-collapse: collapse;
	empty-cells: show;
	caption-side: top;
}
dd table {
	margin-left: 0;
	margin-right: 0;
}
caption {
	margin-left: auto;
	margin-right: auto;
	font-size: 120%;
	font-weight: bolder;
}
td, th {
	border: 1px #693 solid;
}
th {
	font-weight: bolder;
	text-align: center;
}
thead {
	background: #efffef;
	border-bottom: 3px #693 double;
}
tbody {
	background: #ffffff;
}
tfoot {
	background: #efffef;
	border-top: 3px #693 double;
}
colgroup.th {
	background: #efffef;
	border-right: 3px #693 double;
}
colgroup.tf {
	background: #efffef;
	border-left: 3px #693 double;
}

a {
	color: #444;
	text-decoration: none;
}
a:link {
	color: #00c;
	text-decoration: underline;
	cursor: pointer;
}
a:visited {
	color: #909;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #c00;
	text-decoration: underline overline;
	cursor: pointer;
}
a:active {
	color: #c00;
	text-decoration: underline;
	cursor: pointer;
}

img {
	border: none;
	text-decoration: none;
	vertical-align: middle;
}

q {
	quotes: "“" "”" "‘" "’";
}
q:lang(ja) {
	quotes: "「" "」" "『" "』";
}
q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
}

em {
	font-style: italic;
	font-weight: normal;
}

strong {
	font-style: normal;
	font-weight: bolder;
}

dfn {
	border: 1px #963 dashed;
	font-style: normal;
	font-weight: bold;
}

code {
	font-size: 95%;
	font-family: "Osaka-等幅", "ＭＳゴシック", "MS Gothic", monospace;
}

samp {
	font-size: 100%;
	font-family: "Osaka-等幅", "ＭＳゴシック", "MS Gothic", monospace;
}

kbd {
	font-size: 95%;
}

var {
	font-size: 95%;
	font-style: italic;
}

cite {
	font-size: 95%;
	font-style: italic;
}

abbr {
	border-bottom: 1px #444 dashed;
	cursor: help;
}

form {
	margin: 0;
	padding: 0;
}
fieldset {
	padding: 0.25em;
}
form p {
	margin: 0.5em 0;
}

ul.menu {
	display: block;
	text-align: center;
}
ul.menu li {
	list-style: none;
	display: inline;
}

col#num_view, col#num_res {
	text-align: right;
}

.thread {
	clear: both;
}

.thread .reply {
	float: right;
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #ffffff;
}
.thread h2 {
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
}
.p_article {
	clear: both;
	margin-top: 0;
	background-color: #ffffff;
}
.article {
	clear: both;
	margin-left: 4em;
	background-color: #ffffff;
}
.article *, .p_article * {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.article h3, .p_article h3 {
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #080;
}
.usericon {
	margin: 0 0.5em;
	float: left;
}
.article .footer, .p_article .footer {
	clear: both;
	border-top: 1px solid #080;
	text-align: right;
}

.warning {
	color: #ff0000;
}

.howto {
	background-color: #ffffff;
}
.howto h2 {
	border: solid 0 #009900;
	border-width: 0 0 3px 5px;
	clear: both;
}
.howto h3 {
	border: solid 0 #00cc00;
	border-width: 0 0 1px 3px;
	clear: both;
}
.howto .ss {
	float: left;
}