﻿.spacer {
	width: 800px;
	margin-top:5px;
}


.topboth {
	clear:both;
}

#sidetext {
	width: 200px;
	height: auto;
	margin:0 0 0 0;
	padding-bottom:10px;
}


.wordtitle {
	width: 580px;
	height: 30px;
	margin-bottom:10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: center;
}

.wordtitle h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	color:#ffffff;
	background-image: url(../images/wordtitlebg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 8px;
}

bukkenlist 

#bukkenlist {
	width: 570px;
	height: auto;
	margin-top:0px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:5px;
	float:left;
	font-size:13px;

}


#bukkenlist li {
	height: 30px;
	margin-top:3px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:3px;
	float:left;
	background-image: url(../images/bukkenicon.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#bukkenlist a {
    color:#333333;
	text-decoration:none;
}

#bukkenlist a:hover{
    color:#333333;
	text-decoration:underline;
}

#bukkenlist span {
	padding-left:20px;
	background:url("../images/bukkenicon.jpg") no-repeat;
	background-position:0px 3px;
}


小頭文字 

#sword {
	width: 220px;
	height: 40px;
	float:left;
}

ul,li   {   
    margin:0;   
    padding:0;   
    list-style: none;   
}  

.sword   {   
    width: 220px; 
	height: 40px;
}  

.sword li  {
	float: left;
	text-align: left;
	height: 40px;
}  

.sword li a  {   
    display: block;   
    width: 30px;   
	height: 30px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}  

.sword li a:hover    {   
    background: #FFF;   
    text-decoration: none;   
}  

.sword ul li span {

	visibility: hidden;

}

.sword li span{
	visibility: hidden;
	display: none;
}

各頭文字 

.sword li.li1 {
}

.sword li.li1 a{
	background: url("../images/sword_a.jpg") no-repeat;
}

