@charset "UTF-8";
/* CSS Document */

h2{
	background-image: url(../images/manhole-m-h2.gif);
	background-repeat: no-repeat;
	height: 43px;
	text-indent: -9999px;
	display: block;
	margin-top: 15px;
	margin-bottom: 25px;
}
#theatermenu{
	height: 587px;
	width: 157px;
	float: left;
	background-image: url(../images/theatermenu.gif);
	margin-right: 50px;
	font-size: 0px;
	text-indent: -9999px;
}
#theatermenu ul{
}
#back a{
	height: 120px;
	display: block;
}
#back a:hover{
	background-image: url(../images/theatermenu-back.gif);
}
#comic a{
	background-image: url(../images/manhole-2-overmenu.gif);
	background-position: 0px 0px;
	height: 70px;
	width: 115px;
	display: block;
	margin-left: 22px;
	margin-top: 70px;
}
#comic a:hover{
	background-image: url(../images/manhole-2-overmenu.gif);
	background-position: 0px 0px;
}
#anime a{
	height: 72px;
	width: 115px;
	display: block;
	margin-top: 4px;
	margin-left: 22px;
}
#anime a:hover{
	background-image: url(../images/manhole-2-overmenu.gif);
	background-position: 0px -75px;
}
#adovebture a{
	height: 71px;
	width: 115px;
	display: block;
	margin-top: 7px;
	margin-left: 22px;
}
#adovebture a:hover{
	background-image: url(../images/manhole-2-overmenu.gif);
	background-position: 0px -154px;
}
#biseibutu a{
	height: 69px;
	width: 115px;
	display: block;
	margin-top: 9px;
	margin-left: 22px;
}
#biseibutu a:hover{
	background-image: url(../images/manhole-2-overmenu.gif);
	background-position: 0px -233px;
}
#latecomic{
	display: block;
	width: 540px;
	float: left;
	padding-left: 0px;
	margin-bottom: 20px;
}
#right{
	display: block;
	width: 225px;
	float: right;
	height: 580px;
	background-image: url(../images/manhole-m2_2-right.jpg);
	text-indent: -9999px;
	margin-right: 50px;
}
#right a{
	display: block;
	height: 200px;
	width: 150px;
	position: relative;
	top: 275px;
	left: 55px;
	background-image: url(-9999);
}


/*　縦書き　*/
div.tate{        /*縦書きエリア全体*/
	clear:both;
	width:85px;
	background-color: #000000;
	margin: 0px;
}
div.gyo{  /*行*/
	width:1em;    /* 行間スペースの値 適宜変更 */
	float: left;
	height: 545px;
	background-color: #000000;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	font-size: 1.5em;
	display: inline;
}

div.komoji{   /*小文字(ぁぃぅぇぉっなど)の位置調整*/
 margin-left:0.1em;
 line-height:0.8em;
 margin-bottom:0.3em;
}
div.kuto{  /*句読点の位置調整*/
 margin-left:0.6em;
 line-height:0.1em;
 margin-bottom:1em;
}