@charset "UTF-8";
/* CSS Document */


html{	
	background: url(../images/MainBg.jpg) repeat top left #505050;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

main,
header,
footer{
	position: relative;
	width: 970px;
	margin: 0 auto;
}

main{
	display: block;
	margin-top: -86px;
}

header {
  z-index: 10;
  overflow: hidden;
}

header h1{
	float: left;
}

header nav{
	position: absolute;
	top: 0;
	right: 25px;
	width: 554px;
	height: 46px;
	 }
	 
nav ul li{
	display: inline;
	float: left;
	text-indent: -9999px;
}

nav ul li a{
	height: 46px;
	display: block;
}
	 
nav ul li#MenuTop a{
	width: 40px;
	background: url(../images/MenuTop.png) no-repeat left top;
}

nav ul li#MenuTop a:hover{
	background: url(../images/MenuTop.png) no-repeat left bottom;
}

nav ul li#MenuIntro a{
	width: 132px;
	background: url(../images/MenuIntro.png) no-repeat left top;
}

nav ul li#MenuIntro a:hover{
	background: url(../images/MenuIntro.png) no-repeat left bottom;
}

nav ul li#MenuStory a{
	width: 60px;
	background: url(../images/MenuStory.png) no-repeat left top;
}

nav ul li#MenuStory a:hover{
	width: 60px;
	background: url(../images/MenuStory.png) no-repeat left bottom;
}

nav ul li#MenuChara a{
	width: 108px;
	background: url(../images/MenuChara.png) no-repeat left top;
}

nav ul li#MenuChara a:hover{
	background: url(../images/MenuChara.png) no-repeat left bottom;
}

nav ul li#MenuHistory a{
	width: 75px;
	background: url(../images/MenuHistory.png) no-repeat left top;
}

nav ul li#MenuHistory a:hover{
	background: url(../images/MenuHistory.png) no-repeat left bottom;
}
	
nav ul li#MenuWorld a{
	width: 63px;
	background: url(../images/MenuWorld.png) no-repeat left top;
}

nav ul li#MenuWorld a:hover{
	background: url(../images/MenuWorld.png) no-repeat left bottom;
}

nav ul li#MenuSpecial a{
	width: 76px;
	background: url(../images/MenuSpecial.png) no-repeat left top;
}

nav ul li#MenuSpecial a:hover{
	width: 76px;
	background: url(../images/MenuSpecial.png) no-repeat left bottom;
}
	
/*==========================================================================

---------------------------------index.html---------------------------------

==========================================================================*/

body#index main{
	overfloaw: hidden;
}

body#index h1#Title{
	padding-top: 520px;
}

body#index p#Catch01{
	position: absolute;
	top: 0;
	right: 0;
}

body#index p#Catch02{
	position: absolute;
	top: 0;
	right: 264px;
}

body#index p#Catch03{
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 210px;
	background: url(../images/IndexCatch03Bg.jpg) no-repeat top right;
}

body#index h2#Date{
	float: right;
}

body#index section#News{
	float: left;
	height: 247px;
	background: url(../images/IndexNewsBg.jpg) no-repeat top left;
}
	
body#index section#News div#NewsArea{
	width: 255px;
	height: 174px;
	overflow-y: scroll;
	margin-left: 35px;
	background-color: #fff;
	color: #000;
}

body#index section#News div#NewsArea a{
	color: #E60012;
}

body#index section#News div#NewsArea a:hover{
	color: #E60012;
	text-decoration: underline;
}

body#index section#News div#NewsArea dl{
	padding: 0 0 0 10px;
	font-size: 13px;
	line-height: 1.4;
}

body#index section#News div#NewsArea dl dt{
	margin-top: 10px;
}

body#index section#News div#NewsArea dl dd{
	margin-right: 10px;
}

body#index p#BtnPV{
	position: absolute;
	top: 622px;
	right: 280px;
/*	text-indent: -9999px;*/
}

/*body#index p#BtnPV a{
	width: 205px;
	height: 20px;
	display: block;
	background: url(../images/IndexBtnPV.png) left top no-repeat;
}
*/
body#index p#BtnPV a:hover{
	opacity: 0.7;
}

body#index p#BtnAnime{
	position: absolute;
	top: 490px;
	right: 12px;
/*	text-indent: -9999px;*/
}

/*body#index p#BtnAnime a{
	width: 242px;
	height: 134px;
	display: block;
	background: url(../images/IndexBtnAnime.png) left top no-repeat;
}
*/
body#index p#BtnAnime a:hover{
	opacity: 0.7;
}

body#index p#BtnPU{
	position: absolute;
	top: 474px;
	right: 280px;
/*	text-indent: -9999px;*/
}

/*body#index p#BtnPU a{
	width: 242px;
	height: 111px;
	display: block;
	background: url(../images/IndexBtnPU.png) left top no-repeat;
}
*/
body#index p#BtnPU a:hover{
	opacity: 0.7;
}

body#index p#BtnBook03{
	position: absolute;
	top: 705px;
	right: 35px;
	text-indent: -9999px;
}

body#index p#BtnBook03 a{
	width: 150px;
	height: 200px;
	display: block;
	background: url(../images/common.gif) repeat top left;
}

body#index p#BtnTwitter{
	position: absolute;
	top: 815px;
	left: 346px;
	text-indent: -9999px;
}

body#index p#BtnTwitter a{
	width: 222px;
	height: 23px;
	display: block;
	background: url(../images/IndexBtnTwitter.png) left top no-repeat;
}

