/* CSS Document */

/** ««@Header@«« **/

#header-bg {
	display: block;
	padding: 0px;
	height: 252px;
	width: 1023px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #99ccff;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	display: block;
	padding: 0px;
	height: 59px;
	width: 995px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header-l {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 570px;
}
#header-l h1 {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-align: left;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 570px;
}
#head-logo a {
	background-image: url(../img/common/head-logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 37px;
	width: 178px;
}
#head-catch {
	background-image: url(../img/common/head-catch.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 37px;
	width: 381px;
}
#head-access {
	background-image: url(../img/common/head-contact.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 59px;
	width: 401px;
}
#head-access a {
	background-image: url(../img/common/head_map_s1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	float: right;
	height: 14px;
	width: 47px;
	margin-top: 9px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#head-access a:hover {
	background-image: url(../img/common/head_map_s2.gif);
}

/** ««@Topimg@«« **/

#topimg-box {
	display: block;
	height: 172px;
	width: 995px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#senmon h2 {
	background-image: url(../img/top/bn-senmon.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	float: left;
	height: 172px;
	width: 171px;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#topimg {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 172px;
	width: 620px;
}

#oshirase {
	background-image: url(../img/top/top-oshirase.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 45px 6px 15px;
	float: right;
	height: 120px;
	width: 161px;
}
#frbox {
	display: block;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	height: 118px;
	width: 100%;
}
.ifrm {
	width:100%;
	height:100%;
	border:none;
	display:block;
}

/** ««@main@«« **/

#main {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 620px;
}
#topics {
	background-image: url(../img/top/topics.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	display: block;
	margin-bottom: 20px;
	height: 338px;
	width: 620px;
}

#bn_box {
	display: block;
	margin-bottom: 20px;
	width: 620px;
}
#bn_box a:hover {
	opacity: 0.7;
}

#interview {
	font-size: 16px;
	text-align: center;
	margin: 0 0 20px;
	width: 100%;
}

#bn_earthsystem {
	background-image: url(../img/top/bn_earthsystem.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	display: block;
	margin-bottom: 20px;
	height: 100px;
	width: 620px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

dl.accordion {
	display: block;
	margin: 30px 0;
	width: 620px;
}

.btn-bio {
	display: block;
	margin: 0;
	width: 620px;
}

dl.accordion dd {
	text-align: left;
	display: none;
	margin: 0 auto 30px;
	padding: 20px;
	border: solid 1px #FFCC99;
	box-sizing: border-box;
}

dl.accordion dd li {
	margin-left: 1em;
	list-style-type: none;
}

.nextseminer {
	font-size: 16px;
	font-weight: 600;
	color: #2F5BB2;
	text-align: center;
	margin: 5px auto;
	width: 96%;
}

#bn_bio2025 {
	display: block;
	margin-bottom: 20px;
	width: 620px;
}

#bn_bio2025 a {
	background-image: url(../img/top/bn_bioseminar.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	display: block;
	margin-bottom: 20px;
	height: 285px;
	width: 620px;
}

#bn_bio2025 a a:hover {
	opacity: 0.7;
}

#bn_blog1000 {
	display: block;
	margin: 0 0 20px;
	padding: 0px;
	width: 620px;
}
#bn_blog1000 a {
	background-image: url(https://www.suetake-dc.net/img/top/bn_blog.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 107px;
	width: 620px;
}
#bn_blog1000 a:hover {
	background-position: 0px -107px;
}
#bn_blog1000 p {
	text-align: center;
	margin-top: 5px;
	width: 620px;
}

#bn-info {
	background-color: #FFFFE1;
	display: block;
	margin: 0 0 15px;
	padding: 10px;
	width: 598px;
	border: solid 1px #4157BF;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#bn-info h3 {
	font-size: 16px;
	font-weight: bold;
	color: #4157BF;
}

#lecture {
	display: block;
	margin: 0 0 15px;
	padding: 0px;
	width: 620px;
}
#lecture h2 {
	font-size: 14px;
	font-weight: bold;
	color: #368160;
	background-image: url(../img/top/lec-bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	display: block;
	margin: 0px;
	padding: 50px 0 0;
	float: left;
	width: 130px;
	border: 1px solid #A3D8BE;
}
#lec {
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 480px;
	border: 1px solid #ccc;
}
#info-box {
	display: block;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	height: 150px;
	width: 100%;
}

#top-annai {
	display: block;
	padding: 0px;
	width: 620px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#top-annai h2 {
	background-image: url(../img/top/ti-annai.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 25px;
	width: 620px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#top-annai p {
	line-height: 2em;
	text-align: left;
	padding: 0px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#bnt-mcsc {
	display: block;
	margin: 0 auto 8px;
	padding: 0px;
	height: 150px;
	width: 620px;
}

#bn-trbox {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: 0 auto 8px;
	width: 620px;
}

#bnt-jaws {
	display: block;
	margin: 0;
	width: 306px;
}

#bnt-jaws a {
	background-image: url(../img/top/bnt-jaws.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0;
	height: 230px;
	width: 306px;
}
#bnt-jaws a:hover {
	opacity: 0.7;
}

#bnt-implant {
	display: block;
	margin: 0;
	width: 306px;
}

#bnt-implant a {
	background-image: url(../img/top/bnt-implant.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0;
	height: 230px;
	width: 306px;
}

#bnt-implant a:hover {
	opacity: 0.7;
}

#bnt-gtki a {
	background-image: url(../img/top/bn_gtki.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	margin: 0 auto 8px;
	padding: 0px;
	height: 100px;
	width: 620px;
}
#bnt-gtki a:hover {
	background-image: url(../img/top/bn_gtki_s2.jpg);
}

