@charset "utf-8";
#mainArea{	line-height: 1.5em;	margin-bottom:5px;}
ul.tab{	padding:0;}
ul.tab li{	width:50%;	float:left;	background-color: #6b97da;}
ul.tab li a{	outline:none;	display:block;	text-align:center;text-decoration:none;	font-weight:bold;
	border: 1px solid #666;	border-bottom: none;	border-radius: 5px 5px 0 0;padding: 15px 0;	margin:2px;
	margin-bottom: 0;	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#98a2c5));
	background: -webkit-linear-gradient(top, #fff, #98a2c5);	width:50%;}
ul.tab li a.selected{	text-decoration:none;	color:#333;	cursor:default;	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));background: #fff;}
ul.panel{	clear:both;	border-top:none;padding:0;}
body#biology p.gakumei span {vertical-align:middle; font-size:0.5em;	color:#333333;  padding:1px 3px; margin-top:0;margin-left:5px;line-height:1.3em; border:1px solid #888888;}
div#tab1>li{padding:0px;	color:#333;}
div#steplist {margin: -2px 0 0.2em 0;}
ul.fishlist{padding-top: 0px;}
ul.fishlist li{padding: 3px 3px 6px 3px; border-bottom: solid 1px #CCC; margin-bottom:3px;}
ul.fishlist li.flex{display:flex;align-items: center; width:100%; }

ul.fishlist li div span{}
/*ul.fishlist li img{width: auto; height: 100%;border-radius: 2px;-webkit-border-radius: 2px;overflow: hidden;}*/
ul.fishlist li div,ul.panel li ul li p:last-child{margin: 0;/* height: 30px; *//* position: relative; bottom:0; left:-10px;  */}
/*ul.fishlist li.flex{display:flex; top:0; left:0;height:100%;align-items: center;}*/

/*一般分類 展開タイプ表示*/
ul.fishlist li.unfold{text-align: left;overflow: hidden; padding: 3px; border: solid 1px #CCC; margin-bottom:10px;border-radius: 0px;}
ul.fishlist li.unfold div.p1{ background-color:#ffffff; float:left; margin-bottom:2px; z-index:300; border-right:5px solid #FFFFFF; border-top:none; border-left:none; border-bottom:none; border-radius: 0px;  -webkit-border-radius: 0px;}
ul.fishlist li.unfold { margin-left:0;}
ul.fishlist li.unfold h3{display:block; text-indent:2px; text-align:left; border-bottom:dotted 1px #555; z-index:0; margin-bottom:0.3em;}
ul.fishlist li.unfold span a span {background-color:#EFEFEF; padding:2px 6px; font-size:80%;}
ul.fishlist li.unfold span.crumb{line-height:1.6em; padding-right:8px; margin-right:2px; background: url(images/breadarrow.png) no-repeat right 0.6em;}
ul.fishlist li.unfold span.syues_description{padding-top:0.4em;}

/*学術*/
/*学術リスト*/
div#mainArea .groups{clear: left; overflow:hidden; margin-bottom: 0.4em; width: 100%; }
body.search div#mainArea .groups ul li{width:145px; height: 130px; float: left; margin-left: 10px; text-indent:0;}

/*タブリスト 学術リスト*/
/*
ul.fishlist li div.p1,
body#biology ul.fishlist li div.p1 {width: 120px;  height: 75px; order:1; overflow: hidden;	border-radius: 4px;	-webkit-border-radius: 4px; }
*/
ul.fishlist li img,
body#biology ul.fishlist li img{object-fit:cover; object-position:0 50%;height:75px; width:120px; position: relative; /*bottom:0; left:0;*/ text-align: center; display:block; border-radius:6px;}
ul.fishlist li.no_image img,
body#biology ul.fishlist li img.no_image,
li.unfold img.no_image{object-fit:cover;object-position:50% 50%; height:75px; width:120px; position: relative; text-align: center; display:block; border-radius:6px;}
ul.fishlist li span.photo_title,ul.fishlist li p.photo_title,
ul.fishlist li div.photo_title{ display:block; text-align: left; padding:0 4px 0 0.3em; margin-bottom:0; line-height: 1.3em; order:2;font-weight: bold;}
ul.fishlist li div.icon,
body#biology ul.fishlist li div.icon{ display:none; color:#CCC; position:absolute; right:5px;}
a.zoku,
a.zoku:link,
a.zoku:visited{/*border:1px solid #999; border:1px solid #0053BF;*/background-color:#dadada; font-size:0.85em; line-height:1.8rem; padding:2px 5px 1px; border-radius:3px; text-decoration:none; font-weight:normal !important; color: #38c !important; }
li.red a{color: #333;background: -webkit-gradient(linear, left top, left bottom, from(#fee), to(#fdd));background: -webkit-linear-gradient(top, #fff, #fdd); }
li.red a div.list_name:after{content: " ●";color:red;}
li a div.list_name span{margin-bottom: 5px;display: block;}

/*一般リスト*/
ul.fishlist li div.p2{ display:block;width:55%; text-align: left; padding:0 4px 0 0.3em; margin-bottom:0; line-height: 1.3em; order:2;}
a.btn2 { height: 24px; bottom: 0; right: 0; width: 11.4em;  background-color: #FFFFFF;}
div.btn2 { line-height: 16px; bottom: 0; border: 1px solid #2f7dbd; right: 1px; background-color: #FFFFFF;
    font-weight: normal; padding: 4px 10px 2px 7px; white-space: nowrap; font-size:0.9em;}

/*Custom 検索*/
#mainArea div.paging {width:96%; padding: 0.4em 4px 0.4em 4px; background-color:#F9F9F9; position:relative; margin:0.2em auto 0.7em; text-align:left; border:1px solid #CCC;}
#mainArea div.paging p.page_mes{line-height:1.3em; margin:0.3em 4px;}
#mainArea div.paging ul {width:100%; position:relative; margin:5px 0px; line-height: 35px;}
#mainArea div.paging li.current_page,
#mainArea div.paging li{display:block; float:left; min-width:35px; min-height:35px;  text-align:center; margin: 0 4px 0.3em; border-radius: 2px; background-color:#DDD; text-decoration:none; color:#0053BF;}
#mainArea div.paging a{text-decoration:none; color:#0053BF;}
#mainArea div.paging li.current_page{ background-color:#3388CC; color:#FFF; }

/*ページ内リンク*/
#pageMenu{ margin:0.3em 5px 0.3em 5px; text-indent:0; border:1px solid #C3DFE8; border-radius:2px;}
#pageMenu p { margin:0; padding:2px 3px; background-color: #D2E8FA;	border-radius:2px 2px 0 0;}
#pageMenu ol{ margin:0;	padding:0.2em 1em 0.2em 1.8em; list-style-type:square; list-style-position:outside; color:#0053BF;}
#pageMenu ol li{line-height:1.5em;list-style-type:square;}
#pageMenu ol li a{text-decoration: none;}
#pageMenu ol ol{ margin:0;	padding-left:1em;}

body.paragraphs h2{margin-top: 10px; border-top: 1px solid #fff; padding: 10px 0.3em !important; background-color: #006FC9; color: #fff; text-align: center;}
.description{padding: 5px;}
.description h3{margin: 20px 0 10px 0 !important;padding-bottom: 2px;}
.description h3 {	margin: 10px 0 4px 0 !important;  background-color: #89BFF5;  padding: 8px 5px 5px 3px;  position: relative; /*border-bottom:1px solid #3388CC;*/}
.description h3:before {
    content: ' '; height: 0; position: absolute; width: 0; border: 8px solid transparent; border-width: 4px; /*border-top-color: #ddd;*/  border-left-width: 32px;
    border-right-width: 0; top: 100%; left: 0;}
.description h3:after {
    content: ' '; height: 0; position: absolute; width: 0; border: 8px solid transparent; border-width: 1px; /*border-top-color: #aaa;*/
    border-left-width: 32px; border-right-width: 0;  top: 100%; left: 0;}

#article #contents h3,
#paragraphs h3{ background-color:#D2E8FA;line-height:1.9em; text-indent:0.2em; margin:0.6em 0 0.3em;  font-size:1.1em; }
#article #contents h3 + div.description,
#paragraphs h3 + div.description{padding:3px;}
#article #contents h4,
#paragraphs h4{border-bottom: 1px dotted #CCCCCC;line-height:1.4em; text-indent:0.1em;  margin:0.5em 0 0.2em;  font-size:1em;}
#article #contents h4 + div.description,
#paragraphs h4 + div.description{padding:3px;}
#article #contents #paragraphs h4::before,
#paragraphs h4::before {
	content: "\f0c8";  font-family: FontAwesome;  color:#3388CC; font-size:0.6em; padding-right:0.4em; padding-left:2px; vertical-align:+2px;}
div.p1 {margin: 6px 0;}
div.coltitle1 { padding:0.2em 0 0.1em 0 ; font-weight:bold; text-indent:0.2em; border-top:3px solid #FFF;background-color: #BCDEF5;margin-bottom:0.3em;}
span.coltitle2 {line-height:1.9em; background-color:#DDDDDD; margin-top:5px; padding:1px 0.6em; border-radius:4px; font-weight:bold;}

/*画像幅*/
div.description img.col_img_right {padding:0; margin:3px 0 1px 0; float:right; border-left:0.4em solid #FFFFFF;}
div.description img.col_img_left {padding:0; margin:3px 0 1px 0 ; float:left; border-right:0.4em solid #FFFFFF; z-index: 1;}
div.description img.col_img_ {margin:0 0 4px;}
br.col_clear{clear: both; }
img.w130{width:33%;min-width:130px;}
img.w150{width:150px;}
img.w180{width:40%; min-width:180px;}
img.w200{width:200px;}
img.w220{width:45%;min-width:220px;}
img.w250{width:250px;}
img.w280{width:50%;}
img.w300{width:300px;}
img.w350{width:350px;}
img.w380{width:60%;}
img.w400{width:100%;padding:3px 0 0 0; }
img.w450{width:100%; padding:3px 0 0 0; }
img.w500{width:100%; padding:3px 0 0 0; }

h2#parag0 {margin-top: 0.3em;}
/*SOCIAL BUTTONS*/
.socialButtons{	margin-top:0; padding: 5px 0px 2px 0px;	text-align: right;}
.socialButtons ul li{	display:block;	float:right; margin-right:0.5em;}