﻿/*-----------------------------------
	全体の配置
-------------------------------------*/

body {
	margin: 0;
	padding: 0;
	/*background: #ffffff url("../../images/background_3.gif") repeat-x left top;*/
}

#page_style {
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/*background: #ffffff url("../../images/background_2.gif") repeat-y left top;*/
}

#header {
	width: 800px;
	margin: 0 10px;
}

#body {
	width: 800px;
	margin-top: 30;
	margin-right: 10px;
	margin-bottom: 0;

}

#body #side {
	width: 210px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;

	
}

#body #contents {
	width: 580px;
	float: right;
}

#body #dummy {
	width: 800px;
	height: 10px;
	clear: both;
	background: #ffffff url("../images/dummy.gif") left top repeat-y;
}

#footer {
	width: 800px;
	margin: 0 10px;
}

#head .right h1 {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#sword {
	width: 200px;
}
#contents #meisho {
	width: 570px;
	margin-bottom: 10px;
}
#meisho ul {
	width: 570px;
}
#meisho li {
	padding-left: 20px;
	margin-left: 20px;
	font-size: 16px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/bukkenicon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#sword ul {
	height: 40px;
	width: 220px;
}

.clear {
	clear: both;
	text-align: center;
}
#mainmenu p {
	margin: 0px;
	padding: 0px;
	width: 800px;
}
#mainmenu {
	margin: 0px;
	padding: 0px;
	width: 800px;
}

/*-----------------------------------

	右袖メニュー

-------------------------------------*/



/*	各タイトル

-------------------------------------*/



/*	メニュー共通

-------------------------------------*/

#topmenu ul {

	width: auto;

	margin: 0;

	padding: 0px;

	list-style: none;

	background-color: #ffffff;

}



#topmenu ul li {

	width: 190px;

	height: 60px;

	margin: 0 auto 3px auto;

	padding: 0;

}



#topmenu ul li a {

	width: 190px;

	height: 60px;

	text-decoration: none;

	display: block;

}



#topmenu ul li span {

	visibility: hidden;

}



/*	メニューボタン

-------------------------------------*/



#topmenu ul#btn li.li1 a{

	background: url("../images/bn_rakumail.gif") left top no-repeat;

}



#topmenu ul#btn li.li2 a{

	background: url("../images/bn_rakuaffili.gif") left top no-repeat;

}



#topmenu ul#btn li.li3 a{

	background: url("../images/bn_karamail.gif") left top no-repeat;

}



#topmenu ul#btn li.li4 a{

	background: url("../images/bn_pitanavi.gif") left top no-repeat;

}



#topmenu ul#btn li.li5 a{

	background: url("../images/bn_atweb.gif") left top no-repeat;

}



#topmenu ul#btn li.li6 a{

	background: url("../images/bn_tanshinbox.gif") left top no-repeat;

}



#menu ul#btn li.li7 a{

	background: url("../images/menu007.gif") left top no-repeat;

}



#menu ul#btn li.li8 a{

	background: url("../images/menu008.gif") left top no-repeat;

}


#menu ul#btn li.li9 a{

	background: url("../images/menu009.gif") left top no-repeat;

}

#menu ul#btn li.li10 a{

	background: url("../images/menu010.gif") left top no-repeat;

}

#menu ul#btn li.li11 a{

	background: url("../images/menu011.gif") left top no-repeat;

}

#menu ul#btn li.li12 a{

	background: url("../images/menu012.gif") left top no-repeat;

}

#menu ul#btn li.li13 a{

	background: url("../images/menu013.gif") left top no-repeat;

}










#topmenu ul#btn li.li1 a:hover{

	background: url("../images/menu001r.gif") left top no-repeat;

}



#topmenu ul#btn li.li2 a:hover{

	background: url("../images/menu002r.gif") left top no-repeat;

}



#topmenu ul#btn li.li3 a:hover{

	background: url("../images/menu003r.gif") left top no-repeat;

}



#topmenu ul#btn li.li4 a:hover{

	background: url("../images/menu004r.gif") left top no-repeat;

}



#topmenu ul#btn li.li5 a:hover{

	background: url("../images/menu005r.gif") left top no-repeat;

}



#topmenu ul#btn li.li6 a:hover{

	background: url("../images/menu006r.gif") left top no-repeat;

}



#menu ul#btn li.li7 a:hover{

	background: url("../images/menu007r.gif") left top no-repeat;

}



#menu ul#btn li.li8 a:hover{

	background: url("../images/menu008r.gif") left top no-repeat;

}

#menu ul#btn li.li9 a:hover{

	background: url("../images/menu009r.gif") left top no-repeat;

}

#menu ul#btn li.li10 a:hover{

	background: url("../images/menu010r.gif") left top no-repeat;

}

