@charset "EUC-JP";
@import'/common/css/special_recommend.css';
@import'/etc/animation/css/recommend_mini.css';

/* Base 
------------------------------------------ */
#mnemosyne {
	width: 575px;
	text-align: center;
}
#mnemosyne .Bg {
	background: url(../img/bg_header.jpg) no-repeat #000;
}
/* ヘッダー 
------------------------------------------ */
#mnemosyne #Header {
	clear: both;
	height: 610px;
	position: relative;
}
#mnemosyne #Header .freeCampaign {
	position: absolute;
	width: 90px;
	height: 90px;
	z-index: 1;
	left: 60px;
	top: 3px;
}
#mnemosyne #Header h2 {
	clear: both;
	background: url(../img/logo.gif) no-repeat right;
	width: 495px;
	height: 105px;
	text-indent: -9999px;
}
#mnemosyne #Header h4 {
	clear: both;
	background: url(../img/read.gif) no-repeat right bottom;
	width: 495px;
	height: 314px;
	text-indent: -9999px;
}
#mnemosyne #Header .Intro {
	clear: both;
	background: url(../img/ttl_intro.gif) no-repeat bottom;
	width: 495px;
	height: 70px;
	text-indent: -9999px;
}
#mnemosyne #Header .TxtIntro {
	clear: both;
	background: url(../img/txt_intro.gif) no-repeat bottom;
	width: 495px;
	height: 104px;
	text-indent: -9999px;
}
#mnemosyne #Header .Right {
	float: right;
	width: 495px;
}
#mnemosyne #Header h3 {
	float: left;
	background: url(../img/catch.gif) no-repeat right bottom;
	width: 64px;
	height: 549px;
	text-indent: -9999px;
}
#mnemosyne #packBtn {
	text-align: center;
}
#mnemosyne #packBtn table {
	width: 555px;
	margin: 0 auto;
}
/* 無料
------------------------------------------ */
#mnemosyne #Free {
	clear: both;
	text-align: center;
	margin-bottom: 15px;
}
/* cmsリスト
------------------------------------------ */
#mnemosyne #cmsList .ttl {
}
#mnemosyne #cmsList .listBox {
	width: 551px;
/*	border: solid 2px #298592;*/
}
#mnemosyne #cmsList .txtBox {
	width: 455px;
}
#mnemosyne #cmsList .upper {
/*	background: #298592;*/
}
#mnemosyne #cmsList li {
/*	color: #fff;*/
}
/* 無料
------------------------------------------ */
#mnemosyne #cmsList .free .listBox {
	border: solid 2px #c81a3b;
}
#mnemosyne #cmsList .free .upper {
	background: #c81a3b;
}
#mnemosyne #cmsList .free li {
	color: #fff;
}
/* 作品データ
------------------------------------------ */
#mnemosyne #Data {
	clear: both;
	background: url(../img/bg_data.jpg) no-repeat bottom;
	width: 555px;
	margin: 0 auto;
}
#mnemosyne #Data p {
	font-size: 12px;
	color: #fff;
	line-height: 1.8em;
	text-align: left;
	padding: 8px 0 18px;
}
#mnemosyne #Data h4 {
	clear: both;
	background: url(../img/ttl_data.gif) no-repeat;
	height: 24px;
	margin-bottom: 12px;
	text-indent: -9999px;
}
#mnemosyne #Data .Staff {
	float: left;
	width: 258px;
	text-align: left;
	padding-left: 10px;
}
#mnemosyne #Data .Staff .Ttl {
	background: url(../img/ttls_staff.gif) no-repeat;
	width: 56px;
	height: 19px;
	text-indent: -9999px;
}
#mnemosyne #Data .Cast {
	float: right;
	width: 266px;
	text-align: left;
}
#mnemosyne #Data .Cast .Ttl {
	background: url(../img/ttls_cast.gif) no-repeat;
	width: 48px;
	height: 19px;
	text-indent: -9999px;
}
/* リンク
------------------------------------------ */
#mnemosyne #Link {
	clear: both;
	text-align: right;
	width: 555px;
	margin: 10px auto 0;
	font-size: 12px;
	padding-bottom: 10px;
}
#mnemosyne #Link a:link {
	color:#ff0;
}
#mnemosyne #Link a:visited {
	color:#ff0;
}
#mnemosyne #Link a:hover {
	color:#ff0;
}
#mnemosyne #Link a:active {
	color:#ff0;
}
/* コピーライト
------------------------------------------ */
#mnemosyne #Copyright {
	clear: both;
	text-align: left;
	font-size: 12px;
	margin: 5px 0 0;
}
/* details
------------------------------------------ */
#mnemosyne #Content {
	clear: both;
}
#mnemosyne #Footer {
	clear: both;
}

/* details
------------------------------------------ */
#mnemosyne p {
	margin: 0px;
}
#mnemosyne .Clear {
	clear: both;
	border-top: 0px;
}
#mnemosyne hr {
	display: none;
}
#mnemosyne h1,h2,h3,h4 {
	margin: 0px;
}
/* caution */
#mnemosyne div.caution {
	padding: 15px 10px;
	margin-top: -10px;
}
#mnemosyne div.caution div.waku {
	border: 1px solid #f00;
	padding: 8px;
}
#mnemosyne div.caution h4 {
	font-size: 12px;
	font-weight: bold;
	color: #f00;
	margin-bottom: 4px;
	text-align: left;
}
#mnemosyne div.caution li {
	font-size: 12px;
	color: #f00;
	margin-bottom: 2px;
	text-align: left;
}