@charset "utf-8";
/* layoutCSS Document */
body {
	background:#EEE8DA url(../images/bg.jpg) no-repeat center top;
}
.alt
{
	display: none;
}
div#wrapper
{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
div#contents
{
	position: relative;
}
/*----------header----------*/
div#header
{
}
/*----------main----------*/
div#main
{
}
/*----------footer----------*/
div#footer
{
}
div#footer p.copy
{
}

/*----------menu----------*/
 div#menu
{
	width:184px;
	height:570px;
	background: url(../images/menu_bg_top.png) no-repeat;
}
 div#menu ul {
	display: block;
	padding-left: 13px;
	padding-top: 17px;
}
 div#menu li {
	display: block;
	height: 33px;
	width: 155px;
	margin-bottom: 11px;
}

 div#menu li a {
	text-indent: -9999px;
	display: block;
	height: 100%;
	width: 100%;
}

 div#menu li span {
	text-indent: -9999px;
	display: block;
	height: 100%;
	width: 100%;
}
 div#menu li.news a{
	background: url(../images/menu_news.gif) no-repeat;
}
 div#menu li.intro a{
	background: url(../images/menu_intro.gif) no-repeat;
}
 div#menu li.story a{
	background: url(../images/menu_story.gif) no-repeat;
}
 div#menu li.character a{
	background: url(../images/menu_character.gif) no-repeat;
}
div#menu li.genei a{
	background: url(../images/menu_genei.gif) no-repeat;
}
 div#menu li.kimera a{
	background: url(../images/menu_kimera.gif) no-repeat;
}
 div#menu li.jyunishin a{
	background: url(../images/menu_jyunishin.gif) no-repeat;
}
 div#menu li.dictionary a , div#menu li.dictionary span{
	background: url(../images/menu_dictionary.gif) no-repeat;
}
 div#menu li.gi a{
	background: url(../images/menu_gi.gif) no-repeat;
}
 div#menu li.caststaff a{
	background: url(../images/menu_caststaff.gif) no-repeat;
}
 div#menu li.data a{
	background: url(../images/menu_data.gif) no-repeat;
}
 div#menu li.mobile a{
	background: url(../images/menu_mobile.gif) no-repeat;
}
 div#menu li.music a{
	background: url(../images/menu_music.gif) no-repeat;
}

 div#menu li.bluraydvd a{
 	background: url(../images/menu_bluraydvd.gif) no-repeat;
}
 div#menu li.goods a{
	background: url(../images/menu_goods.gif) no-repeat;
}


 div#menu li.net a{
	background: url(../images/menu_net.gif) no-repeat;
}
 div#menu ul li a:hover ,  div#menu ul li span {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease;
}

 div#menu ul li a:hover ,  div#menu ul li span{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}



/*----------is2nd----------*/

body.is2nd
{
}
body.is2nd div#mail
{
	display:none;
}
body.is2nd div#menu
{
	width:184px;
	height:615px;
	background: url(../images/menu_bg.png) no-repeat;
}
body.is2nd div#sub p.oadate
{
	display: none;
}
body.is2nd div#sub {
	width: 195px;
	float: left;
}
body.is2nd .logo{
	padding-top: 10px;
}


body.is2nd div#main
{
	width:785px;
	float:left;
}

body.is2nd div#main h1
{
	padding-top: 10px;
}
body.is2nd div#main div.main
{
	width:775px;
	background: url(../images/main_bg.png) repeat-y left top;
	padding-top: 25px;
	padding-bottom: 30px;
}


body.is2nd div#main div.bottom
{
	width:775px;
	height:15px;
	background: url(../images/bottom_bg.png) no-repeat left bottom;
	position: relative;
}
body.is2nd div#main div.bottom img
{
	position: absolute;
	top: -50px;
	right: 30px;
}
body.is2nd div#main div.block
{
	width: 695px;
	padding-left: 35px;
	position: relative;
}
body.is2nd div#footer
{
	text-align:right;
	padding-right: 130px;
	float: right;
	width: 600px;
}