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

body	{
	background : #0a0533 url('img/bg.jpg') top center no-repeat fixed ;
	color : #feeedd ;
	}

a img	{
	border : 1px #5a3f2b solid ;
	}

a:hover img	{
	border : 1px #feeedd solid ;
	}

a , a:activ , a:visited	{
	color : #feeedd ;
	text-decoration : none ;
	}

a:hover	{
	color : #e58b67 ;
	}

.mainimage	{
	margin : 0 auto ;
	padding : 0 8px ;
	width : 934px ;
	height : 700px ;
	background : url('img/mainimage.png') top left no-repeat ;
	position : relative ;
	}

.mainimage p.back	{
	width : 934px ;
	height : 38px ;
	text-align : right ;
	}

.mainimage p.back a	{
	display : inline-block ;
	width : 120px ;
	height : 38px ;
	text-decoration : none ;
	}

.mainimage div.news	{
	width : 380px ;
	height : 155px ;
	position : absolute ;
	top : 353px ;
	left : 55px ;
	overflow : hidden ;
	}

.mainimage div.news p	{
	padding-left : 25px ;
	border-bottom : 1px #683e7d solid ;
	}

.mainimage div.news p span	{
	padding-right : 10px ;
	}

.mainbox	{
	margin : 0 auto ;
	padding : 0 8px ;
	width : 934px ;
	background : url('img/mainbox-rp-bg.png') top left repeat-y ;
	}

h1	{
	margin : 0 auto ;
	width : 880px ;
	height : 49px ;
	}

h1.dl	{
	background : url('img/h1-dl.png') top left no-repeat ;
	}

h1.st	{
	background : url('img/h1-st.png') top left no-repeat ;
	}

h1.cha	{
	background : url('img/h1-cha.png') top left no-repeat ;
	}

h1.sg	{
	background : url('img/h1-sg.png') top left no-repeat ;
	}

h1.ol	{
	background : url('img/h1-ol.png') top left no-repeat ;
	}

h1.sp	{
	background : url('img/h1-sp.png') top left no-repeat ;
	}

.text	{
	padding : 15px 20px ;
	}

.story	{
	padding-right : 450px ;
	}

.download	{
	padding : 110px 95px 0 105px ;
	background : url('img/download.png') top center no-repeat ;
	height : 370px ;
	}

.download table	{
	width : 100% ;
	}

.download table td	{
	padding-bottom : 25px ;
	text-align : center ;
	}

.download a.franken	{
	padding-top : 9px ;
	display : inline-block ;
	width : 200px ;
	height : 31px ;
	border : 1px #5a3f2b solid ;
	}

.download a:hover.franken	{
	border : 1px #feeedd solid ;
	}

.character	{
	padding : 140px 110px 0 470px ;
	background : url('img/character.png') top center no-repeat ;
	height : 303px ;
	}

.story	{
	padding : 130px 120px 0 420px ;
	background : url('img/story.png') top center no-repeat ;
	height : 313px ;
	}

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

.outline	{
	padding : 110px 75px 0 105px ;
	background : url('img/outline.png') top center no-repeat ;
	height : 333px ;
	}

.outline table td	{
	padding : 2px 5px ;
	font-weight : bold ;
	vertical-align : top ;
	border-bottom : 1px #5a3f2b solid ;
	}

.outline table td.r-none	{
	padding-right : 0 ;
	border-right : none ;
	font-weight : normal ;
	}

.outline table td.b-none	{
	border-bottom : none ;
	}

.outline .brand	{
	width : 305px ;
	float : left ;
	}

.outline .spec	{
	width : 360px ;
	float : right ;
	}

.bar	{
	height : 80px ;
/*	background : url('img/kusari.gif') center left repeat-x ; */
	}

.copy	{
	padding : 36px 0 ;
	text-align : center ;
	background : url('img/footer.png') center top no-repeat ;
	}