@charset "UTF-8";

/* トップ
**********************************/

body {
	background:url(../images/common/bg_grid.gif) repeat;
	/*background-attachment: fixed;*/
	min-width:1120px;
}

h1 ,h2 ,h3 ,h4 ,#bnr_tw ,#bnr_pv a ,#bnr_nico a ,#section_main p ,#section_intro p ,#section_staff p ,#section_chara p {
	text-indent:-9999px;
}

h1 ,h2 ,#catchcopy ,#main_chara ,#bnr_tw a ,#bnr_pv a ,#nav { position:absolute;}

h1 {
	background:url(../images/top/h1_logo01.png);
	width: 216px;
	height: 374px;
	top: 20px;
	left: 20px;
	display:none;
}

#catchcopy {
	background:url(../images/top/catchcopy.png);
	text-indent:-9999px;
	width:143px;
	height:342px;
	top:17px;
	right:20px;
	display:none;
}

#main_chara { z-index:100;}

#rino { background:url(../images/top/rino.png) no-repeat; width:399px; height:1117px; position:absolute; top:110px; left:410px; display:none;}

#fumi { background:url(../images/top/fumi.png) no-repeat; width:316px; height:1084px; position:absolute; top:155px; left:650px; display:none;}

#ikumi { background:url(../images/top/ikumi.png) no-repeat; width:462px; height:1062px; position:absolute; top:172px; left:130px; display:none;}

#bnr_tw, #bnr_pv, #bnr_nico, #bnr_nico_bg, #bnr_cospa { display:none;}

#bnr_tw a {
	background:url(../images/top/bnr_tw.png);
	width: 161px;
	height: 160px;
	top: 520px;
	right: 15px;
	display:block;
	z-index:200;
}
#bnr_tw a:hover { background-position:0 -160px;}

#bnr_pv a {
	background:url(../images/top/bnr_pv.png);
	width: 121px;
	height: 121px;
	top: 390px;
	right: 56px;
	display:block;
}
#bnr_pv a:hover { background-position:0 -121px;}

#bnr_nico_bg {
	background:url(../images/top/bnr_nico_bg.png);
	width: 113px;
	height: 113px;
	top: 680px;
	right: 105px;
	position:absolute;
}

#bnr_nico a {
	background:url(../images/top/bnr_nico.png);
	width: 113px;
	height: 113px;
	top: 680px;
	right: 105px;
	display:block;
	z-index:200;
	position:absolute;
}
#bnr_nico a:hover { background-position:0 -113px;}

#bnr_cospa a {
	position:absolute;
	display:block;
	top:900px;
	left:20px;
}

/* 最新情報
**********************************/
#whatsnew { width:280px; height:230px; position:absolute; top:600px; left:20px; z-index:200;}

#whatsnew ul { overflow:auto; height:230px; width:280px;}

#whatsnew li { padding:0 15px 10px 0; font-size:13px;}

#whatsnew li a { font-size:13px; text-decoration:underline; color:#F39;}

#whatsnew li a:hover {
	text-decoration:underline;
	opacity:0.65;
	filter: alpha(opacity=65);
	zoom:1;
}
#whatsnew li span { color:#999; font-size:12px;}

#tit_whatsnew {
	background:url(../images/top/news_tit.png);
	width:85px;
	height:27px;
	text-indent:-9999px;
	margin:0 0 10px 0;
}

/* nav
**********************************/
#top #nav { 
	top: -200px;
	left: 270px;
	width:560px;
	display:none;
}

#top #nav ul li {float:left; margin-right:7px;}

#top #nav ul li a { width:40px; display:block; text-indent:-9999px;}

#top #nav ul #news { height:120px; overflow:hidden;}
#top #nav ul #news a { height:240px; background:url(../images/top/nav/nav_01.gif) 0 0; margin-top: -120px; }

