@charset "utf-8";

/* ------------------------------------------------------------
   
	filename:	container.css
	created:	071108 
	update:		080709
	copyright:	(c)2008 kazuwaya All rights reserved.
	
	01. Heading Elements
	02. Paragraph Elements
	03. List Elements
	04. Table Elements
	05. Etc Elements
	10. Clearfixes
			  
------------------------------------------------------------ */

/* ------------------------------------------------------------ レイアウト */
div#mainContents h1,
div#mainContents h2,
div#mainContents h3,
div#mainContents h4,
div#mainContents h5,
div#mainContents h6,
div#mainContents table,
div#mainContents hr { clear: both; }

/* ------------------------------------------------------------ 01. Heading Elements */
/* h1 */
div#mainContents h1 {
	font-size: 220%;
	font-weight: bold;
}

div#mainContents h1 a { font-weight: bold; }

/* h2 */
div#mainContents h2 {
	padding: 2px 8px;
	border: 1px solid #000;
	font-size: 140%;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

div#subContents h2 {
	border-bottom: 1px dotted #000;
	font-weight: bold;
}

div#mainContents h2 a { font-weight: bold; }

/* h3 */
div#mainContents h3 {
	padding: 2px 8px;
	font-size: 140%;
	font-weight: bold;
	border-bottom: 1px dotted #000;
}

div#subContents h3 { font-weight: bold; }

/* h4 */
div#mainContents h4 {
	padding: 0 8px;
	font-size: 140%;
	font-weight: bold;
}

div#mainContents h4 a { font-weight: bold; }

/* h5,h6 */
div#mainContents h5,
div#mainContents h6 {
	font-size: 120%;
	font-weight: bold;
}

div#mainContents h5 a,
div#mainContents h6 a { font-weight: bold; }

/* ------------------------------------------------------------ 02. paragraph Elements */
div#mainContents p#topicPath { font-size: 100%; }

div#mainContents pre {
	background-color: #EFEFEF;
	overflow: auto;
	padding: 8px;
	border-left: 4px solid #CCC;
}

div#mainContents blockquote {
	background-color: #EFEFEF;
	background-image: url(../images/bg-blockquote.gif);
	background-position: 4px 4px;
	background-repeat: no-repeat;
	padding: 4px;
	padding-left: 16px;
}

/* ------------------------------------------------------------ 03. List Elements */
div#mainContents ul li,
div#subContents ul li {
	padding-left: 16px;
	background-image: url(../images/mark-list.gif);
	background-position: 0.1em 0.2em;
	background-repeat: no-repeat;
}

/* 定義リスト */
div#mainContents div.inner dl {
	border-bottom: 1px solid #CCC;
}

div#mainContents div.inner dl dt,
div#mainContents div.inner dl dd {
	border-top: 1px solid #CCC;
	padding-top: 2px;
	padding-bottom: 2px;
}

div#mainContents div.inner dl dt {
	width: 16em;
	float: left;
}

div#mainContents div.inner dl dd { margin-left: 16em; }

div#mainContents ol li {
	margin-left: 1.6em;
	list-style: decimal;
}

div#mainContents ol.alpha li { list-style: lower-alpha; }

/* リストの入れ子 */
div#mainContents dl dd ul { margin-bottom: 0; }

div#mainContents ul ol li,
div#mainContents ul ul li,
div#mainContents ol ul li,
div#mainContents ol ul li {
	margin-left: 0;
	list-style: none;
}

div#mainContents ul ol li {
	background-image: none;
	list-style: decimal;
	padding-left: 0;
	margin-left: 1.5em;
}

div#mainContents ul ol ul li {
	margin-left: 0;
	list-style: none;
	padding-left: 16px;
	background-image: url(/common/images/mark-list.gif);
}

div#mainContents ul ol,
div#mainContents ul ul,
div#mainContents ol ul,
div#mainContents ol ol { margin-bottom: 0; }

/* 注釈 */
div#mainContents ol.notes {
	border: 1px dotted #000;
	padding: 4px;
}

div#mainContents ol.notes li {
	padding-left: 1.6em;
	text-indent: -1.6em;
}

div#mainContents ol.notes li {
	background-image: none;
	list-style: none;
	margin-left: 0;
}

div#mainContents table ol.notes li { font-size: 83%; }

div#mainContents ol.notes li.nthChild {
	padding-left: 0.5em;
	text-indent: -2.3em;
}

/* ------------------------------------------------------------ 04. Table Elements */
div#mainContents table { border: none; }

div#mainContents table th,
div#mainContents table td {
	border-left: 1px solid #CCC;
	padding: 2px 4px;
}

div#mainContents table th {
	border-left: 3px solid #CCC;
}

div#mainContents table th.firstChild,
div#mainContents table td.firstChild { border-left: none; }

div#mainContents table td { vertical-align: top; }

div#mainContents table thead th,
div#mainContents table thead td {
	background-color: #999;
	color: #FFF;
}

div#mainContents table tbody tr.odd td { background-color: #E1E1E1; }
div#mainContents table tbody tr.odd th { background-color: #D1D1D1; }

div#mainContents table tbody tr.even td { background-color: #F5F5F5; }
div#mainContents table tbody tr.even th { background-color: #E5E5E5; }

/* ------------------------------------------------------------ 05. Etc Elements */
/* 区切り線 */
div#mainContents hr {
	height: 1px;
	border: none;
	border-top: 1px dotted #000;
	display: block;
	background-position: bottom center;
	background-repeat: repeat-x;
}

a img.external {
	margin: 0 2px 1px 2px;
	vertical-align: middle;
}

div#mainContents input,
div#mainContents select,
div#mainContents textarea { margin: 2px; }

div#mainContents input { vertical-align: middle; }
div#mainContents select { vertical-align: top; }

div#mainContents strong.word0 { background-color: #FF0; }
/* EOF */