@charset "utf-8";

/* 構造 */

html {
}

body {
	font-size:62.5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#4D4D4D;
	text-align:center;
}

body {
	background:url(../img/bodyBg.gif) center 228px repeat-x;
}
body#top {
	background:url(../img/bodyBg.gif) center 330px repeat-x;
}


.wrapper {
	text-align:left;
	width:770px;
	margin:0 auto;
	position:relative;
}

#body {
	position:relative;
}

#body {
	background:url(../img/bodyBg.jpg) center top no-repeat;
}

#top #body {
	background-image:url(../img/bodyBgTop.jpg);
}

#about #body {
	background-image:url(../about/img/bodyBg.jpg);
}

#activity #body {
	background-image:url(../activity/img/bodyBg.jpg);
}

#hepatica #body {
	background-image:url(../hepatica/img/bodyBg.jpg);
}


/* header */


#header {
	background:#FFF url(../img/headerBg.gif) center top repeat-x;
	height:228px; /* headerMenuに反映させる */
}
#top #header {
	height:330px; /* headerMenuに反映させる */
}

#lead p {
	font-size:120%;
	line-height:1.62;
}

/* article */

.article {
	width:530px;
	float:right;
	margin-top:40px;
}

.article h1 {
	font-size:180%;
	font-weight:bold;
	margin-top:20px;
	border-left:#7C007F solid 10px;
	padding-left:10px;
}

/* 見出し */

#header #logo {
	font-size:180%;
	font-weight:bold;
	line-height:1.31;
	clear:both;
	padding:20px 0 0 0;
}
#top #header .wrapper {
	background:url(../img/headerBgTop.jpg) left 92px no-repeat;
	height:330px;
}

.section h2 {
	font-size:180%;
	font-weight:bold;
	margin:0 0 20px;
	clear:both;
	color:#7C007F;
	color:#7C007F;
	border-bottom:2px solid #7C007F;
}
#top .section h2 {
	padding:0;
	border:none;
}

.section h3 {
	font-size:160%;
	font-weight:bold;
	line-height:1.31;
	margin:0 0 20px;
	clear:both;
}

.section h4, .section h5, .section h6 {
	font-size:140%;
	font-weight:bold;
	line-height:1.31;
	margin:0 0 20px;
	clear:both;
}

/* パラグラフ */

.section {
	padding:20px 0 30px 0;
}
.section .section {
	padding:10px 0 20px;
}

.section p {
	font-size:140%;
	line-height:1.62;
	margin:0 0 1.62em;
	text-indent:1em;
}

.section strong {
	font-weight:bold;
}

.section em {
	color:#000000;
}

.figure {
	margin:0 0 1.62em 30px;
	padding:0;
	float:right;
	clear:right;
}

.figurel {
	margin:0 30px 1.62em 0;
	padding:0;
	float:left;
	clear:left;
}

.thumb {
	width:240px;
	height:240px;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
	clear:none;
}

.photo {
	width:170px;
	height:170px;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
	clear:none;
	overflow:hidden;
}

.section .figure img, .section .figurel img, .section .thumb img, .section .photo img {
	border:1px solid #666;
}

.figure p, .figurel p, .thumb p {
	font-size:120%;
	line-height:1.31;
	margin:0 0 0.4em;
}

.right {
	float:right;
	clear:right;
	margin-left:30px;
}

.left {
	float:left;
	clear:left;
	margin-right:30px;
	margin-left:0;
}

.section a {
	color:#812c82;
	text-decoration:underline;
}

.section a:visited {
	color:#f197f1;
	text-decoration:none;
}

.section a:hover {
	color:#812c82;
	text-decoration:none;
}

.pageTop {
	text-align:right;
	font-size:120%;
}

/* リスト */

.section dl {
	margin:0 0 3.24em;
}

.section ul, .section ol {
	margin:1.62em 0 3.24em;
}

.section dt {
	font-size:140%;
	font-weight:bold;
	line-height:1.31;
	margin:1.62em 0 0.81em;
}

#top .section dt {
	color:#660066;
	font-size:140%;
}

.section li, .section dd {
	font-size:140%;
	line-height:1.62;
	margin:0.22em 0;
}

#top .section dd {
	border-left:none;
}

.section dd {
	border-left:5px solid #CCC;
	padding-left:10px;
	margin-left:10px;
}

.section ul li {
	background:url(../img/liBg.gif) no-repeat;
	padding-left:20px;
}

.section ol li {
	list-style:decimal;
	margin-left:2em;
}

.section dd li, .section li dd, .section td dd, .section td li, .section dd th, .section dd td {
	font-size:100%;
}

.section td ol, .section td ul, .section td dl, .section td dt, .section dd ol, .section dd ul {
	margin:0;
}

.section td dt {
	font-size:100%;
}

/* 表 */

.section .table {
	margin:1.62em 0 3.24em;
}

.section table {
	border-collapse:collapse;
	border:1px solid #000;
}

.section caption {
	font-size:140%;
	line-height:1.31;
	padding:0 0 0.4em;
}

.section th, .section td {
	font-size:140%;
	line-height:1.31;
	padding:0.3em 0.5em 0.2em;
	border:1px solid #999;
	background:#FFF;
	vertical-align:top;
}
#about .section th, #about .section td {
	font-size:120%;
}

.section thead th {
	text-align:center;
	background:#F6F;
	color:#FFFFFF;
}

.section tbody th {
	background:#FCF;
	vertical-align:top;
}

