@charset "UTF-8";
/*======= (1) ======*/
* {	margin:0px; padding:0px; }
body {
	height:1277px;
	background-image:url("images_ja/light_blue.png");
}
/*============ (2) =============*/
#pagebody {
	position:absolute; left:0px; top:0px; right:0px; bottom:0px;
	margin:auto;
	width:980px;
}
/*======== (3) =========*/
#menu {
	margin:auto;
	position:absolute; left:2px; top:5px;
}
#menu li {
	list-style-type:none;
	float:left;
}
ul#menu li a {
	background-image: url("images/frame6.png");
	box-shadow: 0 3px 0 #008080;
	display:block;
	width:190px; height:40px;
	margin:2px 1px 3px 1px;
	text-align:center;
	border-radius:10px;
}
ul#menu li a:hover {
	background-image: url("images/frame4.png");
}
/*=============== (4) ==============*/
#heading { position:absolute; left:388.5px; top:200px; }
img.toptitle { width:290px; }
/*========== (5) ==============*/
#figure { position:absolute; left:50px; top:300px; }
img.fig { width:450px; }
/*========= (6) ============*/
#caption_pc { position:relative; left:530px; top:300px; }
img.cap_pc { width:410px; }

#caption_mob { display:none; }
/*===== (7) ======*/
.mouse_position_1 { position:absolute;left:421px; top:456px; }
img.mouse_1 { width:76px; }
img.balloon_1 { width:230px; height:auto;}
/*======== (8) ======*/
p.balloon_box_1 {
	display: none; z-index:3;
	position: absolute; left:91px; top:-65px;
	padding: 10px;
	border-radius: 10px;
	background: lightyellow;
	border:solid 2px red;
}
/*=== (9) ===*/
p.balloon_box_1:after {
	position: absolute; left:-25px; top:77px;
	border: solid transparent;
	border-right-color: red;
	border-width: 12px;
	pointer-events: none;
	content: "  ";
}
/*======= (10) ======*/
span:hover + p.balloon_box_1 {
	width:230px; height:153px;
    display: block;
}
/*==== (11) =====*/
div.mouse_position_2 { position:absolute;left:421px;top:789.7px; }
img.mouse_2 { width:76px; }
img.balloon_2 { width:250px; height:auto;}
/*===== (12) ========*/
p.balloon_box_2 {
	display: none; z-index:3;
	position: absolute; left:91px; top:-65px;
	padding: 10px;
	border-radius: 10px;
	background: lightyellow;
	border:solid 2px red;
}
/*=== (13) ===*/
p.balloon_box_2:after {
	position: absolute; left:-25px; top:78px;
	border: solid transparent;
	border-right-color: red;
	border-width: 12px;
	pointer-events: none;
	content: "  ";
}
/*====== (14) =======*/
span:hover + p.balloon_box_2 {
	width:250px; height:163px;
    display: block;
}
/*===== (15) ====*/
.mouse_position_3 { position:absolute; left:421px; top:1001px; }
img.mouse_3 { width:76px; }
img.balloon_3 { width:250px; height:auto;}
/*===== (16) ========*/
p.balloon_box_3 {
	display: none;
	z-index:3;
	position: absolute; left:91px; top:-100px;
	padding: 10px;
	border-radius: 10px;
	background: lightyellow;
	border:solid 2px red;
}
/*=== (17) ==*/
p.balloon_box_3:after {
	position: absolute; left:-25px; top:113px;
	border: solid transparent;
	border-right-color: red;
	border-width: 12px;
	pointer-events: none;
	content: "  ";
}
/*====== (18) =======*/
span:hover + p.balloon_box_3 {
	width:250px; height:233px;
    display: block;
}
/*============ (19) ==================*/
.mouse_position_4_pc { position:absolute;left:868px; top:784px; }
img.mouse_4 { width:76px; }
img.balloon_4 { width:385px; height:auto;}

.mouse_position_4_mob { display:none; }
/*==================== (20) ============================*/
p.balloon_box_4 {
	display: none; z-index:3;
	position: absolute; left:-336px; top:-345px;
	padding: 10px;
	border-radius: 10px;
	background: lightyellow;
	border:solid 2px red;
}
/*========================== (21) ==============================*/
p.balloon_box_4:after {
	position: absolute; left:360px; top:329px;
	border: solid transparent;
	border-width: 12px;
	border-top: 15px solid red;
	pointer-events: none;
	content: "  ";
}
/*=================== (22) =============================*/
span:hover + p.balloon_box_4 {
	width:388px; height:309px;
    display: block;
}
/*=============== (23) ================*/
.arrow_position_4 {
	position:absolute;left:692px;top:843px;
	width:24px; height:71px;
	background-image:url("images_ja/arrow_verical.png");
}
/*================= (24) =================*/
#caption_2 {
	position:absolute; left:510px; top:-330px;
	border:solid 1px #FF0000;
}
/*============= (25) ================*/
/* Wolfram CDF Playerのダウンロード  */
/*===================================*/
#CDFdownload a {
	position:absolute; left:530px; top:794.5px;
	background-image: url("images/frame6.png");
	box-shadow: 1px 2px 1px #A9A9A9;
	color:black;
	width:330px; height:20px;
	padding:8px 0px 6px 0px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-family:"ＭＳ ゴシック", Arial, Helvetica, sans-serif;
}
#ios_CDFdownload { display:none; }
/*======================= (26) ===========================*/
#CDFdownload a:hover {
	color:Black;
	background-image:url("images/frame4.png");
}
/*== (27) ==*/
#menu_2 {
	position:absolute; left:550px; top:920px;
}
#menu_2 li {
	list-style-type:none;
	display:inline;
	float:left;
}
#menu_2 li a {
	background-image: url("images/frame6.png");
	box-shadow: 1px 2px 1px #A9A9A9;
	color:black;
	display:block;
	width:150px; height:20px;
	padding:8px 0px 6px 0px;
	margin:4px 2px 4px 2px;
	text-align:center;
	text-decoration:none;
	background-repeat:no-repeat;
	border-radius: 20px;
	font-size:11px;
	font-weight:bold;
	font-family:"ＭＳ ゴシック", Arial, Helvetica, sans-serif;
}
/*======================== (28) ==========================*/
#menu_2 li a:hover {
	color:Black;
	background-image:url("images/frame4.png");
}
/*======== (29) ========*/
#return a {
	position:absolute; left:733px; top:1182px;
	background: #4eaaf1;
	box-shadow: 0 3px 0 #2887d1;
	display:block;
	width:190px; height:20px;
	padding:8px 1px 6px 2px;
	text-align:center;
	border-radius:10px;
}
div#return a:hover {
	background: #B0B0E6;
	box-shadow: 0 3px 0 #800080;
}