/* 全体のマージン */
body { 
	background	: #FCFAF7; 
	margin		:  5px 10px 5px 10px; 
}

/* セクション */
h1 {
	color		: #448;
	text-align	: left;
	text-size	: 200%
}
h2 {
	color		: #FFF; 
	text-size	: 150%;
	background-color: #88C; /* #D8C; */
	padding		: 0.2em 0.5em 0.2em 0.5em;
	border		: thin outset #88C;
	text-weight	: bold; 
}
h3 {
	color		: #448; /* #C36; */
	text-size	: 135%;
	margin		: 0.5em 1.0em 0.5em 0.5em;
	padding		: 0.1em 0.4em 0.1em 0.5em;
	border		: solid #A8C; /* #C8C; */
	border-width	: 0em 0em 4px 8px;
}
h4 {
	color		: #66B; /* #C36; */
	text-size	: 120%;
	margin		: 0.5em 1.0em 0.5em 0.5em;
	padding		: 0.1em 0.4em 0.1em 0.5em;
	border		: solid #88C; /* #C8C; */
	border-width	: 0em 0em 2px 0em;
}

/* imgタグの左右配置 */
img.left {
	float		: left;
}

img.right {
	float		: right;
}

.center {
	text-align	: center;
}	

/* タイトルバナー */
div.header {
	position        : relative;
	top             : 0px;
	left            : 0px;
	margin-left     : 160px;
}

/* サイドバー */
div.sidebar {
	position        : absolute;
	z-index		: 2;
	top             : 5px;
	left            : 10px;
	width           : 140px;
	height          : auto;
	font-size       : small;
  	color		: navy;
	padding         : 5pt 5pt 10pt 5pt;
	border-right    : #448 2px solid;
	border-bottom   : #448 2px solid;
	background-color: #88C;
	word-break      : break-all;
}


div.sidebar a:link, div.sidebar a:visited {
  background: transparent;
  text-decoration: none;
  font-weight: bold;
  color: #FFF;
}

div.sidebar a:active, div.sidebar a:hover {
  background: transparent;
  color: #AFC;
  text-decoration: underline;
  font-weight: bold;
}

div.sidebar ul {
  padding: 5pt 1pt 5pt 0pt;
  margin : 1pt;
  list-style-type : none;
  color: #FFF;
}

div.sidebar li {
  padding : 5pt 2pt 5pt 2pt;
  margin  : 3pt 0pt 3pt 0pt;
  border-top: solid 2px #ADD;
  border-right: solid 2px #033;
  border-bottom: solid 2px #033;
  border-left: solid 2px #ADD;
  background-color: #243; 
  font-size: 12px;
  height: 16px;
}

div.sidebar a.current {
  color: #F96; 
}

div.sidebar li:active, div.sidebar li:hover {
  padding : 5pt 2pt 5pt 2pt;
  margin  : 3pt 0pt 3pt 0pt;
  border-top: solid 2px #033;
  border-right: solid 2px #ADD;
  border-bottom: solid 2px #ADD;
  border-left: solid 2px #033;
  background-color: #243; 
}

div.sidebar ul ul {
  padding: 1pt 1pt 1pt 0pt;
  margin : 1pt;
  list-style-type : none;
}

div.sidebar ul ul li {
  padding : 1pt 0pt 1pt 1pt;
  margin  : 0pt 0pt 0pt 5pt;
  border-top: solid 1px #ADD;
  border-right: solid 1px #033;
  border-bottom: solid 1px #033;
  border-left: solid 1px #ADD;
  background-color: #243; 
}

div.sidebar ul ul li:active, div.sidebar ul ul li:hover {
  padding : 1pt 0pt 1pt 1pt;
  margin  : 0pt 0pt 0pt 5pt;
  border-top: solid 1px #033;
  border-right: solid 1px #ADD;
  border-bottom: solid 1px #ADD;
  border-left: solid 1px #033;
  background-color: #243; 
}


div.sidebar h2,div.sidebar h3,div.sidebar h4 {
  margin-top : 0px;
}

/* フッター */
div.footer {
 	position        : relative;
	top		: auto;
	bottom          : 0;
	left            : 0px;
	margin-left     : 160px;
	height          : 35px;
	text-align	: left;
	font-size	: 80%;
	padding         : 2pt;
	color      : #FFF;
	background-color: #238;
	word-break      : break-all;
	clear		: both;
}

/* メイン */
div.main   {
	position        : relative;
	top             : 0px;
	left            : 0px;
	margin-left     : 160px;
	font-size       : medium;
	border	:	0;
	cellpadding:	2;
	cellspacing:	0;
}

div.main p {
  width		: 95%;
  text-indent   : 1em;   /* 先頭行を1文字下げる */
  line-height   : 120%;
  margin        : 0.5em; /* 段落間の行数 */
  margin-top    : 10px;
  margin-bottom : 20px;
  color:        : #132;
}

div.main div.navi {
  color         : #243;
  font-size     : 80%;
  background-color : #DDD;
  margin        : 1px 10px 1px 5px;
  padding       : 1px;
}

div.main dl {
  margin        : 2px 20px;
}

div.main dt {
  margin        : 12px 0px 5px 0px;
  font-weight   : bold;
}

div.main dd {
  margin        : 2px 0px 5px 20px;
}

div.main table {
  border-spacing: 5px;
}

div.main td {
  padding: 4px 4px 4px 4px;
  vertical-align: top;
  text-align: left;
  background-color: #CCC;
}

div.main th {
  padding: 4px 4px 4px 4px;
  vertical-align: center;
  text-align: center;
  background-color: #8E8;
}

div.main div.photo {
  margin: 5px 10px 10px 10px;
  text-align: center;
  font-size: 90%;  
}