.sword li.li1 a:hover{
	background: url("../images/sword_a.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li2 {
}

.sword li.li2 a{
	background: url("../images/sword_i.jpg") no-repeat;
}

.sword li.li2 a:hover{
	background: url("../images/sword_i.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li3 {
}

.sword li.li3 a{
	background: url("../images/sword_u.jpg") no-repeat;
}

.sword li.li3 a:hover{
	background: url("../images/sword_u.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li4 {
}

.sword li.li4 a{
	background: url("../images/sword_e.jpg") no-repeat;
}

.sword li.li4 a:hover{
	background: url("../images/sword_e.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li5 {
}

.sword li.li5 a{
	background: url("../images/sword_o.jpg") no-repeat;
}

.sword li.li5 a:hover{
	background: url("../images/sword_o.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li6 {
}

.sword li.li6 a{
	background: url("../images/sword_ka.jpg") no-repeat;
}

.sword li.li6 a:hover{
	background: url("../images/sword_ka.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li7 {
}

.sword li.li7 a{
	background: url("../images/sword_ki.jpg") no-repeat;
}

.sword li.li7 a:hover{
	background: url("../images/sword_ki.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li8 {
}

.sword li.li8 a{
	background: url("../images/sword_ku.jpg") no-repeat;
}

.sword li.li8 a:hover{
	background: url("../images/sword_ku.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li9 {
}

.sword li.li9 a{
	background: url("../images/sword_ke.jpg") no-repeat;
}

.sword li.li9 a:hover{
	background: url("../images/sword_ke.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li10 {
}

.sword li.li10 a{
	background: url("../images/sword_ko.jpg") no-repeat;
}

.sword li.li10 a:hover{
	background: url("../images/sword_ko.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li11 {
}

.sword li.li11 a{
	background: url("../images/sword_sa.jpg") no-repeat;
}

.sword li.li11 a:hover{
	background: url("../images/sword_sa.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li12 {
}

.sword li.li12 a{
	background: url("../images/sword_shi.jpg") no-repeat;
}

.sword li.li12 a:hover{
	background: url("../images/sword_shi.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li13 {
}

.sword li.li13 a{
	background: url("../images/sword_su.jpg") no-repeat;
}

.sword li.li13 a:hover{
	background: url("../images/sword_su.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li14 {
}

.sword li.li14 a{
	background: url("../images/sword_se.jpg") no-repeat;
}

.sword li.li14 a:hover{
	background: url("../images/sword_se.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li15 {
}

.sword li.li15 a{
	background: url("../images/sword_so.jpg") no-repeat;
}

.sword li.li15 a:hover{
	background: url("../images/sword_so.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li16 {
}

.sword li.li16 a{
	background: url("../images/sword_ta.jpg") no-repeat;
}

.sword li.li16 a:hover{
	background: url("../images/sword_ta.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li17 {
}

.sword li.li17 a{
	background: url("../images/sword_chi.jpg") no-repeat;
}

.sword li.li17 a:hover{
	background: url("../images/sword_chi.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li18 {
}

.sword li.li18 a{
	background: url("../images/sword_tsu.jpg") no-repeat;
}

.sword li.li18 a:hover{
	background: url("../images/sword_tsu.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li19 {
}

.sword li.li19 a{
	background: url("../images/sword_te.jpg") no-repeat;
}

.sword li.li19 a:hover{
	background: url("../images/sword_te.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li20 {
}

.sword li.li20 a{
	background: url("../images/sword_to.jpg") no-repeat;
}

.sword li.li20 a:hover{
	background: url("../images/sword_to.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li21 {
}

.sword li.li21 a{
	background: url("../images/sword_na.jpg") no-repeat;
}

.sword li.li21 a:hover{
	background: url("../images/sword_na.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li22 {
}

.sword li.li22 a{
	background: url("../images/sword_ni.jpg") no-repeat;
}

.sword li.li22 a:hover{
	background: url("../images/sword_ni.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li23 {
}

.sword li.li23 a{
	background: url("../images/sword_nu.jpg") no-repeat;
}

.sword li.li23 a:hover{
	background: url("../images/sword_nu.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li24 {
}

.sword li.li24 a{
	background: url("../images/sword_ne.jpg") no-repeat;
}

.sword li.li24 a:hover{
	background: url("../images/sword_ne.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li25 {
}

.sword li.li25 a{
	background: url("../images/sword_no.jpg") no-repeat;
}

.sword li.li25 a:hover{
	background: url("../images/sword_no.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li26 {
}

.sword li.li26 a{
	background: url("../images/sword_ha.jpg") no-repeat;
}

.sword li.li26 a:hover{
	background: url("../images/sword_ha.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li27 {
}

.sword li.li27 a{
	background: url("../images/sword_hi.jpg") no-repeat;
}

.sword li.li27 a:hover{
	background: url("../images/sword_hi.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li28 {
}

.sword li.li28 a{
	background: url("../images/sword_hu.jpg") no-repeat;
}

.sword li.li28 a:hover{
	background: url("../images/sword_hu.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li29 {
}

.sword li.li29 a{
	background: url("../images/sword_he.jpg") no-repeat;
}

.sword li.li29 a:hover{
	background: url("../images/sword_he.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li30 {
}

.sword li.li30 a{
	background: url("../images/sword_ho.jpg") no-repeat;
}

.sword li.li30 a:hover{
	background: url("../images/sword_ho.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li31 {
}

.sword li.li31 a{
	background: url("../images/sword_ma.jpg") no-repeat;
}

.sword li.li31 a:hover{
	background: url("../images/sword_ma.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li32 {
}

.sword li.li32 a{
	background: url("../images/sword_mi.jpg") no-repeat;
}

.sword li.li32 a:hover{
	background: url("../images/sword_mi.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li33 {
}

.sword li.li33 a{
	background: url("../images/sword_mu.jpg") no-repeat;
}

.sword li.li33 a:hover{
	background: url("../images/sword_mu.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li34 {
}

.sword li.li34 a{
	background: url("../images/sword_me.jpg") no-repeat;
}

.sword li.li34 a:hover{
	background: url("../images/sword_me.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li35 {
}

.sword li.li35 a{
	background: url("../images/sword_mo.jpg") no-repeat;
}

.sword li.li35 a:hover{
	background: url("../images/sword_mo.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li36 {
}

.sword li.li36 a{
	background: url("../images/sword_ya.jpg") no-repeat;
}

.sword li.li36 a:hover{
	background: url("../images/sword_ya.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li37 {
    display: block;   
    width: 30px;   
	height: 30px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}

.sword li.li37 a{

}

.sword li.li37 a:hover{

}

.sword li.li38 {
}

.sword li.li38 a{
	background: url("../images/sword_yu.jpg") no-repeat;
}

.sword li.li38 a:hover{
	background: url("../images/sword_yu.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li39 {
    display: block;   
    width: 30px;   
	height: 30px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}

.sword li.li39 a{

}

.sword li.li39 a:hover{

}

.sword li.li40 {
}

.sword li.li40 a{
	background: url("../images/sword_yo.jpg") no-repeat;
}

.sword li.li40 a:hover{
	background: url("../images/sword_yo.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li41 {
}

.sword li.li41 a{
	background: url("../images/sword_ra.jpg") no-repeat;
}

.sword li.li41 a:hover{
	background: url("../images/sword_ra.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li42 {
}

.sword li.li42 a{
	background: url("../images/sword_ri.jpg") no-repeat;
}

.sword li.li42 a:hover{
	background: url("../images/sword_ri.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li43 {
}

.sword li.li43 a{
	background: url("../images/sword_ru.jpg") no-repeat;
}

.sword li.li43 a:hover{
	background: url("../images/sword_ru.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li44 {
}

.sword li.li44 a{
	background: url("../images/sword_re.jpg") no-repeat;
}

.sword li.li44 a:hover{
	background: url("../images/sword_re.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li45 {
}

.sword li.li45 a{
	background: url("../images/sword_ro.jpg") no-repeat;
}

.sword li.li45 a:hover{
	background: url("../images/sword_ro.jpg") no-repeat;
	background-position:-30px 0px;
}

.sword li.li46 {
}

.sword li.li46 a{
	background: url("../images/sword_wa.jpg") no-repeat;
}

.sword li.li46 a:hover{
	background: url("../images/sword_wa.jpg") no-repeat;
	background-position:-30px 0px;
}

alphabet小頭文字 

#salphabet {
	width: 220px;
	height: 40px;
	float:left;
}

ul,li   {   
    margin:0;   
    padding:0;   
    list-style: none;   
}  

.sword   {
	width: 220px;
	height: 40px;
}  

.salphabet li  {   
    float: left;   
    text-align: left;  
	height: 40px; 
}  

.salphabet li a  {   
    display: block;   
    width: 100px;   
	height: 30px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}  

.salphabet li a:hover    {   
    background: #FFF;   
    text-decoration: none;   
}  

.salphabet ul li span {

	visibility: hidden;

}

.salphabet li span{
	visibility: hidden;
	display: none;
}

各頭文字 

.salphabet li.li47 {
}

.salphabet li.li47 a{
	background: url("../images/sword_alphabet.jpg") no-repeat;
}

.salphabet li.li47 a:hover{
	background: url("../images/sword_alphabet.jpg") no-repeat;
	background-position:-100px 0px;
}
