.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-family: Verdana, Arial, Helvetica, Osaka,'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3',Meiryo, sans-serif;
	line-height : 150% ;
	}

a img	{
	border : none ;
	}

a	{
	color : #666 ;
	text-decoration : none ;
	}

body	{
	background : black ;
	font-size : 14px ;
	background : black url('img/container-bg.png') top center repeat-y ;
	}

div#container	{
	margin : 0 auto ;
	width : 950px ;
	background : url('img/container-bg.png') top center repeat-y ;
	position : relative ;
	}

.topimage	{
	background : url('img/c-header.png') top center repeat-y ; 
	height : 130px ;
	}

.header	{
	height : 66px ;
	background : url('img/header-bg.png') top center no-repeat ;
	}

.header img	{
	float : left ;
	}

.header span	{
	display : inline-block ;
	padding : 5px 10px 0 0 ;
	float : right ;
	}

.bar	{
	width : 950px ;
	height : 14px ;
	background : url('img/bar2.png') top center no-repeat ;
	position : absolute ;
	top : 120px ;
	left : 0 ;
	z-index : 1 ;
	}

.bar2	{
	width : 950px ;
	height : 14px ;
	background : url('img/bar.png') top center no-repeat ;
	position : absolute ;
	top : 172px ;
	left : 0 ;
	z-index : 2 ;
	}

.menu	{
	height : 42px ;
	background : #4D4D4D url('img/menu-bg.png') top left no-repeat ;
	}

.menu span	{
	display : inline-block ;
	height : 42px ;
	}

.menu span a	{
	display : inline-block ;
	height : 42px ;
	}

.m-top a	{
	width : 88px ;
	background : url('img/m-top.png') top left no-repeat ;
	}

.m-story a	{
	width : 124px ;
	background : url('img/m-story.png') top left no-repeat ;
	}

.m-character a	{
	width : 108px ;
	background : url('img/m-character.png') top left no-repeat ;
	}

.m-sample a	{
	width : 139px ;
	background : url('img/m-sample.png') top left no-repeat ;
	}

.m-outline a	{
	width : 92px ;
	background : url('img/m-outline.png') top left no-repeat ;
	}

.m-special a	{
	width : 124px ;
	background : url('img/m-special.png') top left no-repeat ;
	}

.m-publicity a	{
	width : 140px ;
	background : url('img/m-publicity.png') top left no-repeat ;
	}

.m-support a	{
	width : 135px ;
	background : url('img/m-support.png') top left no-repeat ;
	}

.menu span a:hover	{
	background : none ;
	}

.contents	{
	margin-bottom : 60px ;
	padding : 0 15px ;
	}

.c-inline	{
	margin : 0 auto ;
	padding : 30px 0 0 0 ;
	width : 840px ;
	}

.t-story	{
	width : 244px ;
	height : 78px ;
	background : url('img/t-story.png') top left no-repeat ;
	}

.t-character	{
	width : 244px ;
	height : 78px ;
	background : url('img/t-character.png') top left no-repeat ;
	}

.t-outline	{
	width : 244px ;
	height : 78px ;
	background : url('img/t-outline.png') top left no-repeat ;
	}

.t-sample	{
	width : 244px ;
	height : 78px ;
	background : url('img/t-sample.png') top left no-repeat ;
	}

.t-special	{
	width : 244px ;
	height : 78px ;
	background : url('img/t-special.png') top left no-repeat ;
	}

.t-publicity	{
	width : 244px ;
	height : 78px ;
	background : url('img/t-publicity.png') top left no-repeat ;
	}

.t-support	{
	width : 244px ;
	height : 78px ;
	background : url('img/t-support.png') top left no-repeat ;
	}


.footer	{
	padding-top : 50px ;
	clear : both ;
	text-align : center ;
	background : url('img/footer-bg.png') center bottom no-repeat ;
	}

.navi	{
	margin-bottom : 35px ;
	background : url('img/navi-bg.png') center center no-repeat ;
	}

.navi a	{
	display : inline-block ;
	padding-top : 3px ;
	width : 99px ;
	height : 23px ;
	background : url('img/navi-ico.gif') top center no-repeat ;
	}

.navi a:hover	{
	font-weight : bold ;
	}

.copy	{
	height : 32px ;
	color : white ;
	}