@charset "shift_jis";
/* CSS Document */

body	{
	background:#ffffff url(../images/content-footer-bg.gif) top left repeat;
}

/* -------------------------------------------------------------------------
	Wrapper
--------------------------------------------------------------------------*/
#page	{
	background:#FFFFFF url(../images/content-bg.jpg) top left repeat-x;
	width:100%;
}
#wrappere	{
	min-width:900px;
	margin:0;
	padding:0;
	background:url(../images/content-header-bg.gif) top center no-repeat;
}
.wrapp	{
	margin:0 auto;
	text-align:left;
	width:900px;
}

/* -------------------------------------------------------------------------
	Header
--------------------------------------------------------------------------*/
#header	{
	width:291px;
	height:125px;
	float:left;
	margin:23px 118px 0 0;
}
#header h1	{
	width:291px;
	height:125px;
	margin:0 0 0 2px;
	padding:0 0 0 0;
	background: url(../images/content-title.png) top left no-repeat;
}
#header h1 a	{
	width:291px;
	height:125px;
	display:block;
}


/* -------------------------------------------------------------------------
	Navigatoin
--------------------------------------------------------------------------*/
#navigation	{
	width:431px;
	height:156px;
	margin:3px 0 0 0;
	float:left;
}
#navigation p.new	{
	width:45px;
	height:22px;
	background:url(../images/content-new.gif) left top no-repeat;
	position:absolute;
	z-index:100;
	margin:130px 0 0 392px;
}
#navigation ul	{
	width:431px;
	margin:0;
	padding:0;
}
#navigation ul li	{
	width:136px;
	margin:0 0 0 0;
	padding:0;
	float:left;
}
#navigation ul li a	{
	width:136px;
	display:block;
}
#navigation ul li.character	{
	margin:0 10px 0 0;
}
#navigation ul li.character a	{
	background: url(../images/content-navigation.png) left top no-repeat;
	height:82px;
}
#navigation ul li.book	{
	margin:0 13px 0 0;
}
#navigation ul li.book a	{
	background: url(../images/content-navigation.png) -149px top no-repeat;
	height:82px;
}
#navigation ul li.dvd a	{
	background: url(../images/content-navigation.png) -296px top no-repeat;
	height:82px;
}
#navigation ul li.message	{
	margin:0 13px 0 0;
	width:280px;
}
#navigation ul li.message a	{
	background: url(../images/content-navigation.png) -149px -83px no-repeat;
	height:64px;
	margin-left:146px;
}
#navigation ul li.blog a	{
	background: url(../images/content-navigation.png) -297px -83px no-repeat;
	height:64px;
}

/* -------------------------------------------------------------------------
	Navigatoin-Hover
--------------------------------------------------------------------------*/
#navigation ul li.character a:hover	{
	background: url(../images/content-navigation.png) -431px top no-repeat;
}
#navigation ul li.book a:hover	{
	background: url(../images/content-navigation.png) -580px top no-repeat;
}
#navigation ul li.dvd a:hover	{
	background: url(../images/content-navigation.png) -727px top no-repeat;
}
#navigation ul li.message a:hover	{
	background: url(../images/content-navigation.png) -580px -83px no-repeat;
}
#navigation ul li.blog a:hover	{
	background: url(../images/content-navigation.png) -727px -83px no-repeat;
}

/* -------------------------------------------------------------------------
	Navigatoin-active
--------------------------------------------------------------------------*/
#navigation ul li.character a.active	{
	background: url(../images/content-navigation.png) -431px top no-repeat;
}
#navigation ul li.book a.active	{
	background: url(../images/content-navigation.png) -580px top no-repeat;
}
#navigation ul li.dvd a.active	{
	background: url(../images/content-navigation.png) -727px top no-repeat;
}
#navigation ul li.message a.active	{
	background: url(../images/content-navigation.png) -580px -83px no-repeat;
}
#navigation ul li.blog a.active	{
	background: url(../images/content-navigation.png) -727px -83px no-repeat;
}

/* -------------------------------------------------------------------------
	Content
--------------------------------------------------------------------------*/
.content	{
	min-width:900px;
	margin:0;
	padding:0;
}

