@charset "utf-8";

/********************************************************************************************************************************************
	初期設定
********************************************************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, ins, kbd,
q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
article,
aside,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
a { outline:none !important; text-decoration:underline; color:#0030B6; }
a:focus { outline:none !important; color:#0030B6; }
a:active { outline:none !important; color:#0030B6; text-decoration:underline; }
a:hover { color:#0030B6; text-decoration:underline; }
a:visit { color:#0030B6; text-decoration:underline; }
address {
	margin-top:0;
}
p {
	margin-bottom: 0;
}
ul,
ol {
	list-style: none;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 0;
	margin:0 auto 20px auto;
	width: 100%;
}
hr {
	border: none;
	border-top: 1px #000 solid;
	height: 1px;
	margin-bottom:10px;
}

::selection {
background: #e50012;
color: #fff;
}
::-webkit-selection {
background: #e50012;
color: #fff;
}
::-moz-selection {
background: #e50012;
color: #fff;
}

.flt-l { float:left; }
.flt-r { float:right; }

/********************************************************************************************************************************************
  - body設定
********************************************************************************************************************************************/

body {
	font-family:'Lucida Grande',
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				Meiryo,
				メイリオ,
				sans-serif;
	font-size:13px;
	color:#000;
	background: rgb(0,160,233);
	background: -moz-linear-gradient(top,  rgba(0,160,233,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,160,233,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e9', endColorstr='#ffffff',GradientType=0 );
	min-width:1000px;
	background-attachment:fixed;
	-webkit-print-color-adjust: exact;	/* 背景画像を印刷させる */
}
html, body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

/********************************************************************************************************************************************
  - ラッパー
********************************************************************************************************************************************/

#container {
	position: relative;
	width: 100%;
	height:auto !important;
	height: 100%;
	min-height: 100%;
}
#wrapper {
	position:relative;
	clear:both;
	overflow:hidden;
	min-height: 100%;
	width:1000px;
	margin: 0 auto;
	text-align: center;
	padding-bottom:117px;
}

/********************************************************************************************************************************************
  - ヘッダー
********************************************************************************************************************************************/

#LeftWrap header {
	background:#fff;
	padding:31px 0 27px 0;
	margin-bottom:5px;
	text-align:center;
}
#LeftWrap header h1#logo {
	margin-bottom:20px;
}

/********************************************************************************************************************************************
  - フッター
********************************************************************************************************************************************/

footer {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:rgba(0,160,233,1.00);
	padding:10px 0;
	color:#fff;
	z-index:9999;
}
#fWrap {
	position:relative;
	clear:both;
	overflow:hidden;
	width:1000px;
	margin:0 auto;
}
#fWrap p.logo-f {
	font-size:14px;
	font-weight:bold;
	margin:4px 0 18px 0;
	line-height:180%;
	float:left;
}
#fWrap #addressBox {
	float:right;
	width:410px;
	text-align:right;
	position:relative;
	overflow:hidden;
}
#addressBox_en {
	float:right;
	width:500px;
	text-align:right;
	position:relative;
	overflow:hidden;
}
#addressBox_en address {
	font-size:12px;
}
#fWrap dl {
	position:relative;
	clear:both;
	overflow:hidden;
	float:right;
}
#fWrap dl dt {
	display:inline-block;
}
#fWrap dl dt:after {
	content:'：';
}
#fWrap dl dd {
	display:inline-block;

}
#fWrap dl dd:nth-of-type(1) {
	margin-right:18px;
}
#fWrap dl dt,
#fWrap dl dd {
	font-size:16px;
	font-weight:bold;
}
#fWrap p {
	clear:both;
}
#fWrap small {
	position: relative;
	clear: both;
	overflow: hidden;
	display:block;
	font-size: 10px;
	text-align: center;
	padding:10px 0 5px 0;
}

/*---------- ページ上部へ ----------*/
#pageTop {
	position:fixed;
	bottom:100px;
	right:42px;
	z-index:1000;
}

/********************************************************************************************************************************************
  - グローバルMENU
********************************************************************************************************************************************/

#gnav ul li {
	position:relative;
	clear:both;
	overflow:hidden;
	margin-bottom:5px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(214,214,214,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(214,214,214,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6',GradientType=0 );
	text-align:left;
	line-height:1;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"游明朝体","u Mincho","HG明朝E",'メイリオ',Meiryo,sans-serif;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	font-size:16px;
	font-weight:700;
}
#gnav ul li a {
	position:relative;
	display:block;
	color:#000;
	padding:14px 0 14px 48px;
	text-decoration:none;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
#gnav ul li a:before {
	position:absolute;
	content:'';
	top:50%;
	/*left:0;*/
}

#gnav ul li a.seeds {
	display:block;
	padding:5px 0 5px 48px;
}
#gnav ul li a.seeds span {
	display:block;
	padding:2px 0;
}

/*---------- ホームアイコン ----------*/
#gnav ul li a.home:before {
	background:url(../images/icon/home.png) 0 0 no-repeat;
	margin:-12px 0 0 -35px;
	width:24px;
	height:21px;
}
/*---------- 技術シーズカテゴリーアイコン ----------*/
#gnav ul li a.seeds:before {
	background:url(../images/icon/seeds.png) 0 0 no-repeat;
	margin:-10px 0 0 -37px;
	width:25px;
	height:20px;
}
/*---------- 研究員索引アイコン ----------*/
#gnav ul li a.study:before {
	background:url(../images/icon/study.png) 0 0 no-repeat;
	margin:-12px 0 0 -37px;
	width:27px;
	height:24px;
}
/*---------- 教員名索引アイコン ----------*/
#gnav ul li a.teacher:before {
	background:url(../images/icon/teacher.png) 0 0 no-repeat;
	margin:-12px 0 0 -35px;
	width:23px;
	height:23px;
}
/*---------- キーワード索引アイコン ----------*/
#gnav ul li a.keyword:before {
	background:url(../images/icon/keyword.png) 0 0 no-repeat;
	margin:-9px 0 0 -35px;
	width:27px;
	height:24px;
}
#gnav ul li a:after {
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:50%;
	left:184px !important;
	margin-top:-8px;
	background:url(../images/icon/arrow_blue.png) 0 0 no-repeat;
}

