@charset "shift_jis";

/* info
++++++++++++++++++++++++++++++++++++++++++++++++++
CSS : anime

media : screen,tv
filename : anime.css
--------------------------------------------------
template
mainbody
	-clear
content
	-headline
	-paragraph etc
	-box
	-box in box
	-clear
sidebar
	-menu
	-banner
mainbody.top
mainbody.intro
mainbody.staff
mainbody.back
mainbody.comment
mainbody.animedvd
++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* template
================================================== */
div#mainbody {
	padding-bottom: 105px;
	/* HACK start : for MacIE \*//*/
	padding-bottom: 0;
	/* HACK end : for MacIE */
}
div#footer {
	height: 105px;
	background-position: 0 30px;
}
div#footer ul {
	position: absolute;
	top: 50px;
}

/* mainbody
================================================== */
/* clearfix : clear floats without structural markup
http://www.kuroduction.com/doc/translation/position_is_everything/easyclearing.html
http://positioniseverything.net/easyclearing.html
-------------------------------------------------- */
div#mainbody:after {
	display: block;
	float: none;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
div#mainbody {
	display: inline-block;
}
/* HACK start : hide from MacIE \*/
* html div#mainbody {
	height: 1%;
}
div#mainbody {
	display: block;
}
/* HACK end : hide from MacIE */

/* content
================================================== */
div#content {
	float: right;
	width: 580px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 15px;
}
html>body div#content {
	width: 555px;
}
/* headline
-------------------------------------------------- */
div#content h1,
div#content h2 {
	/* HACK start : hide from MacIE \*/
	overflow: hidden;
	/* HACK end : hide from MacIE */
	background-color: transparent;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div#content h1 {
	height: 45px;
	background-position: right top;
}
div#content h2 {
	height: 22px;
	background-position: left top;
}
/* paragraph etc
-------------------------------------------------- */
div#content h3,
div#content p,
div#content li,
div#content dt,
div#content dd {
	line-height: 1.5;
}
div#content p.gotop {
	margin-right: 5px;
	margin-bottom: 2em;
	text-align: right;
}
div#content p.gotop a {
	background-color: transparent;
	color: #F00;
}
div#content p.gotop a:hover,
div#content p.gotop a:focus {
	background-color: transparent;
	color: #FFF;
}
/* box
-------------------------------------------------- */
div#content div.box {
	margin-right: 5px;
}
/* box in box
-------------------------------------------------- */
div#content div.inbox {
	width: 100%;
	padding: 0.6em 10px 0;
	border-color: #000;
	border-width: 3px 1px 1px 1px;
	border-style: solid;
	background-color: #343D46;
	color: #CCC;
}
html>body div#content div.inbox {
	width: auto;
}
div#content div.inbox p,
div#content div.inbox ul,
div#content div.inbox ol,
div#content div.inbox dl {
	margin-bottom: 1.2em;
}
div#content div.inbox div.img {
	float: right;
	width: 190px;
}
div#content div.inbox div.txt {
	float: left;
	width: 320px;
}
div#content div.inbox div.txt div.profile {
	margin-bottom: 1.2em;
	padding: 0.6em 10px 0;
	border: 1px solid #000;
	background-color: #212B35;
	color: inherit;
}
div#content div.inbox h3 {
	background-color: transparent;
	color: #F90;
	font-weight: bold;
}
div#content div.inbox div.txt div.profile h3 {
	background-color: transparent;
	color: #F33;
}
div#content div.inbox h3 span {
	font-weight: normal;
}
div#content div.inbox p.staff {
	background-color: transparent;
	color: #888;
}
/* clearfix : clear floats without structural markup
http://www.kuroduction.com/doc/translation/position_is_everything/easyclearing.html
http://positioniseverything.net/easyclearing.html
-------------------------------------------------- */
div#content div.inbox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
div#content div.inbox {
	display: inline-block;
}
/* HACK start : hide from MacIE \*/
* html div#content div.inbox {
	height: 1%;
}
div#content div.inbox {
	display: block;
}
/* HACK end : hide from MacIE */