.section tfoot td {
	background:#F9F;
}

.definition table {
	border-top:1px solid #CCC;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

.definition tbody th, .definition tbody td {
	border:none;
	background:none;
	border-bottom:1px solid #CCC;
}

/* その他 */

.section pre {
	font-size:140%;
	width:100%;
	overflow:scroll;
	margin:1.62em 0;
}

.section sup, .section sub {
	font-size:71.4%;
}

.section acronym, .section abbr {
	border-bottom:1px dashed #CCC;
}

.section blockquote {
	margin:1.62em 0 3.24em;
	background:url(../img/quoteOpen.gif) no-repeat;
	padding:0 0 0 30px;
}

.section blockquote p {
	line-height:1.31;
	padding-right:30px;
	margin:0.81em 0;
}

.section .closequote {
	background:url(../img/quoteClose.gif) no-repeat right bottom;
}

.section blockquote cite {
	color:#000;
}

/* subMenu */

#subMenu {
	width:220px;
	float:left;
	margin-top:20px;
}

#subMenu dl {
	margin:20px 10px;
}
#subMenu dt {
	clear:both;
	padding:20px 0 0px;
}

#subMenu li, #subMenu dd {
	clear:left;
	font-size:120%;
	line-height:1.4;
	margin:0 10px;
}
#top #subMenu dd {
	margin:10px;
}

#subMenu li {
	margin:0;
	width:180px;
}

#subMenu a {
	display:block;
	padding:0.4em 10px 0.4em 0;
	background:url(../img/linkBg.gif) no-repeat -11px bottom;
	color:#812c82;
	text-decoration:none;
}
#subMenu a:hover, #subMenu .current a {
	background-position:-10px bottom;
	color:#ff4cff;
}

/* nav */

.section .nav a {
	background:url(../img/navBg.gif) 0 0 no-repeat;
	padding-left:24px;
}

.section .pageTop a {
	background:url(../img/navTop.gif) 0 0 no-repeat;
}

.section .nav a:hover {
	background-position:1px 0;
}

.section .pageTop a:hover {
	background-position:0 -1px;
}

.section .nav li {
	padding:0;
	background:none;
}
.nav a img {
	display:block;
}

#mainMenu {
	position:absolute;
	right:0;
}

#mainMenu {
	top:-208px; /* header */
	background:url(../img/mmBg.jpg) no-repeat;
}
#top #mainMenu {
	top:-310px; /* header */
}

#about #mainMenu {
	background-image:url(../about/img/mmBg.jpg);
}

#activity #mainMenu {
	background:url(../activity/img/mmBg.jpg) no-repeat;
}

#hepatica #mainMenu {
	background:url(../hepatica/img/mmBg.jpg) no-repeat;
}

#mainMenu .current img {
	visibility:hidden;
}

#mainMenu dt {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

#mainMenu li {
	float:left;
}

#mainMenu a {
	display:block;
	line-height:50px; /* header */
	font-size:160%;
}
#mainMenu a:hover img {
	visibility:hidden;
}

#topicpath {
	position:absolute;
	left:20px;
	top:20px;
}

#topicpath dt {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

#topicpath dd p {
	line-height:20px;
	font-weight:bold;
}

#topicpath a {
	color:#4D4D4D;
	font-weight:normal;
}

#topicpath img {
	display:inline;
}

#topicpath a:hover {
	text-decoration:none;
}

#topicpath img {
	vertical-align:middle;
	margin:0 5px;
}

/* navigation */

#navigation {
	float:left;
	clear:both;
}
#navigation dt {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

#headNav {
	position:absolute;
	right:0;
	top:-150px; /* header + mainMenu */
	width:770px;
	text-align:right;
}

#headNav ul {
	float:right;
}

#headNav dt {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#headNav li {
	margin-left:10px;
	float:left;
}

#footNav {
	position:absolute;
	bottom:-75px; /* footer padding +20px */
	width:770px;
	text-align:center;
	z-index:10;
}
#footNav a {
	color:#FFFFFF;
	text-decoration:none;
}
#footNav a:hover {
	text-decoration:underline;
}

#footNav li {
	display:inline;
	font-size:120%;
	line-height:1.31;
	margin:0 10px;
}

/* search */

#search dl {
	float:none;
}

#search dt {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

#search dd {
	margin:0;
}

#search div {
	float:left;
}

#searchWord {
	width:200px;
	height:20px;
	margin-right:10px;
}

#searchButton {
	width:50px;
	height:20px;
	font-size:120%;
	line-height:1;
}

#footMenu {
	clear:both;
}

#footMenu dl {
	float:left;
	margin:0 20px 20px 0;
}

#footMenu dt, #footMenu li {
	font-size:120%;
	line-height:1.31;
	margin:0.31em 0;
}

.nav img {
	display:block;
}

/* footer */

#footer {
	background:#f6bbf6 url(../img/footerBg.gif) center top repeat-x;
	padding:47px 30px 20px;
}

#contact dt {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#contact dd {
	font-size:120%;
	line-height:1.31;
}

#copyright {
	padding-top:40px;
	text-align:center;
}

#copyright address {
	font-size:120%;
	line-height:1.31;
}

/* その他 */

.sign p {
	text-align:right;
	margin-bottom:0em;
}

/* clearfix */

div:after, #body:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

div, #body {
	min-height: 1px;
}

* html div, * html #body {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div.reset {
	clear: both;
	font-size: 1px;
}