@charset "Shift_JIS";


/* head.css */


/* header
___________________________________________________*/

#header {
	margin: 0px;
	width: 900px;
	background-color: #084bf2;
	padding: 0px;
	height: 235px;
	}


/* header text A
___________________________________________________*/

#headerTextA {
	padding: 0px;
	width: 900px;
	text-align: center;
	background-color: #0ad;
	background-image: url(../img/reedA.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#headerTextA h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20%;
	line-height: 1.5em;
	text-indent: -2000px;
	}


/* header text B
___________________________________________________*/

#headerTextB {
	width: 878px;
	text-align: center;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 11px;
	}

#headerTextB h2 {
	margin: 0px;
	padding: 3px;
	font-size: 85%;
	line-height: 1.5em;
	color: #333333;
	background: transparent;
	}

/* header second text
___________________________________________________*/

#headerSecondText {
	width: 878px;
	text-align: left;
	border-right-width: 11px;
	border-left-width: 11px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #003399;
	border-left-color: #003366;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FF0000;
	background-repeat: repeat-x;
	}

#headerSecondText p {
	margin: 0px;
	padding: 3px;
	font-size: 85%;
	line-height: 1.5em;
	color: #fff;
	}

/* link color
-------------------------- */

#headerSecondText a:link,
#headerSecondText a:visited,
#headerSecondText a:active {
	text-decoration: underline;
	color: #fff;
	}

#headerSecondText a:hover {
	text-decoration: none;
	color: #fff;
	}



/* headerImg2
___________________________________________________*/

#headerImg2 {
	margin: 0px;
	width: 880px;
	height: 145px;
	text-align: right;
	background-color: transparent;
	background-image: url(../images/top1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 55px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

/* main navi
___________________________________________________*/

#mainnav {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 49px;
	}

#mainnav ul {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 49px;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(../images/mainnavi1.gif);
	}

#mainnav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
	}
	
#mainnav li, #mainnav a {
	height: 49px;
	display: block;
	}

#mainnav a {
	text-indent: -5000px;
	text-decoration: none;
	}

#mainnavA {
	left: 10px;
	width: 145px;
}
#mainnavB {
	left: 159px;
	width: 145px;
}
#mainnavC {
	left: 305px;
	width: 145px;
}
#mainnavD {
	left: 454px;
	width: 145px;
}
#mainnavE {
	left: 600px;
	width: 145px;
}
#mainnavF {
	left: 749px;
	width: 145px;
}
#mainnavG {left: 656px; width: 124px;}

#mainnavA a:hover, #mainnavA a:visited:hover { background: transparent url(../images/mainnavi1.gif) -10px -51px no-repeat;}
#mainnavB a:hover, #mainnavB a:visited:hover { background: transparent url(../images/mainnavi1.gif) -159px -51px no-repeat;}
#mainnavC a:hover, #mainnavC a:visited:hover { background: transparent url(../images/mainnavi1.gif) -305px -51px no-repeat;}
#mainnavD a:hover, #mainnavD a:visited:hover { background: transparent url(../images/mainnavi1.gif) -454px -51px no-repeat;}
#mainnavE a:hover, #mainnavE a:visited:hover { background: transparent url(../images/mainnavi1.gif) -600px -51px no-repeat;}
#mainnavF a:hover, #mainnavF a:visited:hover { background: transparent url(../images/mainnavi1.gif) -749px -51px no-repeat;}
#mainnavG a:hover, #mainnavG a:visited:hover { background: transparent url(../images/mainnavi1.gif) -870px -51px no-repeat;}

#mainnavA a.selected:link, #mainnavA a.selected:visited { background: transparent url(../images/mainnavi1.gif) -10px -50px no-repeat;}
#mainnavB a.selected:link, #mainnavB a.selected:visited { background: transparent url(../images/mainnavi1.gif) -38px -63px no-repeat;}
#mainnavC a.selected:link, #mainnavC a.selected:visited { background: transparent url(../images/mainnavi1.gif) -162px -63px no-repeat;}
#mainnavD a.selected:link, #mainnavD a.selected:visited { background: transparent url(../images/mainnavi1.gif) -285px -63px no-repeat;}
#mainnavE a.selected:link, #mainnavE a.selected:visited { background: transparent url(../images/mainnavi1.gif) -409px -63px no-repeat;}
#mainnavF a.selected:link, #mainnavF a.selected:visited { background: transparent url(../images/mainnavi1.gif) -533px -63px no-repeat;}
#mainnavG a.selected:link, #mainnavG a.selected:visited { background: transparent url(../images/mainnavi1.gif) -656px -63px no-repeat;}




































































































                                                                                                                                                      
#kurasu {
	font-size: 11pt;
	width: 878px;
	border-right-width: 11px;
	border-left-width: 11px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0000FF;
	border-left-color: #0000FF;
	background-color: #BA4EFE;
	list-style-type: none;
	margin: 0px;
	color: #FFFFFF;
	font-weight: normal;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

#kurasu a {
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
}
#kurasu a:link {
	color: #FFFFFF;
}
#kurasu a:visited {
	color: #FFFFFF;
}
#kurasu a:hover {
	color: #FFFFFF;
	background-color: #FFCC00;
}
#genre {
	font-size: 120%;
	font-weight: bold;
	height: 50px;
	padding-top: 38px;
	padding-right: 0px;
	width: 150px;
	padding-left: 40px;
	background-image: url(../../images/tri2.gif);
	background-position: 15px 60px;
	background-repeat: no-repeat;
}
li {
	display: inline;
}