@charset "utf-8";

html{
	background: #fff;
	margin: 0;
	padding: 0;
}

body, ul, li{
	margin: 0;
	padding: 0;
}

article{
	margin: 10px auto;
	width: 600px;
	padding: 0;
}

h3{
	border-bottom: 2px solid #f00;
	font-size: 18px;
	padding: 0 5px 5px;
	margin: 50px 0 20px;
	height: 22px;
}

h3 a{
	float: right;
}
.note{
	margin-left:10px;
}
.diagram{
	width: 550px;
	text-align: center;
	margin: 20px 0;
}
.scale-area{
	border: 1px solid #000;
	padding: 0 1px;
}
.scale-navi{
	text-align: right;
	margin: 10px auto 10px 0px;
	width: 590px;
}
.scale-button{
	width: 50px;
	height: 24px;
	margin-left: 10px;
}
.scale-select{
	position: absolute;
	top: 19px;
	left: 260px;
	height: 20px;
}
.container{
	position: relative;
	width: 596px;
	overflow: hidden;
}
.front{
	position: absolute;
	width: 596px;
}
.front .link{
	position: absolute;
	display: block;
}
.back{
	position: absolute;
	z-index: 10;
	left: 0;
	overflow: hidden;
}
#type_a .container{
	height:605px;
}
#type_b .container{
	height:684px;
}
#type_a .front{
	height:605px;
	z-index: 100;
}
#type_b .front{
	height:684px;
	z-index: 101;
}
#type_a #link_1_a_220{
	left: 522px;
	top: 71px;
	width: 34px;
	height: 20px;
}
#type_a #link_2_a_220{
	left: 522px;
	top: 92px;
	width: 34px;
	height: 20px;
}
#type_a #link_1_a_380{
	left: 522px;
	top: 232px;
	width: 34px;
	height: 20px;
}
#type_a #link_2_a_380{
	left: 522px;
	top: 254px;
	width: 34px;
	height: 20px;
}
#type_a #link_1_a_415{
	left: 522px;
	top: 394px;
	width: 34px;
	height: 20px;
}
#type_a #link_2_a_415{
	left: 522px;
	top: 414px;
	width: 34px;
	height: 20px;
}
#type_b #link_1_b_220{
	left: 521px;
	top: 69px;
	width: 34px;
	height: 16px;
}
#type_b #link_2_b_220{
	left: 521px;
	top: 86px;
	width: 34px;
	height: 16px;
}
#type_b #link_3_b_220{
	left: 521px;
	top: 121px;
	width: 34px;
	height: 16px;
}
#type_b #link_4_b_220{
	left: 521px;
	top: 138px;
	width: 34px;
	height: 16px;
}
#type_b #link_1_b_380{
	left: 521px;
	top: 261px;
	width: 34px;
	height: 16px;
}
#type_b #link_2_b_380{
	left: 521px;
	top: 278px;
	width: 34px;
	height: 16px;
}
#type_b #link_3_b_380{
	left: 521px;
	top: 313px;
	width: 34px;
	height: 16px;
}
#type_b #link_4_b_380{
	left: 521px;
	top: 330px;
	width: 34px;
	height: 16px;
}
#type_b #link_1_b_415{
	left: 521px;
	top: 455px;
	width: 34px;
	height: 16px;
}
#type_b #link_2_b_415{
	left: 521px;
	top: 472px;
	width: 34px;
	height: 16px;
}
#type_b #link_3_b_415{
	left: 521px;
	top: 507px;
	width: 34px;
	height: 16px;
}
#type_b #link_4_b_415{
	left: 521px;
	top: 524px;
	width: 34px;
	height: 16px;
}