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

/* セクション */
h1 {
	color		: #484; /* #C36; */
	text-align	: left;
	text-size	: 200%
}
h2 {
	color		: #484; 
	text-size	: 150%;
	margin		: 0.5em 1.0em 0.5em 0.1em;
	padding		: 0.2em 0.5em 0.2em 0.5em;
	border		: double #8C8;
	text-weight	: bold; 
	border-width	: 3px 0px 3px 0px;
}
h3 {
	color		: #484; /* #C36; */
	text-size	: 135%;
	margin		: 0.5em 1.0em 0.5em 0.5em;
	padding		: 0.1em 0.4em 0.1em 0.5em;
	border		: solid #AC8; /* #C8C; */
	border-width	: 0em 0em 4px 8px;
}
h4 {
	color		: #6B6; /* #C36; */
	text-size	: 120%;
	margin		: 0.5em 1.0em 0.5em 0.5em;
	padding		: 0.1em 0.4em 0.1em 0.5em;
	border		: solid #8C8; /* #C8C; */
	border-width	: 0em 0em 2px 0em;
}
h5 {
	color		: #6B6; /* #C36; */
	text-size	: 110%;
	margin		: 0.5em 1.0em 0.5em 0.5em;
	padding		: 0.1em 0.4em 0.1em 0.5em;
	border		: solid #8C8; /* #C8C; */
	border-width	: 0em 0em 1px 0em;
}

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

img.right {
	float		: right;
}

.center {
	text-align	: center;
}	

/* タイトルバナー */
div.header {
	position        : relative;
	top             : 0px;
	left            : 150px;
/*	width           : 90%;*/
}

/* サイドバー */
div.sidebar {
	position        : absolute;
	z-index		: 2;
	top             : 5px;
	left            : 10px;
	width           : 140px;
	height          : auto;
	font-size       : medium;
	padding         : 10pt 1pt 1pt 1pt;
	border-right    : #484 2px solid;
	border-bottom   : #484 2px solid;
	color           : #000;
	background-color: #8C8;
	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; 
}

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            : 150px;
	right           : 0;
	/*width           : 100%;*/
	height          : 15px;
	text-align	: left;
	font-size	: 80%;
	padding         : 2pt;
	color      : #FFF;
	background-color: #283;
	word-break      : break-all;
	clear		: both;
}

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

div.main p {
  width		: 90%;
  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        : 2px 0px 5px 0px;
  font-weight   : bold;
}

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

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

div.main th, div.main td {
  padding: 4px 4px 4px 4px;
  vertical-align: top;
  text-align: center;
  background-color: #EEE;
}

div.main th {
  background-color: #DDD;
}

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