body#index p#BtnTwitter a:hover{
	background: url(../images/IndexBtnTwitter.png) left bottom no-repeat;
}


/*==========================================================================

------------------------------index.htmlここまで-----------------------------

==========================================================================*/



/*==========================================================================

---------------------------------intro.html---------------------------------

==========================================================================*/

body#intro main{
	overflow: hidden;
}

body#intro h1#IntroTitle{
	float: right;
}

body#intro p#IntroDesc02{
	float: right;
}

body#intro p#MapImage{
	position: absolute;
	bottom: 0;
	left: 0;
	padding-bottom: 532px;
	background: url(../images/IntroMapBg.jpg) no-repeat bottom left;
}

/*==========================================================================

-----------------------------intro.htmlここまで------------------------------

==========================================================================*/



/*==========================================================================

---------------------------------chara.html---------------------------------

==========================================================================*/

body#chara main{
	overflow: hidden;
	background: url(../images/SectionBg.jpg) repeat-y top left #000;
}

body#chara main ul#CharaMenu{
	position: absolute;
	top: 112px;
	left: 44px;
}

body#chara main ul li{
	display: inline;
	float: left;
	text-indent: -9999px;
}

body#chara main ul li a{
	display: block;
	height: 26px;
}

body#chara main ul li#li_Montmorency a{
	width: 180px;
	background: url(../images/CharaTab01.png) no-repeat top left;
}

body#chara main ul li#li_Montmorency a:hover,
body#chara main ul li#li_Montmorency a#stay{
	background: url(../images/CharaTab01.png) no-repeat bottom left;
}

body#chara main ul li#li_FraRoyalFamily a{
	width: 139px;
	background: url(../images/CharaTab02.png) no-repeat top left;
}

body#chara main ul li#li_FraRoyalFamily a:hover,
body#chara main ul li#li_FraRoyalFamily a#stay{
	background: url(../images/CharaTab02.png) no-repeat bottom left;
}

body#chara main ul li#li_Bourgogne a{
	width: 169px;
	background: url(../images/CharaTab03.png) no-repeat top left;
}

body#chara main ul li#li_Bourgogne a:hover,
body#chara main ul li#li_Bourgogne a#stay{
	background: url(../images/CharaTab03.png) no-repeat bottom left;
}

body#chara main ul li#li_Bretagne a{
	width: 170px;
	background: url(../images/CharaTab04.png) no-repeat top left;
}

body#chara main ul li#li_Bretagne a:hover,
body#chara main ul li#li_Bretagne a#stay{
	background: url(../images/CharaTab04.png) no-repeat bottom left;
}


body#chara main ul li#li_FraNoble{
	width: 139px;
	height: 26px;
	background: url(../images/CharaTab05.png) no-repeat top left;
}


body#chara main ul li#li_Others{
	width: 83px;
	height: 26px;
	background: url(../images/CharaTab06.png) no-repeat top left;
}


body#chara main ul li#li_Diagram{
	position: absolute;
	top: -39px;
	right: 6px;
	width: 67px;
	z-index: 10;
}

body#chara main ul li#li_Diagram a{
	display: block;
	height: 22px;
	background: url(../images/CharaTab07.png) no-repeat top left;
}

body#chara main ul li#li_Diagram a:hover,
body#chara main ul li#li_Diagram a#stay{
	background: url(../images/CharaTab07.png) no-repeat bottom left;
}



body#chara main section{
	display: none;
}

/*body#chara main section p{
	position: relative;
	z-index: 10;
}
*/
/*---下線部分---*/
body#chara main section strong a{
	display: block;
	text-indent: -9999px;
	height: 15px;
	background: url(../images/CharaLineBg.png) repeat-x top left;
}

body#chara main section strong a:hover{
	background: url(../images/CharaLineBg.png) repeat-x bottom left;
}

/*---モンモランシと仲間---*/
body#chara main section#Montmorency{
	position: relative;
	overflow: hidden;
}

body#chara main section#Montmorency div#Chara_Montmorency h1{
	float: left;
	padding-bottom: 475px;
	background: url(../images/CharaMontmorencyNameBg.png) no-repeat bottom left;
}

body#chara main section#Montmorency div#Chara_Montmorency{
	position: relative;
}

body#chara main section#Montmorency div#Chara_Montmorency p.MontmorencyDesc a{
	position: absolute;
	bottom: 4px;
	right: 193px;
	display: block;
	text-indent: -9999px;
	width: 315px;
	height: 25px;
	background: url(../images/AboutAlchemy.png) no-repeat top left;
}

body#chara main section#Montmorency div#Chara_Montmorency p.MontmorencyDesc a:hover{
	background: url(../images/AboutAlchemy.png) no-repeat bottom left;
}

body#chara main section#Montmorency div#Chara_Janne h1{
	float: right;
	padding-top: 449px;
	background: url(../images/CharaJanneNameBg.png) no-repeat top right;
}


body#chara main section#Montmorency div#Chara_Astaroth h1{
	float: left;
	padding-right: 244px;
	background: url(../images/CharaAstarothNameBg.png) no-repeat top right;
}

body#chara main section#Montmorency div#Chara_Astaroth{
	position: relative;
}

body#chara main section#Montmorency div#Chara_Astaroth p.AstarothDesc a{
	position: absolute;
	bottom: 70px;
	right: 128px;
	display: block;
	text-indent: -9999px;
	width: 299px;
	height: 25px;
	background: url(../images/AboutFairy.png) no-repeat top left;
}

