@charset "UTF-8";

/* インクルードファイル
----------------------------------------------- */
@import url("top.css");


/* 全体の設定
----------------------------------------------- */

/* クリアフィクス */

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix	{
	display : block ;
	}

/* Hides from IE-mac \*/
* html .clearfix { height : 1% ; }
/* End hide from IE-mac */


/* 内余白・外余白・フォントサイズ・フォントスタイル・フォントカラー */
*	{
	margin : 0 ;
	padding : 0 ;
	font : normal 10pt/21px Arial,Helvetica,'ヒラギノ角ゴ Pro W3',sans-serif ;
	color : #6B00B5 ;
	}

/* 画像縁取 */
img	{
	brder : none ;
	}

/* リンク色 */
a	{
	color : #f21a7a ;
	text-decoration : none ;
	}

a:hover	{
	text-decoration : underline ;
	}

a img	{
	border : none ;
	}

body	{
	background : #CCA8F2 url('img/body-bg.png') top left repeat-x ;
	}

div#rose-bg	{
	background : url('img/rose-bg.png') top center repeat-y ;
	}

div#insiderose-bg	{
	background : url('img/insiderose-bg.png') top center repeat-y ;
	}

/* セールステキストの設定 */
div#sales-text	{
	background : url('img/header-bg.png') top left repeat-x ;
	height : 55px ;
	width : 100% ;
	z-index : 3 ;
	position : absolute ;
	top : 0 ;
	left : 0 ;
	}

div#sales-text p	{
	margin : 0 auto ;
	background : url('img/top-head-bg.png') top left no-repeat ;
	height : 50px ;
	width : 950px ;
	}

div#sales-text p a	{
	display : inline-block ;
	width : 100px ;
	height : 50px ;
	}

/* ファンタジーボックスの設定（白飾り） */


/* ボックスの設定（白枠） */
div#box	{
	margin : 0 auto ;
	padding : 0 ;
	width : 950px ;
	position : abslute ;
	top : 55px ;
	border-left : 1px #CCA8F2 solid ;
	border-right : 1px #CCA8F2 solid ;
	background : #FFFFFC url('img/footer-bg.png') left bottom no-repeat ;
	}

/* フッターナビゲーションの設定 */
p#footer-navi	{
	padding : 20px 0 5px 0 ;
	text-align : center ;
	}



/* ヘッダーの設定 */

/* フッターの設定 */
div#footer	{
	clear : both ;
	height : 150px ;
	text-align : center ;
	}

div#footer p.banners	{
	padding : 30px 0 10px 0 ;
	}


/* メニューバーの設定 */
div.menu	{
	background : url('img/menu-drp.png') bottom left repeat-x ;
	text-align : center ;
	padding-bottom : 10px ;
	margin-bottom : 15px ;
	}

div.menu p	{
	background : url('img/menu-on.gif') top left no-repeat ;
	}

div.menu a	{
	display : inline-block ;
	width : 118px ;
	height : 40px ;
	text-decoration : none ;
	}

div.menu a:hover.m-story ,div.menu a:hover.m-chara ,div.menu a:hover.m-outline,div.menu a:hover.m-cg,div.menu a:hover.m-top ,div.menu a:hover.m-special	{
	background : none ;
	}



div.menu .m-top	{
	width : 121px ;
	background : url('img/top-on.gif') top left no-repeat ;
	}

div.menu .m-story	{
	background : url('img/story-on.gif') top left no-repeat ;
	}

div.menu .m-chara	{
	background : url('img/chara-on.gif') top left no-repeat ;
	}

div.menu .m-cg	{
	background : url('img/cg-on.gif') top left no-repeat ;
	}

div.menu .m-outline	{
	background : url('img/outline-on.gif') top left no-repeat ;
	}

div.menu .m-special	{
	background : url('img/special-on.gif') top left no-repeat ;
	}

div.menu .m-pub	{
	background : url('img/pub-on.gif') top left no-repeat ;
	}

div.menu .m-support	{
	background : url('img/support-on.gif') top left no-repeat ;
	}