/********************************************************************************************************************************************
  - 左サイド
********************************************************************************************************************************************/

#LeftWrap {
	position:relative;
	overflow:hidden;
	float:left;
	text-align:left;
	width:200px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}

/**********************************************************************
  - 左サイド --> 検索
**********************************************************************/

#index {
	position:relative;
	clear:both;
	background: rgb(0,160,233);
	background: -moz-linear-gradient(left,  rgba(0,160,233,1) 0%, rgba(0,85,182,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,160,233,1) 0%,rgba(0,85,182,1) 100%);
	background: linear-gradient(to right,  rgba(0,160,233,1) 0%,rgba(0,85,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e9', endColorstr='#0055b6',GradientType=1 );
	padding:10px 15px 15px 15px;
	margin-top:-5px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
#index p {
	color:#fff;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"游明朝体","u Mincho","HG明朝E",'メイリオ',Meiryo,sans-serif;
	margin:17px 0 10px 0;
	padding:10px 0 10px 30px;
	font-size:15px;
	background:url(../images/icon/ttl-glass.png) 0 50% no-repeat;
}
#index select {
	width:100%;
	border-radius:5px;
	border:2px solid #8b979f;
	padding:6px;
	margin:0 auto 8px auto;
	display:block;
}
#index input[type="text"] {
	width:100%;
	border-radius:5px;
	border:2px solid #8b979f;
	margin:0 auto 8px auto;
	padding:6px;
	display:block;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
#index input[type="submit"] {
	width:100%;
	border-radius:5px;
	border:2px solid #8b979f;
	padding:6px 0;
	margin:0 auto;
	color:#fff;
	display:block;
	font-weight:bold;
	background: rgb(227,1,18);
	background: -moz-linear-gradient(top,  rgba(227,1,18,1) 0%, rgba(159,34,41,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(227,1,18,1) 0%,rgba(159,34,41,1) 100%);
	background: linear-gradient(to bottom,  rgba(227,1,18,1) 0%,rgba(159,34,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30112', endColorstr='#9f2229',GradientType=0 );
}
#index input[type="submit"]:hover {
	cursor:pointer;
}

/**********************************************************************
  - 左サイド --> 注目ランキング
**********************************************************************/

#attention {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#fff;
	margin-bottom:5px;
}
#attention h1 {
	position:relative;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"游明朝体","u Mincho","HG明朝E",'メイリオ',Meiryo,sans-serif;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	line-height:1;
	padding:7px 0 11px 40px;
	font-size:18px;
	font-weight:700;
	background:url(../images/icon/ranking.png) 15px 0 no-repeat;
}

/**********************************************************************
  - 左サイド --> 閲覧履歴
**********************************************************************/

#browsing {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#fff;
	margin-bottom:5px;
}
#browsing h1 {
	position:relative;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"游明朝体","u Mincho","HG明朝E",'メイリオ',Meiryo,sans-serif;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	line-height:1;
	padding:9px 0 11px 40px;
	font-size:18px;
	font-weight:700;
	background:url(../images/icon/browser.png) 15px 0 no-repeat;
}
ul.browsList {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:-5px 16px 20px 16px;
}
ul.browsList li {
	position:relative;
	clear:both;
	overflow:hidden;
	/*
	padding:8px 0 8px 30px;
	background:url(../images/icon/icon_crown.png) 0 3px no-repeat;
	background-size:18px 24px;
	*/
	padding:8px 0;
	border-bottom:1px dotted #000;
}
ul.browsList li.rank1,
ul.browsList li.rank2,
ul.browsList li.rank3,
ul.browsList li.rank4,
ul.browsList li.rank5 {
	position:relative;
	padding-left:25px;
}
ul.browsList li.rank1:before,
ul.browsList li.rank2:before,
ul.browsList li.rank3:before,
ul.browsList li.rank4:before,
ul.browsList li.rank5:before {
	position:absolute;
	top:8px;
	left:3px;
	color:#DB0003;
}
ul.browsList li.rank1:before { content:'1:'; }
ul.browsList li.rank2:before { content:'2:'; }
ul.browsList li.rank3:before { content:'3:'; }
ul.browsList li.rank4:before { content:'4:'; }
ul.browsList li.rank5:before { content:'5:'; }

ul.browsList li a {
	color:#000;
	text-decoration:underline;
}
ul.browsList li:last-child {
	border-bottom:none;
}

/**********************************************************************
  - 左サイド --> こんなシーズ集を見た人は...
**********************************************************************/

#view {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#fff;
	margin-bottom:5px;
}
#view h1 {
	position:relative;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"游明朝体","u Mincho","HG明朝E",'メイリオ',Meiryo,sans-serif;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	line-height:1.4;
	padding:9px 9px 11px 40px;
	font-size:12px;
	background:url(../images/icon/browser.png) 15px 0 no-repeat;
}
ul.viewList {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:-5px 16px 20px 16px;
}
ul.viewList li {
	position:relative;
	clear:both;
	overflow:hidden;
	padding:12px 0;
	border-bottom:1px dotted #000;
}
ul.viewList li a {
	color:#000;
	text-decoration:underline;
}
ul.viewList li:last-child {
	border-bottom:none;
}

/********************************************************************************************************************************************
  - 右サイド
********************************************************************************************************************************************/

#RightWrap {
	position:relative;
	/*overflow:hidden;*/
	float:right;
	text-align:left;
	width:780px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	background:#fff;
	min-height:600px;
	padding-bottom:80px;
}

/**********************************************************************
  - 右サイド --> 言語
**********************************************************************/

