/*************************************************
Technology and Design
*************************************************/
#col_tecdesign{
	background:url("../img/bg_tecdesign.png") 0 -40px no-repeat;
}

#picture{
	position:relative;
	width:1000px;
	height:470px;
	margin:-80px auto 0px auto;
	float:left;
	overflow:hidden;
	/overflow:visible;
}

.more{
	position:absolute;
/*	/position:relative;*/
	width:26px;
	height:26px;
	padding:3px;
	text-align:left;
	overflow:hidden;
}

.more span{
	position:absolute;
	left:40px;
	width:200px;
	margin:0 0 0 -15px;
	color:#000;
	font-size:12px;
	font-weight:bold;
}

/* Item Specific More Button */
#point1{ top:288px; left:160px; }
#point2{ top:228px; left:280px; }
#point3{ top:217px; left:320px; }
#point4{ top:240px; left:350px; }
#point5{ top:220px; left:405px; }
#point6{ top:311px; left:420px; }
#point7{ top:190px; left:610px; }
#point8{ top:269px; left:595px; }
#point9{ top:166px; left:693px; }


/* General Info Box */
#infobox{
	position:absolute;
	bottom:-600px;
	left: 400px;
	height:270px;
	width:500px;
	z-index:20;
	margin:0 0 -60px -150px;
	background:#fff;
	border:1px solid #999;
	padding:20px;
	overflow:auto;
	/overflow-x:hidden;
}


/* Close button for info box */

span.close{
	position:absolute;
	right:3px;
	bottom:3px;
}
span.closeL{/* スクロールがつくパネル用 */
	float:right;
	position:relative;
	right:-16px;
	bottom:-18px;
	padding-bottom:3px;
}

/* The dimmed background when the info box is showing */
#fade_bg{
	position:absolute;
	z-index:15;
	width:100%;
	height:100%;
	background:url("../img/bg_fade.gif");
	display:none;
}

/*************************************************
Connectivity
*************************************************/
#col_connectivity{
	background:url("../img/bg_connectivity.png") 0 -40px  no-repeat;
}

#picture3{
	position:relative;
	width:800px;
	height:375px;
	margin:0 0 -10px 80px;
	float:left;
	overflow:hidden; 
	/overflow:visible; 
}

#col_connectivity h3{
	font-size:24px;
	color:#267198;
}
.see{
	position:absolute;
	width:30px;
	height:20px;
	overflow:hidden;
}

#bt_learnmore{
	position:relative;
	top:-12px;
	left:835px;
}
#bt_learnmore:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
#arr1:hover,
#arr2:hover,
#arr3:hover,
#arr4:hover{
	cursor:pointer;
}


#arr1{
	position:absolute;
	/position:relative;
	top:270px;
	left:110px;
	z-index:100;
}
#arr2{
	position:absolute;
	top:113px;
	left:160px;
	z-index:100;
}
#arr3{
	position:absolute;
	top:113px;
	left:410px;
	z-index:100;
}
#arr4{
	position:absolute;
	top:270px;
	left:580px;
	z-index:100;
}
/* Item Specific More Button */
#check1{ top:296px; left:285px; }
#check2{ top:296px; left:285px; }
#check3{ top:230px; left:350px; }
#check4{ top:230px; left:350px; }