@charset "UTF-8";
/*==========================================*/
/* file name : mobile_E_distribution_ja.css */
/*==========================================*/
* {	margin:0px; padding:0px; }
body {
	height:1450px;
	background-image:url("images_ja/light_blue.png");
}
/*==============================*/
/* at the center of the display */
/*==============================*/
#pagebody {
	position:absolute; left:5px; top:0px; right:0px; bottom:0px;
	margin:auto;
	width:376px;
}
/* ====== (1) ====== */
/*       menu        */
/* ================= */
#menu { display:none; }
/* ============ (2) =============== */
/*            heading               */
/* ================================ */
#heading { position:absolute; left:115px; top:5px; }
img.toptitle { width: 145px; }
/* ===================== (3) ==================== */
/*                     figure                     */
/* ============================================== */
#figure { position:absolute; left:30px; top:45px; }
img.fig { width:300px; }
/* ============ (4) ============== */
/*            caption              */
/* =============================== */
#caption_pc { display:none; }

#caption_mob { position:relative; left:30px; top:680px; }
img.cap_mob { width:310px; }
/* =================== (5) ================= */
/*  Download guide of the Wolfram CDF Player */
/* ========================================= */
#CDFdownload { display:none; }

#ios_CDFdownload a {
	position:absolute; left:41px; top:1150px;
	background-image: url("images/frame6.png");
	box-shadow: 1px 2px 1px #A9A9A9;
	color:black;
	width:240px; height:20px;
	padding:8px 0px 6px 0px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	font-family:ＭＳ ゴシック, Arial, Helvetica, sans-serif;
}
/*=================================================*/
#ios_CDFdownload a:hover {
	color:Black;
	background-image: url("images/frame4.png");
}
/* ================= (6) ================= */
/*       mouse_4, position, balloon        */
/* ======================================= */
.mouse_position_4_pc { display:none; }

.mouse_position_4_mob { position:absolute;left:285px; top:1150px; }
img.mouse_4 { width:47px; }
img.balloon_4 { width:250px; height:201px; }
/*===========================================*/
p.balloon_box_4 {
	display: none; z-index:3;
	position: absolute; left:-232px; top:-240px;
	padding: 10px;
	border-radius: 10px;
	background: lightyellow;
	border:solid 2px red;
}
/*=============================================*/
p.balloon_box_4:after {
	position: absolute; left:241px; top:224px;
	border: solid transparent;
	border-width: 12px;
	border-top: 15px solid red;
	pointer-events: none;
	content: "  ";
}
/*==============================================*/
span:hover + p.balloon_box_4 {
	width:255px; height:203px;
    display: block;
}
/* =========== (7) ========= */
/*  position of the arrow 4  */
/* ========================= */
.arrow_position_4 {
	position:absolute;left:712px;top:843px;
}
/* =================== (8) ===================== */
/*                    menu 2                     */
/* ============================================= */
#menu_2 {
	position:absolute; left:45px; top:1190px;
}
#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:110px; height:15px;
	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:13px;
	font-family:ＭＳ ゴシック, Arial, Helvetica, sans-serif;
}
/*==================================================*/
#menu_2 li a:hover {
	color:Black;
	background-image:url("images/frame4.png");
}
/* ============= (9) =============== */
/*     mouse_1 position, balloon     */
/* ================================= */
.mouse_position_1 { position:absolute;left:281px; top:150px; }
img.mouse_1 { width:47px; }
img.balloon_1 { width:200px; }
/*==============*/
p.balloon_box_1 {
	display: none; z-index:3;
	position: absolute; left:-154px; top:145px;
	padding: 2px;
	border-radius: 10px;
	background: lightyellow;
	border:solid 2px #000080;
}
/*=====================*/
span:hover + p.balloon_box_1 {
	width:200px; height:133px;
    display: block;
}
/* ============= (10) ============== */
/*     mouse_2 position, balloon     */
/* ================================= */
.mouse_position_2 { position:absolute;left:281px;top:289.2px; }
img.mouse_2 { width:47px; }
img.balloon_2 { width:200px; }
/*===================*/
p.balloon_box_2 {
	display: none; z-index:3;
	position: absolute; left:-154px; top:-148px;
	padding: 2px;
	border-radius: 10px;
	background: #EEE8AA;
	border:solid 2px #000080;
}
/*============*/
p.balloon_box_2:after {
	position: absolute; left:166px; top:132px;
	border: solid transparent;
	border-top: 15px solid #000080;
	border-width: 12px;
	pointer-events: none;
	content: "  ";
}
/*====================*/
span:hover + p.balloon_box_2 {
	width:200px; height:127px;
    display: block;
}
/* ============ (11) =============== */
/*     mouse_3 position, balloon     */
/* ================================= */
.mouse_position_3 { position:absolute;left:281px;top:513.2px; }
img.mouse_3 { width:47px; }
img.balloon_3 { width:200px; }
/*===================*/
p.balloon_box_3 {
	display: none;
	z-index:3;
	position: absolute; left:-154px; top:-305px;
	padding: 2px;
	border-radius: 10px;
	background: #FFF0F5;
	border:solid 2px #000080;
}
/*====================*/
span:hover + p.balloon_box_3 {
	width:200px; height:186px;
    display: block;
}
/* ======== (12) ======== */
/*    return toppage      */
/* ====================== */
#return a {
	position:absolute; left:65px; top:1390px;
	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;
}