body#chara main section#Montmorency div#Chara_Astaroth p.AstarothDesc a:hover{
	background: url(../images/AboutFairy.png) no-repeat bottom left;
}

body#chara main section#Montmorency div#Chara_LaHire{
	position: relative;
}

body#chara main section#Montmorency div#Chara_LaHire h1{
	float: right;
	padding-left: 227px;
	background: url(../images/CharaLaHireNameBg.png) no-repeat top left;
}

body#chara main section#Montmorency div#Chara_LaHire strong.Word_Mercenary{
	position: absolute;
	top: 145px;
	left: 270px;
	width: 29px;
}

body#chara main section#Montmorency div#Chara_LaHire strong.Word_Hussite-Wars{
	position: absolute;
	top: 469px;
	left: 195px;
	width: 54px;
}

/*---フランス王家---*/
body#chara main section#FraRoyalFamily{
	position: relative;
}

body#chara main section#FraRoyalFamily div#Chara_Charlotte h1{
	float: left;
	padding-right: 276px;
	background: url(../images/CharaCharlotteNameBg.png) no-repeat top right;
}

body#chara main section#FraRoyalFamily div#Chara_Charlotte strong.Word_Henry5 {
	position: absolute;
	top: 343px;
	right: 301px;
	width: 83px;
}

body#chara main section#FraRoyalFamily div#Chara_Charlotte strong.Word_Isabeau {
	position: absolute;
	top: 46px;
	right: 272px;
	width: 85px;
}



/*---ブルゴーニュ公家---*/
body#chara main section#Bourgogne{
	position: relative;
}

body#chara main section#Bourgogne div#Chara_Philippe h1{
	float: left;
	padding-right: 249px;
	background: url(../images/CharaPhilippeNameBg.png) no-repeat top right;
}

body#chara main section#Bourgogne div#Chara_Philippe strong.Word_Bourgogne{
	position: absolute;
	top: 46px;
	right: 265px;
	width: 110px;
}

body#chara main section#Bourgogne div#Chara_Philippe strong.Word_Jean1{
	position: absolute;
	top: 73px;
	right: 389px;
	width: 85px;
}

body#chara main section#Bourgogne strong.Word_Henry5{
	position: absolute;
	top: 397px;
	right: 265px;
	width: 83px;
}

/*---ブルターニュ公家---*/
body#chara main section#Bretagne{
	position: relative;
}

body#chara main section#Bretagne div#Chara_Richemont h1{
	float: left;
	padding-right: 287px;
	background: url(../images/CharaRichemontNameBg.png) no-repeat top right;
}

body#chara main section#Bretagne div#Chara_Richemont strong.Word_Bretagne{
	position: absolute;
	top: 73px;
	right: 174px;
	width: 113px;
}

body#chara main section#Bretagne div#Chara_Richemont strong.Word_Henry5{
	position: absolute;
	top: 208px;
	right: 203px;
	width: 83px;
}

/*---相関図---*/
body#chara main section#Diagram div#Chara_Diagram h1{
	 display: none;
}

/*==========================================================================

-----------------------------chara.htmlここまで------------------------------

==========================================================================*/



/*==========================================================================

---------------------------------story.html---------------------------------

==========================================================================*/

body#story main{
	overflow: hidden;
	background: url(../images/SectionBg.jpg) repeat-y top left #000;
}

body#story main h1#StoryTitle{
	padding-bottom: 26px;
}

body#story main div{
	position: relative;
	width: 581px;
	margin: 0 auto;
	text-align: right;
	margin-bottom: 50px;
}

body#story main div#Book01{
	padding-left: 305px;
	background: url(../images/StoryBook01Bg.jpg) no-repeat top left;
}

body#story main div#Book02{
	padding-left: 305px;
	background: url(../images/StoryBook02Bg.jpg) no-repeat top left;
}

body#story main div#Book03{
	padding-left: 305px;
	background: url(../images/StoryBook03Bg.jpg) no-repeat top left;
}

body#story main div#Book04{
	padding-left: 305px;
	background: url(../images/StoryBook04Bg.jpg) no-repeat top left;
}

body#story main div#Book05{
	padding-left: 305px;
	background: url(../images/StoryBook05Bg.jpg) no-repeat top left;
}

body#story main div#Book06{
	padding-left: 305px;
	background: url(../images/StoryBook06Bg.jpg) no-repeat top left;
}

body#story main div#BookZero{
	padding-left: 305px;
	background: url(../images/StoryBookZeroBg.jpg) no-repeat top left;
}

body#story main div#BookComics{
	padding-left: 305px;
	background: url(../images/StoryBookComicsBg.jpg) no-repeat top left;
}

body#story main div#Book01 p#Book01Desc{
	padding-bottom: 200px;
	background: url(../images/StoryBook01DescBg.png) no-repeat bottom left;
}

body#story main div#Book02 p#Book02Desc{
	padding-bottom: 200px;
	background: url(../images/StoryBook02DescBg.png) no-repeat bottom left;
}

body#story main div#Book03 p#Book03Desc{
	padding-bottom: 200px;
	background: url(../images/StoryBook03DescBg.png) no-repeat bottom left;
}

body#story main div#Book04 p#Book04Desc{
	padding-bottom: 200px;
	background: url(../images/StoryBook04DescBg.png) no-repeat bottom left;
}

body#story main div#Book05 p#Book05Desc{
	padding-bottom: 200px;
	background: url(../images/StoryBook05DescBg.png) no-repeat bottom left;
}

