* { margin: 0; padding: 0; }
img, form { border: none; margin: 0; padding: 0; }
a:link { text-decoration: none; color: #bd3100; }
a:visited { text-decoration: none; color: #9b6800; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; color: pink; }
ul { margin: 0; padding: 0; list-style-type: none; }
ul li {
	list-style: none;
	padding-left: 1.25em;
	background: url(./image/listmarker.png) no-repeat 0.5em 0.6em;
	}
dl.inline { }
dl.inline dt { display: inline; }
dl.inline dt:after { content: "："; }
dl.inline dd { display: inline; }
dl.inline dd:after { content: "\A"; white-space: pre; }
dl.inline dt.ulinside { float:left; }
dl.inline dd.ulinside ul { float:left; }
dl.inline dd.ulinside li { background: none; margin: 0; padding: 0; }

.right { text-align: right; }
.center { text-align: center; }
.floatright { float: right; }
.floatleft { float: left; }
.floatkill { clear: both; }
.small { font-size: 80%; }
.hidden { visibility: hidden; }
.noscroll { overflow: hidden; }
.lineheight1 { line-height: 1em; }
.lineheight2 { line-height: 2em; }
ul.limargin16 li { margin-top: 8px; margin-bottom: 8px; }
.margin8 { margin: 8px; } .margintop8 { margin-top: 8px; } .marginbottom8 { margin-bottom: 8px; } .marginleft8 { margin-left: 8px; }
.margin16 { margin: 16px; } .margintop16 { margin-top: 16px; } .marginbottom16 { margin-bottom: 16px; } .marginleft16 { margin-left: 16px; }
.margin32 { margin: 32px; } .margintop32 { margin-top: 32px; } .marginbottom32 { margin-bottom: 32px; } .marginleft32 { margin-left: 32px; }
.margin64 { margin: 64px; } .margintop64 { margin-top: 64px; } .marginbottom64 { margin-bottom: 64px; } .marginleft64 { margin-left: 64px; }
.margin128 { margin: 128px; } .margintop128 { margin-top: 128px; } .marginbottom128 { margin-bottom: 128px; } .marginleft128 { margin-left: 128px; }
.padding4 { padding: 4px; } .padding8 { padding: 8px; } .padding16 { padding: 16px; }
.width16 { width: 16px; } .width32 { width: 32px; }
.width100 { width: 100px; } .width200 { width: 200px; } .width400 { width: 400px; }
.height1em { height: 1em; }
.height50 { height: 50px; } .height100 { height: 100px; } .height200 { height: 200px; } .height400 { height: 400px; }
.bggray { background-color: #ccc; }
.borderdashed { border: 1px dashed gray; }

#teaser {	background: white url(./image/bg.jpg) repeat-y top center; }
#teaser #body { width: 768px; margin: 16px auto; }
#teaser #footer { width: 600px; margin: 32px auto 16px; color: #666; font-size: 80%; }

#top { width: 2412px; max-width: 2412px; background-color: black; }
#top h1 { margin: 16px 0 0 16px; }
#top #flash { position: absolute; left: 0; top: 16px; }
#top #contents { margin: 8px 0 0 16px; }
#top .content-large { width: 192px; }
#top .content-small { width: 128px; }
#top .content-large ,
#top .content-small 
	{ margin-right: 10px; float: left; }
#top #contents div.frame { padding: 1em 1em 0 1em; font-size: 85%; line-height: 1.5em; }
#top .content-large-bottom ,
#top .content-small-bottom 
	{ height: 24px; }
#top .content-color-1 div.frame { background: #c5edbd url(./image/top-info1-middle.png) repeat-x top; }
#top .content-color-1 .content-large-bottom { background: #c5edbd url(./image/top-info1-bottom.png) no-repeat top; }
#top .content-color-1 .content-small-bottom { background: #c5edbd url(./image/top-info7-bottom.png) no-repeat top; }
#top .content-color-2 div.frame { background: #deedbd url(./image/top-info2-middle.png) repeat-x top; }
#top .content-color-2 .content-large-bottom { background: #deedbd url(./image/top-info2-bottom.png) no-repeat top; }
#top .content-color-2 .content-small-bottom { background: #deedbd url(./image/top-info8-bottom.png) no-repeat top; }
#top .content-color-3 div.frame { background: #b3edd4 url(./image/top-info3-middle.png) repeat-x top; }
#top .content-color-3 .content-large-bottom { background: #b3edd4 url(./image/top-info3-bottom.png) no-repeat top; }
#top .content-color-3 .content-small-bottom { background: #b3edd4 url(./image/top-info6-bottom.png) no-repeat top; }
#top #contents div.smallpadding { padding: 1em 4px 0 4px; }
#top #contents p { margin: 0; padding: 0 0 0.5em 0; }
#top #contents dt { font-weight: bold; }
#top #contents dd { line-height: 1.25em; padding-bottom: 0.5em;}
#top #contents cite { font-style: normal; font-size: 75%; line-height: 1em; }
#top #contents cite a { color: black; }
#top #footage { width: 2412px; }
#top #copyright { width: 832px; text-align: center; }
#top #footer {
	width: 2412px; max-width: 2412px;
	background-color: white;
	margin-top: 64px; padding-top: 16px; padding-bottom: 16px;
	}
#top #bookmark { width: 832px; text-align: center; }

#demo { background-color: black; color: white; }
#demo #contents { width: 800px; margin: 1em auto; background: #0087b3 url(./image/demo-footer.jpg) no-repeat bottom; padding-bottom: 80px; }
#demo .entries { margin: 16px 50px; }
#demo .entries h3 {
	background: #004e84 url(./image/demo-h-bg.png) no-repeat bottom;
	height: 24px;
	margin-bottom: 8px; padding-left: 28px;
	color: white;
	}
#demo .entries p ,
#demo .entries ul ,
#demo .entries dl ,
#demo .entries h4 
	{ margin: 0 16px 16px 16px; }
#demo #pla-left { width: 300px; float: left; font-size: 90%; }
#demo #pla-right { width: 400px; float: left; font-size: 75%; }
#demo #pla-right { height: 200px; overflow: scroll; background-color: white; color: black; }
#demo #control { width: 400px; margin: auto; background-color: white; border: solid 2px white; border-top-color: #aaa; border-bottom-color: #bcdeef; color: black; }
#demo #control img { padding: 8px 4px 0 4px; }
#demo #control dt ,
#demo #control dd 
	{ border-bottom: 1px solid #ccc; }
#demo .entries a { color: #f99; }
#demo .entries a:visited { color: #f66; }
#demo .entries a:hover { text-decoration: underline; }
#demo .entries .note {
	width: 600px; margin: 0 auto 16px auto; padding: 8px 0;
	background-color: #004e84; font-size: 85%;
	}
#demo .entries .note h4 { margin-bottom: 0.5em; }
#demo .entries .note p { margin-bottom: 0; }
#demo #copyright { width: 800px; margin: 16px auto; text-align: center; }
#demo #footage { width: 100%; background-color: white; text-align: center; padding: 16px 0 32px 0; }