@charset "iso-2022-jp";
@media print {div.bx-w-chara p.chr-photo{display:none;}}

/* 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;}

/* 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 {
	border-top:10px solid #efedd8;
	padding:30px 0 40px;
	}
div.footer p, div.footer address {
	font-size:83%;
	line-height:1.6;
	}
div.footer address {
	font-style:normal;
	}
div.footer p a, div.footer address a {
	}

div#page-top {
	background-image:url(img/bg.jpg);
	background-position:center top;
	background-repeat:repeat;
	}
div#page-top div.cover {
	background-image:url(img/bg.jpg);
	background-position:center top;
	background-repeat:repeat;
	text-align:left;
	width:980px;
	margin:0 auto;
	padding-bottom:10px;
	}

/* header */
div.cover div.header {
	position:relative;
	height:310px;
	}
div.header p.logo {
	position:absolute;
	background-image:url(img/cm_logo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	left:30px;
	top:30px;
	}
div.header p.logo a {
	display:block;
	width:610px;
	height:250px;
	}
div.header p.logo a img {
	width:610px;
	height:250px;
	}
div.header div.bn-recta {
	position:absolute;
	width:300px;
	height:250px;
	background-color:#fff;
	left:650px;
	top:30px;
	overflow:hidden;
	}

/* board */
div.cover div.brd-cover {
	background-image:url(img/cm_frame.png);
	background-position:center top;
	background-repeat:repeat-y;
	border-bottom:10px solid #ebebd2;
	margin:0 30px;
	}
div.cover div.brd-cover div.brd-bttm {
	background-image:url(img/cm_frame.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:20px;
	}
div.contents {
	background-image:url(img/cm_frame.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding:40px 0;
	}

/* h1 */
div.contents h1.h1-common {
	background-image:url(img/cm_h1.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:110px;
	margin-bottom:20px;
	}
div.contents h1.h1-common span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	background-image:url(img/cm_h1.png);
	background-repeat:no-repeat;
	height:90px;
	}
body.news div.contents h1.h1-common span {background-position:0 -110px;}
body.intro div.contents h1.h1-common span {background-position:0 -200px;}
body.story div.contents h1.h1-common span {background-position:0 -290px;}
body.cast div.contents h1.h1-common span {background-position:0 -380px;}
body.staff div.contents h1.h1-common span {background-position:0 -470px;}
body.bbs div.contents h1.h1-common span {background-position:0 -560px;}
body.concept div.contents h1.h1-common span {background-position:0 -650px;}
body.update div.contents h1.h1-common span {background-position:0 -740px;}
body.video div.contents h1.h1-common span {background-position:0 -830px;}


/* menu */
div.menu-bar-over {
	background-image:url(img/cm_bgx_new.png);
	background-position:center top;
	background-repeat:repeat-x;
	background-color:#fdfcf5;
	}
div.menu-bar-over h2 {
	text-align:left;
	background-image:url(img/cm_bgx_new.png);
	background-position:center top;
	background-repeat:repeat-x;
	width:980px;
	height:130px;
	margin:0 auto;
	}
div.menu-bar-over h2 span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	background-image:url(img/cm_menu_new.png);
	background-position:40px 44px;
	background-repeat:no-repeat;
	width:980px;
	height:130px;
	}
div.menu-bar-over div.menu-bar-under {
	background-image:url(img/cm_bgx_new.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	}
div.menu-bar-over div.menu-bar-under div.menu {
	text-align:left;
	background-image:url(img/cm_bgx_new.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	width:980px;
	margin:0 auto;
	padding-bottom:40px;
	}
div.menu ul {
	list-style-type:none;
	}
div.menu ul li {
	background-image:url(img/cm_menu_new.png);
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
	border-bottom:5px solid #f3efe4;
	margin-bottom:5px;
	display:inline;
	}
div.menu ul li.mnews {
	background-position:0 -100px;
	}
div.menu ul li.mintro {
	background-position:-300px -100px;
	}
div.menu ul li.mbbs {
	background-position:-600px -100px;
	}
div.menu ul li.mcast {
	background-position:0 -200px;
	}
div.menu ul li.mstaff {
	background-position:-300px -200px;
	}
div.menu ul li.mhome {
	background-position:-600px -200px;
	}
div.menu ul li.mconcept {
	background-position:0 -300px;
	}
div.menu ul li.mstory {
	background-position:-300px -300px;
	}
div.menu ul li.mchart {
	background-position:-600px -300px;
	}
div.menu ul li.mrepo {
	background-position:0 -400px;
	}
div.menu ul li.mvideo {
	background-position:-300px -400px;
	}
div.menu ul li.mspot {
	background-position:-600px -400px;
	}
div.menu ul li.mgallery {
	background-position:0 -500px;
	}
div.menu ul li.mpres {
	background-position:-300px -500px;
	}
div.menu ul li.mrecipe {
	background-position:-600px -500px;
	}
div.menu ul li.mparty {
	background-position:0 -600px;
	}
div.menu ul li.mgame {
	background-position:-300px -600px;
	}

li.mconcept, li.mcast, li.mrepo, li.mrecipe, li.mintro {
	margin-left:30px;
	}

div.menu ul li a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:300px;
	height:100px;
	}

/* backnumber */
div#backnum div.contents {
	padding-bottom:30px;
	}
div#backnum div.contents h2 {
	font-size:2px;
	text-indent:-9999px;
	background-image:url(img/cm_waku.png);
	background-position:172px -400px;
	background-repeat:no-repeat;
	height:55px;
	margin-bottom:20px;
	}
div#backnum div.contents ul {
	list-style-type:none;
	border-top:1px dotted #e2b467;
	margin:0 55px;
	}
div#backnum div.contents ul li {
	display:block;
	border-bottom:1px dotted #e2b467;
	}
div#backnum div.contents ul li a {
	display:block;
	padding:15px 0 15px 35px;
	line-height:1.25;
	text-decoration:none;
	background-image:url(img/cm_waku.png);
	background-position:-917px 14px;
	background-repeat:no-repeat;
	}
div#backnum div.contents ul li a:hover {
	background-color:#faf5dc;
	background-position:-917px -186px;
	}


/* banner */
div.banner-bg {
	background-image:url(img/bg.jpg);
	background-position:center top;
	background-repeat:repeat;
	}

div.bx-banner {
	width:980px;
	background-image:url(img/bg.jpg);
	background-position:center top;
	background-repeat:repeat;
	padding-bottom:30px;
	margin:0 auto;
	}
div.bx-banner ul {
	list-style-type:none;
	}
div.bx-banner ul li {
	float:left;
	background-repeat:no-repeat;
	display:inline;
	}
div.bx-banner ul li a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:420px;
	height:100px;
	}

/* character window */
div.bx-wop-btn {position:relative;width:720px;height:75px;}
div.bx-wop-btn ul {list-style-type:none;position:absolute;left:470px;}
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:720px;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:360px;height:100px;left:318px;top:43px;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:315px;height:425px;}
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:315px;height:425px;}
div.bx-w-chara div.chr-scrl-box {position:absolute;left:320px;top:160px;width:350px;height:230px;overflow:auto;}
div.bx-w-chara div.chr-scrl-box p {color:#4e400c;text-shadow:1px 1px 3px #ccc;font-size:100%;line-height:1.5;padding-right:15px;}