/* -----character---------------------------------------------------------*/
.content-lv01	{
	background: url(../images/character-bg.gif) bottom center no-repeat;
	height:910px;
}
.content-lv01 h2	{
	background: url(../images/character-title.png) left top no-repeat;
	width:483px;
	height:54px;
	margin:10px 0 0 0;
}
.content-lv01 p.tx01	{
	background: url(../images/character-tx01.gif) left top no-repeat;
	width:402px;
	height:19px;
	margin:20px 0 0 210px;
}
/* -----character img---------------------------------------------------------*/
.content-lv01 p.chara01 a	{
	background:url(../images/character-img01.png) left top no-repeat;
	width:200px;
	height:300px;
	display:block;
	position:absolute;
	margin:0 0 0 350px;
	z-index:5;
}
.content-lv01 p.chara02 a	{
	background:url(../images/character-img02.png) -500px top no-repeat;
	width:160px;
	height:200px;
	display:block;
	position:absolute;
	margin:60px 0 0 540px;
	z-index:10;
}
.content-lv01 p.chara03 a	{
	background:url(../images/character-img03.png) -450px top no-repeat;
	width:100px;
	height:270px;
	display:block;
	position:absolute;
	margin:-40px 0 0 695px;
	z-index:15;
}
.content-lv01 p.chara04 a	{
	background:url(../images/character-img04.png) -455px top no-repeat;
	width:105px;
	height:170px;
	display:block;
	position:absolute;
	margin:140px 0 0 800px;
	z-index:20;
}
.content-lv01 p.chara05 a	{
	background:url(../images/character-img05.png) -475px -20px no-repeat;
	width:140px;
	height:180px;
	display:block;
	position:absolute;
	margin:250px 0 0 650px;
	z-index:25;
}
.content-lv01 p.chara06 a	{
	background:url(../images/character-img06.png) left top no-repeat;
	width:140px;
	height:200px;
	display:block;
	position:absolute;
	margin:110px 0 0 10px;
	z-index:30;
}
.content-lv01 p.chara07 a	{
	background:url(../images/character-img07.png) left top no-repeat;
	width:120px;
	height:170px;
	display:block;
	position:absolute;
	margin:180px 0 0 230px;
	z-index:35;
}
.content-lv01 p.chara08 a	{
	background:url(../images/character-img08.png) left top no-repeat;
	width:165px;
	height:160px;
	display:block;
	position:absolute;
	margin:25px 0 0 145px;
	z-index:40;
}
.content-lv01 p.chara09 a	{
	background:url(../images/character-img09.png) left top no-repeat;
	width:100px;
	height:135px;
	display:block;
	position:absolute;
	margin:330px 0 0 45px;
	z-index:45;
}
.content-lv01 p.chara10 a	{
	background:url(../images/character-img10.png) left -30px no-repeat;
	width:180px;
	height:160px;
	display:block;
	position:absolute;
	margin:360px 0 0 175px;
	z-index:50;
}
.content-lv01 p.chara11 a	{
	background:url(../images/character-img11.png) left -20px no-repeat;
	width:110px;
	height:125px;
	display:block;
	position:absolute;
	margin:330px 0 0 385px;
	z-index:55;
}
.content-lv01 p.chara12 a	{
	background:url(../images/character-img12.png) -490px -40px no-repeat;
	width:170px;
	height:210px;
	display:block;
	position:absolute;
	margin:440px 0 0 470px;
	z-index:60;
}
.content-lv01 p.chara13 a	{
	background:url(../images/character-img13.png) -457px -40px no-repeat;
	width:120px;
	height:160px;
	display:block;
	position:absolute;
	margin:485px 0 0 775px;
	z-index:65;
}

