/*-------------------------------------------------------------------------
    共通
  -------------------------------------------------------------------------*/
*
{
	padding: 0px;
	margin: 0px;
}

a:link {}
a:active {}
a:visited {}
a:hover
{
	background: #333333;
	color: #ffffff;
}

h1 { margin: 0.5em 0px 0.5em 0px; }
h1:first-child { margin-top: 0px; }
h2 { margin: 0.5em 0px 0.5em 0px; }
h2:first-child { margin-top: 0px; }

hr { margin-top: 1em; }

ul { margin: 1em 1em 1em 2em; }

dl { margin: 2em; }
dt { font-size: 150%; }
dd { margin-bottom: 1em; }

table { margin: 1em; }
th, td
{
	border: 1px solid #000000;
	padding: 0.3em;
}
th { background: #e0e0e0; }


/*-------------------------------------------------------------------------
    ソースコード
  -------------------------------------------------------------------------*/
.code
{
	border: 1px solid #333333;
	background: #e0e0e0;
}

.code pre
{
	padding: 0em;
	-moz-tab-size: 2;
	-o-tab-size: 2;
	tab-size: 2;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	position: relative;
	display: block;
	padding-left: 2em;
}

.code pre:before
{
	background: #333333;
	color: #ffffff;
	content: "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99";
	width: 1em;
	padding: 0px 0.3em 0px 0.3em;
	position: absolute;
	height: 100%;
	overflow: hidden;
	text-align: right;
	white-space: pre-line;
	word-wrap: break-word;
	left: 0em;
}


/*-------------------------------------------------------------------------
    その他
  -------------------------------------------------------------------------*/
.icon { height: 0.7em; }
.fill { width: 100%; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.red { color: red; }


/*-------------------------------------------------------------------------
    パンくずリスト
  -------------------------------------------------------------------------*/
#breadcrumbs
{
	z-index: 4649;
	padding: 0.7em;
	background: #333333;
	color: #ffffff;
	border-bottom: 1px solid #be1a34;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 1em;
	line-height: 1em;
	vertical-align: middle;
}

#breadcrumbs a:link { color: #ffffff; }
#breadcrumbs a:active { color: #ffffff; }
#breadcrumbs a:visited { color: #ffffff; }
#breadcrumbs a:hover
{
	background: #ffffff;
	color: #00979d;
}


/*-------------------------------------------------------------------------
    本文
  -------------------------------------------------------------------------*/
#content
{
	margin-top: 32px;
	padding: 2em;
}

#content p { line-height: 2em; }