#lang {
	position:relative;
	overflow:hidden;
	float:left;
	margin:10px 0 20px 31px;
	width:120px;
}
#lang p {
	color:#fff;
	width:50%;
	font-size:10px;
	float:left;
	text-align:center;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
#lang p a {
	position:relative;
	text-align:center;
	text-decoration:none;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}

/*---------- 日本語 ----------*/
#lang p.jp a {
	background:#333;
	border:1px solid #333;
	color:#fff;
	display:block;
	padding:5px 0;
}
#lang p.jp a:after {
	position:absolute;
	content:'';
	top:-1px;
	right:-10px;
	width:0;
	height:0;
	border-style: solid;
	border-width: 30px 10px 0 0;
	border-color: #333 transparent transparent transparent;
	z-index:1;
}

/*---------- 英語 ----------*/
#lang p.en a {
	background:#fff;
	/*border:1px solid #b2b2b2;*/
	border:1px solid #333;
	color:#000;
	display:block;
	padding:5px 0;
}

/*---------- トップリンク ----------*/
ul#hmenu {
	position:relative;
	float:right;
	overflow:hidden;
	margin:14px 0 30px 0;
}
ul#hmenu li {
	position:relative;
	overflow:hidden;
	float:left;
	font-size:12px;
	background:url(../images/icon/arrow_red.png) 0 50% no-repeat;
	padding-left:15px;
	margin-right:20px;
}
ul#hmenu li a {
	color:#000;
	text-decoration:none;
}
ul#hmenu li:first-child {
	background-image:url(../images/icon/arrow_blue.png) !important;
}
ul#hmenu li:last-child {
	margin-right:32px;
}

/********************************************************************************************************************************************
  - トップページ
********************************************************************************************************************************************/

/**********************************************************************
  - トップページ --> 検索窓
**********************************************************************/

#searchBox {
	position:relative;
	clear:both;
	background: rgb(0,160,233);
	background: -moz-linear-gradient(left,  rgba(0,160,233,1) 0%, rgba(0,85,182,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,160,233,1) 0%,rgba(0,85,182,1) 100%);
	background: linear-gradient(to right,  rgba(0,160,233,1) 0%,rgba(0,85,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e9', endColorstr='#0055b6',GradientType=1 );
	padding-top:125px;
}
#searchBox:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:125px;
	background:url(../images/bg/ttl-search.png) 0 0 no-repeat;
}
#searchBox:after {
	position:absolute;
	content:'';
	top:16px;
	left:31px;
	width:174px;
	height:175px;
	background:url(../images/bg/magnifyingglass.png) 0 0 no-repeat;
	z-index:1;
}
#searchBox p {
	color:#fff;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"游明朝体","u Mincho","HG明朝E",'メイリオ',Meiryo,sans-serif;
	margin:17px 0 10px 230px;
	font-size:20px;
	font-weight:700;
}
#searchBox #searchInBox {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0 0 0 31px;
	padding-bottom:15px;
	z-index:100;
}
#searchBox #searchInBox select {
	
	width:185px;
	border-radius:3px;
	border:2px solid #8b979f;
	padding:0 0 0 6px;
	font-size:14px;
	height:30px;
	line-height: 30px;
}
#searchBox #searchInBox input[type="text"] {
	width:400px;
	border-radius:3px;
	border:2px solid #8b979f;
	margin:0 10px;
	padding:6px;
	font-size:14px;
}
#searchBox #searchInBox input[type="submit"] {
	width:85px;
	border-radius:3px;
	border:2px solid #8b979f;
	padding:6px 0;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	background: rgb(227,1,18);
	background: -moz-linear-gradient(top,  rgba(227,1,18,1) 0%, rgba(159,34,41,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(227,1,18,1) 0%,rgba(159,34,41,1) 100%);
	background: linear-gradient(to bottom,  rgba(227,1,18,1) 0%,rgba(159,34,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30112', endColorstr='#9f2229',GradientType=0 );
}
#searchBox #searchInBox input[type="submit"]:hover {
	cursor:pointer;
}

/**********************************************************************
  - トップページ --> ランキング
**********************************************************************/

/*---------- 注目のトピックス ----------*/
#attentionBox {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:30px;
}

/*---------- 注目の職員 ----------*/
#teacherBox {
	position:relative;
	float:left;
	overflow:hidden;
	margin:0 0 50px 30px;
	width:350px;
}

/*---------- 注目のキーワード ----------*/
#keywordBox {
	position:relative;
	float:right;
	overflow:hidden;
	margin:0 30px 50px 0;
	width:350px;
}

/*---------- ランキング各タイトル ----------*/
#attentionBox h1,
#teacherBox h1,
#keywordBox h1 {
	position:relative;
	color:#fff;
	background:url(../images/bg/ribbon.png) 0 0 no-repeat;
	padding:7px 0 25px 27px;
	font-size:14px;
	font-weight:bold;
	line-height:1;
}
#news h1,
#list h1 {
	position:relative;
	color:#fff;
	background:url(../images/bg/ribbon-red.png) 0 0 no-repeat;
	padding:7px 0 25px 27px;
	font-size:14px;
	font-weight:bold;
	line-height:1;
}

/*---------- ランキング一覧 ----------*/
ul.rankList {
	position:relative;
	clear:both;
	overflow:hidden;
}
ul.rankList li {
	position:relative;
	clear:both;
	overflow:hidden;
	line-height:1.5;
	padding:8px 0 8px 63px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"游明朝体","u Mincho","HG明朝E",'メイリオ',Meiryo,sans-serif;
	background:url(../images/icon/icon_crown.png) 0 8px no-repeat;
}
ul.rankList li a {
	color:#00a0e9;
	text-decoration:underline;
}
ul.rankList li.rank1,
ul.rankList li.rank2,
ul.rankList li.rank3,
ul.rankList li.rank4,
ul.rankList li.rank5 {
	font-size:15px;
	font-weight:bold;
}
ul.rankList li.rank1:before,
ul.rankList li.rank2:before,
ul.rankList li.rank3:before,
ul.rankList li.rank4:before,
ul.rankList li.rank5:before {
	position:absolute;
	top:0;
	left:30px;
	margin-top:0;
	font-size:28px !important;
}
ul.rankList li.rank1:before { content:'1'; }
ul.rankList li.rank2:before { content:'2'; }
ul.rankList li.rank3:before { content:'3'; }
ul.rankList li.rank4:before { content:'4'; }
ul.rankList li.rank5:before { content:'5'; }

