@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
color:white;
background:url(../images/Topback2.gif) repeat-x;
background-color:#444B69;
}
a:link{
color:#ffff66;
background: transparent; 
}
a:visited {
color:#ffff66;
background: transparent; 
}
a:hover,a:active {
color:#ffff66;
background: transparent; 
}
#header{
height:85px 100%;
}
#header-fla{
width:850px;
height:85px;
}
/* メニュー  */
#menu ul{
margin:0;
padding:0;
width:850px;
height:63px;
}
#menu li{
display:inline;
list-style:none;
}
#menu li a{
height:63px;
display:block;
float:left;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}
#menu li.menu1 a{width:110px; background:url(../images/menu.jpg) 0px 0px no-repeat;}
#menu li.menu2 a{width:106px; background:url(../images/menu.jpg) -110px 0px no-repeat;}
#menu li.menu3 a{width:105px;  background:url(../images/menu.jpg) -216px 0px no-repeat;}
#menu li.menu4 a{width:105px; background:url(../images/menu.jpg) -321px 0px no-repeat;}
#menu li.menu5 a{width:105px; background:url(../images/menu.jpg) -426px 0px no-repeat;}
#menu li.menu6 a{width:105px; background:url(../images/menu.jpg) -531px 0px no-repeat;}
#menu li.menu7 a{width:105px; background:url(../images/menu.jpg) -636px 0px no-repeat;}
#menu li.menu8 a{width:105px; background:url(../images/menu.jpg) -741px 0px no-repeat;}
/* on */
#menu li.menu1 a:hover{width:110px;background:url(../images/menu.jpg) 0px -63px no-repeat;}
#menu li.menu2 a:hover{width:106px;background:url(../images/menu.jpg) -110px -63px no-repeat;}
#menu li.menu3 a:hover{width:105px; background:url(../images/menu.jpg) -216px -63px no-repeat;}
#menu li.menu4 a:hover{width:105px; background:url(../images/menu.jpg) -321px -63px no-repeat;}
#menu li.menu5 a:hover{width:105px; background:url(../images/menu.jpg) -426px -63px no-repeat;}
#menu li.menu6 a:hover{width:105px; background:url(../images/menu.jpg) -531px -63px no-repeat;}
#menu li.menu7 a:hover{width:105px; background:url(../images/menu.jpg) -636px -63px no-repeat;}
#menu li.menu8 a:hover{width:105px; background:url(../images/menu.jpg) -741px -63px no-repeat;}
/* select */
#menu li.menu1-select a{width:110px;background:url(../images/menu.jpg) 0px -63px no-repeat;}
#menu li.menu2-select a{width:106px;background:url(../images/menu.jpg) -110px -63px no-repeat;}
#menu li.menu3-select a{width:105px; background:url(../images/menu.jpg) -216px -63px no-repeat;}
#menu li.menu4-select a{width:105px; background:url(../images/menu.jpg) -321px -63px no-repeat;}
#menu li.menu5-select a{width:105px; background:url(../images/menu.jpg) -426px -63px no-repeat;}
#menu li.menu6-select a{width:105px; background:url(../images/menu.jpg) -531px -63px no-repeat;}
#menu li.menu7-select a{width:105px; background:url(../images/menu.jpg) -636px -63px no-repeat;}
#menu li.menu8-select a{width:105px; background:url(../images/menu.jpg) -741px -63px no-repeat;}

/* 読み物 サブメニュー */
#menu-y{
height:25px 100%;
}
#menu-y ul{
margin:0;
padding:0;
width:845px;
height:25px;
padding-top:15px;
padding-bottom:10px;
}
#menu-y li{
display:inline;
list-style:none;
}
#menu-y li a{
height:25px;
display:block;
float:left;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}
#menu-y li.menu-y1 a{width:177px; background:url(../images/menu-y.jpg) 0px 0px no-repeat;}
#menu-y li.menu-y2 a{width:220px; background:url(../images/menu-y.jpg) -177px 0px no-repeat;}
#menu-y li.menu-y3 a{width:264px;  background:url(../images/menu-y.jpg) -397px 0px no-repeat;}
#menu-y li.menu-y4 a{width:181px; background:url(../images/menu-y.jpg) -661px 0px no-repeat;}
/* on */
#menu-y li.menu-y1 a:hover{width:177px;background:url(../images/menu-y.jpg) 0px -25px no-repeat;}
#menu-y li.menu-y2 a:hover{width:220px;background:url(../images/menu-y.jpg) -177px -25px no-repeat;}
#menu-y li.menu-y3 a:hover{width:264px; background:url(../images/menu-y.jpg) -397px -25px no-repeat;}
#menu-y li.menu-y4 a:hover{width:181px; background:url(../images/menu-y.jpg) -661px -25px no-repeat;}
/* select */
#menu-y li.menu-y1-select a{width:177px;background:url(../images/menu-y.jpg) 0px -25px no-repeat;}
#menu-y li.menu-y2-select a{width:220px;background:url(../images/menu-y.jpg) -177px -25px no-repeat;}
#menu-y li.menu-y3-select a{width:264px; background:url(../images/menu-y.jpg) -397px -25px no-repeat;}
#menu-y li.menu-y4-select a{width:181px; background:url(../images/menu-y.jpg) -661px -25px no-repeat;}


#contents{
width:850px;
margin:0;
padding:0;
padding-top:10px;
overflow:hidden;
}
.main{
float:right;
width:650px;
margin:auto;
}
.main-eod{
width:850px;
margin:auto;
}
.submenu ul{
margin:0;
padding:0;
line-height:1.2em;
font-size:0.9em;
}
/* サブメニュー */
.submenu{
width:200px;
float:left;
text-align:left;
}
.submenu ul li{
margin-bottom:10px;
padding-left:20px;
list-style:none;
width:200px;
background:url(../images/list-img.png) no-repeat;
}
/* 
float close[
----------------------------------------------------------- */
.f_clear{
clear:both !important;
}
/*  おまじない */
.f_close{
overflow:auto;
overflow:visible;
clear:both;
}
.f_close:after{
content:".";
display:block;

height:0;
clear:both;
visibility:hidden;
}
/* hides from ie-mac */
* html .f_close{height:1%;}
.f_close{display:block;}
/* end hide from ie-mac */