@charset "UTF-8";

body {	
	max-width: 700px;
	min-width: initial;
	min-width: auto;
	min-height: initial;
	min-height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;

	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	line-height: 130%;
	padding: 0;
	margin: 0;
	}

div.scroll-container {
	margin-right: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	overflow: auto;
}

a:link { color: #333366; text-decoration: none; }
a:visited { color: #7589bd; text-decoration: none; }
a:hover { color: #7589bd; text-decoration: underline; }
a:active { color: #cc0000; text-decoration: none; }

/* =============================== tag basic =============================== */
td, th	{
	font-size: 12px;
	line-height: 130%;
	vertical-align: top;
	}

th	{
	font-weight: bold;
	text-align: center;
	}

div, p	{
	font-size: 12px;
	line-height: 130%;
	margin: 0em;
	}

input, select, textarea	{
	font-size: 12px;
	}
textarea	{
	width: 98%;
	}

ul, dl {
	font-size: 12px;
	line-height: 130%;
	margin-top: 0em;
	margin-bottom: 0em;
	}

ul {
	list-style-type: disc;
	}

ol {
	font-size: 12px;
	line-height: 130%;
	}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	line-height: 130%;
	margin: 0em 0em 0.3em 0em;
	}
h5 { font-size: 12px; }
h4 { font-size: 12px; }
h3 { font-size: 14px; }
h2 { font-size: 16px; }
h1 { font-size: 18px; }

img { border: 0px; }

strong { font-weight: bold; }

sup { 
	font-size: 0.8em;
	vertical-align: top;
	margin-left: 0.3em;
	margin-right: 0.3em;
	}

/* ============================== class basic ============================== */
/* font */
.base {
	font-size: 12px;
	}
.nt {
	font-size: 11px;
	}
.norm {
	font-size: 12px;
	font-weight: normal;
	}
.em01 {
	font-size: 14px;
	}
.nb {
	font-weight: normal;
	}

/* color */
.attention {
	color: #990033;
	}

/* margin */
.t05 {
	margin-top: 0.5em;
	}
.t1 {
	margin-top: 1em;
	}
.t2 {
	margin-top: 2em;
	}
.r1 {
	margin-right: 1em;
	}
.r2 {
	margin-right: 2em;
	}
.l1 {
	margin-left: 1em;
	}
.b05 {
	margin-bottom: 0.5em;
	}
.b1 {
	margin-bottom: 1em;
	}
.b2 {
	margin-bottom: 2em;
	}
.t05l1 {
	margin: 0.5em 0em 0em 1em;
	}
.t05l15 {
	margin: 0.5em 0em 0em 1.5em;
	}
.rl05 {
	margin: 0 0.5em;
	}
.mat {
	margin: auto;
	}
.chara1mark {
	text-indent: -1em;
	padding-left: 1em;
	}

/* padding */
.npd {
	padding: 0;
	}

/* align */
.tal {
	text-align: left;
	}
.tar {
	text-align: right;
	}
.tac {
	text-align: center;
	}
.vat {
	vertical-align: top;
	}
.vam {
	vertical-align: middle;
	}
.vab {
	vertical-align: bottom;
	}

/* float */
.flr {
	float: right;
	}
.fll {
	float: left;
	}
.cb {
	clear: both;
	}

/* display */
.dpn {
	display: none;
	}
.dpblc {
	display: block;
	}

/* white-space */
.nwrp {
	white-space: nowrap;
	}

/* list (ul) */
/* general */
ul.gen {
	padding: 0 0 0 0.5em;
	margin: 0 0 0 1em;
	}
ul.gen li {
	padding-bottom: 0.3em;
	}
ul.gen li.l-item {
	padding-bottom: 0;
	}
/* no mark */
ul.nomark {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
ul.nomark li {
	padding-bottom: 0.3em;
	}
ul.nomark li.l-item {
	padding-bottom: 0;
	}
/* item horizontal */
ul.item-hrznt {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
ul.item-hrznt li {
	display: inline;
	padding-right: 1em;
	}
/* 1 character mark with indent */
ul.chara1mark li {
	text-indent: -1em;
	padding-left: 1em;
	}
ul.chara1mark li p {
	margin-left: 1em;
	}
/* notes with number with indent */
ul.num-notes li {
	text-indent: -2em;
	padding-left: 2em;
	}
ul.num-notes li p {
	margin-left: 2em;
	}
/* notes (attention) with indent */
ul.notes-atn li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	}
ul.notes-atn li p {
	margin-left: 1.5em;
	}

/* list (ol) */
/* general */
ol.gen {
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;
	}
ol.gen li {
	padding-bottom: 0.3em;
	}
ol.gen li.l-item {
	padding-bottom: 0;
	}

/* list (dl) */
dl.gen dt.t1 {
	margin-top: 1em;
	}
dl.gen dd.l1 {
	margin-left: 1em;
	}
dl.gen dd.b1 {
	margin-bottom: 1em;
	}
/* general */
dl.gen {
	padding: 0;
	margin: 0;
	}
dl.gen dt {
	margin-bottom: 0.3em;
	}
dl.gen dd {
	margin: 0 0 0.3em 0;
	}
/* dt bold */
dl.emb dt {
	font-weight: bold;
	}
/* horizontal (each width of dt and dd is variable) */
dl.hrznt {
	padding: 0;
	margin: 0;
	}
dl.hrznt dt.l-item, 
dl.hrznt dd.l-item {
	margin-bottom: 0;
	}

/* hr */
hr.clear {
	visibility: hidden;
	clear: both;
	height: 0px;
	border: solid 1px #ffffff;
	padding: 0;
	margin: 0;
	}

/* ============================ class specified ============================ */
/* -------------------------------- layout --------------------------------- */
/* ---------------------------- MAIN CONTAINER ----------------------------- */
#MAINCONTAINER {
	width: 720px;
	text-align: left;
	border-top: 10px solid #333366;
	padding: 3px 0;
	margin: 0 auto;
	}
#MAINCONTAINER p.copyright {
	border-top: 10px solid #333366;
	text-align: right;
	padding-top: 0.5em;
	margin-top: 3px;
	}

/* -------------------------------- HEADER --------------------------------- */
#HEADER {
	border-bottom: 1px solid #333366;
	padding-bottom: 2px;
	}
#HEADER div.sitename {
	width: 100%;
	height: 35px;
	background: url(../images/line_h.gif) bottom left repeat-x;
	margin-bottom: 5px;
	}