/*---------- 一覧リスト ----------*/
.rankLabo {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:30px 0;
}
.rankLabo li {
	position:relative;
	clear:both;
	overflow:hidden;
	padding:15px 15px 30px 15px;
	border-bottom:1px solid #ccc;
}
/*---------- 研究室リンクタイトル ----------*/
.rankLabo p.labo_link {
	position:relative;
	margin-bottom:15px;
	padding:8px 0 8px 63px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"游明朝体","u Mincho","HG明朝E",'メイリオ',Meiryo,sans-serif;
	background:url(../images/icon/icon_crown.png) 0 8px no-repeat;
}
.rankLabo p.labo_link a {
	font-size:22px;
	letter-spacing:3px;
	font-weight:700;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
.rankLabo p.labo_link a:hover {
	color:#C90000 !important;
}

.rankLabo p.rank1,
.rankLabo p.rank2,
.rankLabo p.rank3,
.rankLabo p.rank4,
.rankLabo p.rank5 {
	font-size:15px;
	font-weight:bold;
}
.rankLabo p.rank1:before,
.rankLabo p.rank2:before,
.rankLabo p.rank3:before,
.rankLabo p.rank4:before,
.rankLabo p.rank5:before {
	position:absolute;
	top:8px;
	left:33px;
	margin-top:0;
	font-size:28px !important;
}
.rankLabo p.rank1:before { content:'1'; }
.rankLabo p.rank2:before { content:'2'; }
.rankLabo p.rank3:before { content:'3'; }
.rankLabo p.rank4:before { content:'4'; }
.rankLabo p.rank5:before { content:'5'; }

/*---------- 注目のトピックスのみ大きくする ----------*/
.rankLabo p.atte {
	font-size:20px !important;
	background-position:0 9px;
}
.rankLabo p.atte:before {
	top:8px;
	left:30px;
	margin-top:-5px;
	font-size:34px !important;
}

/*---------- 画像あり ----------*/
.rankLabo div.photo {
	position:relative;
	overflow:hidden;
	float:left;
	width:120px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	border:5px solid #F5F5F5;
}
.rankLabo div.photo img {
	width:100%;
	height:auto;
}
/*---------- 画像なし ----------*/
.rankLabo div.photo_no {
	position:relative;
	overflow:hidden;
	float:left;
	width:120px;
	height:120px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	background:#F5F5F5;
}
.rankLabo div.photo_no:before {
	position:absolute;
	content:'No Photo';
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto auto auto auto;
	font-size:10px;
	color:#ddd;
	width:50px;
	height:15px;
}
	
/*---------- 研究室説明 ----------*/
.rankLabo .laboTxt {
	position:relative;
	float:right;
	text-align:left;
	width:540px;
}

/********************************************************************************************************************************************
  - 下層ページ共通
********************************************************************************************************************************************/

article {
	position:relative;
	clear:both;
	/*overflow:hidden;*/
	margin-bottom:30px;
}
article #ttl {
	position:relative;
	clear:both;
	overflow: hidden;
	background-position:33px 50%;
	background-repeat:no-repeat;
	background: rgb(0,160,233);
	background: -moz-linear-gradient(left,  rgba(0,160,233,1) 0%, rgba(0,85,182,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,160,233,1) 0%,rgba(0,85,182,1) 100%);
	background: linear-gradient(to right,  rgba(0,160,233,1) 0%,rgba(0,85,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e9', endColorstr='#0055b6',GradientType=1 );
	color:#fff;
	font-size:20px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"游明朝体","u Mincho","HG明朝E",'メイリオ',Meiryo,sans-serif;
	padding:15px 15px 15px 74px;
	margin-bottom:31px;
	-webkit-text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
			text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
}

/********************************************************************************************************************************************
  - 研究室索引ページ
********************************************************************************************************************************************/

#study {
	position:relative;
	clear:both;
	overflow:hidden;
}
.ttl-study:before {
	position:absolute;
	top:50%;
	left:33px;
	content:'';
	width:30px;
	height:27px;
	margin-top:-13px;
	background-image:url(../images/icon/ttl-study.png);
}

#study ul li {
	position:relative;
}

/*---------- link ----------*/
.more_senkou {
	position:absolute;
	top:10px;
	right:40px;
	z-index:100;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
.more_senkou:hover {
	opacity:0.8;
}

/*---------- toggle ----------*/
#study a.toggle {
    display: block;
	margin:0 30px 15px 30px;
	font-size:18px;
	font-weight:700;
}
#study div.indexBox {
    display: none;/**/
    margin: 0 30px 20px 30px;
}
#study .menu {
	position: relative;
	display: block;
	background: #b2e3f8;
	border-bottom:2px solid #00a0e9;
	color: #000;
	text-decoration: none;
	padding: 7px 0 4px 33px;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
#study .menu:hover {
	background: #85D2F3;
	cursor:pointer;
}
#study .menu:after {
	position: absolute;
	top: 13px;
	left: 10px;
	content: '';
	width:0;
	height:0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #000;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
#study .menu.active:after {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}

/*---------- table ----------*/
#study table caption {
	position:relative;
	text-align:left;
	background:#00a0e9;
	padding:12px 0 0 8px;
	font-size:18px;
	font-weight:500;/**/
	color:#fff;
	width:323px;
	height:40px;
	line-height:1;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