body#story main div#Book06 p#Book06Desc{
	padding-bottom: 200px;
	background: url(../images/StoryBook06DescBg.png) no-repeat bottom left;
}

body#story main div#BookZero p#BookZeroDesc{
	padding-bottom: 200px;
	background: url(../images/StoryBookZeroDescBg.png) no-repeat bottom left;
}

body#story main div#BookComics p#BookComicsDesc{
	padding-bottom: 200px;
}

body#story main p.BookTrialBtn{
	position: absolute;
	right: 0;
	top: -1px;
	text-indent: -9999px;
}

body#story main p.BookTrialBtn a{
	display: block;
	width: 151px;
	height: 30px;
	background: url(../images/StoryBtnTrial.png) no-repeat top left;
}

body#story main p.BookTrialBtn a:hover{
	background: url(../images/StoryBtnTrial.png) no-repeat bottom left;
}

/*======================================================

-----------------------------story.htmlここまで-----------------------------

======================================================*/



/*======================================================

---------------------------------history.html---------------------------------

======================================================*/

body#history main{
	overflow: hidden;
	background: url(../images/SectionBg.jpg) repeat-y top left #000;
}


body#history main ul#HistoryMenu{
	position: absolute;
	top: 135px;
	left: 438px;
}

body#history main ul#HistoryMenu li{
	display: inline;
	float: left;
	text-indent: -9999px;
}

body#history main ul#HistoryMenu li a{
	display: block;
	height: 22px;
}

body#history main ul li#li_History_P01 a{
	width: 32px;
	background: url(../images/HistoryTab01.png) no-repeat top left;
}

body#history main ul li#li_History_P01 a:hover,
body#history main ul li#li_History_P01 a#stay{
	background: url(../images/HistoryTab01.png) no-repeat bottom left;
}

body#history main ul li#li_History_P02 a{
	width: 31px;
	background: url(../images/HistoryTab02.png) no-repeat top left;
}

body#history main ul li#li_History_P02 a:hover,
body#history main ul li#li_History_P02 a#stay{
	background: url(../images/HistoryTab02.png) no-repeat bottom left;
}

body#history main ul li#li_History_P03 a{
	width: 31px;
	background: url(../images/HistoryTab03.png) no-repeat top left;
}

body#history main ul li#li_History_P03 a:hover,
body#history main ul li#li_History_P03 a#stay{
	background: url(../images/HistoryTab03.png) no-repeat bottom left;
}



body#history main section{
	display: none;
}

body#history main div.Historical_Cal{
	background: url(../images/HistoryBg.png) repeat-y top center;
	padding-bottom: 10px;
}

body#history main div.Historical_Cal table{
	margin: 0 auto;
	padding-bottom: 2px;
	background: url(../images/HistoryHorizontalBg.png) repeat-x bottom left;
}

body#history main div.Historical_Cal table th.Events_Title{
	padding: 20px 22px 20px;
	vertical-align: middle;
	background: url(../images/HistoryVerticalBg.png) repeat-y top right;
}

body#history main div.Historical_Cal table th{
	font-weight: normal;
	text-align: left;
}

body#history main div.Historical_Cal table th,
body#history main div.Historical_Cal table td{
	padding: 20px 10px 0 10px;
	vertical-align: top;
	line-height: 1.3;
}

body#history main div.Historical_Cal table th.Year{
	padding-right: 15px;
	color: #783200;
	font-size: 17px;
	font-weight: bold;
	background: url(../images/HistoryVerticalBg.png) repeat-y top right;
}

body#history main div.Historical_Cal table span{
	display: block;
	color: #783200;
	font-size: 17px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body#history main div.Historical_Cal table td.Event_Last{
	padding-bottom: 20px;
}

body#history main div.Historical_Cal table td{
	width: 661px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 15px;
	line-height: 1.4;
}

/*---文中下線部分---*/
body#history main div.Historical_Cal table a{
	diaplay: block;
	height: 17px;
	background: url(../images/HistoryLineBg.png) repeat-x top left;
	color: #000;
}

body#history main div.Historical_Cal table a:hover{
	background: url(../images/HistoryLineBg.png) repeat-x bottom left;
	text-decoration: none;
}

/*======================================================

-----------------------------history.htmlここまで-----------------------------

======================================================*/



/*======================================================

---------------------------------world.html---------------------------------

======================================================*/

body#world main{
	overflow: hidden;
	background: url(../images/SectionBg.jpg) repeat-y top left #000;
}

body#world main ul#WorldMenu{
	position: absolute;
	top: 112px;
	left: 195px;
}

body#world main ul li{
	display: inline;
	float: left;
	text-indent: -9999px;
}

body#world main ul li a{
	display: block;
	height: 26px;
}


body#world main ul li#li_Fairy a{
	width: 74px;
	background: url(../images/WorldTab01.png) no-repeat top left;
}

body#world main ul li#li_Fairy a:hover,
body#world main ul li#li_Fairy a#stay{
	background: url(../images/WorldTab01.png) no-repeat bottom left;
}

body#world main ul li#li_Alchemy a{
	width: 92px;
	background: url(../images/WorldTab02.png) no-repeat top left;
}

body#world main ul li#li_Alchemy a:hover,
body#world main ul li#li_Alchemy a#stay{
	background: url(../images/WorldTab02.png) no-repeat bottom left;
}

body#world main ul li#li_Ruins a{
	width: 107px;
	background: url(../images/WorldTab03.png) no-repeat top left;
}