#HEADER h1 {
	float: left;
	margin: 0;
	}
#HEADER img.generation {
	vertical-align: top;
	margin: 7px 0 0 10px;
	}

/* date */
#HEADER div.date {
	float: right;
	font-family: "Tahoma", sans-serif;
	font-weight: bold;
	line-height: 170%;
	text-align: right;
	margin-top: 3px;
	}
#HEADER div.date span.day {
	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	font-weight: bold;
	border: 1px solid #000000;
	padding: 1px 3px;
	margin-left: 0.5em;
	}

/* -------------------------------- FOOTER --------------------------------- */
#FOOTER {
	border-top: 1px solid #333366;
	padding-top: 2px;
	}

/* ------------------------------ main navi -------------------------------- */
ul.navi {
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
	}
ul.navi li {
	display: inline;
	padding: 0 0.5em;
	}
ul.navi li.self {
	font-weight: bold;
	color: #333366;
	background: url(../images/navi_self.gif) top left no-repeat;
	padding-left: 10px;
	margin-left: 0.5em;
	}

ul.navi li a:link, ul.navi li a:visited, ul.navi li a:hover, ul.navi li a:active { padding-left: 10px; }
ul.navi li a:link { color: #000000; text-decoration: none }
ul.navi li a:visited { color: #000000; text-decoration: none; }
ul.navi li a:hover { color: #7589bd; text-decoration: underline; background: url(../images/navi_self.gif) top left no-repeat; }
ul.navi li a:active { color: #cc0000; }

/* --------------------------- MAINCONTENTSAREA ---------------------------- */
#MAINCONTENTSAREA {
	}
/* --------------------------------- MAIN ---------------------------------- */
#MAIN {
	width: 100%;
	margin: 1em 0;
	}

/* headding */
#MAIN h2 {
	font-size: 16px;
	background: url(../images/ttl_back.gif) top left repeat-x;
	margin-bottom: 1em;
	}

/* block */
#MAIN p.lead {
	font-size: 14px;
	margin-bottom: 1em;
	}

/* -------------------------------- misc. -------------------------------- */
/* column */
.clmn2-l {
	width: 48%;
	float: left;
	}
.clmn2-r {
	width: 48%;
	float: right;
	}

/* block */
.cap, .notes {
	font-size: 11px;
	margin-top: 0.5em;
	}
.box {
	background-color: #e0dfe3;
	border: 1px solid #333366;
	text-align: center;
	padding: 0.5em;
	}
span.pl {
	display: block;
	}

/* refference link */
p.ref-link {
	color: #ffffff;
	text-align: right;
	}

/* next back */
ul.nextback {
	width: 150px;
	margin: 0 auto;
	}
ul.nextback li {
	border: outset 1px #cccccc;
	background: #eeeeee;
	line-height: 170%;
	padding: 2px 5px;
	margin: 0 1em;
	}