#study table caption:after {
	position:absolute;
	top:0;
	right:-36px;
	content:'';
	width:0;
	height:0;
	border-style: solid;
	border-width: 40px 0 0 36px;
	border-color: transparent transparent transparent #00a0e9;
}
#study table th {
	border-top:1px solid #00a0e9;
	border-bottom:1px solid #00a0e9;
	width:50%;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	text-align:center;
	padding:5px 0;
}
#study table th:first-child {
	border-right:1px solid #00a0e9;
}
#study table td {
	font-size:14px;
	padding:7px 15px;
	vertical-align:top !important;
	border-bottom:1px solid #F5F5F5;
}
#study table tr:nth-child(2n) {
	background:#F9F9F9;
}
#study table tr:last-child td {
	border-bottom:none !important;
}
#study table td a {
	font-size:15px;
}

#study table td span {
	display:block;
	float:left;
	margin-right:10px;
	min-width:100px;
}
#study table td span:nth-child(3n) {
	margin-right:0;
}
#study table td span:nth-child(4n) {
	clear:left;
}

/********************************************************************************************************************************************
  - キーワード索引ページ
  - 教員名索引ページ
********************************************************************************************************************************************/

#keyword,
#teacher {
	position:relative;
	clear:both;
	overflow:hidden;
}

.ttl-keyword:before {
	position:absolute;
	top:50%;
	left:33px;
	content:'';
	width:31px;
	height:26px;
	margin-top:-13px;
	background-image:url(../images/icon/ttl-keyword.png);
}
.ttl-teacher:before {
	position:absolute;
	top:50%;
	left:33px;
	content:'';
	width:27px;
	height:27px;
	margin-top:-13px;
	background-image:url(../images/icon/ttl-teacher.png);
}

#keyword ul li,
#teacher ul li {
	position:relative;
}

/*---------- toggle ----------*/
#keyword a.toggle,
#teacher a.toggle {
    display: block;
	margin:0 30px 15px 30px;
	font-size:18px;
	font-weight:bold;
}

#keyword div.keyWrap,
#teacher div.teacherWrap,
#keyword div.keyWrap_en,
#teacher div.teacherWrap_en {
	position:relative;
	clear:both;
	overflow:hidden;
    display: none;/**/
    margin: 0 30px 20px 30px;
}

#keyword .menu,
#teacher .menu {
	position: relative;
	display: block;
	background: #b2e3f8;
	border-bottom:2px solid #00a0e9;
	color: #000;
	text-decoration: none;
	padding: 7px 0 4px 33px;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}

#keyword .menu:hover,
#teacher .menu:hover {
	background: #85D2F3;
	cursor:pointer;
}

#keyword .menu:after,
#teacher .menu:after {
	position: absolute;
	top: 13px;
	left: 10px;
	content: '';
	width:0;
	height:0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #000;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}

#keyword .menu.active:after,
#teacher .menu.active:after {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}

/*---------- 50音一覧 ----------*/
#keyword dl.List50,
#teacher dl.List50 {
	position:relative;
	clear:both;
	overflow:hidden;
	width:330px;
	margin-bottom:20px;
}

#keyword dl.List50 dt,
#teacher dl.List50 dt {
	position:relative;
	background:#00A0E9;
	width:70px;
	height:36px;
	line-height:1;
	padding:12px 0 0 0;
	margin-bottom:10px;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:700;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}

#keyword dl.List50 dt:before,
#teacher dl.List50 dt:before {
	position:absolute;
	bottom:0;
	left:0;
	content:'';
	width:300px;
	height:0;
	border-bottom:1px solid #00A0E9;
}

#keyword dl.List50 dt:after,
#teacher dl.List50 dt:after {
	position:absolute;
	top:0;
	right:-36px;
	content:'';
	width:0;
	height:0;
	border-style: solid;
	border-width: 36px 0 0 36px;
	border-color: transparent transparent transparent #00a0e9;
}

#keyword dl.List50 dd,
#teacher dl.List50 dd {
	position:relative;
	clear:both;
	overflow:hidden;
	padding:7px 0 7px 3px;
	border-bottom:1px dotted #ccc;
	font-weight:700;
	font-size:14px;
}

#keyword dl.List50 dd span,
#teacher dl.List50 dd span {
	position:relative;
	display:block;
	overflow:hidden;
	width:auto !important;
	margin-bottom:7px;
	padding-left:15px;
	font-weight:normal !important;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
/*
#keyword dl dd span:first-child,
#teacher dl dd span:first-child {
	padding-top:15px;
}
*/
#keyword dl.List50 dd span:before,
#teacher dl.List50 dd span:before {
	position:absolute;
	content:'';
	top:5px;
	left:2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #555;
}

/*---------- 50音一覧（英語） ----------*/
#keyword dl.List50_en,
#teacher dl.List50_en {
	position:relative;
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
}

#keyword dl.List50_en dt,
#teacher dl.List50_en dt {
	position:relative;
	width:30%;
	float:left;
	line-height:1;
	text-align:left;
	font-size:14px;
	font-weight:700;
	padding:7px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}

#keyword dl.List50_en dd,
#teacher dl.List50_en dd {
	position:relative;
	padding:7px 7px 7px 0;
	float:left;
	width:70%;
	font-weight:700;
	font-size:14px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}

#keyword dl.List50_en dd span,
#teacher dl.List50_en dd span {
	position:relative;
	display:block;
	overflow:hidden;
	width:auto !important;
	margin-bottom:7px;
	padding-left:15px;
	font-weight:normal !important;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
#keyword dl.List50_en dd span:before,
#teacher dl.List50_en dd span:before {
	position:absolute;
	content:'';
	top:5px;
	left:2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #555;
}

ol.mlist {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0 30px 10px 30px;
}
ol.mlist li {
	position:relative;
	overflow:hidden;
	float:left;
	width:230px;
	padding:10px 0;
	line-height:1;
}