body#world main ul li#li_Ruins a:hover,
body#world main ul li#li_Ruins a#stay{
	background: url(../images/WorldTab03.png) no-repeat bottom left;
}

body#world main ul li#li_Crusade a{
	width: 221px;
	background: url(../images/WorldTab04.png) no-repeat top left;
}

body#world main ul li#li_Crusade a:hover,
body#world main ul li#li_Crusade a#stay{
	background: url(../images/WorldTab04.png) no-repeat bottom left;
}


body#world main ul li#li_Words a{
	width: 91px;
	background: url(../images/WorldTab05.png) no-repeat top left;
}

body#world main ul li#li_Words a:hover,
body#world main ul li#li_Words a#stay{
	background: url(../images/WorldTab05.png) no-repeat bottom left;
}




body#world main section{
	display: none;
}

body#world main section h1,
body#world main section h2,
body#world main section p{
	margin: 0 auto;
	text-align: center;
}

body#world main section p{
	padding-bottom: 30px;
}

body#world main section div{
	position: relative;
}

/*---下線部分---*/
body#world main section strong a{
	display: block;
	text-indent: -9999px;
	height: 15px;
	background: url(../images/CharaLineBg.png) repeat-x top left;
}

body#world main section strong a:hover{
	background: url(../images/CharaLineBg.png) repeat-x bottom left;
}


/*---妖精---*/
body#world main section#Fairy{
	position: relative;
}

body#world main section#Fairy h1{
	padding: 24px 0 37px;
}

body#world main section#Fairy div{
	padding-top: 30px;
	background: url(../images/WorldLine.png) no-repeat top center;
}

body#world main section#Fairy div h2{
	padding-bottom: 18px;
}


/*---錬金術---*/
body#world main section#Alchemy{
	position: relative;
}

body#world main section#Alchemy h1{
	padding: 24px 0 37px;
}

body#world main section#Alchemy div{
	padding-top: 30px;
	background: url(../images/WorldLine.png) no-repeat top center;
}

body#world main section#Alchemy div h2{
	padding-bottom: 18px;
}

body#world main section#Alchemy strong.Word_Nicola {
	position: absolute;
	top: 700px;
	right: 241px;
	width: 124px;
}


/*---巨石遺跡---*/
body#world main section#Ruins{
	position: relative;
}

body#world main section#Ruins h1{
	padding: 24px 0 37px;
}



/*---用語集---*/
body#world main section#Words{
	position: relative;
	color: #FFF;
}

body#world main section#Words h1{
	padding: 24px 0 37px;
}

body#world main section#Words h2:before,
body#world main section#Words h2:after{
	display: inline-block;
	vertical-align: middle;
	padding: 0 0.5em;
}

body#world main section#Words h2:before{
	content: url("../images/WordsH2BgLeft.png");
	background-position: left top;
}

body#world main section#Words h2:after{
	content: url("../images/WordsH2BgRight.png");
}

body#world main section#Words div{
	padding-top: 21px;
}

body#world main section#Words div h2{
	padding-bottom: 30px;
	font-size: 27px;
	font-weight: bold;
}

body#world main section#Words div p{
	width: 795px;
	text-align: left;
	font-size: 14px;
	line-height: 2.0;
}


/*---十字軍---*/
body#world main section#Crusade{
	position: relative;
}

body#world main section#Crusade h1{
	padding: 24px 0 37px;
}

body#world main section#Crusade strong.Word_Reliquiae {
	position: absolute;
	top: 668px;
	left: 341px;
	width: 67px;
}

/*=========================================================================

-----------------------------world.htmlここまで-----------------------------

=========================================================================*/



/*=========================================================================

--------------------------------special.html-------------------------------

=========================================================================*/

body#special main{
	overflow: hidden;
	background: url(../images/SectionBg.jpg) repeat-y top left #000;
}

body#special main ul#SpecialMenu{
	position: absolute;
	top: 112px;
	left: 130px;
	width: 800px;
	font-size: 0;
	text-align: left;
}

body#special main ul#SpecialMenu li{
	display: inline-block;
	text-indent: -9999px;
	margin-bottom: 3px;
}

body#special main ul#SpecialMenu li a{
	display: block;
	height: 26px;
}


body#special main ul#SpecialMenu li#li_Comment a{
	width: 135px;
	background: url(../images/SpecialTab01.png) no-repeat left top;
}

body#special main ul#SpecialMenu li#li_Comment a:hover,
body#special main ul#SpecialMenu li#li_Comment a#stay{
	background: url(../images/SpecialTab01.png) no-repeat left bottom;
}

body#special main ul#SpecialMenu li#li_Illustrator a{
	width: 228px;
	background: url(../images/SpecialTab02.png) no-repeat left top;
}

body#special main ul#SpecialMenu li#li_Illustrator a:hover,
body#special main ul#SpecialMenu li#li_Illustrator a#stay{
	background: url(../images/SpecialTab02.png) no-repeat left bottom;
}

body#special main ul#SpecialMenu li#li_Movie a{
	width: 106px;
	background: url(../images/SpecialTab03.png) no-repeat left top;
}

body#special main ul#SpecialMenu li#li_Movie a:hover,
body#special main ul#SpecialMenu li#li_Movie a#stay{
	background: url(../images/SpecialTab03.png) no-repeat left bottom;
}


body#special main ul#SpecialMenu li#li_Privilege a{
	width: 108px;
	background: url(../images/SpecialTab04.png) no-repeat left top;
}

