/******************************************/
/*  base.css   version 1.02               */
/*    copyright (c) 2004 by MA-SoftStudio */
/******************************************/

/**************** display style ****************/

h1,h2,h3,h4,h5,h6, p, ul,ol, div,
dl,dt,dd, address, blockquote, pre, hr, form{ 
	display: block;
}

b,i,tt, em,strong, cite, abbr,acronym, 
var,code,kbd,samp, img, span, br {
	display: inline;
}

li { display: list-item; }

ul       { list-style: disc; }
ul ul    { list-style: square; }
ul ul ul { list-style: circle; }
ol       { list-style: decimal; }
ol ol    { list-style: lower-roman; }
ol ol ol { list-style: lower-alpha; }

pre {	white-space: pre }
pre, code, kbd, samp { font-family: monospace }

/**************** フォント ****************/

/* body */
body {
	font-family:	'MS PGothic', sans-serif;
	line-height:	1.4;
	font-size:	medium;
}

/* hedding */
h1,h2,h3,h4,h5,h6{ line-height: 1.1; }
h1		 { text-align:	right; }
   h2 		 { text-align:	center; }
      h3,h4,h5,h6{ text-align:	left; }

h1               { font-size:	200%; }
   h2            { font-size:	150%; }
      h3         { font-size:	120%; }
         h4      { font-size:	100%; }
            h5,h6{ font-size:	80%; }

h1,h2,h3         { font-weight:	bold; }
         h4,h5,h6{ font-weight:	normal; }

/* 段落 */
p { text-indent: 1em; }

/* 定義 */
dfn,dt{ font-weight: bolder; }

/* アドレス */
address { 
	font-size:  80%;
	font-style: normal;
	text-align: right;
}

/* 強調 */
em,strong { 
	font-style: normal;
	font-weight: bolder;
}
pre em, pre strong {
	font-weight: normal;
	text-decoration: underline;
}

/* 表現 */
b { font-weight: bolder; }
i { font-style:  italic; }
tt{ font-family: monospace; }

/* 引用 */
cite {
	font-style: normal;
	font-family: serif;
	font-weight: bolder;
}
q {
	font-style: normal;
	font-weight: bolder;
}
blockquote {
	font-weight: normal;
}

/* コンピュータ */
code,var,kbd,samp { font-style: normal; }
code,var,kbd,samp { font-weight: bolder; }
code,    kbd,samp { text-decoration: none; }
     var          { text-decoration: underline;}

/* 用語 */
dfn {	font-style: normal; }
abbr, acronym {
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	cursor: help;
}

/* アンカー */
a {
	font-style: normal;
	text-decoration: none;
}

/* 上付き/下付き */
sub {
	vertical-align: -25%;
	line-height:	160%;
}
sup {
	vertical-align: 25%;
	line-height:	160%;
}

/**************** ボックスサイズ ****************/
body {
	margin:  0;
	padding: 1em;
}

h1 {
	/* font-size:200%を想定 */
	margin: 	-0.5em -0.5em 3em -0.5em; 
	border-width:	0 1em 3px 0;
	padding:	0.1em 0.5em;
}
/* それぞれ、font-sizeを想定して */
h2{		margin:		2em -0.6667em 1.0em -0.6667em; }
   h3{		margin:		1em -0.8334em 0.5em -0.8334em; }
      h4{	margin:		1em -1.0000em 0.5em 0em; }
         h5{	margin:		1em -1.2500em 0.2em 1em; }
            h6{	margin:		1em -1.2500em 0.2em 1.5em; }
h2{		border-width:	7px 0 2px 0; }
   h3{		border-width:	3px 0 0   1em; }
      h4{	border-width:	3px 0 0   3px; }
         h5{	border-width:	3px 0 0   0  ; }
            h6{	border-width:	0; }
h2,h3,h4,h5,h6{	padding:	2px 0 2px 1em; }


h1,h2,h3,address { clear:both; }


address {
	margin:       1.5em -1.25em 0 -1.25em;
	border-width: 3px 0 0 0;
	padding:      0 1em;
}


p{	margin:		0; }
pre { 	margin:		1em 2em;
	border-width:	0 2px 2px 0;
	padding:	1em; }

blockquote{
	margin: 1em 2em;
	border-width: 1px 1em;
	padding: 0.5em 1em;
}

ul,ol,dl {
	margin: 0.4em 0 0.8em 0;
	border-width: 0 0 0 2px;
	padding: 0 1em;
}

li {
	margin: 0.3em 0 0.3em 1em;
	padding: 0;
}

dt {
	margin: 0.2em 0 0 0;
	padding: 0;
}
dd {
	margin: 0 0 0.2em 2em;
	padding: 0;
}

hr{
 width:  100%;
 margin: 1em 0; 
 padding: 0;
}

/* table */
table, table.thick{
        border-collapse: separate;
        border-spacing: 2px;
        empty-cells: show;

        margin: 0.5em;
        border-width: 2px;
        padding: 0;
}

table caption{
        caption-side: bottom;

        font-weight: bolder;
        font-size: 80%;

        margin: 0.625em 0 1em 0;
        padding: 0;
        border-width: 0;
}
tbody, tr{
        margin: 0px;
        padding; 0px;
        border-width: 0px;
}
th, td,
table.thick th, table.thick td,
table table.thick th, table table.thick td,
table table table.thick th, table table table.thick td {
        margin: 0px;
        padding: 0.3em;
        border-width: 2px;
}