ol.mlist_en {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0 30px 10px 30px;
}
ol.mlist_en li {
	position:relative;
	overflow:hidden;
	padding:8px 0;
	line-height:1;
}


/********************************************************************************************************************************************
  - 研究室ページ
********************************************************************************************************************************************/

article#labo #ttl {
	padding-left: 15px !important;
	margin-bottom:10px;
}
.ttl-labo,
.ttl-labo_en {
	line-height: 120%;
}
.catchphrase,
.catchphrase_en {
	position: relative;
	margin:15px 0 15px 0;
}
.catchphrase p,
.catchphrase_en p {
	position: relative;
	margin:0 0 10px 0;
	line-height:100% !important;
	-webkit-text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
			text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
}
.bx-link {
	display: -webkit-flex;
	display: flex;
	justify-content: -webkit-flex-end;
			justify-content: flex-end;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding:0 20px;
	margin-bottom:10px;
}
#labo section {
	position:relative;
	margin:30px;
}
#labo section h1 {
	position: relative;
	background:#00A0E9;
	width:180px;
	height:30px;
	color:#fff;
	font-family:'Lucida Grande',
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				Meiryo,
				メイリオ,
				sans-serif;
	font-size:16px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:4px 0 0 8px;
	letter-spacing:1px;
	margin-bottom: 30px;
}
#labo section h1:after {
	position:absolute;
	top:0;
	right:-30px;
	content:'';
	width:0;
	height:0;
	border-style: solid;
	border-width: 30px 0 0 30px;
	border-color: transparent transparent transparent #00a0e9;	
}
/*---------- 研究室ページリンクボタン ----------*/
.more_study,
.more_guide {
	-webkit-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
.more_study:hover,
.more_guide:hover {
	opacity:0.8;
}

/*---------- 関連キーワードなど ----------*/
dl.words {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0 30px;
}
dl.words dt {
	float:left;
	clear:left;
}
dl.words dd {
	float:left;
}
dl.words dt:after {
	content:'：';
}
	
/*---------- 研究員一覧 ----------*/

#teachers {
	border-top:1px solid #00A0E9;
}
#teachers section {
	border:none;
	overflow:inherit !important;
	width:120px;
	min-height:440px;
	float:left;
	margin:-10px 30px 30px 0;
}
#teachers section:last-child {
	margin-right:0;
}
#teachers section h2 {
	text-align:center;
	font-size:15px;
	margin:10px 0;
}
#teachers section h2 span {
	display:block;
	font-size:13px;
	font-style:italic;
}
p.email {
	color:#0030B6;
	text-decoration:underline;
	word-break:break-all; /*-- 英語文字が突き抜けるので指定 --*/
}
ul.detail {
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	width:100%;
	border-radius:4px;
	border:1px solid #8B979F;
	background: rgb(244,244,244);
	background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(216,216,216,1) 47%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(216,216,216,1) 47%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(216,216,216,1) 47%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 );
}
ul.detail li {
	position:relative;
}
ul.detail li span {
	display:block;
	padding:5px;
}
ul.detail li:after {
	position: absolute;
	top: 10px;
	right: 8px;
	content: '';
	width:0;
	height:0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #000 transparent transparent transparent;
}

/*---------- 子要素 ----------*/
ul.detail li ul {
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: -1px;
	margin: 0;
	padding: 0;
	border:1px solid #8B979F;
	border-top:none;
	background:#fff;
	border-radius:0 0 5px 5px;
	width:100%;
}
ul.detail:hover {
	cursor:pointer;
}
ul.detail li ul li:after {
	display:none;
}
ul.detail li ul {
	opacity: 0;
	top: 80%;
	visibility: hidden;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
ul.detail li:hover ul {
	top: 95%;
	visibility: visible;
	opacity: 1;
}
ul.detail li ul li a {
	padding:5px;
	display:block;
	border-bottom:1px dotted #555;
	text-decoration:none;
	font-size:11px;
}
ul.detail li ul li a:hover {
	background:#00a0e9;
	color:#fff;
}
ul.detail li ul li:last-child a {
	border-bottom:none;
	border-radius:0 0 5px 5px;
}

#sWrap {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:30px 30px 0 30px;
	border-top:1px solid #00A0E9;
}
#sWrap:before {
	position:absolute;
	content:'';
	top:30px;
	left:50%;
	height:100%;
	border-right:1px solid #00A0E9;
}
.sec {
	width:50%;
	margin:0 !important;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	border-bottom:1px solid #00A0E9;
	height:100% !important;
	min-height:400px;
}
.sec:nth-child(2n) {
	float:right;
	clear:right;
}
.sec:nth-child(2n-1) {
	float:left;
	clear:left;
}
.sBox {
	padding:0 15px 30px 15px;
}
.sBox p {
	margin-bottom:15px;
	line-height:1.7;
}

ul.laboImg {
	position:relative;
	clear:both;
	margin:0 auto;
	padding-top:60px;
	width:720px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
ul.laboImg li {
	position:relative;
	/*float:left;*/
	margin:0 0 30px 0 !important;
}
ul.laboImg li:nth-child(3n),
ul.laboImg li:last-child {
	margin-right:0;
}
ul.laboImg li:nth-child(4) {
	clear:left;
}
ul.laboImg li span {
	display:block;
}

ul.laboImg li img {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:20px;
}

ul.ty1 li {
	/*width:620px%;*/
	width:100%;
	/*
    float:none !important;
	clear:both;
	margin:0 auto !important;
    */
    text-align:center;
	display:block;
}
ul.ty2 li {
	width:48%;
	/*
    width:340px;
	margin-right:30px;
    */
}
ul.ty3 li {
    width:48%;
	/*
    width:30%;
	width:200px;
    margin:0 60px 30px 0;
    */
	
}

/**********************************************************************
  - 検索結果
**********************************************************************/

#result {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:30px;
}
#result h1 {
	position:relative;
	border-bottom:1px solid #00A0E9;
	color:#00A0E9;
	line-height:1;
	font-size:25px;
	padding:10px 0;
	margin-bottom:10px;
	background:none !important;
}
#result p.total {
	font-size:12px;
	margin-bottom:30px;
}
#result ul {
	position:relative;
	clear:both;
	overflow:hidden;
}
#result ul li {
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
	font-size:15px;
	line-height:1.3;
}

