@charset "utf-8";

html,body{
	font-size: 90%;
	font-style: normal;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height:1.6;
	height:100%;
	color:#333;
}


body { background:#fff url(../images/bg_body.jpg) no-repeat center top; }

div#wrapper { width:980px; margin:0 auto; padding-bottom:40px; }
div#mainWrapper { position:relative; overflow:hidden; background:url(../images/bg_maincnt.png) repeat-y left top; }

div#mainWrapper h1#logo { 
  position:absolute;
	top:9px;
	left:16px;
	z-index:3;
	overflow:hidden;
  width:283px;
  height:132px;
  display:block;
  text-indent:-9999px;
  background:url(../images/h1_logo.png) no-repeat left top;
	}
  div#mainWrapper h1#logo2nd { position:absolute; top:9px; left:16px; z-index:3; }
	div#mainWrapper h1#logo2nd a {
		overflow:hidden;
	  width:283px;
	  height:132px;
	  display:block;
	  text-indent:-9999px;
	  background:url(../images/h1_logo.png) no-repeat left top;
	  }
		div#mainWrapper h1#logo2nd a:hover { background-position:left -132px; }

div#mainWrapper div#mainCnt { width:704px; margin-right:16px; _margin-right:8px; float:right; z-index:1; background:#fff url(../images/bg_maincnt.jpg) no-repeat right bottom; }
div#mainWrapper div#leftNavigation { width:305px; padding-top:148px; position:absolute; left:14px; top:0; z-index:2; background:url(../images/bg_side.png) no-repeat left top; }

/* navi link */ 
div#mainWrapper div#leftNavigation ul#cntNavi { margin-bottom:20px; }
  div#mainWrapper div#leftNavigation ul#cntNavi li { margin-bottom:0; line-height:1; width:242px; display:block; text-indent:-9999px; }

  /* a display set */
 	div#mainWrapper div#leftNavigation ul#cntNavi li a { cursor:pointer; width:242px; display:block; text-indent:-9999px; }
  div#mainWrapper div#leftNavigation ul#cntNavi li#naviInformation a { height:58px; overflow:hidden; background:url(../images/gnavi_info.png) no-repeat left top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviStory a { height:57px; overflow:hidden; background:url(../images/gnavi_story.png) no-repeat left top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviCharacter a { height:57px; overflow:hidden; background:url(../images/gnavi_character.png) no-repeat left top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviStaffCast a { height:57px; overflow:hidden; background:url(../images/gnavi_staffcast.png) no-repeat left top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviEvent a { height:57px; overflow:hidden; background:url(../images/gnavi_event.png) no-repeat left top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviProducts a { height:58px; overflow:hidden; background:url(../images/gnavi_products.png) no-repeat left top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviMovie a { height:57px; overflow:hidden; background:url(../images/gnavi_movie.png) no-repeat left top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviSpecial a { height:59px; overflow:hidden; background:url(../images/gnavi_special.png) no-repeat left top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviLink a { height:58px; overflow:hidden; background:url(../images/gnavi_link.png) no-repeat left top; }
	
	/* hover */
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviInformation a:hover,
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviStory a:hover,
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviCharacter a:hover,
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviStaffCast a:hover,
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviEvent a:hover,
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviProducts a:hover,
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviMovie a:hover,
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviSpecial a:hover,
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviLink a:hover { background-position:-242px top; }
	
	/* active set */
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviInformation_act { height:58px; overflow:hidden; background:url(../images/gnavi_info.png) no-repeat -242px top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviStory_act { height:57px; overflow:hidden; background:url(../images/gnavi_story.png) no-repeat -242px top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviCharacter_act { height:57px; overflow:hidden; background:url(../images/gnavi_character.png) no-repeat -242px top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviStaffCast_act { height:57px; overflow:hidden; background:url(../images/gnavi_staffcast.png) no-repeat -242px top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviEvent_act { height:57px; overflow:hidden; background:url(../images/gnavi_event.png) no-repeat -242px top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviProducts_act { height:58px; overflow:hidden; background:url(../images/gnavi_products.png) no-repeat -242px top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviMovie_act { height:57px; overflow:hidden; background:url(../images/gnavi_movie.png) no-repeat -242px top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviSpecial_act { height:59px; overflow:hidden; background:url(../images/gnavi_special.png) no-repeat -242px top; }
	div#mainWrapper div#leftNavigation ul#cntNavi li#naviLink_act { height:58px; overflow:hidden; background:url(../images/gnavi_link.png) no-repeat -242px top; }
	

  div#mainWrapper div#leftNavigation ul#bnrLink { margin:0 0 40px 22px; }		
	div#mainWrapper div#leftNavigation ul#bnrLink li { margin-bottom:10px; line-height:1; }


/* footer */
div#footer { position:relative; padding-top:15px; height:75px; background:url(../images/bg_footer.png) no-repeat left top; }
  div#footer ul#footerNavi { margin-left:119px; }
	  div#footer ul#footerNavi li {  font-size:85%; }
		div#footer ul#footerNavi li a { color:#cecdcd; text-decoration:none; padding-left:15px; background:url(../images/icon_footer_navi.png) no-repeat left 4px; _background-position:0 0; }
		
		div#footer p#copyright { position:absolute; left:380px; height:14px; top:44px; }
		  div#footer p#copyright img { vertical-align:top; }

