@charset "utf-8";
/* CSS Document */
/*第5回css
**********************/
body {
	font-family: "微软雅黑","宋体",'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#main.index p{
	letter-spacing: 0;
	font-family: "微软雅黑","宋体",'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
body a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
body a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#main.index {
	background: url(/image/global/science-edu/micro_zh-CN/content5/index_11.png) #eee no-repeat center top;
}
#main.index * {
	box-sizing: border-box;
}

/*--for windows Tablet--*/
.ui-draggable,
.ui-droppable {
  -ms-touch-action: none;
  touch-action: none;
}

/*--タイトル--*/
#main.index #top {
	font-family: "微软雅黑","宋体",'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	min-width: 870px;
}
#main.index #top .title {
	border-bottom: #231815 dotted 1px;
	letter-spacing: 0.1em;
}
#main.index #top .title p {
	letter-spacing: 0 !important;
}
#main.index #top .title p.label {
	background: #E60027;
	color: #FFF;
	font-size: 13px;
	display: inline-block;
	border-radius: 50px;
	padding: 3px 15px;
	text-align: center;
	min-width: 68px;
	margin-bottom: 8px;
}
#main.index #top .title p.large {
	font-weight: 700;
	font-size: 28px;
	padding-bottom: 12px;
	letter-spacing: 0.05em !important;
}
#main.index #top p.desc {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 12px;
}
/*--タブ--*/
ul.tabList {
	font-size: 0;
	margin-top: 25px;
}
ul.tabList li {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
}
ul.tabList li a {
	display: inline-block;
}
ul.tabList li:last-child {
	margin-right: 0;
}
.tabBox.tab01 {
	border: #E2599E solid 2px;
	background: #F4EAF2;
	padding: 15px 0 10px 0;
	text-align: center;
}
.tabBox.tab02 {
	border: #96C416 solid 2px;
	background: #FFF;
	padding: 25px 30px 30px 30px;
}
.tabBox.tab03 {
	border: #63C1C1 solid 2px;
	background: #FFF;
	padding: 25px 30px 30px 30px;
}
.tabBox.tab04 {
	border: #F2B836 solid 2px;
	background: #FFF;
	padding: 25px 30px 30px 30px;
}
.tabBox.tab05 {
	border: #4664C6 solid 2px;
	background: #FFF;
	padding: 25px 30px 30px 30px;
}
/*--パズル--*/
.pzlcontainer {
	display: block;
	width: 100%;
	min-height: 423px;
	position: relative;
}
.pzlWrap {
	background: #FFF;
	border-radius: 15px;
	padding: 20px;
	border: #D1D1D1 solid 1px;
	width: 511px;
	height: 424px;
	-moz-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.25);
}
.drag {
	position: absolute !important;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
}
.drop {
	position: absolute;
	color: #FFF;
	font-weight: bold;
}
#Answer {
	display: none;
	text-align: center;
	position: absolute;
	top: 0;
	right: 10px;
	width: 515px;
	min-height: 420px;
	background:url(/image/global/science-edu/micro_zh-CN/content5/index_16.png) no-repeat center 30px;
}
#Answer .aname{
	position: relative;
	left: 20px;
	margin-bottom: 5px;
}
#Answer .aimg{
	position: relative;
	left: -10px;
}
#Answer .read{
	position: relative;
	left: 20px;
	font-size: 14px;
	line-height: 1.8 !important;
}
#Answer #reload{
	font-size: 13px;
	font-weight: 700;
	padding-left: 30px;
	display: inline-block;
	margin-top: 10px;
	position: relative;
	left: 25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#Answer #reload:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	cursor: pointer;
}
/*tab02(6ピースパズル)*/
.tabBox.tab02 #drag1, .tabBox.tab02 #drag2, .tabBox.tab02 #drag3, .tabBox.tab02 #drag4, .tabBox.tab02 #drag5, .tabBox.tab02 #drag6{
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle01_02.jpg) no-repeat left top;
}
.tabBox.tab02 .miniscope {
	position: absolute;
	top: 382px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle01_03.jpg) no-repeat center top;
	width: 471px;
	height: 30px;
}
.tabBox.tab02 .position1 {
	top: 30px;
	right: 337px;
}
.tabBox.tab02 .position2 {
	top: 30px;
	right: 170px;
}
.tabBox.tab02 .position3 {
	top: 30px;
	right: 3px;
}
.tabBox.tab02 .position4 {
	top: 217px;
	right: 337px;
}
.tabBox.tab02 .position5 {
	top: 217px;
	right: 170px;
}
.tabBox.tab02 .position6 {
	top: 217px;
	right: 3px;
}
.tabBox.tab02 .drag {
	width: 157px;
	height: 177px;
}
.tabBox.tab02 #drag1 {
	background-position: left 0px top 0px !important;
}
.tabBox.tab02 #drag2 {
	background-position: left -157px top 0px !important;
}
.tabBox.tab02 #drag3 {
	background-position: left -314px top 0px !important;
}
.tabBox.tab02 #drag4 {
	background-position: left 0px top -177px !important;
}
.tabBox.tab02 #drag5 {
	background-position: left -157px top -177px !important;
}
.tabBox.tab02 #drag6 {
	background-position: left -314px top -177px !important;
}
.tabBox.tab02 .drop {
	width: 157px;
	height: 177px;
}
.tabBox.tab02 #drop1 {
	top: 23px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle01_01.jpg) #CCC no-repeat left 0px top 0px;
}
.tabBox.tab02 #drop2 {
	top: 23px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle01_01.jpg) #CCC no-repeat left -157px top 0px;
}
.tabBox.tab02 #drop3 {
	top: 23px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle01_01.jpg) #CCC no-repeat left -314px top 0px;
}
.tabBox.tab02 #drop4 {
	top: 200px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle01_01.jpg) #CCC no-repeat left 0px top -177px;
}
.tabBox.tab02 #drop5 {
	top: 200px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle01_01.jpg) #CCC no-repeat left -157px top -177px;
}
.tabBox.tab02 #drop6 {
	top: 200px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle01_01.jpg) #CCC no-repeat left -314px top -177px;
}
.tabBox.tab02 #Answer #reload{
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle01_06.png) no-repeat left top;
	color: #92B70B;
}