/**************** 色 ****************/

/* #7AD; /* a:カラー1(明) */
/* #468; /* b:カラー1(暗) */
/* #DC7; /* c:カラー2(明) */
/* #874; /* d:カラー2(暗) */
/* #DDD; /* e:モノクロ(明) */
/* #222; /* f:モノクロ(暗) */

body{
	background-color: #DDD; /* e:モノクロ(明) */
	border: 2px inset #DDD; /* e:モノクロ(明) */
	color:		  #222; /* f:モノクロ(暗) */

	/* スクロールバーの設定 */
	/* scrollbar-base-color: #7AD; /* a:カラー1(明) */
	/* scrollbar-arrow-color: #468; /* b:カラー1(暗) */
}

a:link, a:link IMG, a:visited, a:visited IMG {
	border-width: 0 0 1px 0;
	border-style: solid;
	color:	      #468; /* b:カラー1(暗) */
}
a:link IMG, a:visited IMG {
	border-width: 1px;
}
a:link, a:link IMG{
	border-color: #468; /* b:カラー1(暗) */
}
a:visited, a:visited IMG{
	border-color: #7AD; /* a:カラー1(明) */
}
a:hover, a:hover IMG{
	background-color: #7AD; /* a:カラー1(明) */
	color:		  #222; /* f:モノクロ(暗) */
}
a:active, a:active IMG{
	background-color: #7AD; /* a:カラー1(明) */
	color:		  #468; /* b:カラー1(暗) */
}

h1,h2 {
	color:		  #222; /* f:モノクロ(暗) */
}
h3,h4,h5,h6 {
	color:		  #468; /* b:カラー1(暗) */
}

h1,h2,h3,h4,h5,h6 {
	background-color: #7AD; /* a:カラー1(明) */
	border-color:     #468; /* b:カラー1(暗) */
	border-style:	  solid;
}

address {
	border-color:     #468; /* b:カラー1(暗) */
	border-style:     solid;
}

pre {
	background-color: #DC7; /* c:カラー2(明) */
	border-color:     #874; /* d:カラー2(暗) */
	border-style:	  solid;
}

ul,ol,dl {
	border-style:	  solid;
	border-color:     #468; /* b:カラー1(暗) */
}

blockquote{
	border-color:     #468; /* b:カラー1(暗) */
	border-style:	  solid;
}

hr {
	height: 6px;
	background-color: #468; /* b:カラー1(暗) */
	border: 2px outset #468; /* b:カラー1(暗) */
}

q,strong{
	background-color: #DC7; /* c:カラー2(明) */
}


table,th,td{
        border-color: #7AD; /* a:カラー1(明) */
        border-style: outset;
}
table{
        border-style: outset;
}
th,td{
        border-style: inset;
}
table {
        background-color: #7AD; /* a:カラー1(明) */
}
th{
        background-color: #7AD; /* a:カラー1(明) */
}
td{
        background-color: #DDD; /* e:モノクロ(明) */
}

h1 strong, 
h2 strong, 
h3 strong, 
h4 strong, 
h5 strong, 
h6 strong{
	background-color: transparent;
	text-decoration: underline;
}

/****************************************************************/
/****************************************************************/
/* color test */
.bgca { background-color: #7AD; /* a:カラー1(明) */ }
.bgcb { background-color: #468; /* b:カラー1(暗) */ }
.bgcc { background-color: #DC7; /* c:カラー2(明) */ }
.bgcd { background-color: #874; /* d:カラー2(暗) */ }
.bgce { background-color: #DDD; /* e:モノクロ(明) */ }
.bgcf { background-color: #222; /* f:モノクロ(暗) */ }

.fgca { color: #7AD; /* a:カラー1(明) */ }
.fgcb { color: #468; /* b:カラー1(暗) */ }
.fgcc { color: #DC7; /* c:カラー2(明) */ }
.fgcd { color: #874; /* d:カラー2(暗) */ }
.fgce { color: #DDD; /* e:モノクロ(明) */ }
.fgcf { color: #222; /* f:モノクロ(暗) */ }



/*****************************************************************/

/* h1直後のマージンに食い込んで右上に表示されます */
.topnavi {
	margin:		-7.5em 0 6.5em 0;
	padding:	0.3em;
	font-size:	80%;
	text-align:	right;
}


/* table用クラス thin : ワクを細めで表示そんなにうるさくない感じ？ */
table.thin {
        border-collapse: collapse;
        border-width: 3px;
        border-style: solid;
        border-color: #468; /* b:カラー1(暗) */
}
table.thin th, table.thin td,
table table.thin th, table table.thin td,
table table table.thin th, table table table.thin td{
        padding: 0.2em;
        border-width: 2px;
        border-style: solid;
        border-color: #468; /* b:カラー1(暗) */
}


/* table用クラス none : 枠無し飾り無しマージン無し */
table.none {
        border-collapse: collapse;
        border-width: 0;
}
table.none th, table.none td,
table table.none th, table table.none td,
table table table.none th, table table table.none td{
        border-width: 0;
        padding: 0;
}


/* weak : 薄く表示 */
.weak{
	font-size: 80%;
	color: #777;
}

/* footback : 一番下の戻るリンク */
.footback{
	margin-top: 1em;
	text-align: right;
}