#menu ul#btn li.li11 a:hover{

	background: url("../images/menu011r.gif") left top no-repeat;

}

#menu ul#btn li.li12 a:hover{

	background: url("../images/menu012r.gif") left top no-repeat;

}

#menu ul#btn li.li13 a:hover{

	background: url("../images/menu013r.gif") left top no-repeat;

}




/*	リンクバナー

-----------------------------------*/

div.sidebn{
	width: 190px;
	height: 34px;
    padding: 0 0 0 0;
	margin: 0 5px 5px 0;
	float:right
}



div.sidebn60{
	width: 190px;
	height: 60px;
    padding: 0 0 0 0;
	margin: 0 5px 5px 0;
	float:right
}

div.sidespace10{
	width: 190px;
	height: 10px;
    padding: 0 0 0 0;
	margin: 0 5px 5px 0;
	float:right
}

div.sideline {
	width: 190px;
	height: 11px;
    padding: 0 0 0 0;
	margin: 0 5px 5px 0;
	float:right
}

div.sideimage93{
	width: 190px;
	height: 93px;
    padding: 0 0 0 0;
	margin: 0 5px 5px 0;
	float:right
}

/*	Ｗ３Ｃ

-----------------------------------*/

.w3c {
    display: inline;
	width: 190px;
	height: auto;
    padding: 0 0 0 0;
	margin: 0 5px 0 0;
	float:right
}

.w3c .left {
    display: inline;
	width: 95px;
	height:auto;
	float: left;
	margin:0;
	padding:0;
	text-align:center;
}

.w3c .right {
    display: inline;
	width: 95px;
	height:auto;
	float: right;
	margin:0;
	padding:0;
	text-align:center;
}

/*	サイド見出し

-----------------------------------*/

div.topside {
	width: 190px;
	height: 34px;
    padding: 0 0 0 0;
	margin: 0 5px 5px 0;
	float:right
}



/*	余白

-----------------------------------*/

#menu div.dummy{
	height: 10px;
}



#mainimage {
	width: 800px;
	margin:0;
	padding:0;
	background-repeat: repeat-y;
}

#maintitle {
	width: 800px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
}


.topboth {
	clear:both;
}

#toptopics {
	width: 550px;
	height: auto;
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:5px;
	padding:0;
	float:left;
	font-size:13px;
}

/*
.toptopics .top_bg {
	background-image: url(../image/submenu/submenu_bg_top.jpg);
	background-repeat: no-repeat;
	height: 5px;
	width: 195px;
}
.toptopics .middle_bg {
	background-color: #F4F4F4;
	width: 185px;
	padding: 5px;
	background-image: url(../image/submenu/submenu_bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.toptopics .middle_bg ul {
	list-style-type: none;
	display: block;
	background-image: url(../image/submenu/lastitem_bg.jpg);
	background-position: bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
*/

頭文字 

#word {
	width: 800px;
	height: 80px;
	float:left;
}

.word   {   
    width: 800px; 
		height: 80px;
}  

.word li  {   
    float: left;   
    text-align: left;  
		height: 80px; 
}  

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

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

.word ul li span {

	visibility: hidden;

}

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

各頭文字 

.word li.li1 {
}

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