/* -----character hover---------------------------------------------------------*/
.content-lv01 p.chara01 a:hover	{
	background:url(../images/character-img01.png) -200px top no-repeat;
	width:550px;
	height:300px;
	display:block;
	position:absolute;
	margin:0 0 0 350px;
	z-index:100;
}
.content-lv01 p.chara02 a:hover	{
	background:url(../images/character-img02.png) left top no-repeat;
	width:500px;
	height:200px;
	display:block;
	position:absolute;
	margin:60px 0 0 205px;
	z-index:100;
}
.content-lv01 p.chara03 a:hover	{
	background:url(../images/character-img03.png) left top no-repeat;
	width:445px;
	height:290px;
	display:block;
	position:absolute;
	margin:-40px 0 0 360px;
	z-index:100;
}
.content-lv01 p.chara04 a:hover	{
	background:url(../images/character-img04.png) left top no-repeat;
	width:445px;
	height:200px;
	display:block;
	position:absolute;
	margin:140px 0 0 465px;
	z-index:100;
}
.content-lv01 p.chara05 a:hover	{
	background:url(../images/character-img05.png) left top no-repeat;
	width:470px;
	height:210px;
	display:block;
	position:absolute;
	margin:230px 0 0 325px;
	z-index:100;
}
.content-lv01 p.chara06 a:hover	{
	background:url(../images/character-img06.png) -150px top no-repeat;
	width:480px;
	height:200px;
	display:block;
	position:absolute;
	margin:108px 0 0 5px;
	z-index:100;
}
.content-lv01 p.chara07 a:hover	{
	background:url(../images/character-img07.png) -120px top no-repeat;
	width:455px;
	height:175px;
	display:block;
	position:absolute;
	margin:180px 0 0 225px;
	z-index:100;
}
.content-lv01 p.chara08 a:hover	{
	background:url(../images/character-img08.png) -165px top no-repeat;
	width:475px;
	height:165px;
	display:block;
	position:absolute;
	margin:25px 0 0 145px;
	z-index:100;
}
.content-lv01 p.chara09 a:hover	{
	background:url(../images/character-img09.png) -100px top no-repeat;
	width:425px;
	height:145px;
	display:block;
	position:absolute;
	margin:330px 0 0 50px;
	z-index:100;
}
.content-lv01 p.chara10 a:hover	{
	background:url(../images/character-img10.png) -180px top no-repeat;
	width:500px;
	height:200px;
	display:block;
	position:absolute;
	margin:330px 0 0 175px;
	z-index:100;
}
.content-lv01 p.chara11 a:hover	{
	background:url(../images/character-img11.png) -110px top no-repeat;
	width:420px;
	height:145px;
	display:block;
	position:absolute;
	margin:310px 0 0 390px;
	z-index:100;
}
.content-lv01 p.chara12 a:hover	{
	background:url(../images/character-img12.png) left top no-repeat;
	width:490px;
	height:260px;
	display:block;
	position:absolute;
	margin:400px 0 0 155px;
	z-index:100;
}
.content-lv01 p.chara13 a:hover	{
	background:url(../images/character-img13.png) left top no-repeat;
	width:457px;
	height:210px;
	display:block;
	position:absolute;
	margin:445px 0 0 445px;
	z-index:100;
}





