@charset "Shift_JIS";

/* --------------------------------------------
 *             文章系ページ用設定
 * -------------------------------------------- */

@import url(__defaults.css);



/* =========== このサイトについて =========== */

#aboutThisSite .hanrei dt
	{
	width: 2em;
	}

#aboutThisSite .hanrei dd
	{
	margin-left: 2.5em;
	}

/* =========== きりんぐまっすぃ〜ん =========== */

#killingMachines td
	{
	padding-top: 5px;
	padding-bottom: 5px;
	}

#killingMachines td.device
	{
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	}

#killingMachines td.setumei
	{
	width: 40em;
	}

#killingMachines table ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	}

#killingMachines table li
	{
	margin: 0;
	}

#killingMachines pre
	{
	line-height: 1 !important;
	}

/* =========== ありみかさとみの FOAF =========== */

#foaf table
	{
	margin-left: auto;
	margin-right: auto;
	}

#foaf table img
	{
	margin: 0;
	}

#foaf td
	{
	/* Mozilla の 内蔵 XSLT での表示時向け */
	text-align: left;
	vertical-align: middle;
	}

#foaf ul img
	{
	margin-right: 0.2em;
	}

#foaf table ul,
#foaf table li,
#foaf #myself ul,
#foaf #myself li,
#foaf #friends p
	{
	list-style-type: none;
	list-style-image: none;
	display: block;
	margin: 0;
	padding: 0;
	}

#foaf #myself li
	{
	font-size: 90%;
	margin-bottom: 0.5em;
	}

#foaf #myself a,
#foaf #friends a
	{
	font-weight: normal;
	}

#foaf .name,
#foaf .foafData
	{
	white-space: nowrap;
	}

#foaf .name li,
#foaf .foafData li
	{
	display: inline;
	}

#foaf .name a,
#foaf .foafData a
	{
	text-decoration: none;
	}

/* ===== Netscape6 PR3 で :hover が効かないっっ ===== */

#N6PR3hover .hoverTest h4
	{
	margin-top: 1em;
	font-size: 100%;
	}

#N6PR3hover .hoverTest .pad h4,
#N6PR3hover .hoverTest .pad a
	{
	padding: 1em;
	border: 2px solid;
	}

#N6PR3hover .hoverTest h4:hover,
#N6PR3hover .hoverTest a:hover
	{
	color: red;
	background-color: #ffc0cb;
	}

/* =========== PNG の埋め込みガンマ値を知る =========== */

#pngGamma input.result
	{
	border: 1px dotted !important;
	color: inherit;
	}

/* =========== ですくとっぷ自慢(その1) =========== */

#desktopZiman .picture
	{
	margin: 0 0 2em 2em;
	float: right;
	width: 170px;
	}

/* MacIE5 で float が効かないのを回避 */

#desktopZiman div.section
	{
	clear: none;
	}

/* MacIE5 以外は上記を元に戻す (Backslash hack) \*/
#desktopZiman div.section
	{
	clear: both;
	}
/* end */

/* ===== Opera 6 for Mac の各種仕様実装状況 ===== */

.opera6mac .object
	{
	background-color: #eedddd;
	}

.opera6mac .function
	{
	background-color: #ddddee;
	}

.opera6mac .string
	{
	background-color: #ddeedd;
	}

.opera6mac .boolean
	{
	background-color: #eeeedd;
	}

.opera6mac .number
	{
	background-color: #ddeeee;
	}

/* ===== 「DOCTYPEスイッチ」状況/実例 ===== */

.doctypeSwitch td
	{
	text-align: center;
	white-space: nowrap;
	}

.doctypeSwitch #situation .htmlVer
	{
	text-align: left;
	}

.doctypeSwitch dl.hanrei dt
	{
	width: 4em;
	}

.doctypeSwitch dl.hanrei dd
	{
	margin-left: 5em;
	}

/* =========== MacIE5/Chimera べんりセット =========== */

.benriset pre
	{
	clear: both;
	}

.benriset dl.hanrei dt
	{
	width: 3em;
	text-align: left;
	}

.benriset dl.hanrei dd
	{
	margin-left: 3em;
	}

#camino-benriset div.section ul,
#camino-benriset div.section p,
#camino-benriset div.section .picture
	{
	margin-left: -50px;
	margin-right: -40px;
	}

#camino-benriset div.section div.section ul,
#camino-benriset div.section div.section p,
#camino-benriset div.section div.section .picture
	{
	margin-left: 0;
	margin-right: 0;
	}

/* =========== Webnail AppleScript =========== */

#webnail-as div.section ul,
#webnail-as div.section p,
#webnail-as div.section .picture
	{
	margin-left: -50px;
	margin-right: -40px;
	}

#webnail-as div.section div.section ul,
#webnail-as div.section div.section p,
#webnail-as div.section div.section .picture
	{
	margin-left: 0;
	margin-right: 0;
	}

/* ====== CSS でイケてるサイト Gecko サムネイル ====== */


#webnail-css div.section ul.navigation
	{
	margin: 1em 0;
	padding: 0;
	font-size: 90%;
	white-space: nowrap;
	clear: both;
	background-color: transparent;
	background-image: none;
	}

#webnail-css div.section ul.navigation li
	{
	display: inline;
	margin: 0 2em 0 0;
	}

#webnail-css #thumbs ol
	{
	margin: 0;
	padding: 0;
	}

#webnail-css #thumbs ol:after
	{
	display: block;
	clear: both;
	height: 1em;
	content: "";
	}

#webnail-css #thumbs ol li
	{
	float: left;
	width: 160px;
	height: 120px;
	margin: 2px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	}

#webnail-css #thumbs ol li img
	{
	border: 1px solid #333;
	_border-color: #333; /* ~WinIE6 */
	}

#thread2html #howtouse li p
	{
	margin-top: 0;
	margin-bottom: 0;
	}


/* =========== あれこれポップアップ =========== */

#ArekorePopup div.section ul,
#ArekorePopup div.section .picture
	{
	margin-left: -50px;
	margin-right: -40px;
	}

#ArekorePopup div.section div.section ul,
#ArekorePopup div.section div.section .picture
	{
	margin-left: 0;
	margin-right: 0;
	}

/* === Safari の CSS 独自拡張あるいは先行実装など === */

#Safari-Extend-CSS div.test
	{
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
	margin: 25px;
	padding: 0;
	background-color: pink;
	}

#Safari-Extend-CSS div.test p
	{
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	color: red;
	}

#Safari-Extend-CSS div.test p.shadow
	{
	text-shadow: 4px 4px #ff8080;
	top: 25px;
	left: 0;
	}

#Safari-Extend-CSS div.test p.rgba
	{
	color: rgba(255, 0, 0, 0.3);
	top: -10px;
	left: 60px;
	}

#Safari-Extend-CSS div.test p.opacity
	{
	-khtml-opacity: 0.3;
	top: 60px;
	left: 60px;
	color: white;
	background: red;
	}

#Safari-Extend-CSS div#result div.picture
	{
	margin: 1em 0;
	text-align: left;
	font-size: 100%;
	}

#Safari-Extend-CSS div#result div.picture img
	{
	display: inline;
	float: none;
	margin: 0;
	}

/* =========== 100 の質問系 =========== */

#q100-CSScommune p + ins,
#q100-CSScommune ul + ins,
#q100-CSScommune ol + ins,
#q100-CSScommune dl + ins,
#q100-CSScommune p + del,
#q100-CSScommune ul + del,
#q100-CSScommune ol + del,
#q100-CSScommune dl + del
	{
	display: block;
	}