#top #nav ul #story { height:120px; overflow:hidden;}
#top #nav ul #story a { height:240px; background:url(../images/top/nav/nav_02.gif) 0 0; margin-top: -120px; }

#top #nav ul #chara { height:120px; overflow:hidden;}
#top #nav ul #chara a { height:240px; background:url(../images/top/nav/nav_03.gif) 0 0; margin-top: -120px; }

#top #nav ul #oa { height:160px; overflow:hidden;}
#top #nav ul #oa a { height:320px; background:url(../images/top/nav/nav_04.gif) 0 0; margin-top: -160px; }

#top #nav ul #staff { height:180px; overflow:hidden;}
#top #nav ul #staff a { height:360px; background:url(../images/top/nav/nav_05.gif) 0 0; margin-top: -180px; }

#top #nav ul #disc { height:140px; overflow:hidden;}
#top #nav ul #disc a { height:280px; background:url(../images/top/nav/nav_06.gif) 0 0; margin-top: -140px; }                                                                                          																					   
#top #nav ul #goods { height:120px; overflow:hidden;}
#top #nav ul #goods a { height:240px; background:url(../images/top/nav/nav_07.gif) 0 0; margin-top: -120px; }

#top #nav ul #movie { height:80px; overflow:hidden;}
#top #nav ul #movie a { height:160px; background:url(../images/top/nav/nav_08.gif) 0 0; margin-top: -80px; }

#top #nav ul #special { height:120px; overflow:hidden;}
#top #nav ul #special a { height:240px; background:url(../images/top/nav/nav_09.gif) 0 0; margin-top: -120px; }

#top #nav ul #event { height:120px; overflow:hidden;}
#top #nav ul #event a { height:240px; background:url(../images/top/nav/nav_10.gif) 0 0; margin-top: -120px; }

#top #nav ul #answer { height:140px; overflow:hidden;}
#top #nav ul #answer a { height:280px; background:url(../images/top/nav/nav_11.gif) 0 0; margin-top: -140px; } 

/* main
**********************************/
#section_main_bg {
	background:url(../images/top/bg_main.jpg) repeat-x;
	background-attachment: fixed;
	height:1030px;
}

#section_main { height:1030px; display:none;}

#section_main ,#section_pv ,#section_news {
	width:1120px;
	margin:0 auto;
	position:relative;
}



/* PV
**********************************/

#section_pv_bg { background:url(../images/top/bg_pv02.png) repeat-x; height: 580px; margin-top:-50px; z-index:200;}

#section_pv { padding-top:50px; background:url(../images/top/bg_pv.png) repeat-x; z-index:200;}

#section_pv h3 {
	/*margin:40px 0 30px 400px;*/	
	margin:20px auto;	
	background:url(../images/top/h3_pv.png);
	width:284px;
	height:64px;
}

#section_pv #pv01 { width:640px; height:360px; margin:20px auto;}

/* news
**********************************/
#section_news_bg { background:url(../images/top/item02.png) right bottom no-repeat; /*height:497px;*/ }


#item01 { background:url(../images/top/item01.png) left/*-200px*/ no-repeat; }

/* Firefox hack start */
@-moz-document url-prefix(){ 
  #item01 { background:url(../images/top/item01.png) left 0 no-repeat; }
  #section_news_bg { background:url(../images/top/item02.png) right bottom no-repeat; }
}
/* Firefox hack end */

#section_news { padding-top:30px;}

#section_news h3 {
	background:url(../images/top/h3_news.png);
	width:284px;
	height:63px;
	margin:0 auto;
}

#section_news ul { padding:10px 160px 60px;}

#section_news li span { color:#999;}

#section_news li a { color:#F39; text-decoration:underline; }
#section_news li a:hover {
	opacity:0.65;
	filter: alpha(opacity=65);
	zoom:1;
}

#section_news li { font-size:16px; display:block; padding:15px 0 15px 35px; background:url(../images/common/icon_check.gif) no-repeat top left; border-bottom:solid 1px #666666; color:#666; }