@charset "utf-8";
/* core	================================================	*/
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: 'Helvetica Neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #000000;
	text-align: center;
	background: #ffffff;
}

a{
	color: #21b8d7;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#wrapper {
	width: 100%;
	min-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

.nav {
	width: 130px;
	height: 291px;
	overflow: hidden;
}

.nav li {
	width: 130px;
	height: 27px;
	overflow: hidden;
}


.nav li span {
	display: block;
	width: 130px;
	height: 0;
	padding-top: 27px;
	overflow: hidden;
	background: url(../img/common/menu.png)
}

.nav li a {
	display: block;
	width: 130px;
	height: 54px;
	position:relative;
	position: relative;
	top: 0;
}

.nav li a p {
	width: 130px;
	height: 0;
	padding-top: 27px;
	overflow: hidden;
	background-image: url(../img/common/menu.png);
}


.nav li.nav01 a p.off{background-position: 0 0}
.nav li.nav01 span {background-position: -130px 0}
.nav li.nav01 a p.on {background-position: -260px 0}
.nav li.nav02 a p.off{background-position: 0 -27px}
.nav li.nav02 span {background-position: -130px -27px}
.nav li.nav02 a p.on {background-position: -260px -27px}
.nav li.nav03 a p.off{background-position: 0 -54px}
.nav li.nav03 span {background-position: -130px -54px}
.nav li.nav03 a p.on {background-position: -260px -54px}
.nav li.nav04 a p.off{background-position: 0 -81px}
.nav li.nav04 span {background-position: -130px -81px}
.nav li.nav04 a p.on {background-position: -260px -81px}
.nav li.nav05 a p.off{background-position: 0 -108px}
.nav li.nav05 span {background-position: -130px -108px}
.nav li.nav05 a p.on {background-position: -260px -108px}
.nav li.nav06 a p.off{background-position: 0 -135px}
.nav li.nav06 span {background-position: -130px -135px}
.nav li.nav06 a p.on {background-position: -260px -135px}
.nav li.nav07 a p.off{background-position: 0 -162px}
.nav li.nav07 span {background-position: -130px -162px}
.nav li.nav07 a p.on {background-position: -260px -162px}
.nav li.nav08 a p.off{background-position: 0 -189px}
.nav li.nav08 span {background-position: -130px -189px}
.nav li.nav08 a p.on {background-position: -260px -189px}
.nav li.nav09 a p.off{background-position: 0 -216px}
.nav li.nav09 span {background-position: -130px -216px}
.nav li.nav09 a p.on {background-position: -260px -216px}
.nav li.nav10 a p.off{background-position: 0 -243px}
.nav li.nav10 span {background-position: -130px -243px}
.nav li.nav10 a p.on {background-position: -260px -243px}
.nav li.nav11 a p.off{background-position: 0 -270px}
.nav li.nav11 span {background-position: -130px -270px}
.nav li.nav11 a p.on {background-position: -260px -270px}

.foot {
	width: 100%;
	min-width: 1050px;
	height: 70px;
	border-top: 1px solid #cad1d3;
}

.foot .copy {
	width: 620px;
	float: right;
	text-align: right;
}

.foot .copy p {
	color: #21b8d7;
	font-size: 8px;
	padding: 25px 20px 0 0;
}

.foot .copy p a{
	color: #21b8d7;
	font-size: 8px;
}

.foot .share {
	float: left;
	padding-top: 30px;
}

.foot .share ul{
	padding-left: 20px;
}

.foot .share ul li {
	display: inline;
	float: left;
	overflow: hidden;
}

.foot .share ul li.official {
	width: 163px;
}
.foot .share ul li.tw {
	width: 105px;
}

.foot .share ul li.fb {
	width: 90px;
}

.alphaBtn:hover {
	cursor: pointer;
}