@charset "utf-8";

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

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

article{
	position: relative;
	width: 548px;
	margin: 0 auto;
}

ul.tab{
	margin: 10px;
}
ul.tab li{
	display: table-cell;
	border: 1px solid #666;
	width: 262px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
}

ul.tab li:first-child{
	border-right: none;
	width: 263px;
}
ul.tab li.active{
	background: #eee;
}

ul.tab li a{
	display: block;
	text-decoration: none;
	color: #000;
	height: 40px;
}
.scale-navi{
	text-align: right;
	margin: 10px auto 5px 0px;
}
.scale-button{
	width: 50px;
	height: 30px;
	margin-left: 10px;
}

.scale-select{
	position: absolute;
	top: 23px;
	left: 120px;
	height: 20px;
}
.container{
	position: relative;
	width: 548px;
	overflow: hidden;
}
.front{
	position: absolute;
	z-index: 100;
	width: 548px;
}
.front .link{
	position: absolute;
	display: block;
}
.back{
	position: absolute;
	z-index: 10;
	left: 0;
	overflow: hidden;
}
#type_a .container{
	height:411px;
}
#type_b .container{
	height:490px;
}
#type_a .scale-navi{
	width: 525px;
}
#type_b .scale-navi{
	width: 533px;
}
#type_a .front{
	height:396px;
}
#type_b .front{
	height:450px;
}
#type_a #link_1{
	left: 420px;
	top: 70px;
	width: 66px;
	height: 48px;
}
#type_a #link_2{
	left: 420px;
	top: 140px;
	width: 66px;
	height: 24px;
}
#type_b #link_1{
	left: 430px;
	top: 72px;
	width: 66px;
	height: 26px;
}
#type_b #link_2{
	left: 430px;
	top: 98px;
	width: 66px;
	height: 26px;
}
#type_b #link_3{
	left: 430px;
	top: 124px;
	width: 66px;
	height: 26px;
}
#type_b #link_4{
	left: 430px;
	top: 150px;
	width: 66px;
	height: 26px;
}