/* -----book--------------------------------------------------------------*/
.content-lv02	{}
.book-bg-lv01	{
	background: url(../images/book-bg.gif) bottom center no-repeat;
	height:517px;
}
.book-bg-lv02	{
	background: url(../images/book-bg-02.gif) bottom center no-repeat;
	height:1883px;
}
.content-lv02 h2	{
	background: url(../images/book-title.png) left top no-repeat;
	width:269px;
	height:74px;
	margin:10px 0 0 0;
}
.content-lv02 p.bt a	{
	background: url(../images/bt01.png) left top no-repeat;
	width:135px;
	height:35px;
	margin:0 0 0 0;
	display:block;
}
.content-lv02 p.bt a:hover	{
	background: url(../images/bt01.png) -135px top no-repeat;
	width:135px;
	height:35px;
	margin:0 0 0 0;
}
.content-lv02 p.bt-lv01	{
	margin:10px 0 0 23px;
}
.content-lv02 p.bt-lv02	{
	margin:10px 0 0 23px;
}
.content-lv02 p.bt-lv03	{
	margin:10px 0 0 35px;
}
.content-lv02 p.bt-lv04	{
	margin:10px 0 0 30px;
}
.content-lv02 p.bt-lv05	{
	margin:0px 0 0 12px;
}
.content-lv02 p.bt-lv06	{
	margin:5px 0 0 11px;
}
.content-lv02 p.bt-lv07	{
	margin:10px 0 0 30px;
}
.content-lv02 p.bt-lv08	{
	margin:10px 0 0 40px;
}
.content-lv02 .flL p.ph01	{
	background: url(../images/book-ph01.gif) left top no-repeat;
	width:180px;
	height:225px;
	margin:45px 7px 0 0;
}
.content-lv02 .flL p.ph02	{
	background: url(../images/book-ph02.gif) left top no-repeat;
	width:181px;
	height:226px;
	margin:8px 8px 0 0;
}
.content-lv02 .flL p.ph03	{
	background: url(../images/book-ph03.gif) left top no-repeat;
	width:159px;
	height:229px;
	margin:141px 27px 0 23px;
}
.content-lv02 .flL p.ph04	{
	background: url(../images/book-ph04.gif) left top no-repeat;
	width:180px;
	height:224px;
	margin:50px 111px 0 7px;
}
.content-lv02 .flL p.ph05	{
	background: url(../images/book-ph05.gif) left bottom no-repeat;
	width:180px;
	height:175px;
	*height:225px;
	margin:120px 0 0 11px;
	*margin:80px 0 0 11px;
}
.content-lv02 .flL p.ph06	{
	background: url(../images/book-ph06.gif) left bottom no-repeat;
	width:182px;
	height:175px;
	*height:225px;
	margin:120px 0 0 0;
	*margin:80px 0 0 0;
}
.content-lv02 .flL p.ph07	{
	background: url(../images/book-ph07.gif) left top no-repeat;
	width:174;
	height:171px;
	margin:20px 111px 0 20px;
}
.content-lv02 .flL p.ph08	{
	background: url(../images/book-ph08.gif) left top no-repeat;
	width:220;
	height:308px;
	margin:59px 111px 0 0;
	*margin:600px 111px 0 0;
}
.content-lv02 .flL h3.h01	{
	background: url(../images/book-h01.gif) left top no-repeat;
	width:176px;
	height:43px;
	margin:40px 0 0 0;
}
.content-lv02 .flL h3.h02	{
	background: url(../images/book-h02.gif) left top no-repeat;
	width:204px;
	height:85px;
	margin:7px 0 0 0;
}
.content-lv02 .flL h3.h03	{
	background: url(../images/book-h03.gif) left top no-repeat;
	width:371px;
	height:56px;
	margin:130px 0 0 0;
}
.content-lv02 .flL h3.h04	{
	background: url(../images/book-h04.gif) left top no-repeat;
	width:508px;
	height:57px;
	margin:90px 0 0 0;
}
.content-lv02 .flL h3.h05	{
	background: url(../images/book-h05.gif) left top no-repeat;
	width:248px;
	height:99px;
	margin:120px 34px 0 0;
	*margin:130px 34px 0 0;
}
.content-lv02 .flL h3.h06	{
	background: url(../images/book-h06.gif) left top no-repeat;
	width:238px;
	height:132px;
	margin:120px 0 0 0;
	*margin:130px 0 0 0;
}
.content-lv02 .flL h3.h07	{
	background: url(../images/book-h07.gif) left top no-repeat;
	width:273x;
	height:96px;
	margin:-50px 0 0 140px;
}
.content-lv02 .flL h3.h08	{
	background: url(../images/book-h08.gif) left top no-repeat;
	width:456x;
	height:60px;
	margin:100px 0 0 30px;
}
.content-lv02 .flL p.tx01	{
	background: url(../images/book-tx01.gif) left top no-repeat;
	width:217px;
	height:86px;
	margin:127px 40px 0 22px;
}
.content-lv02 .flL p.tx02	{
	background: url(../images/book-tx02.gif) left top no-repeat;
	width:213px;
	height:87px;
	margin:67px 0 0 17px;
}
.content-lv02 .flL p.tx03	{
	background: url(../images/book-tx03.gif) left top no-repeat;
	width:457px;
	height:130px;
	margin:56px 0 0 17px;
}
.content-lv02 .flL p.tx04	{
	background: url(../images/book-tx04.gif) left top no-repeat;
	width:432px;
	height:140px;
	margin:18px 0 0 17px;
}
.content-lv02 .flL p.tx05	{
	background: url(../images/book-tx05.gif) left top no-repeat;
	width:391px;
	height:119px;
	margin:20px 0 0 23px;
	*margin:30px 0 0 23px;
}
.content-lv02 .flL p.tx06	{
	background: url(../images/book-tx06.gif) left top no-repeat;
	width:392px;
	height:119px;
	margin:14px 0 0 12px;
	*margin:30px 0 0 12px;
}
.content-lv02 .flL p.tx07	{
	background: url(../images/book-tx07.gif) left top no-repeat;
	width:490px;
	height:160px;
	margin:20px 0 0 12px;
	*margin:14px 0 0 12px;
}
.content-lv02 .flL p.tx08	{
	background: url(../images/book-tx08.gif) left top no-repeat;
	width:440px;
	height:137px;
	margin:20px 0 0 45px;
	*margin:14px 0 0 45px;
}
.content-lv02 p.hint01	{
	background: url(../images/book-hint01.gif) left top no-repeat;
	width:286px;
	height:44px;
	margin:8px 0 0 508px;
}
.content-lv02 p.banner	{
	margin:6px 0 0 507px;
}
.content-lv02 p.banner a	{
	background: url(../images/book-banner.gif) left top no-repeat;
	width:284px;
	height:62px;
	display:block;
}
.content-lv02 .release	{
	position:absolute;
	z-index:100;
	background: url(../images/book-release.gif) left top no-repeat;
	width:108px;
	height:108px;
	margin:0 0 0 200px;
}