/*tab03(9ピースパズル01)*/
.tabBox.tab03 #drag1, .tabBox.tab03 #drag2, .tabBox.tab03 #drag3, .tabBox.tab03 #drag4, .tabBox.tab03 #drag5, .tabBox.tab03 #drag6, .tabBox.tab03 #drag7, .tabBox.tab03 #drag8, .tabBox.tab03 #drag9 {
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_02.jpg) no-repeat left top;
}
.tabBox.tab03 .miniscope {
	position: absolute;
	top: 382px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_03.jpg) no-repeat center top;
	width: 471px;
	height: 23px;
}
.tabBox.tab03 .position1 {
	top: 30px;
	right: 337px;
}
.tabBox.tab03 .position2 {
	top: 30px;
	right: 170px;
}
.tabBox.tab03 .position3 {
	top: 30px;
	right: 3px;
}
.tabBox.tab03 .position4 {
	top: 158px;
	right: 337px;
}
.tabBox.tab03 .position5 {
	top: 158px;
	right: 170px;
}
.tabBox.tab03 .position6 {
	top: 158px;
	right: 3px;
}
.tabBox.tab03 .position7 {
	top: 286px;
	right: 337px;
}
.tabBox.tab03 .position8 {
	top: 286px;
	right: 170px;
}
.tabBox.tab03 .position9 {
	top: 286px;
	right: 3px;
}

.tabBox.tab03 .drag {
	width: 157px;
	height: 118px;
}
.tabBox.tab03 #drag1 {
	background-position: left 0px top 0px !important;
}
.tabBox.tab03 #drag2 {
	background-position: left -157px top 0px !important;
}
.tabBox.tab03 #drag3 {
	background-position: left -314px top 0px !important;
}
.tabBox.tab03 #drag4 {
	background-position: left 0px top -118px !important;
}
.tabBox.tab03 #drag5 {
	background-position: left -157px top -118px !important;
}
.tabBox.tab03 #drag6 {
	background-position: left -314px top -118px !important;
}
.tabBox.tab03 #drag7 {
	background-position: left 0px top -236px !important;
}
.tabBox.tab03 #drag8 {
	background-position: left -157px top -236px !important;
}
.tabBox.tab03 #drag9 {
	background-position: left -314px top -236px !important;
}
.tabBox.tab03 .drop {
	width: 157px;
	height: 118px;
}
.tabBox.tab03 #drop1 {
	top: 23px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_01.jpg) #CCC no-repeat left 0px top 0px;
}
.tabBox.tab03 #drop2 {
	top: 23px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_01.jpg) #CCC no-repeat left -157px top 0px;
}
.tabBox.tab03 #drop3 {
	top: 23px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_01.jpg) #CCC no-repeat left -314px top 0px;
}
.tabBox.tab03 #drop4 {
	top: 141px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_01.jpg) #CCC no-repeat left 0px top -118px;
}
.tabBox.tab03 #drop5 {
	top: 141px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_01.jpg) #CCC no-repeat left -157px top -118px;
}
.tabBox.tab03 #drop6 {
	top: 141px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_01.jpg) #CCC no-repeat left -314px top -118px;
}
.tabBox.tab03 #drop7 {
	top: 259px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_01.jpg) #CCC no-repeat left 0px top -236px;
}
.tabBox.tab03 #drop8 {
	top: 259px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_01.jpg) #CCC no-repeat left -157px top -236px;
}
.tabBox.tab03 #drop9 {
	top: 259px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_01.jpg) #CCC no-repeat left -314px top -236px;
}
.tabBox.tab03 #Answer #reload{
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle02_06.png) no-repeat left top;
	color: #63C1C1;
}

