@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;}
.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 {
	position:relative;
	border-top:10px solid #fef7d7;
	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 {
	}

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

/* board */
div#page-top div.cover {
	padding-top:0;
	padding-bottom:30px;
	}
div.cover div.brd-cover {
	background-image:url(img/cm_frame.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	margin:0 28px;
	}
div.cover div.brd-cover div.contents {
	background-image:url(img/cm_frame.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding-bottom:60px;
	}

/* h1 */
div.brd-cover h1.h1-common {
	background-position:left top;
	background-repeat:no-repeat;
	}
div.brd-cover h1.h1-common span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	height:180px;
	}

/* under menu */
div.menu-bar-over {
	position:relative;
	border-top:10px solid #fef7d7;
	background-image:url(img/bgm.jpg);
	background-position:center top;
	background-repeat:repeat;
	background-color:#4b3b2a;
	}
div.menu-bar-over h2 {
	text-align:left;
	width:980px;
	height:40px;
	margin:0 auto;
	}
div.menu-bar-over div.menu-bar-under {
	/* background-position:center bottom;
	background-repeat:repeat-x; */
	}
div.menu-bar-over div.menu-bar-under div.menu {
	text-align:left;
	/* background-position:center bottom;
	background-repeat:repeat-x; */
	width:980px;
	margin:0 auto;
	padding-bottom:28px;
	}
div.menu ul {
	list-style-type:none;
	}
div.menu ul li {
	background-image:url(img/cm_menu.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-right:12px;
	border-bottom:5px solid #36271b;
	margin-bottom:7px;
	display:inline;
	}
div.menu ul li a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:300px;
	height:90px;
	}
div.menu ul li.mnews {
	background-position:left top;
	}
div.menu ul li.mintro {
	background-position:-300px 0;
	}
div.menu ul li.mstory {
	background-position:-600px 0;
	}
div.menu ul li.mcast {
	background-position:0 -90px;
	}
div.menu ul li.mstaff {
	background-position:-300px -90px;
	}
div.menu ul li.mchart {
	background-position:-600px -90px;
	}
div.menu ul li.mrepo {
	background-position:0 -180px;
	}
div.menu ul li.mbbs {
	background-position:-300px -180px;
	}
div.menu ul li.mspot {
	background-position:-600px -180px;
	}
div.menu ul li.mtwitter {
	background-position:-300px -270px;
	}
div.menu ul li.mfacebook {
	background-position:-600px -270px;
	}
div.menu ul li.myoutube {
	background-position:0 -270px;
	}
div.menu ul li.mupdate {
	background-position:0 -360px;
	}
div.menu ul li.mhome {
	background-position:-300px -360px;
	}
div.menu ul li.minter {
	background-position:-600px -360px;
	}
div.menu ul li.mgallery {
	background-position:0 -450px;
	}
div.menu ul li.mpresent {
	background-position:-300px -450px;
	}
div.menu ul li.mspecial {
	background-position:-600px -450px;
	}


li.mnews, li.mcast, li.mrepo, li.mspecial {
	margin-left:28px;
	}
/* li.mupdate {
	margin-left:184px;
	} */

/* 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.jpg);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:40px;left:318px;top:57px;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:290px;height:390px;}
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:290px;height:390px;}
div.bx-w-chara div.chr-scrl-box {position:absolute;left:318px;top:130px;width:360px;height:260px;overflow:auto;}
div.bx-w-chara div.chr-scrl-box p {color:#333;text-shadow:1px 1px 3px #b2a47b;font-size:87.5%;line-height:1.5;padding-right:15px;}