/* ---------- 全体の体裁 ---------- */
body{
  color : black;
  line-height : 200%;
  text-align : justify;
/*  background-image : url(common\image_bg_001.gif); */
/*  background-color : #fcffd9;  #ffffcc クリーム色 */
}

/* ---------- 見出し行 ---------- */
h1{
  color: #663300; /* 茶色 */
  border-left-width : 30px;
  border-left-style : solid;
  border-bottom-width : 3px;
  border-bottom-style : solid;
  padding-left : 10px;
  border-bottom-color : #dfdfdf;/* グレー　 #33ccff; 水色 */
  border-left-color :  #dfdfdf;  /* グレー　#33ccff;  */
  /*  text-align : center; */
}
h5{
  font-size : small;
  margin-left : 12pt;
}
h6{
  font-size : small;
  margin-left : 24pt;
}

/* ------ 水平線 -------- */
hr{
  color : #004080; /* 青 */
  height: 3px;
}

/* ----- ハイパーリンクのスタイル:link, :visited, :hover, :activeの順番に記述 -------- */
a:link{
  color : #3300ff; /* 青 */
  text-decoration :  underline;
}
a:visited{
  color : #cc3300; /* 明るい赤茶 */
  text-decoration :  underline;
}
a:hover{
  background-color : white; /* 薄いグレー */
  color : #000099; /* 濃い青 */
  text-decoration : underline;
}
a:active{
  background-color : #3399ff; /* 薄い青 */
  color: #ffff99; /* 薄い黄色 */
  text-decoration :  underline;
}

/* ---- 箇条書きリスト。各箇条文の先頭に<li>をつけてはじめて有効となる。----- */
/* マーカーを指定するときはスタイルを用いて <ul style="list-style-type: disc|circle|square"> */
/* マーカーに画像を用いるときはスタイルを用いて <ul style="list-style-image: url(button-s-tyi-brown.gif)"> */
ul{
  color : black;
  list-style-type : none;
  list-style-position: outside;
}
/* <ul>と</ul>の間に<ul></ul>を入れ子にした場合（レベル2） */
ul ul{
  color: black;
  list-style-type: none;
  list-style-position: outside;
}
/* <ul><ul>と</ul></ul>の間に<ul></ul>を入れ子にした場合（レベル3） */
ul ul ul{
  color: black;
  list-style-type: none;
  list-style-position: outside;
}

/* ------ 表の見出しセル ------ */
th{
  line-height : 150%;
  border-top:  1px solid black;
  border-bottom: 1px solid black;
  /* background-color : #ccffcc; */
  background-color : #ffff99;
  text-align:center;
  padding-top: 1px;
  padding-right: 10px;
  padding-bottom: 1px;
  padding-left: 10px;
}
/* 表の各セル */
td{
  line-height : 150%;
  padding-top: 1px;
  padding-right: 10px;
  padding-bottom: 1px;
  padding-left: 10px;
}
/* ============= クラスの定義 =============  */
/* -------- 本文用 ------- */
/* <p class=futoji> のように用いて、段落全体を強調する */
.futoji{
  color : black;
  text-indent : 12pt;
  font-size : medium;
  /* font-size :small; がブラウザの標準 */
}
/* <p class=honbun1> のように用いて、1行目をインデントする */
.honbun1{
	margin-left : 1em;
	text-indent : 1em;
}
.honbun2{
	margin-left : 2em;
	text-indent : 1em;
}
.honbun3{
	margin-left : 3em;
	text-indent : 1em;
 /*  font-size : x-small; smallがブラウザの標準 */
}
/* -------- 箇条書き用 ------- */
/* <ul class=kajou1> のように用いて、1行目をぶら下げインデント（マイナスのインデント）する */
/* 特に、list-style-type: none のときに用いる。 */
.kajou1{
	margin-left : 2em;
	text-indent : -1em;
 }
.kajou2{
	margin-left : 3em;
	text-indent : -1em;
 }
.kajou3{
	margin-left : 4em;
	text-indent : -1em;
 }
.kajou_color{
	margin-left : 2em;
	text-indent : 1em;
	color : blue;
	background-color : #efefef; /*灰色*/
	/*background-color : #ccffcc; 若草色*/
 }
/* -------- 表のスタイル ------- */
/* <table class=simple> のように用いると、単純な表、 */
/* <table class=simple bordercolor="black" border="3" rules="all"> のように用いると、実線の表ができる */
.simple{
	border-collapse: collapse;
	border-top:  3px solid black;
	border-bottom: 3px solid black;
}
/* -------- 集計行 ------- */
/* 表の中で <td class=shuukeigyou> のように用いる(<tr>タグ内では効かない） */
.shuukeigyou{
	line-height : 150%;
	border-top: 3px solid black; /* 細線は1px*/
	border-bottom: 3px solid black; /* 細線は1px*/
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}