body#special main ul#SpecialMenu li#li_Privilege a:hover,
body#special main ul#SpecialMenu li#li_Privilege a#stay{
	background: url(../images/SpecialTab04.png) no-repeat left bottom;
}


body#special main ul#SpecialMenu li#li_Present a{
	width: 132px;
	background: url(../images/SpecialTab05.png) no-repeat left top;
}

body#special main ul#SpecialMenu li#li_Present a:hover,
body#special main ul#SpecialMenu li#li_Present a#stay{
	background: url(../images/SpecialTab05.png) no-repeat left bottom;
}

body#special main ul#SpecialMenu li#li_PickUp a{
	width: 444px;
	background: url(../images/SpecialTab06.png) no-repeat left top;
}

body#special main ul#SpecialMenu li#li_PickUp a:hover,
body#special main ul#SpecialMenu li#li_PickUp a#stay{
	background: url(../images/SpecialTab06.png) no-repeat left bottom;
}


body#special main section{
	overflow: hidden;
	padding-bottom: 30px;
	display: none;
}

body#special main section h1,
body#special main section h2,
body#special main section p{
	margin: 0 auto;
	text-align: center;
}

body#special main section#Comment p,
body#special main section#Movie p{
	padding-bottom: 30px;
}

body#special main section h1{
	padding: 44px 0 37px;
}

/*body#special main section div{
	position: relative;
}*/

/*---著者コメントボタン---*/

body#special main section ul#CommentMenu{
	overflow: hidden;
	width: 96px;
	margin: 0 auto;
}

body#special main section ul#CommentMenu li{
	display: inline;
	float: left;
	text-indent: -9999px;
}

body#special main section ul#CommentMenu li a{
	display: block;
	height: 38px;
}

body#special main section ul#CommentMenu li#li_Comment01{
	padding-right: 20px;
}

body#special main section ul#CommentMenu li#li_Comment01 a{
	width: 38px;
	background: url(../images/SpecialCommentTab01.png) no-repeat top left;
}

body#special main section ul#CommentMenu li#li_Comment01 a:hover,
body#special main section ul#CommentMenu li#li_Comment01 a#stay{
	background: url(../images/SpecialCommentTab01.png) no-repeat bottom left;
}

body#special main section ul#CommentMenu li#li_Comment02 a{
	width: 38px;
	background: url(../images/SpecialCommentTab02.png) no-repeat top left;
}

body#special main section ul#CommentMenu li#li_Comment02 a:hover,
body#special main section ul#CommentMenu li#li_Comment02 a#stay{
	background: url(../images/SpecialCommentTab02.png) no-repeat bottom left;
}

/*---著者コメントボタン---*/

body#special main section#Comment div{
	display: none;
}


/*---著者コメント01---*/
body#special main section#Comment div#Comment01{
	position: relative;
}

body#special main section#Comment div#Comment01 h2{
	padding-bottom: 17px;
}

body#special main section#Comment div#Comment01 p#Comment01_Desc{
	width: 791px;
	padding-top: 18px;
	border-top: #FFF solid 1px;
}


/*---著者コメント02---*/
body#special main section#Comment div#Comment02{
	position: relative;
}

body#special main section#Comment div#Comment02 h2{
	padding-bottom: 17px;
}

body#special main section#Comment div#Comment02 p#Comment02_Desc{
	width: 791px;
	padding: 18px 0;
	border-top: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
}

body#special main section#Comment div#Comment02 p#AuthorName{
	padding-top: 14px;
}

/*---イラストレーターコメント---*/

body#special main section#Illustrator p#IllstComment{
	padding-bottom: 15px;
}

body#special main section#Illustrator p#BtnIllZoom{
	width: 190px;
	text-align: center;
	text-indent: -9999px;
}

body#special main section#Illustrator p#BtnIllZoom a{
	display: block;
	height: 50px;
	background: url(../images/SpecialBtnIllzoom.png) no-repeat left top;
}

body#special main section#Illustrator p#BtnIllZoom a:hover{
	background: url(../images/SpecialBtnIllzoom.png) no-repeat right top;
}

/*---PV---*/
body#special main section#Movie{
	position: relative;
}


body#special main section#Movie iframe{
	display: block;
	width: 789px;
	margin: 0 auto;
}

body#special main section#Movie p#MovieCap{
	text-align: right;
	padding: 5px 90px 0 0;
}

/*---特典---*/
body#special main section#Privilege{
	position: relative;
}

body#special main section#Privilege div{
	margin-bottom: 30px;
}

body#special main section#Privilege div#SpecialStoreLeft{
	/*float: left;*/
	padding-left: 19px;
	width: 450px;
}

body#special main section#Privilege div#SpecialStoreRight{
	/*float: right;*/
	padding-right: 19px;
	width: 453px;
	position: absolute;
	top: 593px;
	right: 0;
}

body#special main section#Privilege div#Animate{
	position: relative;
	margin: 0 auto 30px;
	width: 509px;
	padding-right: 423px;
	background: url(../images/SpecialPrivilegeAnimateBg.png) no-repeat top right;
}

body#special main section#Privilege div#Animate p#AnimateCap{
	position: absolute;
	right: 0;
	bottom: 0;
}

body#special main section#Privilege div#Gamers{
	position: relative;
	padding-right: 216px;
	background: url(../images/SpecialPrivilegeGamersBg.png) no-repeat top right;
}

body#special main section#Privilege div#Gamers p#GamersCap{
	position: absolute;
	right: 0;
	bottom: 0;
}