.word li.li1 a:hover{
	background: url("../images/word_a.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li2 {
}

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

.word li.li2 a:hover{
	background: url("../images/word_ka.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li3 {
}

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

.word li.li3 a:hover{
	background: url("../images/word_sa.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li4 {
}

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

.word li.li4 a:hover{
	background: url("../images/word_ta.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li5 {
}

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

.word li.li5 a:hover{
	background: url("../images/word_na.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li6 {
}

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

.word li.li6 a:hover{
	background: url("../images/word_ha.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li7 {
}

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

.word li.li7 a:hover{
	background: url("../images/word_ma.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li8 {
}

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

.word li.li8 a:hover{
	background: url("../images/word_ya.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li9 {
}

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

.word li.li9 a:hover{
	background: url("../images/word_ra.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li10 {
}

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

.word li.li10 a:hover{
	background: url("../images/word_wa.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li11 {
}

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

.word li.li11 a:hover{
	background: url("../images/word_i.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li12 {
}

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

.word li.li12 a:hover{
	background: url("../images/word_ki.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li13 {
}

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

.word li.li13 a:hover{
	background: url("../images/word_shi.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li14 {
}

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

.word li.li14 a:hover{
	background: url("../images/word_chi.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li15 {
}

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

.word li.li15 a:hover{
	background: url("../images/word_ni.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li16 {
}

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

.word li.li16 a:hover{
	background: url("../images/word_hi.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li17 {
}

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

.word li.li17 a:hover{
	background: url("../images/word_mi.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li18 {
    display: block;   
    width: 70px;   
	height: 70px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}

.word li.li18 a{

}

.word li.li18 a:hover{

}

.word li.li19 {
}

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

.word li.li19 a:hover{
	background: url("../images/word_ri.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li20 {
    display: block;   
    width: 70px;   
	height: 70px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}

.word li.li20 a{

}

.word li.li20 a:hover{

}

.word li.li21 {
}

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

.word li.li21 a:hover{
	background: url("../images/word_u.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li22 {
}

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

.word li.li22 a:hover{
	background: url("../images/word_ku.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li23 {
}

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

.word li.li23 a:hover{
	background: url("../images/word_su.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li24 {
}

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

.word li.li24 a:hover{
	background: url("../images/word_tsu.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li25 {
}

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

.word li.li25 a:hover{
	background: url("../images/word_nu.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li26 {
}

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

.word li.li26 a:hover{
	background: url("../images/word_fu.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li27 {
}

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

.word li.li27 a:hover{
	background: url("../images/word_mu.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li28 {
}

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

.word li.li28 a:hover{
	background: url("../images/word_yu.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li29 {
}

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

.word li.li29 a:hover{
	background: url("../images/word_ru.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li30 {
    display: block;   
    width: 70px;   
	height: 70px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}

.word li.li30 a{

}

.word li.li30 a:hover{

}

.word li.li31 {
}

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

.word li.li31 a:hover{
	background: url("../images/word_e.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li32 {
}

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

.word li.li32 a:hover{
	background: url("../images/word_ke.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li33 {
}

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

.word li.li33 a:hover{
	background: url("../images/word_se.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li34 {
}

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

.word li.li34 a:hover{
	background: url("../images/word_te.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li35 {
}

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

.word li.li35 a:hover{
	background: url("../images/word_ne.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li36 {
}

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

.word li.li36 a:hover{
	background: url("../images/word_he.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li37 {
}

.word li.li37 a{
	background: url("../images/word_me.jpg") no-repeat;
}

.word li.li37 a:hover{
	background: url("../images/word_me.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li38 {
    display: block;   
    width: 70px;   
	height: 70px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}

.word li.li38 a{

}

.word li.li38 a:hover{

}

.word li.li39 {
}

.word li.li39 a{
	background: url("../images/word_re.jpg") no-repeat;
}

.word li.li39 a:hover{
	background: url("../images/word_re.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li40 {
    display: block;   
    width: 70px;   
	height: 70px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}

.word li.li40 a{

}

.word li.li40 a:hover{

}

.word li.li41 {
}

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

.word li.li41 a:hover{
	background: url("../images/word_o.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li42 {
}

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

.word li.li42 a:hover{
	background: url("../images/word_ko.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li43 {
}

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

.word li.li43 a:hover{
	background: url("../images/word_so.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li44 {
}

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

.word li.li44 a:hover{
	background: url("../images/word_to.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li45 {
}

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

.word li.li45 a:hover{
	background: url("../images/word_no.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li46 {
}

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

.word li.li46 a:hover{
	background: url("../images/word_ho.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li47 {
}

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

.word li.li47 a:hover{
	background: url("../images/word_mo.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li48 {
}

.word li.li48 a{
	background: url("../images/word_yo.jpg") no-repeat;
}

.word li.li48 a:hover{
	background: url("../images/word_yo.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li49 {
}

.word li.li49 a{
	background: url("../images/word_ro.jpg") no-repeat;
}

.word li.li49 a:hover{
	background: url("../images/word_ro.jpg") no-repeat;
	background-position:-70px 0px;
}

.word li.li50 {
    display: block;   
    width: 70px;   
	height: 70px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}

.word li.li50 a{

}

.word li.li50 a:hover{

}

アルファベット 

#alphabet {
	width: 210px;
	height: 80px;
	float:left;
}

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

.alphabet   {   
    width: 210px; 
		height: 80px;
}  

.alphabet li  {   
    float: left;   
    text-align: left;  
		height: 80px; 
}  

.alphabet li a  {   
    display: block;   
    width: 200px;   
	height: 70px;
    text-decoration: none;
	margin:5px 5px 5px 5px;
}  

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

.alphabet ul li span {

	visibility: hidden;

}

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



.alphabet li.li1 {
}

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

.alphabet li.li1 a:hover{
	background: url("../images/word_alphabet.jpg") no-repeat;
	background-position:-200px 0px;
}
#uneisite {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#uneisite p {
	font-size: 10px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0px;
}
#uneisite h3 {
	font-weight: normal;
	margin-top: 8px;
	background-image: url(../images/list_u.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 14px;
	margin-bottom: 8px;
}

