@charset "iso-2022-jp";

/* text-color */
.gray {color:#7b7b7b;}
.black {color:#171717;}
.purple {color:#b233b2;}
.ultramarine {color:#004e7b;}
.blue {color:#1766e0;}
.lightblue {color:#39f;}
.deepgreen {color:#060;}
.green {color:#179917;}
.yellowgreen {color:#4eb200;}
.yellow {color:#ffe000;text-shadow:1px 1px 1px #4e4e33;}
.orange {color:#ff7b00;}
.pink {color:#ff7bb2;}
.vermilion {color:#ff4e4e;}
.red {color:#c00;}
.carmine {color:#e09966;}
.magenta {color:#ea33b2;}
.brown {color:#7b4e00;}
.reddishbrown {color:#661700;}
.yellowocher {color:#b27b17;}
.gold {color:#c93;}
.silver {color:#b2b2b2;}
.toyo {color:#ff4e7b;}

/* kome */
dl.kome dt, dl.kome dd {
	line-height:1.25;
	padding-bottom:6px;
	}
dl.kome dt {
	width:1.25em;
	float:left;
	}
dl.kome dd {
	padding-left:1.25em;
	}

.txta-cen {
	text-align:center;
	}
.txta-rig {
	text-align:right;
	}
.wb-all {
	word-break:break-all;
	}

/* footer */
div.footer {
	padding:30px 0 40px;
	}
div.footer p, div.footer address {
	font-size:83%;
	line-height:1.6;
	color:#fff4ea;
	}
div.footer address {
	font-style:normal;
	}
div.footer p a, div.footer address a {
	color:#fff;
	}

/* layout */
div#page-top {
	padding-top:20px;
	}

/* bg color */
body.bg-green, body.bg-green div#page-top, body.bg-green div.menu-bar, body.bg-green h1 {background-color:#24923a;}
body.bg-green div.footer {border-top:10px solid #27b8e3;}
body.bg-red, body.bg-red div#page-top, body.bg-red div.menu-bar, body.bg-red h1 {background-color:#e61f19;}
body.bg-red div.footer {border-top:10px solid #eee93a;}
body.bg-sky, body.bg-sky div#page-top, body.bg-sky div.menu-bar, body.bg-sky h1 {background-color:#23b8e3;}
body.bg-sky div.footer {border-top:10px solid #853b91;}
body.bg-blue, body.bg-blue div#page-top, body.bg-blue div.menu-bar, body.bg-blue h1 {background-color:#013993;}
body.bg-blue div.footer {border-top:10px solid #e09312;}
body.bg-purple, body.bg-purple div#page-top, body.bg-purple div.menu-bar, body.bg-purple h1 {background-color:#853b91;}
body.bg-purple div.footer {border-top:10px solid #4eb266;}
body.bg-orange, body.bg-orange div#page-top, body.bg-orange div.menu-bar, body.bg-orange h1 {background-color:#e09312;}
body.bg-orange div.footer {border-top:10px solid #ff7bd6;}
body.bg-repo, body.bg-repo div#page-top, body.bg-repo div.menu-bar, body.bg-repo h1 {background-color:#004e17;}
body.bg-repo div.footer {border-top:10px solid #cc864e;}
body.bg-hada, body.bg-hada div#page-top, body.bg-hada div.menu-bar, body.bg-hada h1 {background-color:#f1bb93;}
body.bg-hada div.footer {border-top:10px solid #17997b;}
body.bg-brown, body.bg-brown div#page-top, body.bg-brown div.menu-bar, body.bg-brown h1 {background-color:#b2664e;}
body.bg-brown div.footer {border-top:10px solid #7b664e;}
body.bg-ton, body.bg-ton div#page-top, body.bg-ton div.menu-bar, body.bg-ton h1 {background-color:#4e4090;}
body.bg-ton div.footer {border-top:10px solid #bc1a24;}
body.bg-san, body.bg-san div#page-top, body.bg-san div.menu-bar, body.bg-san h1 {background-color:#ea177b;}
body.bg-san div.footer {border-top:10px solid #1d2088;}
body.bg-data, body.bg-data div#page-top, body.bg-data div.menu-bar, body.bg-data h1 {background-color:#7b7b4e;}
body.bg-data div.footer {border-top:10px solid #174e00;}
body.bg-manga, body.bg-manga div#page-top, body.bg-manga div.menu-bar, body.bg-manga h1 {background-color:#b8b8b8;}
body.bg-manga div.footer {border-top:10px solid #4e4e4e;}
body.bg-lime, body.bg-lime div#page-top, body.bg-lime div.menu-bar, body.bg-lime h1 {background-color:#b2cc00;}
body.bg-lime div.footer {border-top:10px solid #ffff7b;}
body.bg-gallery, body.bg-gallery div#page-top, body.bg-gallery div.menu-bar, body.bg-gallery h1 {background-color:#fab2c2;}
body.bg-gallery div.footer {border-top:10px solid #7b3300;}

/* cover */
div.cover {
	background-image:url(img/bg.png);
	background-repeat:repeat;
	background-position:center top;
	width:980px;
	text-align:left;
	margin:0 auto;
	}

/* header */
div#header {
	background-image:url(img/bg.png);
	background-repeat:repeat;
	background-position:center top;
	background-color:#eaeaea;
	border-bottom:10px solid #d9d9d9;
	}
div#header div.cover {
	position:relative;
	height:310px;
	}
div#header div.bn-recta {
	position:absolute;
	width:300px;
	height:250px;
	left:650px;
	top:30px;
	background-color:#fff;
	overflow:hidden;
	}
div#header div.cover p.logo {
	position:absolute;
	left:30px;
	top:20px;
	background-image:url(img/cm_png.png);
	background-repeat:no-repeat;
	background-position:0 -20px;
	}
div#header div.cover p.logo a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:590px;
	height:290px;
	}


/* menu */
div#header div.menu-bar {
	background-image:url(img/cm_png.png);
	background-repeat:repeat-x;
	background-position:0 -310px;
	}

div#header div.menu-bar div#menu {
	position:relative;
	width:980px;
	height:90px;
	margin:0 auto;
	}
div.menu-ovrflw {
	position:absolute;
	width:776px;
	height:90px;
	left:102px;
	top:0;
	overflow:hidden;
	}

div#header div.menu-bar div#menu ul {
	list-style-type:none;
	}
div#header div.menu-bar div#menu ul.ul-menu-main {
	margin-left:0;
	width:3200px;
	}
div#header div.menu-bar div#menu ul.ul-menu-main li {
	margin-right:1px;
	float:left;
	display:inline;
	}
div#header div.menu-bar div#menu ul li a {
	display:block;
	height:90px;
	font-size:2px;
	text-indent:-9999px;
	background-image:url(img/cm_png.png);
	background-repeat:no-repeat;
	}

div#header div.menu-bar div#menu ul.ul-menu-main li.mhome {margin-left:6px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mhome a {width:122px;background-position:-6px -490px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mhome a:hover {background-position:-6px -580px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mnews a {width:163px;background-position:-129px -490px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mnews a:hover {background-position:-129px -580px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mstory a {width:161px;background-position:-293px -490px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mstory a:hover {background-position:-293px -580px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mcast a {width:157px;background-position:-455px -490px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mcast a:hover {background-position:-455px -580px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mstaff a {width:156px;background-position:-613px -490px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mstaff a:hover {background-position:-613px -580px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mstaff {margin-right:7px;}

div#header div.menu-bar div#menu ul.ul-menu-main li.mchart {margin-left:9px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mchart a {width:202px;background-position:-9px -670px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mchart a:hover {background-position:-9px -760px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mbbs a {width:137px;background-position:-212px -670px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mbbs a:hover {background-position:-212px -760px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mgal a {width:277px;background-position:-350px -670px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mgal a:hover {background-position:-350px -760px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mrepo a {width:139px;background-position:-628px -670px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mrepo a:hover {background-position:-628px -760px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mrepo {margin-right:9px;}

div#header div.menu-bar div#menu ul.ul-menu-main li.minter {margin-left:8px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.minter a {width:223px;background-position:-8px -850px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.minter a:hover {background-position:-8px -940px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mcomic a {width:169px;background-position:-232px -850px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mcomic a:hover {background-position:-232px -940px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mdata a {width:196px;background-position:-402px -850px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mdata a:hover {background-position:-402px -940px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mupdt a {width:169px;background-position:-599px -850px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mupdt a:hover {background-position:-599px -940px;}
div#header div.menu-bar div#menu ul.ul-menu-main li.mupdt {margin-right:8px;}

div#menu ul li span {
	opacity:0.3;					/* Standard: Firefox 1.5以上, Opera, Safari */
	filter:alpha(opacity=30);		/* IE 8以下 */
	-ms-filter:"alpha(opacity=30)";	/* IE 8 */
	-moz-opacity:0.3;				/* Firefox 1.5以下, Netscape */
	-khtml-opacity:0.3;				/* Safari 1.x */
	}

div#header div.menu-bar div#menu ul.ul-menu-ctrl li {
	display:block;
	position:absolute;
	}
div#menu ul li.mmv-lef {left:0;top:0;}
div#menu ul li.mmv-rig {left:878px;top:0;}
div#menu ul li.mmv-lef a {width:102px;background-position:-760px -110px;}
div#menu ul li.mmv-lef a:hover {background-position:-760px -210px;}
div#menu ul li.mmv-rig a {width:102px;background-position:-870px -110px;}
div#menu ul li.mmv-rig a:hover {background-position:-870px -210px;}



/* main */
div.main {
	background-image:url(img/bg.png);
	background-repeat:repeat;
	background-position:center top;
	background-color:#eaeaea;
	}
div.main div.cover {
	padding-top:30px;
	}

/* contents */
div.main div.cover div.contents {
	margin:0 30px 40px;
	border:solid 10px #d9d9d9;
	background-image:url(img/bgw.png);
	padding-bottom:40px;
	}
div.contents h1 {
	background-image:url(img/cm_png.png);
	background-repeat:no-repeat;
	background-position:0 -400px;
	border-bottom:10px solid #e3e3e3;
	margin-bottom:30px;
	}
div.contents h1 span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	height:90px;
	}


/* character window */
@media print {div.bx-w-chara p.chr-photo{display:none;}}
div.bx-wop-btn {
	position:relative;
	width:680px;
	height:75px;
	}
div.bx-wop-btn ul {
	list-style-type:none;
	position:absolute;
	left:415px;
	}
div.bx-wop-btn ul li {
	display:block;
	float:left;
	}
div.bx-wop-btn ul li.btn-w-prev, div.bx-wop-btn ul li.btn-w-next {
	width:80px;
	}
div.bx-wop-btn ul li a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	background-image:url(../css/img/btn_wop.png);
	background-repeat:no-repeat;
	width:75px;
	height:75px;
	}
div.bx-wop-btn ul li.btn-w-next a {
	background-position:0 -80px;
	}
div.bx-wop-btn ul li.btn-w-prev a {
	background-position:left top;
	}
div.bx-wop-btn ul li.btn-w-close a {
	background-position:0 -160px;
	}
div.bx-w-chara {
	position:relative;
	text-align:left;
	width:680px;
	height:440px;
	background-image:url(../character/img/bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	}
div.bx-w-chara p.chr-head {
	position:absolute;
	font-size:2px;
	text-indent:-9999px;
	width:330px;
	height:80px;
	left:336px;
	top:40px;
	background-image:url(../character/img/h1.png);
	background-repeat:no-repeat;
	}
div.bx-w-chara p.chr-photo {
	background-repeat:no-repeat;
	background-position:right bottom;
	width:280px;
	height:400px;
	}
div.bx-w-chara p.chr-photo span {
	display:block;
	background-image:url(../css/img/trans.png);
	background-repeat:repeat;
	}
div.bx-w-chara p.chr-photo span img {
	width:280px;
	height:400px;
	}
div.bx-w-chara div.chr-scrl-box {
	position:absolute;
	left:320px;
	top:139px;
	width:320px;
	height:260px;
	overflow:auto;
	}
div.bx-w-chara div.chr-scrl-box p {
	color:#4e4e4e;
	text-shadow:1px 1px 3px #ccc;
	font-size:100%;
	line-height:1.5;
	/* word-break:break-all; */
	padding-right:15px;
	}