body#special main section#Privilege div#MelonBooks{
	position: relative;
	padding-right: 202px;
	background: url(../images/SpecialPrivilegeMelonBg.png) no-repeat top right;
}

body#special main section#Privilege div#MelonBooks p#MelonBooksCap{
	position: absolute;
	right: 0;
	bottom: 0;
}

body#special main section#Privilege div#Toranoana p#ToranoanaDesc{
	position: relative;
	padding-bottom: 298px;
	background: url(../images/SpecialPrivilegeToraBg.png) no-repeat bottom left;
}

body#special main section#Privilege div#StartGuide{
	width: 932px;
	margin: -139px 0 0 19px;
	padding-top: 129px;
	background: url(../images/SpecialPrivilegeGuideBg.png) no-repeat top right;
}

body#special main section#Privilege div#StartGuide h1{
	text-align: left;
}


/*---壁紙---*/
body#special main section#Present{
	position: relative;
}

body#special main section#Present div#PresentDetail{
	margin: 0 auto;
	width: 213px;
	height: 419px;
	padding-left: 595px;
	background: url(../images/SpecialPresentBg.jpg) no-repeat top left;
}

body#special main section#Present div#PresentDetail a{
	display: block;
	width: 190px;
	height: 50px;
	text-indent: -9999px;
}

body#special main section#Present div#PresentDetail p#Btn740,
body#special main section#Present div#PresentDetail p#Btn768,
body#special main section#Present div#PresentDetail p#Btn925,
body#special main section#Present div#PresentDetail p#Btn1024{
	padding-bottom: 15px;
}

body#special main section#Present div#PresentDetail p#Btn740 a{
	background: url(../images/SpecialPresentBtn740.png) no-repeat top left;
}

body#special main section#Present div#PresentDetail p#Btn740 a:hover{
	background: url(../images/SpecialPresentBtn740.png) no-repeat top right;
}

body#special main section#Present div#PresentDetail p#Btn768 a{
	background: url(../images/SpecialPresentBtn768.png) no-repeat top left;
}

body#special main section#Present div#PresentDetail p#Btn768 a:hover{
	 background: url(../images/SpecialPresentBtn768.png) no-repeat top right;
}

body#special main section#Present div#PresentDetail p#Btn925 a{
  background: url(../images/SpecialPresentBtn925.png) no-repeat top left;
}

body#special main section#Present div#PresentDetail p#Btn925 a:hover{
	background: url(../images/SpecialPresentBtn925.png) no-repeat top right;
}

body#special main section#Present div#PresentDetail p#Btn1024 a{
	background: url(../images/SpecialPresentBtn1024.png) no-repeat top left;
}

body#special main section#Present div#PresentDetail p#Btn1024 a:hover{
	background: url(../images/SpecialPresentBtn1024.png) no-repeat top right;
}

body#special main section#Present div#PresentDetail p#PresentDesc{
	display: block;
	padding-top: 71px;
}

/*======================================================

-----------------------------special.htmlここまで-----------------------------

======================================================*/



/*======================================================

------------------------------third_interview.html------------------------------

======================================================*/

body#third_interview header h1#InterviewTitle{
	position: relative;
}

body#third_interview header h1#InterviewTitle span{
	display: block;
	position: absolute;
	bottom: 11px;
	left: 223px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.7;
	color: #FFF;
	text-align: center;
}

body#third_interview header h1#InterviewTitle span a{
	color: #FFF;
	text-decoration: underline;
}

body#third_interview header h1#InterviewTitle span a:hover{
	color: #FFF100;
}

body#third_interview main{
	overflow: hidden;
	background: url(../images/SectionBg.jpg) repeat-y top left #000;
	margin-top: 0;
}

body#third_interview main div{
	padding-top: 25px;
	display: none;
}

body#third_interview main div h2{
	padding: 32px 0;
	width: 790px;
	margin: 0 auto;
}

body#third_interview main div dl.InterviewText,
body#third_interview main div dl.InterviewText_img01,
body#third_interview main div dl.InterviewText_img02,
body#third_interview main div dl.InterviewText_img03{
	width: 790px;
	margin: 0 auto;
	color:  #FFF;
	line-height: 1.95;
	font-size: 14px;
}

body#third_interview main div dl.InterviewText dt,
body#third_interview main div dl.InterviewText_img01 dt,
body#third_interview main div dl.InterviewText_img02 dt,
body#third_interview main div dl.InterviewText_img03 dt{
	color: #CC961E;	
}

body#third_interview main div dl.InterviewText dd em.InterviewAnswer,
body#third_interview main div dl.InterviewText_img01 dd em.InterviewAnswer,
body#third_interview main div dl.InterviewText_img02 dd em.InterviewAnswer,
body#third_interview main div dl.InterviewText_img03 dd em.InterviewAnswer{
	font-style: normal;
	font-weight: bold;
}

body#third_interview main div dl.InterviewText_img02 dd.netabare{
		padding-top: 40px;
}

body#third_interview main div dl.InterviewText_img01{
	width: 483px;
	height: 212px;
	padding: 0 307px 8px 0;
	background: url(../images/3rdInterviewImg01.jpg) no-repeat top right;
}

body#third_interview main div dl.InterviewText_img02{
	width: 560px;
	height: 562px;
	padding-right: 230px;
	background: url(../images/3rdInterviewImg02.png) no-repeat top right;
}

body#third_interview main div dl.InterviewText_img03{
	width: 578px;
	padding-right: 202px;
	background: url(../images/3rdInterviewImg03.jpg) no-repeat top right;
}


