@charset "utf-8";
/* CSS Document */

.map_info_area{
	display: flex;
	justify-content: space-between;
	width: 960px;
	margin: 0 auto;
}

.award{
	flex: 0 0 auto;
	width: auto;
	margin:0 0 2rem;
	padding:0 0 0 50px;
	color:#C03;
	font-size:0.8125rem;
	line-height: 1.5;
	background:url("/tech/katri/facilities/research/ill_map/images/bg_award.jpg") no-repeat 4px 4px;
}
.map_note{
	flex: 0 0 auto;
	width: 260px;
}

/*  Map_area
---------------------------------------------------------- */

.map_area{
	position:relative;
	width: 960px;
	margin:0 auto;
	padding:0;
}
#map_a{
	margin-bottom:28px;
}
#map_b{}

ul.marks li{
	position:absolute;
	width:26px; height:26px;
}

li.mark_a01{
	top:128px;
	left:143px;
}
li.mark_a02{
	top:127px;
	left:291px;
}
li.mark_a03{
	top:227px;
	left:272px;
}
li.mark_a04{
	top:178px;
	left:395px;
}
li.mark_a05{
	top:170px;
	left:427px;
}
li.mark_a06{
	top:147px;
	left:521px;
}
li.mark_a07{
	top:73px;
	left:585px;
}
li.mark_a08{
	top:253px;
	left:652px;
}
li.mark_a09{
	top:331px;
	left:183px;
}
li.mark_a10{
	top:287px;
	left:878px;
}

li.mark_b01{
	top:138px;
	left:70px;
}
li.mark_b02{
	top:99px;
	left:360px;
}
li.mark_b03{
	top:89px;
	left:469px;
}
li.mark_b04{
	top:37px;
	left:740px;
}
li.mark_b05{
	top:292px;
	left:738px;
}

/* popup_box
---------------------------------*/
.popup_box{
	width:540px;
	background:#f4f4f4;
	margin:0;
	padding:15px 15px !important;
	border:#CCCCCC 3px solid;
	overflow:hidden;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	cursor:pointer;
	display:none;
	position:absolute;
	border-radius: 6px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6);
	justify-content: space-between;
}

#map_a .popup_box{ border-color:#76CC80 !important; }
#map_b .popup_box{ border-color:#A3B8EE !important; }

.popup_box .img{
	flex: 0 0 auto;
	width:240px;
}
.popup_box .txt{
	flex: 0 0 auto;
	width:240px;
	font-size: 0.875rem;
	line-height:1.5;
}

.popup_box .label{margin-bottom:2px;}

.popup_box h3{
	font-size: 1.125rem;
	margin: 0px 0 10px 0;
	padding:0 0 0 1.5em;
	text-indent:-1.5em;
	background:none;
	line-height:1.3;
}

.popup_box h3 .num{
	margin-right:0.8em;
}
#map_a .popup_box h3 .num{
	color:#198220;
}
#map_b .popup_box h3 .num{
	color:#4260CF;
}

#popup_a_01{
	top:46px;
	left:137px;
}
#popup_a_02{
	top:110px;
	left:270px;
}
#popup_a_03{
	top:210px;
	left:255px;
}
#popup_a_04{
	top:143px;
	left:273px;
}
#popup_a_05{
	top:160px;
	left:415px;
}
#popup_a_06{
	top:139px;
	left:424px;
}
#popup_a_07{
	top:14px;
	left:423px;
}
#popup_a_08{
	top:220px;
	left:423px;
}
#popup_a_09{
	top:181px;
	left:49px;
}
#popup_a_10{
	top:198px;
	left:423px;
}

#popup_b_01{
	top:120px;
	left:20px;
}
#popup_b_02{
	top:87px;
	left:183px;
}
#popup_b_03{
	top:80px;
	left:240px;
}
#popup_b_04{
	top:13px;
	left:421px;
}
#popup_b_05{
	top:179px;
	left:424px;
}

div.knowledge_street,
div.casbee{
	width:760px;
	padding:15px 30px 15px;
	margin:30px 0 40px 70px;
	border-radius: 6px;/* CSS3 */
	clear:both;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.knowledge_street{background:#DAE3F8;}
div.casbee{/*background:#F6EECE; */margin-bottom:20px;
	background:url(/tech/katri/image/line_dot_y.gif) repeat-x left top;
}

.knowledge_street .col,
.casbee .col{
	float:left;
	width:240px;
}
.knowledge_street .col_multi_2,
.casbee .col_multi_2{
	float:left;
	width:500px;
}
.knowledge_street .l,
.casbee .l{
	margin-right:20px;
}

.knowledge_top{
	margin-left:70px;
}