@charset "utf-8";

/* ----------------------------------------------

Ó¢ÕZ°æ£º¥È¥Ã¥×¥Ú©`¥¸

---------------------------------------------- */
.headerbox_l {
padding: 16px 0 0 0;
}
.headerbox_l h1 {
font-size: 18px;
}
.headerbox_l h2 {
font-size: 10px;
}
.menubox ul li a {
font-size: 13px;
font-weight: 700;
}

.topmainbox h3 {
font-size: 24px;
margin-right: 240px;
margin: 7em 0 0.5em 0;
}

.topmainbox p {
font-size :14px;
font-weight: 700;
}

.index01box dt {
width: 30%;
}

.index01box dd {
width: 67%;
}

.index01box dt span.news {
width: 150px;
font-size: 12px;
display: inline-block;
text-align: center;
padding: 2px 1em;
}

.index01box dt span.research-activity {
width: 150px;
font-size: 13px;
font-weight: normal;
color: #FFF;
padding: 2px 1em;
margin: 0 1.5em 0 0;
background-color: #12a289;
}

.index02_h {
width: 980px;
margin: 0 auto;
}

.index02 h3 {
font-size: 16px;
}

.index02 p {
font-size: 14px;
text-align:left;
}

.index02box section h4 {
font-size:22px;
border: none;
letter-spacing: 0;
}

.index02box section:nth-of-type(even) h4 {
border: none;
letter-spacing: 0;
}

@media screen and (max-width: 768px) {
	.index01box dt {
	width: 100%;
	}
	.index01box dd {
	width: 100%;
	}
	.topmainbox h3 {
	font-size: 20px;
	margin: 2em 0 0 0;
	}
	.index02 h3 {
	margin: 0 0 1em 0;
	}
	.index02_h {
	width: 90%;
	}
	.index02 p {
	font-size: 13px;
	}
	.index02box section h4 {
	font-size: 18px;
	}
}


/* ----------------------------------------------

Ó¢ÕZ°æ£ºÏÂŒÓ¥Ú©`¥¸

---------------------------------------------- */
.informationbox dt {
width: 30%;
}

.informationbox dt span.news {
width: 150px;
font-size: 12px;
display: inline-block;
text-align: center;
padding: 2px 1em;
}

.informationbox dt span.research-activity {
width: 150px;
font-size: 13px;
font-weight: normal;
color: #FFF;
padding: 2px 1em;
margin: 0 1.5em 0 0;
background-color: #12a289;
}

.informationbox dd {
width:67%;
}

@media screen and (max-width: 768px) {
	.informationbox dt {
	width: 100%;
	}
	.informationbox dd {
	width: 100%;
	}
}

/* ²Î¼Ó‡âÌå */

.mainbox table.t_institutions {
min-width: 100%;
}

.mainbox table.t_institutions td li {
font-size: 13px;
}