/* -----message-----------------------------------------------------------*/
.content-lv03	{
	background: url(../images/message-bg.gif) bottom center no-repeat;
	height:1188px;
}
.content-lv03 h2	{
	width:578px;
	height:102px;
	background:url(../images/message-title.png) left top no-repeat;
	margin:10px 0 0 0;
}
.content-lv03 h3	{
	width:491px;
	height:65px;
	background: url(../images/message-tx01.png) left top no-repeat;
	margin:36px 0 0 190px;
}
.content-lv03 p.tx01	{
	width:533px;
	height:128px;
	background: url(../images/message-tx02.png) left top no-repeat;
	margin:18px 0 0 117px;
}
.content-lv03 p.tx02	{
	width:553px;
	height:164px;
	background: url(../images/message-tx03.png) left top no-repeat;
	margin:47px 0 0 116px;
}
.content-lv03 .flL p.tx03	{
	width:438px;
	height:410px;
	background: url(../images/message-tx04.png) left top no-repeat;
	margin:155px 0 0 21px;
}
.content-lv03 .flL p.tx03 a	{
	width:366px;
	height:71px;
	display:block;
	top:313px;
	margin:0 0 0 49px;
}
.content-lv03 .flL p.tx04	{
	width:375px;
	height:132px;
	background: url(../images/message-tx05.gif) left top no-repeat;
	margin:493px 0 0 21px;
}
.content-lv03 .flL p.tx04 a	{
	width:119px;
	height:39px;
	margin:0 0 0 228px;
	display:block;
	top:67px;
}

/* -------------------------------------------------------------------------
	Footer
--------------------------------------------------------------------------*/
#footer-lv1	{
	min-width:900px;
	margin:0;
	padding:0;
	background: url(../images/content-footer-lv1.gif) top center no-repeat;
	height:217px;
}
#footer-lv2	{
	min-width:900px;
	margin:0;
	padding:0;
	background: url(../images/content-footer-lv2.gif) top center no-repeat;
	height:90px;
}
#footer-lv3	{
	min-width:900px;
	margin:0;
	padding:0;
	background: url(../images/content-footer-lv3.gif) top center no-repeat;
	height:346px;
}
#footer-lv1 #footer	{
	width:900px;
	margin: 0 auto;
	padding-top:145px;
}
#footer-lv2 #footer	{
	width:900px;
	margin: 0 auto;
	padding-top:20px;
}
#footer-lv3 #footer	{
	width:900px;
	margin: 0 auto;
	padding-top:275px;
}
#footer	address	{
	width:435px;
	height:47px;
	background:url(../images/content-copy.png) left top no-repeat;
	margin:0 0 0 465px;
}
#footer	address a	{
	width:37px;
	height:46px;
	display:block;
	margin-left:363px;
}


/* -------------------------------------------------------------------------
	Clear
--------------------------------------------------------------------------*/
#clear	{clear:both;}
.clear	{clear:both;}