/*tab04(9ピースパズル02)*/
.tabBox.tab04 #drag1, .tabBox.tab04 #drag2, .tabBox.tab04 #drag3, .tabBox.tab04 #drag4, .tabBox.tab04 #drag5, .tabBox.tab04 #drag6, .tabBox.tab04 #drag7, .tabBox.tab04 #drag8, .tabBox.tab04 #drag9 {
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_02.jpg) no-repeat left top;
}
.tabBox.tab04 .miniscope {
	position: absolute;
	top: 382px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_03.jpg) no-repeat center top;
	width: 471px;
	height: 23px;
}
.tabBox.tab04 .position1 {
	top: 30px;
	right: 337px;
}
.tabBox.tab04 .position2 {
	top: 30px;
	right: 170px;
}
.tabBox.tab04 .position3 {
	top: 30px;
	right: 3px;
}
.tabBox.tab04 .position4 {
	top: 158px;
	right: 337px;
}
.tabBox.tab04 .position5 {
	top: 158px;
	right: 170px;
}
.tabBox.tab04 .position6 {
	top: 158px;
	right: 3px;
}
.tabBox.tab04 .position7 {
	top: 286px;
	right: 337px;
}
.tabBox.tab04 .position8 {
	top: 286px;
	right: 170px;
}
.tabBox.tab04 .position9 {
	top: 286px;
	right: 3px;
}

.tabBox.tab04 .drag {
	width: 157px;
	height: 118px;
}
.tabBox.tab04 #drag1 {
	background-position: left 0px top 0px !important;
}
.tabBox.tab04 #drag2 {
	background-position: left -157px top 0px !important;
}
.tabBox.tab04 #drag3 {
	background-position: left -314px top 0px !important;
}
.tabBox.tab04 #drag4 {
	background-position: left 0px top -118px !important;
}
.tabBox.tab04 #drag5 {
	background-position: left -157px top -118px !important;
}
.tabBox.tab04 #drag6 {
	background-position: left -314px top -118px !important;
}
.tabBox.tab04 #drag7 {
	background-position: left 0px top -236px !important;
}
.tabBox.tab04 #drag8 {
	background-position: left -157px top -236px !important;
}
.tabBox.tab04 #drag9 {
	background-position: left -314px top -236px !important;
}
.tabBox.tab04 .drop {
	width: 157px;
	height: 118px;
}
.tabBox.tab04 #drop1 {
	top: 23px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_01.jpg) #CCC no-repeat left 0px top 0px;
}
.tabBox.tab04 #drop2 {
	top: 23px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_01.jpg) #CCC no-repeat left -157px top 0px;
}
.tabBox.tab04 #drop3 {
	top: 23px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_01.jpg) #CCC no-repeat left -314px top 0px;
}
.tabBox.tab04 #drop4 {
	top: 141px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_01.jpg) #CCC no-repeat left 0px top -118px;
}
.tabBox.tab04 #drop5 {
	top: 141px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_01.jpg) #CCC no-repeat left -157px top -118px;
}
.tabBox.tab04 #drop6 {
	top: 141px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_01.jpg) #CCC no-repeat left -314px top -118px;
}
.tabBox.tab04 #drop7 {
	top: 259px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_01.jpg) #CCC no-repeat left 0px top -236px;
}
.tabBox.tab04 #drop8 {
	top: 259px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_01.jpg) #CCC no-repeat left -157px top -236px;
}
.tabBox.tab04 #drop9 {
	top: 259px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_01.jpg) #CCC no-repeat left -314px top -236px;
}
.tabBox.tab04 #Answer #reload{
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle03_06.png) no-repeat left top;
	color: #F2B836;
}

