/* css for claire */
* {
	margin:0;
	padding:0;

	/* font-size:medium;*/ /* 14pt */
	font-size:x-small;
	font-family:'ＭＳ Ｐ明朝','平成明朝'; /* 明朝体 */
	/* font-family:'ＭＳ Ｐゴシック','Osaka'; */
	}
body {
	width:100%;
	}
html, body {
	/* height:100%; */
	}
p {
	line-height:1.5em;
	letter-spacing:0.1em;
	/* text-indent:1em; */
	}
#c_navigation p {
	margin-top:0.5em;
	letter-spacing:0em;
	margin-left:0.5em;
	margin-right:0.5em;
	color:#503000;
	}
table {
	width:40em;
	}
h1 {
	/* margin-top:0.5em; */
	padding-top:0.5em;
	padding-bottom:0.5em;
	/* font-size:x-large; 22pt */
	font-size: medium;
	line-height:1.3em;
	letter-spacing:0.2em;

	background-image : url(img/leaf80x40.png);
	background-repeat:no-repeat;
	}
h2 {
	/* font-size:large; 16pt */
	font-size: small;
	line-height:1.8em;
	letter-spacing:0.2em;
	text-indent:0.4em;

	color:#400000;

	border-right:10px solid #503000;
	border-left:10px solid #503000;
	border-top:1px solid #503000;
	border-bottom:1px solid #503000;
	}
h3 {
	/* font-size:large;  16pt */
	font-size: small;
	line-height:1.4em;
	letter-spacing:0.1em;
	margin-left:1em;

	color:#503000;

	background-color:#90c060;

	}

#c_body {
	width:60em;
	/* height:100%; */

	position:relative;

	margin-left:auto;
	margin-right:auto;
	}

#c_navigation, #c_info {
	width:15em;
	/* height:100%; */

	background-image : url(img/background.png);
	background-repeat:repeat;
	}

#c_navigation {
	position:absolute;
	left:0;
	top:0;
	}
#c_contents {
	margin-left:17em;

	width:40em;
	height:auto;

	color:#002000;
	}
#c_contents a {
	color:#003000;
	}
/* 2011/01 append */
#c_contents ul, #c_contents li {
	margin-left:2em;
	line-height:1.5em;
	}
/* -------------- */
#c_topimage {
	width:40em;
	/* height:20.56em; */
	height:30.75em;
	}
#c_footer {
	width:100%;
	text-align:center;
	margin-top:5em;		/* 2011/01 append */
	border-top:1px solid #002000;
	clear:both;
	}

/* for navigation */
#c_navigation ul, #c_navigation li {
	margin:0;
	padding:0;
	}
#c_navigation ul {
	list-style-type:none;
	padding:1em 0px 0px 0px;
	}
#c_navigation li {
	display:inline;

	text-align:center;
	font-weight:bold;
	}
#c_navigation li a {
	display:block;

	border-left:3px solid #660000; /* before #c0a070 */
	border-top:3px solid #660000; /* before #c0a070 */
	border-right:3px solid #660000; /* before #503000 */
	border-bottom:3px solid #660000; /* before #503000 */
	/* background-color:#a5f5a5; */
	/* background-image:url("./img/wood.png"); */
	/* background-repeat:repeat; */

	padding:0.1em 0 0.1em 0.5em;
	text-decoration:none;
	background-color:#201913; /* before #806030 */
	color:white;
	width:11em;
	margin:5px 0px 0px 1.5em;
	height:1.7em;
	}
#c_navigation li a:hover {
	display:block;

	border-left:3px solid #660000; /* #503000 */
	border-top:3px solid #660000;
	border-right:3px solid #660000; /* #c0a070 */
	border-bottom:3px solid #660000;
	background-color:#b09060;
	/* background-image:url("./img/wood2.png");
	background-repeat:repeat; */

	padding:0.1em 0 0.1em 0.5em;
	text-decoration:none;
	/* color:#90c060; */
	color:#003000;
	width:11em;
	margin:5px 0px 0px 1.5em;
	height:1.7em;
	}
#c_navigation #current a {
	display:block;

	border-left:3px solid #660000; /* #503000 */
	border-top:3px solid #660000;
	border-right:3px solid #660000; /* #c0a070 */
	border-bottom:3px solid #660000;
	background-color:#b09060;
	/* background-image:url("./img/wood2.png");
	background-repeat:repeat; */

	padding:0.1em 0 0.1em 0.5em;
	text-decoration:none;
	/* color:#90c060; */
	color:#003000;
	width:11em;
	margin:5px 0px 0px 1.5em;
	height:1.7em;
	}

#c_update {
	border-left:10px solid red;
	padding:0em 1em 0em 1em;
	line-height:1.5em;
	letter-spacing:0.1em;
	}


/* for contents */
#header1 {
	margin-bottom:1em;
	}
#header2, h2 {
	margin-left:0.5em;
	margin-bottom:1em;
	}
#header3, h3 {
	margin-top:1em;
	}
#header3 {
	margin-left:2em;
	margin-bottom:1em;
}

/* for image */
.c_header_logo {
	/* height:6.25em;  100px */
	/* width:11.88em; 190px */
	height:9.81em; /* 157px */
	width:15em; /* 240px */

	float:left;
	}
.c_header_logo2 {
	width:40em;
	height:9.81em; /* 157px */
	}
.c_img_top {
	width:40em;
	/* height:20.56em; */
	}
#photo {
	width:15em;
	}
.c_photo {
	width:35em;
	height:3em;
	}

/* about list */
.markerin {
	list-style-position: inside;
}