/*---------- 一覧リスト ----------*/
#searchList {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:30px 0;
}
#searchList li {
	position:relative;
	clear:both;
	overflow:hidden;
	padding:15px 15px 30px 15px;
	border-bottom:1px solid #ccc;
}
/*---------- 研究室リンクタイトル ----------*/
#searchList p.labo_link {
	margin-bottom:15px;
}
#searchList li a {
	font-size:28px;
	letter-spacing:3px;
	font-weight:700;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
#searchList li a:hover {
	color:#C90000 !important;
}
/*---------- 画像あり ----------*/
#searchList div.photo {
	position:relative;
	overflow:hidden;
	float:left;
	width:120px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	border:5px solid #F5F5F5;
}
#searchList div.photo img {
	width:100%;
	height:auto;
}
/*---------- 画像なし ----------*/
#searchList div.photo_no {
	position:relative;
	overflow:hidden;
	float:left;
	width:120px;
	height:120px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	background:#F5F5F5;
}
#searchList div.photo_no:before {
	position:absolute;
	content:'No Photo';
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto auto auto auto;
	font-size:10px;
	color:#ddd;
	width:50px;
	height:15px;
}
	
/*---------- 教員・キーワード等 ----------*/
#searchList .relation {
	position:relative;
	float:right;
	text-align:left;
	width:540px;
}

/*---------- メッセ―ジ・分野等 ----------*/
#searchList .detail {
	position:relative;
	clear:both;
	overflow:hidden;
	padding-top:10px;
}
#searchList li dl {
	position:relative;
	clear:both;
	overflow:hidden;
	margin-bottom:7px;
}
#searchList li dl dt {
	position:relative;
	float:left;
	margin-right:25px;
	clear:right;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	padding:5px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:700;
	background:#00598B;
	width:90px;
	text-align:center;
	letter-spacing:2px;
}
#searchList li dl dt:before {
	position:absolute;
	content:'';
	width: 0;
	height: 0;
	top:0;
	right:-10px;
	border-style: solid;
	border-width: 13px 0 12px 10px;
	border-color: transparent transparent transparent #00598B;
}
#searchList li dl.keywords dt {
	margin-bottom:15px;
}
#searchList li dl.keywords_long dt {
	margin-bottom:60px;
}
#searchList li dl dd {
	position:relative;
	display:inline-block;
	font-size:12px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	padding:5px 15px 5px 0;
}
#searchList li dl dd:before {
	position:absolute;
	content:'/';
	top:4px;
	right:0;
}
#searchList li dl dd:last-child:before {
	display:none;
}
.engineerBox,
.messageBox {
	position:relative;
	clear:both;
	overflow:hidden;
	margin-top:10px;
}
.engineerBox p,
.messageBox p {
	font-size:12px;
	line-height:1.5;
}
.d_l {
	position:relative;
	float:left;
	width:120px;
	font-weight:700;
	margin-left:20px;
}
.d_r {
	position:relative;
	float:right;
	width:540px;
}
/*---------- ページング ----------*/
.prev,
.next {
	position:relative;
	clear:none;
	display:block;
	text-align:center;
	width:100px;
	background:#0084E4;
	border-radius:4px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
.prev a,
.next a {
	display:block;
	color:#fff;
	padding:7px 0;
	width:100%;
	text-decoration:none;
}
.prev:hover,
.next:hover {
	background:#C90000 !important;
}
.prev {
	float:left;
}
.next {
	float:right;
}

/********************************************************************************************************************************************
  - 技術シーズカテゴリーページ
********************************************************************************************************************************************/

#seeds {
	position:relative;
	clear:both;
	overflow:hidden;
}
.ttl-seeds:before {
	position:absolute;
	top:50%;
	left:33px;
	content:'';
	width:25px;
	height:20px;
	margin-top:-10px;
	background-image:url(../images/icon/ttl-seeds.png);
}

#seeds ul li {
	position:relative;
}

/*---------- link ----------*/
.more_senkou {
	position:absolute;
	top:10px;
	right:40px;
	z-index:100;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
.more_senkou:hover {
	opacity:0.8;
}

/*---------- toggle ----------*/
#seeds a.toggle {
    display: block;
	margin:0 30px 15px 30px;
	font-size:18px;
	font-weight:700;
}
#seeds div.indexBox {
    display: none;/**/
    margin: 0 30px 20px 30px;
}
#seeds .menu {
	position: relative;
	display: block;
	background: #b2e3f8;
	border-bottom:2px solid #00a0e9;
	color: #000;
	text-decoration: none;
	padding: 7px 0 4px 33px;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
#seeds .menu:hover {
	background: #85D2F3;
	cursor:pointer;
}
#seeds .menu:after {
	position: absolute;
	top: 13px;
	left: 10px;
	content: '';
	width:0;
	height:0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #000;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
#seeds .menu.active:after {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}

/*---------- table ----------*/
#seeds table caption {
	position:relative;
	text-align:left;
	background:#00a0e9;
	padding:12px 0 0 8px;
	font-size:18px;
	font-weight:500;/**/
	color:#fff;
	width:323px;
	height:40px;
	line-height:1;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
}
#seeds table caption:after {
	position:absolute;
	top:0;
	right:-36px;
	content:'';
	width:0;
	height:0;
	border-style: solid;
	border-width: 40px 0 0 36px;
	border-color: transparent transparent transparent #00a0e9;
}
#seeds table th {
	border-top:1px solid #00a0e9;
	border-bottom:1px solid #00a0e9;
	width:50%;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	text-align:center;
	padding:5px 0;
}
#seeds table th:first-child {
	border-right:1px solid #00a0e9;
}
#seeds table td {
	font-size:14px;
	padding:7px 15px;
	vertical-align:top !important;
	border-bottom:1px solid #F5F5F5;
}
#seeds table tr:last-child td {
	border-bottom:none !important;
}
#seeds table tr:nth-child(2n) {
	background:#F9F9F9;
}
#seeds table td a {
	font-size:15px;
}