/* sidebar
================================================== */
div#sidebar {
	float: left;
	width: 190px;
	padding-top: 10px;
}
/* menu
-------------------------------------------------- */
div#sidebar li {
	width: 190px;
	height: 30px;
	/* HACK start : hide from MacIE \*/
	overflow: hidden;
	/* HACK end : hide from MacIE */
	margin-bottom: 10px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	color: inherit;
	text-indent: -9999px;
}
div#sidebar li a {
	display: block;
	height: 30px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	color: inherit;
}
div#sidebar li a:hover,
div#sidebar li a:focus {
	background-color: transparent;
	color: inherit;
}
/* image */
div#sidebar li#a-top {
	background-image: url(../../com_img/mn_top.gif);
}
div#sidebar li#a-intro {
	background-image: url(../../com_img/mn_intro.gif);
}
div#sidebar li#a-staff {
	background-image: url(../../com_img/mn_staff.gif);
}
div#sidebar li#a-back {
	background-image: url(../../com_img/mn_back.gif);
}
div#sidebar li#a-comment {
	background-image: url(../../com_img/mn_comment.gif);
}
div#sidebar li#a-animedvd {
	background-image: url(../../com_img/mn_animedvd.gif);
}
/* onmouse */
div#sidebar li#a-top a:hover,
div#sidebar li#a-top a:focus {
	background-image: url(../../com_img/mn_top_.gif);
}
div#sidebar li#a-intro a:hover,
div#sidebar li#a-intro a:focus {
	background-image: url(../../com_img/mn_intro_.gif);
}
div#sidebar li#a-staff a:hover,
div#sidebar li#a-staff a:focus {
	background-image: url(../../com_img/mn_staff_.gif);
}
div#sidebar li#a-back a:hover,
div#sidebar li#a-back a:focus {
	background-image: url(../../com_img/mn_back_.gif);
}
div#sidebar li#a-comment a:hover,
div#sidebar li#a-comment a:focus {
	background-image: url(../../com_img/mn_comment_.gif);
}
div#sidebar li#a-animedvd a:hover,
div#sidebar li#a-animedvd a:focus {
	background-image: url(../../com_img/mn_animedvd_.gif);
}
/* banner
-------------------------------------------------- */
div#sidebar p {
	margin-bottom: 10px;
}
div#sidebar p a img {
	border: 1px solid #212B35;
}
div#sidebar p a:hover img,
div#sidebar p a:focus img {
	border: 1px solid #F90;
}
div#sidebar p a:active img {
	border: 1px solid #F00;
}

/* mainbody.top
================================================== */
div.top div#content {
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
}
html>body div.top div#content {
	width: 580px;
}
div.top div#content h1 {
	height: auto;
	text-indent: 0;
}

/* mainbody.intro
================================================== */
div.intro div#content h1 {
	background-image: url(../../com_img/ttl_intro.gif);
}
div#content div#summary h2 {
	background-image: url(../../com_img/ttl_intro_summary.gif);
}
div#content div#story h2 {
	background-image: url(../../com_img/ttl_intro_story.gif);
}

/* mainbody.staff
================================================== */
div.staff div#content h1 {
	background-image: url(../../com_img/ttl_staff.gif);
}
div#content div#staff h2 {
	background-image: url(../../com_img/ttl_staff_staff.gif);
}
div#content div#cast h2 {
	background-image: url(../../com_img/ttl_staff_cast.gif);
}

/* mainbody.back
================================================== */
div.back div#content h1 {
	background-image: url(../../com_img/ttl_back.gif);
}
div#content div#bn01 h2 {
	background-image: url(../../com_img/ttl_back_bn01.gif);
}
div#content div#bn02 h2 {
	background-image: url(../../com_img/ttl_back_bn02.gif);
}
div#content div#bn03 h2 {
	background-image: url(../../com_img/ttl_back_bn03.gif);
}
div#content div#bn04 h2 {
	background-image: url(../../com_img/ttl_back_bn04.gif);
}
div#content div#bn05 h2 {
	background-image: url(../../com_img/ttl_back_bn05.gif);
}
div#content div#bn06 h2 {
	background-image: url(../../com_img/ttl_back_bn06.gif);
}
div#content div#bn07 h2 {
	background-image: url(../../com_img/ttl_back_bn07.gif);
}
div#content div#bn08 h2 {
	background-image: url(../../com_img/ttl_back_bn08.gif);
}
div#content div#bn09 h2 {
	background-image: url(../../com_img/ttl_back_bn09.gif);
}
div#content div#bn10 h2 {
	background-image: url(../../com_img/ttl_back_bn10.gif);
}
div#content div#bn11 h2 {
	background-image: url(../../com_img/ttl_back_bn11.gif);
}
div#content div#bn12 h2 {
	background-image: url(../../com_img/ttl_back_bn12.gif);
}

/* mainbody.comment
================================================== */
div.comment div#content h1 {
	background-image: url(../../com_img/ttl_comment.gif);
}
div#content div#jin h2 {
	background-image: url(../../com_img/ttl_comment_jin.gif);
}
div#content div#nishee h2 {
	background-image: url(../../com_img/ttl_comment_nishee.gif);
}

/* mainbody.animedvd
================================================== */
div.animedvd div#content h1 {
	background-image: url(../../com_img/ttl_animedvd.gif);
}
div.animedvd div#content div#about h2 {
	background-image: url(../../com_img/ttl_animedvd_about.gif);
}
div.animedvd div#content div#summary h2 {
	background-image: url(../../com_img/ttl_intro_summary.gif);
}
div.animedvd div#content div#staff h2 {
	background-image: url(../../com_img/ttl_animedvd_staff.gif);
}
div.animedvd div#content div.inbox {
	background-color: #600;
	background-repeat: no-repeat;
	background-image: url(../../com_img/bg_animedvd.gif);
	background-position: left center;
	color: #CCC;
}