.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/mainimage.png') top left no-repeat ; 
	height : 704px ;
	position : relative ;
	}

.index-menu	{
	width : 297px ;
	height : 353px ;
	position : absolute ;
	right : 0 ;
	bottom : 34px ;
	}

.index-menu li	{
	display : inline-block ;
	width : 297px ;
	text-align : right ;
	background : cyan ;
	}

.index-menu li a , .index-menu li span	{
	display : inline-block ;
	background : pink ;
	}

li.im-story	{
	height : 54px ;
	background : url('img/m-on_01.png') right top no-repeat ;
	}

li.im-story a	{
	height : 54px ;
	width : 205px ;
	background : url('img/m-out_01.png') right top no-repeat ;
	}

li.im-character	{
	height : 50px ;
	background : url('img/m-on_02.png') right top no-repeat ;
	}

li.im-character a	{
	height : 50px ;
	width : 205px ;
	background : url('img/m-out_02.png') right top no-repeat ;
	}

li.im-sample	{
	height : 49px ;
	background : url('img/m-on_03.png') right top no-repeat ;
	}

li.im-sample a , li.im-sample span	{
	height : 49px ;
	width : 215px ;
	background : url('img/m-out_03.png') right top no-repeat ;
	}

li.im-outline	{
	height : 49px ;
	background : url('img/m-on_04.png') right top no-repeat ;
	}

li.im-outline a	{
	height : 49px ;
	width : 225px ;
	background : url('img/m-out_04.png') right top no-repeat ;
	}

li.im-special	{
	height : 50px ;
	background : url('img/m-on_05.png') right top no-repeat ;
	}

li.im-special a , li.im-special span	{
	height : 50px ;
	width : 240px ;
	background : url('img/m-out_05.png') right top no-repeat ;
	}

li.im-publicity	{
	height : 49px ;
	background : url('img/m-on_06.png') right top no-repeat ;
	}

li.im-publicity a ,li.im-publicity span	{
	height : 49px ;
	width : 260px ;
	background : url('img/m-out_06.png') right top no-repeat ;
	}

li.im-support	{
	height : 52px ;
	background : url('img/m-on_07.png') right top no-repeat ;
	}

li.im-support a , li.im-support span	{
	height : 52px ;
	width : 285px ;
	background : url('img/m-out_07.png') right top no-repeat ;
	}

.index-menu li a:hover	{
	background : none ;
	}

.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/bar.png') top center no-repeat ;
	position : absolute ;
	top : 670px ;
	left : 0 ;
	}

.index-left	{
	margin-top : -34px ;
	padding-top : 6px ;
	width : 603px ;
	float : left ;
	}

.index-right	{
	margin-top : -8px ;
	width : 347px ;
	float : right ;
	}

.pickup-bn	{
	padding-left : 24px ;
	}

.pickup-bn p	{
	padding : 35px 0 0 1px ;
	background : url('img/pickup-bg.png') left top no-repeat ;
	}

.news	{
	padding : 20px 0 0 25px ;
	/* padding : 50px 0 0 25px ; */
	background : url('img/news-kazari.png') left center no-repeat ;
	}

.news-text table td a	{
	color : #FF601E ;
	text-decoration : underline ;
	}

.news-hd	{
	width : 558px ;
	height : 61px;
	background : url('img/news-hd.gif') left top no-repeat ;
	}

.news-text	{
	padding : 0 30px ;
	color : yellowgreen ;
	background : url('img/news-bg.gif') left top repeat-y ;
	}

.news-text table	{
	width : 498px ;
	}

.news-text table td	{
	padding-bottom : 7px ;
	vertical-align : top ;
	line-height : 130% ;
	}

.news-text table td.date	{
	padding-right : 20px ;
	width : 130px ;
	text-align : right ;
	}

.news-text table td.mark	{
	color : #F4901E ;
	background : url('img/new-ico.gif') left top no-repeat ;
	}

.news-text table td.orange	{
	color : #F4901E ;
	}

.news-text table td.red	{
	color : #dd0000 ;
	}

.news-ft	{
	width : 558px ;
	height : 23px;
	background : url('img/news-ft.gif') left top no-repeat ;
	}

.topics	{
	padding-left : 22px ;
	}

.topics-hd	{
	background : url('img/topics-hd.png') top left no-repeat ;
	height : 61px ;
	}

.topics-text	{
	padding : 0 48px 18px 28px ;
	background : url('img/topics-ft2.png') bottom left no-repeat ;
	color : yellowgreen ;
	line-height : 140% ;
	}

.title	{
	font-size : 16px ;
	font-weight : bold ;
	color : #F4901E ;
	}

.topicimage	{
	margin : 5px 8px 5px 0 ;
	border : 1px #666 solid ;
	float : left ;
	}

.topics-bg	{
	background : url('img/topics-bg.png') top left repeat-y ;
	color : yellowgreen ;
	}

.topics-ft	{
	padding-bottom : 50px ;
	height : 4px ;
	background : url('img/topics-ft.png') top left no-repeat ;
	}

.banner	{
	padding-left : 22px ;
	background : url('img/banner-bg.png') top right no-repeat ;
	height : 255px ;
	}

.banner .inline	{
	padding : 81px 0 0 35px ;
	width : 230px ;
	color : yellowgreen ;
	}

.banner div p	{
	padding-bottom : 6px ;
	text-align : center ;
	}

.banner .orange	{
	color : #F4901E ;
	}

.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 ;
	}

.owabi	{
	position : absolute ;
	bottom : 51px ;
	left : 17px ;
	}

.owabi a	{
	display : inline-block ;
	width : 579px ;
	height : 61px ;
	}