#top-annai-box {
	display: block;
	margin: 0 auto;
	padding: 0px;
	width: 600px;
}

#top-annai-box-l {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 343px;
}

#top-shinryou {
	display: block;
	padding: 0px;
	width: 343px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
#top-shinryou h3 {
	background-image: url(../img/top/ti-kamoku.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 24px;
	width: 343px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#top-shinryou p {
	font-size: 11px;
	text-align: left;
	padding: 0px;
	width: 330px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 12px;
}

#top-time {
	display: block;
	padding: 0px;
	width: 343px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
#top-time h3 {
	background-image: url(../img/top/ti-time.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 24px;
	width: 343px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#top-time p {
	display: block;
	padding: 0px;
	height: 155px;
	width: 326px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#top-add {
	display: block;
	padding: 0px;
	width: 343px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
#top-add h3 {
	background-image: url(../img/top/ti-add.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 24px;
	width: 343px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#top-add p {
	font-size: 11px;
	text-align: left;
	padding: 0px;
	width: 330px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 12px;
}

#top-tel {
	display: block;
	padding: 0px;
	margin: 0px;
	width: 343px;
}
#top-tel h3 {
	background-image: url(../img/top/ti-tel.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 24px;
	width: 343px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#top-tel p {
	display: block;
	padding: 0px;
	height: 29px;
	width: 251px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 12px;
}

#top-annai-box-r {
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 229px;
}

#top-map {
	display: block;
	padding: 0px;
	width: 229px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#top-map h3 {
	background-image: url(../img/top/ti-map.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 24px;
	width: 229px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#top-map p a {
	background-image: url(../img/top/map.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	margin: 15px auto;
	height: 305px;
	width: 227px;
}
#top-map p a:hover {
	background-image: url(../img/top/map_on.png);
}

#top-access h4 a {
	background-image: url(../img/top/bt-access_s1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 72px;
	width: 229px;
}
#top-access h4 a:hover {
	background-image: url(../img/top/bt-access_s2.gif);
}

#topban-syoudoku {
	background-image: url(../img/top/ban-syoudoku.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 164px;
	width: 620px;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/** ««@right-navi@«« **/

#right-navi {
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 173px;
}

#top-r-map a {
	background-image: url(../img/top/bt-accessmap.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin:  0px 0px 14px;
	padding: 0px;
	height: 37px;
	width: 173px;
}

#top-r-dr {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 173px;
}
#top-r-dr h3 {
	background-image: url(../img/top/right-incyou.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 173px;
	height: 105px;
}
#top-r-dr p {
	background-image: url(../img/top/right-keireki.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 241px;
	width: 172px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#facebook {
	display: block;
	margin: 20px auto;
	padding: 0px;
	width: 172px;
}
#facebook h3 {
	background-image: url(../img/top/facebook-tit.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 0 8px;
	padding: 0px;
	height: 28px;
	width: 172px;
}
#f-link {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 80px;
}
#f-link p {
	font-size: 9px;
	line-height: 1.2em;
	margin: 5px 0 0;
}
#f-like {
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 80px;
}

#season {
	display: block;
	margin: 14px auto;
	padding: 0px;
	width: 154px;
}

#top-r-ban-hakuho a {
	background-image: url(../img/top/ban-hakuho.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 189px;
	width: 154px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#top-r-ban-hakuho a:hover {
	background-image: url(../img/top/ban-hakuho_s2.jpg);
}

#tr-btn-biobloc-list {
	display: block;
	margin: 0 auto;
	padding: 0px;
	height: 154px;
	width: 154px;
}
#tr-btn-biobloc-list a {
	background-image: url(../img/top/btn_biobloc_list.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 154px;
	width: 154px;
}

#tr-btn-biobloc-list a:hover {
	background-position: -154px 0;
}

/* #top-r-ban-jacg {
	display: block;
	margin: 0 auto;
	padding: 0px;
	height: 189px;
	width: 154px;
}
#top-r-ban-jacg a {
	background-image: url(../img/top/bn_jacg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	display: block;
	
	height: 189px;
	width: 154px;
}

#top-r-ban-jacg a:hover {
	background-position: -154px 0;
} */


#bnt_biobloc_pdf {
	display: block;
	margin: 0 0 20px;
	padding: 0px;
	width: 620px;
}
#bnt_biobloc_pdf a {
	background-image: url(../img/top/bnt-biobloc_pdf.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 107px;
	width: 620px;
}
#bnt_biobloc_pdf a:hover {
	background-position: 0px -107px;
}

.accordion dd h2 {
	font-size: 16px;
	font-weight: 600;
	color: #063;
}
.accordion dd h3 {
	font-size: 15px;
	font-weight: 600;
}
.accordion dd h4 {
	font-weight: 600;
}

.accordion dd ul {
	margin: 0.3em 0 1.5em;
}

#btn-biobox {
	display: block;
	margin: 20px auto;
	width: 550px;
}

#btn-biobox a.btn-biodetail {
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	background-color: #096;
	text-align: center;
	display: block;
	padding: 10px;
	float: left;
	width: 250px;
	border-radius: 4px;
	box-sizing: border-box;
	text-decoration: none;
}

#btn-biobox a.btn-bio9pdf {
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
	background-color: #399;
	text-align: center;
	display: block;
	padding: 10px;
	float: right;
	width: 250px;
	border-radius: 4px;
	box-sizing: border-box;
	text-decoration: none;
}

#btn-biobox a:hover {
	opacity: 0.7;
}