@charset "utf-8";
/* CSS Document */
html{
	overflow: auto;
	height:100%;
	margin: 0px;
	padding: 0px;
}
body{
	overflow: auto;
	height:100%;
	margin: 0px;
	padding: 0px;	
}


#alpha ,#alpha table, .cell1-inner{
	font-family: "メイリオ";
	font-size: 12px;
	line-height: 20px;
	color: #000;
}
#alpha div{
	font-family: "メイリオ";
	color: #000;
}
.spmain{
	width: 692px;
}

#spheadmenu{
	background-image: url(../images/banner-back.gif);
	background-repeat: no-repeat;
	width: 692px;
	padding-bottom: 12px;
}
#spheadmenu .logo{
	width: 131px;
	height: 107px;
	float: left;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#spheadmenu .logo a{
	display: block;
	height: 86px;
	width: 100px;
	margin-top: 10px;
	margin-left: 18px;
}

#spheadmenu h1{
	background-image: url(../images/page-type.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 330px;
	text-indent: -9999px;
	display: block;
	margin-top: 10px;
}

#spheadmenu .menubox{
	float: left;
	width: 561px;
}
#spheadmenu .menubox ul{
	display: block;
	list-style-type: none;
	margin-left: 294px;
}
#spheadmenu .menubox li{
	display: block;
	list-style-type: none;
	float: left;
	height: 74px;
	width: 84px;
}
#spheadmenu .menubox #navi1 a{
	background-image: url(../images/navi1-btn.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 74px;
	text-indent: -9999px;
}
#spheadmenu .menubox #navi1 a:hover{
	background-image: url(../images/navi1-btn-hi.gif);
	background-repeat: no-repeat;
}
#spheadmenu .menubox #navi1 a:active{
	background-image: url(../images/navi1-btn-hi.gif);
	background-repeat: no-repeat;
}
#spheadmenu .menubox #navi2 a{
	background-image: url(../images/navi2-btn.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 74px;
	text-indent: -9999px;
}
#spheadmenu .menubox #navi2 a:hover{
	background-image: url(../images/navi2-btn-hi.gif);
	background-repeat: no-repeat;
}
#spheadmenu .menubox #navi2 a:active{
	background-image: url(../images/navi2-btn-hi.gif);
	background-repeat: no-repeat;
}
#spheadmenu .menubox #navi3 a{
	background-image: url(../images/navi3-btn.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 74px;
	text-indent: -9999px;
}
#spheadmenu .menubox #navi3 a:hover{
	background-image: url(../images/navi3-btn-hi.gif);
	background-repeat: no-repeat;
}
#spheadmenu .menubox #navi3 a:active{
	background-image: url(../images/navi3-btn-hi.gif);
	background-repeat: no-repeat;
}
#spheadmenu .menubox #navi4 a{
	background-image: url(../images/navi4-btn.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 74px;
	text-indent: -9999px;
}
#spheadmenu .menubox #navi4 a:hover{
	background-image: url(../images/navi4-btn-hi.gif);
	background-repeat: no-repeat;
}
#spheadmenu .menubox #navi4 a:active{
	background-image: url(../images/navi4-btn-hi.gif);
	background-repeat: no-repeat;
}

/*selected status*/
#spconcept #spheadmenu .menubox #navi1 a{
	background-image: url(../images/navi1-btn-hi.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 74px;
	text-indent: -9999px;
}
#spmarks #spheadmenu .menubox #navi2 a{
	background-image: url(../images/navi2-btn-hi.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 74px;
	text-indent: -9999px;
}
#splineup #spheadmenu .menubox #navi3 a{
	background-image: url(../images/navi3-btn-hi.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 74px;
	text-indent: -9999px;
}
#spstage #spheadmenu .menubox #navi4 a{
	background-image: url(../images/navi4-btn-hi.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 74px;
	width: 74px;
	text-indent: -9999px;
}