@charset "Shift_JIS";
/*CSSDocument*/


/*Layout
******************************************/
.cn-grd0hspc {
	margin:0px;
	padding:0px;
	width:24px;
	float:left;
	border:0px;
	background: #eaeaea;
}

h3 {
	text-align: center;
}

#mincho ,#gothic ,#marugo , #original ,#script{
	float: left;
	margin: 0;
	padding: 0 10px;
	width: 100px;

}

.stage1,.stage2,.stage3,.stage4,.stage5{
	margin: 15px 0 0 0;
	padding: 0;
	width: 100px;

	height: 110px;
}

ul{
	margin:0px;
	padding:0px;
	width: 100px;

	list-style: none;
	text-align: left;
	line-height: 1.0;
}

li{
	margin: 0;
	padding: 0;
}

li.reg{
	padding: 0 10px;
	text-align: center;
}

 li.none{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_back_none.gif) top center no-repeat #fff;
}

li.blank{
	display: block;
	display: none;
	height: 30px;
}

/*  mincho -------------------- */
.stage1 li#ryumin a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_rm_off.gif) top center no-repeat #fff;
}

.stage1 li#ryumin  a:hover{
	background: url(../imgs/font_rm_on.gif) top center no-repeat #fff;
}

.stage2 li#Futomin a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_a101_off.gif) top center no-repeat #fff;
}

.stage2 li#Futomin  a:hover{
	background: url(../imgs/font_a101_on.gif) top center no-repeat #fff;
}

.stage3 li#midashiMin a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_ma31_off.gif) top center no-repeat #fff;
}

.stage3 li#midashiMin  a:hover{
	background: url(../imgs/font_ma31_on.gif) top center no-repeat #fff;
}

.stage4 li#kohcho a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_kohcho_off.gif) top center no-repeat #fff;
}

.stage4 li#kohcho  a:hover{
	background: url(../imgs/font_kohcho_on.gif) top center no-repeat #fff;
}

/*  gothic -------------------- */
.stage1 li#shingo a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_sgm_off.gif) top center no-repeat #fff;
}

.stage1 li#shingo  a:hover{
	background: url(../imgs/font_sgm_on.gif) top center no-repeat #fff;
}

.stage2 li#MB101 a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_mb101b_off.gif) top center no-repeat #fff;
}

.stage2 li#MB101  a:hover{
	background: url(../imgs/font_mb101b_on.gif) top center no-repeat #fff;
}

.stage3 li#chugo a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_bbb_off.gif) top center no-repeat #fff;
}

.stage3 li#chugo  a:hover{
	background: url(../imgs/font_bbb_on.gif) top center no-repeat #fff;
}

.stage4 li#Futogo a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_b101_off.gif) top center no-repeat #fff;
}

.stage4 li#Futogo  a:hover{
	background: url(../imgs/font_b101_on.gif) top center no-repeat #fff;
}

.stage5 li#midashigo a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_mb31_off.gif) top center no-repeat #fff;
}

.stage5 li#midashigo  a:hover{
	background: url(../imgs/font_mb31_on.gif) top center no-repeat #fff;
}


/*  maru gothic -------------------- */
.stage1 li#jun a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_j201_off.gif) top center no-repeat #fff;
}

.stage1 li#jun  a:hover{
	background: url(../imgs/font_j201_on.gif) top center no-repeat #fff;
}

.stage2 li#shinmarugo a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_smgm_off.gif) top center no-repeat #fff;
}

.stage2 li#shinmarugo a:hover{
	background: url(../imgs/font_smgm_on.gif) top center no-repeat #fff;
}

/*  original -------------------- */
.stage1 li#takaH a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_thm_off.gif) top center no-repeat #fff;
}

.stage1 li#takaH  a:hover{
	background: url(../imgs/font_thm_on.gif) top center no-repeat #fff;
}

.stage2 li#folk a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_folkm_off.gif) top center no-repeat #fff;
}

.stage2 li#folk  a:hover{
	background: url(../imgs/font_folkm_on.gif) top center no-repeat #fff;
}

.stage3 li#kumoyaji a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_kmyj_off.gif) top center no-repeat #fff;
}

.stage3 li#kumoyaji  a:hover{
	background: url(../imgs/font_kmyj_on.gif) top center no-repeat #fff;
}

.stage4 li#pretty a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_pretty_off.gif) top center no-repeat #fff;
}

.stage4 li#pretty  a:hover{
	background: url(../imgs/font_pretty_on.gif) top center no-repeat #fff;
}


/* script -------------------- */
.stage1 li#kyoka a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_icam_off.gif) top center no-repeat #fff;
}

.stage1 li#kyoka  a:hover{
	background: url(../imgs/font_icam_on.gif) top center no-repeat #fff;
}

.stage2 li#shinseikai a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_cbsk1_off.gif) top center no-repeat #fff;
}

.stage2 li#shinseikai  a:hover{
	background: url(../imgs/font_cbsk1_on.gif) top center no-repeat #fff;
}

.stage3 li#kaisho a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_mcbk1_off.gif) top center no-repeat #fff;
}

.stage3 li#kaisho a:hover{
	background: url(../imgs/font_mcbk1_on.gif) top center no-repeat #fff;
}

.stage4 li#rikurei a{
	display: block;
	height: 65px;
	text-indent: -9999px;
	background: url(../imgs/font_rkri_off.gif) top center no-repeat #fff;
}

.stage4 li#rikurei  a:hover{
	background: url(../imgs/font_rkri_on.gif) top center no-repeat #fff;
}