#seeds table td span {
	display:block;
	float:left;
	margin-right:10px;
	min-width:100px;
}
#seeds table td span:nth-child(3n) {
	margin-right:0;
}
#seeds table td span:nth-child(4n) {
	clear:left;
}

/********************************************************************************************************************************************
  - お知らせ
********************************************************************************************************************************************/

/*---------- 注目のトピックス ----------*/
#news {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:30px;
}
#news h1.news {
	position:relative;
	font-size:24px;
	margin:0 0 20px 0;
	padding-left:35px;
	font-family: "Sawarabi Mincho";
	letter-spacing:3px;
}
#news h1.news:before {
	position:absolute;
	content:'';
	top:50%;
	left:0;
	width:20px;
	border-top:1px solid #000;
}
#news ul {
	position:relative;
	clear:both;
	overflow:hidden;
	background:#F9F9F9;
	border-radius:8px;
	padding:0 25px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	margin:20px 0;
	-webkit-box-shadow:0 4px 3px -3px rgba(0,0,0,0.30);
	   -moz-box-shadow:0 4px 3px -3px rgba(0,0,0,0.30);
	    -ms-box-shadow:0 4px 3px -3px rgba(0,0,0,0.30);
	     -o-box-shadow:0 4px 3px -3px rgba(0,0,0,0.30);
	        box-shadow:0 4px 3px -3px rgba(0,0,0,0.30);
}
#news ul li {
	position:relative;
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	padding:15px 7px;
}
#news ul li:last-child {
	border-bottom:none;
}
#news ul li dl dt {
	float:left;
	width:140px;
	font-size:14px;
	line-height:100%;
}
#news ul li dl dd {
	float:left;
	width:auto;
	font-size:14px;
	line-height:100%;
}
.new {
	background:rgba(212,0,0,1.00);
	color:#fff;
	line-height:150%;
	width:30px;
	display:inline-block;
	text-align:center;
	font-size:10px;
	margin-left:5px;
	border-radius:3px;
}
.morelist {
	position:absolute;
	top:0;
	right:5px;
	margin:0;
	font-size:12px;
	text-align:center;
	line-height:100%;
	border-radius:4px;
}
.morelist a {
	position:relative;
	display:block;
	color:#333;
	padding:12px 30px 12px 20px;
	width:100%;
	text-decoration:none;
	border-radius:4px;
	background:#f9f9f9;
	/*
	border:1px solid #ccc;
	*/
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
.morelist a:after {
	position:absolute;
	top:12px;
	right:13px;
	content:'>';
}

.morelist a:hover {
	background:#0084E4 !important;
	color:#fff !important;
}

/*-------------------- 詳細 ----------*/

#news-header h1 {
	background:none !important;
	text-indent:inherit !important;
	color:#000;
	margin:30px 0 0 0;
	padding:0 3px 15px 3px;
	font-family:'Lucida Grande',
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				Meiryo,
				メイリオ,
				sans-serif;
	border-bottom:3px solid #333;

}
p.datatime {
	position:relative;
	clear:both;
	overflow:hidden;
	font-size:12px;
	float:right;
	width:120px;
	text-align:center;
	padding:15px 0;
	margin:0 0 40px 0;
	color:#fff;
	border-radius:0 0 3px 3px;
	background:#333;
	line-height:100%;
}
.content {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0 10px 50px 10px;
	padding-bottom:50px;
	min-height:400px;
	border-bottom:1px solid #efefef;
}
.content p {
	margin-bottom:20px;
	font-size:14px;
}
.content img {
	display:block;
	margin-bottom:20px;
	max-width:100%;
	height: auto;
}
.content strong {
	font-weight:bold !important;
}
.notfound {
	margin:60px 0 0 0;
}
.back {
	position:relative;
	clear:both;
	overflow:hidden;
	width:150px;
	text-align:center;
	margin:0 auto;
}
.back a {
	display:block;
	width:100%;
	height:auto;
	padding:15px 0;
	color:#fff;
	background:#333;
	border-radius:3px;
	text-decoration:none;
}

/********************************************************************************************************************************************
  - お知らせ一覧（list.html）
********************************************************************************************************************************************/

#list {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:30px;
	min-height:500px;
}
/*
#list h1.news {
	position:relative;
	font-size:24px;
	margin:0 0 20px 0;
	padding-left:35px;
	font-family: "Sawarabi Mincho";
	letter-spacing:3px;
}
#list h1.news:before {
	position:absolute;
	content:'';
	top:50%;
	left:0;
	width:20px;
	border-top:1px solid #000;
}
*/
#list ul {
	position:relative;
	clear:both;
	overflow:hidden;
	padding:0 25px;
	min-height:300px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	     -o-box-sizing:border-box;
	        box-sizing:border-box;
	margin-bottom:30px;
}
#list ul li {
	position:relative;
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	padding:15px 7px;
}
#list ul li dl dt {
	float:left;
	width:140px;
	font-size:14px;
	line-height:100%;
}
#list ul li dl dd {
	float:left;
	width:auto;
	font-size:14px;
	line-height:100%;
}
#list ul li.nolist {
	border-bottom:none !important;
}
#news h1.news {
	font-size:16px !important;
}
/********************************************************************************************************************************************
  - エラー404
********************************************************************************************************************************************/

#error {
	min-height:800px;
}
#error p {
	text-align:center;
	margin:100px auto 0 auto;
}