/*tab05(12ピースパズル)*/
.tabBox.tab05 #drag1, .tabBox.tab05 #drag2, .tabBox.tab05 #drag3, .tabBox.tab05 #drag4, .tabBox.tab05 #drag5, .tabBox.tab05 #drag6, .tabBox.tab05 #drag7, .tabBox.tab05 #drag8, .tabBox.tab05 #drag9,.tabBox.tab05 #drag10,.tabBox.tab05 #drag11,.tabBox.tab05 #drag12 {
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_02.jpg) no-repeat left top;
}
.tabBox.tab05 .miniscope {
	position: absolute;
	top: 382px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_03.jpg) no-repeat center top;
	width: 471px;
	height: 23px;
}
.tabBox.tab05 .position1 {
	top: 20px;
	right: 337px;
}
.tabBox.tab05 .position2 {
	top: 20px;
	right: 170px;
}
.tabBox.tab05 .position3 {
	top: 20px;
	right: 3px;
}
.tabBox.tab05 .position4 {
	top: 119px;
	right: 337px;
}
.tabBox.tab05 .position5 {
	top: 119px;
	right: 170px;
}
.tabBox.tab05 .position6 {
	top: 119px;
	right: 3px;
}
.tabBox.tab05 .position7 {
	top: 218px;
	right: 337px;
}
.tabBox.tab05 .position8 {
	top: 218px;
	right: 170px;
}
.tabBox.tab05 .position9 {
	top: 218px;
	right: 3px;
}
.tabBox.tab05 .position10 {
	top: 317px;
	right: 337px;
}
.tabBox.tab05 .position11 {
	top: 317px;
	right: 170px;
}
.tabBox.tab05 .position12 {
	top: 317px;
	right: 3px;
}
.tabBox.tab05 .drag {
	width: 157px;
	height: 89px;
}
.tabBox.tab05 #drag1 {
	background-position: left 0px top 0px !important;
}
.tabBox.tab05 #drag2 {
	background-position: left -157px top 0px !important;
}
.tabBox.tab05 #drag3 {
	background-position: left -314px top 0px !important;
}
.tabBox.tab05 #drag4 {
	background-position: left 0px top -89px !important;
}
.tabBox.tab05 #drag5 {
	background-position: left -157px top -89px !important;
}
.tabBox.tab05 #drag6 {
	background-position: left -314px top -89px !important;
}
.tabBox.tab05 #drag7 {
	background-position: left 0px top -178px !important;
}
.tabBox.tab05 #drag8 {
	background-position: left -157px top -178px !important;
}
.tabBox.tab05 #drag9 {
	background-position: left -314px top -178px !important;
}
.tabBox.tab05 #drag10 {
	background-position: left 0px top -267px !important;
}
.tabBox.tab05 #drag11 {
	background-position: left -157px top -267px !important;
}
.tabBox.tab05 #drag12 {
	background-position: left -314px top -267px !important;
}
.tabBox.tab05 .drop {
	width: 157px;
	height: 89px;
}
.tabBox.tab05 #drop1 {
	top: 23px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left 0px top 0px;
}
.tabBox.tab05 #drop2 {
	top: 23px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left -157px top 0px;
}
.tabBox.tab05 #drop3 {
	top: 23px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left -314px top 0px;
}
.tabBox.tab05 #drop4 {
	top: 112px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left 0px top -89px;
}
.tabBox.tab05 #drop5 {
	top: 112px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left -157px top -89px;
}
.tabBox.tab05 #drop6 {
	top: 112px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left -314px top -89px;
}
.tabBox.tab05 #drop7 {
	top: 201px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left 0px top -178px;
}
.tabBox.tab05 #drop8 {
	top: 201px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left -157px top -178px;
}
.tabBox.tab05 #drop9 {
	top: 201px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left -314px top -178px;
}
.tabBox.tab05 #drop10 {
	top: 290px;
	left: 19px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left -0px top -267px;
}
.tabBox.tab05 #drop11 {
	top: 290px;
	left: 176px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left -157px top -267px;
}
.tabBox.tab05 #drop12 {
	top: 290px;
	left: 333px;
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_01.jpg) #CCC no-repeat left -314px top -267px;
}
.tabBox.tab05 #Answer #reload{
	background: url(/image/global/science-edu/micro_zh-CN/content5/puzzle04_06.png) no-repeat left top;
	color: #4664C6;
}