@charset "UTF-8";
body {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	color: #333;
	background-image:url(blue.png);
	background-repeat:repeat-x;
	background-color: #fff;
}
#box {
	margin: 5px auto 0px auto;
	padding: 0px;
	width: 910px;
	min-height: 768px;
	position: relative;
	background-image:url(eye00.png);
	background-repeat:no-repeat;
}
a{
	color:#F30;
	font-style:normal;
	text-decoration:none;
}
a:hover {
	font-style:normal;
	background-image:url(dot_o.png);
}
#contents a{
	color:#fff;
	font-style:normal;
	text-decoration:none;
}
#contents a:hover {
	font-style:normal;
	background-image:url(dot_w.png);
}
img {
	border: none;
}
p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 5px 0px 5px 0px;
}
h2 {
	margin: 0px 0px 2px 0px;
	padding-left: 8px;
	background-image: url(stripe2.png);
	font-size: 1.4em;
	color: #fff;
	font-weight: normal;
}
address {
	font-size: 1.1em;
	font-style: italic;
}
#header {
	display:none;
}
#contents {
	width: 535px;
	height: 540px;
	margin: 0px 0px 0px 375px;
	padding: 0px 0px 0px 0px;
	overflow:visible;
}
#contact #contents {
	height: auto;
}
#nav {
	display: -webkit-box;
    display: -moz-box;
	width: 535px;
	height: 105px;
	margin: 0px;
	padding: 0px;
}
#timeline {
	display: -webkit-box;
    display: -moz-box;
	width: 535px;
	height: 300px;
	bottom: 0px;
}
div.innav {
	margin: 5px 15px 10px 0px;
	height: 100%;
	clear: both;
}
div.innavBox {
	margin: 0px;
	height: 100%;
	overflow: auto;
}
#nav div.innavBox {
	height: 75px;
}
#timeline div.innavBox {
	height: 270px;
}
div.new {
	width: 220px;
}
div.event {
	width: 300px;
}

/*/////メニュー部分（ここから）/////*/
ul li {
	font-size:1.2em;
}
div#menu {
	width: 535px;
}
#menu ul li {
	float: left;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	list-style-type: none;
	color: #FFF;
	height: 25px;
	padding: 0px;
	margin: 20px 15px 10px 0px;
}
li#abBtn {
	background-image: url(menu/h_about.png);
}
li#boBtn {
	background-image: url(menu/h_books.png);
}
li#coBtn {
	background-image: url(menu/h_comics.png);
}
li#ilBtn {
	background-image: url(menu/h_illusts.png);
}
li#liBtn {
	background-image: url(menu/h_links.png);
}
#menu li a {
	display: block;
	width: auto;
	height: 25px;
	background-image: none !important;
}
#menu li a:hover {
	background-color: transparent;
}
#menu li a:hover img {
	visibility: hidden;
}
#sns {
	clear: both;
}
/*/////メニュー部分（ここまで）/////*/

#footer {
	width: 535px;
	margin: 0px 0px 0px 375px;
	padding: 15px 0px 0px 0px;
}
.innav ul {
	margin: 0px 0px 2px 8px;
	padding: 0px;
	list-style-type: none;
}
.innav li {
	margin: 0px;
	padding: 0px;
}
div#twitter {
	width: 260px;
	margin: 10px 15px 0px 0px;
}
div#blog {
	width: 260px;
	margin: 10px 15px 0px 0px;
}
#feed ul {
	margin: 0px 0px 2px 8px;
	padding: 0px;
	list-style-type: none;
}
#feed li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #89b7b7;
	margin-bottom: 5px;
	padding-bottom: 6px;
}
span.article {
	font-size: 0.85em;
	color:#555;
	display:block;
	margin: 0px 0px 0px 8px;
}
span.red {
	color: #ff0033;
}
img.title {
	margin-top: 20px;
}
#introduction {
	font-style: italic;
	margin-top: 0px;
}
#under-lined {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #89b7b7;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
/*/////以下バッジ風の処理/////*/
#badge {
	float: left;
	position: absolute;
	top: 415px;
	left: 20px;
}
#badge2 {
	float: left;
	position: absolute;
	top: 225px;
	left: 230px;
}