/*---インタビューボタン---*/

body#third_interview main ul#InterviewMenu{
	overflow: hidden;
	width: 212px;
	margin: 31px auto 25px;
}

body#third_interview main ul#InterviewMenu li{
	display: inline;
	float: left;
	text-indent: -9999px;
}

body#third_interview main ul#InterviewMenu li a{
	display: block;
	height: 38px;
}

body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage01{
	padding-right: 20px;
}

body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage01 a{
	width: 38px;
	background: url(../images/SpecialCommentTab01.png) no-repeat top left;
}

body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage01 a:hover,
body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage01 a#stay{
	background: url(../images/SpecialCommentTab01.png) no-repeat bottom left;
}


body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage02{
	padding-right: 20px;
}

body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage02 a{
	width: 38px;
	background: url(../images/SpecialCommentTab02.png) no-repeat top left;
}

body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage02 a:hover,
body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage02 a#stay{
	background: url(../images/SpecialCommentTab02.png) no-repeat bottom left;
}


body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage03{
	padding-right: 20px;
}

body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage03 a{
	width: 38px;
	background: url(../images/SpecialCommentTab03.png) no-repeat top left;
}

body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage03 a:hover,
body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage03 a#stay{
	background: url(../images/SpecialCommentTab03.png) no-repeat bottom left;
}


body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage04 a{
	width: 38px;
	background: url(../images/SpecialCommentTab04.png) no-repeat top left;
}

body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage04 a:hover,
body#third_interview main ul#InterviewMenu li#li_ThirdInterviewPage04 a#stay{
	background: url(../images/SpecialCommentTab04.png) no-repeat bottom left;
}

/*============================================================================

--------------------------third_interview.htmlここまで--------------------------

=============================================================================*/



/*=============================================================================

------------palpable_ulysses.html　→　201802　specialにページ移行------------

=============================================================================*/

section#PickUp div{
	display: none;
}

section#PickUp div p{
	position: relative;	
}

section#PickUp div p a{
	text-indent: -9999px;
	display: block;
}


section#PickUp div p#PUPage01_01 a{
	width: 333px;
	height: 446px;
	position: absolute;
	bottom: 6px;
	right: 320px;
	background: url(../images/common.gif) repeat top left;
}

section#PickUp div p#PUPage01_05 a{
	width: 454px;
	height: 321px;
	position: absolute;
	top: 4px;
	right: 259px;
	background: url(../images/common.gif) repeat top left;
}

section#PickUp div p#PUPage02_02 a{
	width: 454px;
	height: 321px;
	position: absolute;
	top: 170px;
	right: 255px;
	background: url(../images/common.gif) repeat top left;
}

section#PickUp div p#PUPage02_03 a{
	width: 454px;
	height: 321px;
	position: absolute;
	bottom: 5px;
	right: 255px;
	background: url(../images/common.gif) repeat top left;
}

section#PickUp div p#PUPage03_02 a{
	width: 454px;
	height: 323px;
	position: absolute;
	top: 330px;
	right: 254px;
	background: url(../images/common.gif) repeat top left;
}

section#PickUp ul#PickUpMenu{
	overflow: hidden;
	width: 154px;
	margin: 31px auto 20px;
}

section#PickUp ul#PickUpMenu li{
	display: inline;
	float: left;
	text-indent: -9999px;
}

section#PickUp ul#PickUpMenu li a{
	display: block;
	height: 38px;
}

section#PickUp ul#PickUpMenu li#li_PickUp01{
	padding-right: 20px;
}

section#PickUp ul#PickUpMenu li#li_PickUp01 a{
	width: 38px;
	background: url(../images/SpecialCommentTab01.png) no-repeat top left;
}

section#PickUp ul#PickUpMenu li#li_PickUp01 a:hover,
section#PickUp ul#PickUpMenu li#li_PickUp01 a#stay{
	background: url(../images/SpecialCommentTab01.png) no-repeat bottom left;
}


section#PickUp ul#PickUpMenu li#li_PickUp02{
	padding-right: 20px;
}

section#PickUp ul#PickUpMenu li#li_PickUp02 a{
	width: 38px;
	background: url(../images/SpecialCommentTab02.png) no-repeat top left;
}

section#PickUp ul#PickUpMenu li#li_PickUp02 a:hover,
section#PickUp ul#PickUpMenu li#li_PickUp02 a#stay{
	background: url(../images/SpecialCommentTab02.png) no-repeat bottom left;
}

section#PickUp ul#PickUpMenu li#li_PickUp03 a{
	width: 38px;
	background: url(../images/SpecialCommentTab03.png) no-repeat top left;
}

section#PickUp ul#PickUpMenu li#li_PickUp03 a:hover,
section#PickUp ul#PickUpMenu li#li_PickUp03 a#stay{
	background: url(../images/SpecialCommentTab03.png) no-repeat bottom left;
}

/*============================================================================

-------------------------palpable_ulysses.htmlここまで-------------------------

============================================================================*/


footer{
	z-index: 20;
	clear: both;
	height: 40px;
	background-color: #745600;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}

footer small{
	line-height: 40px; 
	margin-left: 10px;
}

footer a{
	color: #fff;
	text-decoration: none;
}

footer a:hover{
	text-decoration: underline;
}

/*div#tw{
	position: absolute;
	top: 7px;
	right: 39px;
}
*/
div#tw{
	display: inline;
	float: right;
	margin: 10px 10px 0;
}