@charset "utf-8";



/* --- div height settings --- */
#sec #container,
#sec #bgimage1,
#sec #bgimage2,
#sec #bgimage3,
#sec #bgimage4,
#sec #mainImage,
#sec #bgfooter,
#sec #bgfooterShadow,
#sec #sprits1,
#sec #sprits2,
#sec #chara1,
#sec #chara2,
#sec #chara3,
#sec #chara4,
#sec #imgPartsArea,
#sec #contents,
#sec #nav{
	height:auto;
} 


/* --- bg footer ---*/
#sec #bgfooter {
	background-repeat:no-repeat;
	background-position:center bottom;
}
#sec #bgfooter {
	background-image:url(../img/home/bg_footer_shadow.jpg);
}


/* --- sec contents layout ---*/
.both {
	clear: both;
}
.bold {
	font-weight: bold;
}
#sec .attention {
	font-size: 12px;
	color: #CC3300;
}

#sec #secMain .txt12 {
	font-size: 12px;
	line-height: 24px;
}


.pb10 {
	padding-bottom: 10px !Important;
}
.pb05 {
	padding-bottom: 5px !Important;
}
.mb20 {
	margin-bottom: 20px !Important;
}
.picRight {
	float: right;
	padding-bottom: 20px;
	padding-left: 20px;
}


#sec table {
	margin:0 0 12px;
	width:100%;
}
#sec table th, table td {
	border:1px solid #4c372e;
	padding:4px;
}
#sec table th {
	background:#362721;
	color:#fff;
	/*font-weight:bold;*/
	text-align:center;
}
#sec table td {
}



#sec #secMain h1 {
	text-indent: -9999px;
}
#sec #secMain h2 {
	text-indent: -9999px;
}
#sec #secMain h3 {
	background-image: url(../img/sec/title_bar.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 710px;
	margin: 0px;
	padding-top: 39px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
}


#sec #contents {
	margin:0 auto;
	width:950px;
}

#sec #secMain {
	width: 745px;
	float: right;
	padding-left: 5px;
}


#sec #nav{
	height:auto;
}

#sec #menuBox {
	position:relative;
	left:0;
	width: 200px;
}

/* --- sec contents Navi ---*/
#sec #gNavi {
	width: 200px;
	float: left;
	height: 100%;
}
#sec #gNavi #gNaviTop {
	background-image: url(../img/sec/gnavi_top.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	width: 200px;
	height: 275px;
	position: relative;
}
#sec #gNavi #gNaviMid {
	background-image: url(../img/sec/gnavi_mid.png);
	background-repeat: repeat-y;
	background-position: 10px top;
	text-align: center;
	padding-right: 10px;
}
#sec #gNavi #gNaviMid #gameData {
	padding-top: 16px;
	background-image: url(../img/sec/kizu.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#sec #gNavi #gNaviBtm {
	background-image: url(../img/sec/gnavi_bottom.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	height: 144px;
	width: 200px;
	position: relative;
}
#sec #gNavi #gNaviTop #gNaviAccess {
	position: absolute;
	height: 29px;
	width: 130px;
	left: 32px;
	top: 230px;
}
#sec #gNavi #gNaviBtm #gNaviWalkGuide {
	position: absolute;
	height: 29px;
	width: 130px;
	left: 32px;
	top: 43px;
}
#sec #gNavi .gNaviBNarea {
	margin-top: 10px;
	width: 175px;
	padding-left: 10px;
}

/* gNavi 現在ページ設定 */
.accessInfomap #gNavi #gNavi01 {
	background-position:center bottom;
}
.guideItem #gNavi #gNavi03 {
	background-position:center bottom;
}
.guideFes #gNavi #gNavi04 {
	background-position:center bottom;
}
.guideMemorial01 #gNavi #gNavi06 {
	background-position:center bottom;
}
.guideMemorial02 #gNavi #gNavi07 {
	background-position:center bottom;
}
.guideMemorial03 #gNavi #gNavi08 {
	background-position:center bottom;
}
.guideEquipment #gNavi #gNavi09 {
	background-position:center bottom;
}
.dataItem #gNavi #gNavi11 {
	background-position:center bottom;
}
.dataQuest #gNavi #gNavi12 {
	background-position:center bottom;
}
.dataMonster #gNavi #gNavi13 {
	background-position:center bottom;
}
.walkGuide #gNavi #gNavi14 {
	background-position:center bottom;
}

.accessInfomap #gNavi #gNavi01 { background-position:center -29px ; }
.guideItem #gNavi #gNavi03 { background-position:center -129px ; }
.guideFes #gNavi #gNavi04 { background-position:center -189px ; }
.guideMemorial01 #gNavi #gNavi06 { background-position:center -301px ; }
.guideMemorial02 #gNavi #gNavi07 { background-position:center -362px ; }
.guideMemorial03 #gNavi #gNavi08 { background-position:center -423px ; }
.guideEquipment #gNavi #gNavi09 { background-position:center -471px ; }
.dataItem #gNavi #gNavi11 { background-position:center -575px ; }
.dataQuest #gNavi #gNavi12 { background-position:center -617px ; }
.dataMonster #gNavi #gNavi13 { background-position:center -659px; }
.walkGuide #gNavi #gNavi14 { background-position:center -709px ; }







#sec #secMain .titleBox {
	height: 327px;
	width: 745px;
}
#sec #secMain .inBox {
	width: 700px;
	padding: 15px;
}


/* --- sec contents WalkGuide ---*/

#sec #secMain #walkGuide {
	background-image: url(../img/walk_guide/main_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}
#sec #secMain #walkGuide #walkGuideTxtBox {
	background-image: url(../img/walk_guide/npc.png);
	height: 128px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 150px;
	padding-top: 20px;
	line-height: 30px;
}
#sec #secMain .txtBox {
	line-height: 30px;
}

#sec #secMain #walkGuide #monster01 {
	background-image: url(../img/walk_guide/monster.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 40px;
}



/* --- MAP01 ---*/
#sec #secMain #walkGuide #map01 {
	background-image: url(../img/walk_guide/map00.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 512px;
	width: 512px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#walkGuide #map01 .step01 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 338px;
	top: 379px;
}
#walkGuide #map01 .step02 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 223px;
	top: 46px;
}
#walkGuide #map01 .step03 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 47px;
	top: 398px;
}
#walkGuide #map01 .step04 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 404px;
	top: 411px;
}
#walkGuide #map01 .step05 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 185px;
	top: 46px;
}
#walkGuide .y1 {
	background-image: url(../img/walk_guide/y01.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 32px;
	height: 25px;
	padding-top: 5px;
}
#walkGuide .y2 {
	background-image: url(../img/walk_guide/y02.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 32px;
	height: 25px;
	padding-top: 5px;
}
#walkGuide .y3 {
	background-image: url(../img/walk_guide/y03.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 32px;
	height: 25px;
	padding-top: 5px;
}
#walkGuide .y4 {
	background-image: url(../img/walk_guide/y04.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 32px;
	height: 25px;
	padding-top: 5px;
}
#walkGuide .y5 {
	background-image: url(../img/walk_guide/y05.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 32px;
	height: 25px;
	padding-top: 5px;
}



/* --- MAP02 ---*/
#sec #secMain #walkGuide #map02 {
	background-image: url(../img/walk_guide/map01.gif);
	height: 536px;
	width: 512px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-bottom: 50px;
	background-position: 0px 24px;
	position: relative;
}

#walkGuide #map02 .step01 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 183px;
	top: 68px;
}
#walkGuide #map02 .step02 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 230px;
	top: 91px;
}
#walkGuide #map02 .step03 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 372px;
	top: 311px;
}
#walkGuide #map02 .step04 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 413px;
	top: 430px;
}
#walkGuide #map02 .step05 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 314px;
	top: 412px;
}
#walkGuide #map02 .step06 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 146px;
	top: 246px;
}
#walkGuide #map02 .step25 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 153px;
	top: 98px;
}

#walkGuide #map02 .step20 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 44px;
	top: 419px;
}
#walkGuide #map02 .step21 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 77px;
	top: 173px;
}
#walkGuide #map02 .step23 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 115px;
	top: 276px;
}
#walkGuide #map02 .step27 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 221px;
	top: 53px;
}
#walkGuide #map02 .step28 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 274px;
	top: 186px;
}
#walkGuide #map02 .step30 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 381px;
	top: 442px;
}
#walkGuide #map02 .step33 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 115px;
	top: 246px;
}


#walkGuide #map02 .step22 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 146px;
	top: 276px;
}
#walkGuide #map02 .step24 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 153px;
	top: 68px;
}
#walkGuide #map02 .step32 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 314px;
	top: 382px;
}
#walkGuide #map02 .step34 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 183px;
	top: 98px;
}

#walkGuide #map02 .step26 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 260px;
	top: 91px;
}
#walkGuide #map02 .step29 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 372px;
	top: 280px;
}
#walkGuide #map02 .step31 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 413px;
	top: 401px;
}

#walkGuide #map02 .stepA {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 44px;
	top: 450px;
}




/* --- MAP03 ---*/
#sec #secMain #walkGuide #map03 {
	background-image: url(../img/walk_guide/map02.gif);
	height: 536px;
	width: 512px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-bottom: 50px;
	background-position: 0px 24px;
	position: relative;
}

#walkGuide #map03 .step07 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 313px;
	top: 296px;
}
#walkGuide #map03 .step08 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 329px;
	top: 265px;
}
#walkGuide #map03 .step09 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 182px;
	top: 258px;
}

#walkGuide #map03 .step15 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 313px;
	top: 325px;
}

#walkGuide #map03 .step10 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 144px;
	top: 126px;
}
#walkGuide #map03 .step10_2 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 120px;
	top: 344px;
}
#walkGuide #map03 .step10_3 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 308px;
	top: 394px;
}
#walkGuide #map03 .step11 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 153px;
	top: 258px;
}
#walkGuide #map03 .step12 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 361px;
	top: 265px;
}
#walkGuide #map03 .step13 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 329px;
	top: 232px;
}
#walkGuide #map03 .step14 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 361px;
	top: 232px;
}

#walkGuide #map03 .step16 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 235px;
	top: 158px;
}
#walkGuide #map03 .step16_2 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 206px;
	top: 198px;
}
#walkGuide #map03 .step16_3 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 289px;
	top: 205px;
}
#walkGuide #map03 .step16_4 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 216px;
	top: 230px;
}
#walkGuide #map03 .step16_5 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 251px;
	top: 267px;
}
#walkGuide #map03 .step16_6 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 204px;
	top: 335px;
}

#walkGuide #map03 .stepB {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 355px;
	top: 462px;
}

#sec #howtogo {
	width:330px;
}
#sec #npcMap {
	background:url(../img/access/npc_map.png) center 20px no-repeat;
	height:354px;
	width:700px;
}



/* --- MAP04 ---*/
#sec #secMain #walkGuide #map04 {
	background-image: url(../img/walk_guide/map03.gif);
	height: 536px;
	width: 512px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: 0px 24px;
	position: relative;
}

#walkGuide #map04 .step17 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 278px;
	top: 452px;
}
#walkGuide #map04 .step18 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 221px;
	top: 261px;
}
#walkGuide #map04 .step19 {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 250px;
	top: 452px;
}
#walkGuide #map04 .stepC {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 391px;
	top: 96px;
}
#sec #walkGuide #stepBox {
	margin-bottom: 30px;
	margin-top: 30px;
	font-size: 12px;
	font-weight: bold;
}
#sec #walkGuide #stepBox #y0 {
	background-image: url(../img/walk_guide/y0.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	float: left;
	width: 200px;
	margin-bottom: 10px;
	height: 23px;
	padding-top: 7px;
}
#sec #walkGuide #stepBox #g0 {
	background-image: url(../img/walk_guide/g0.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	float: left;
	margin-bottom: 10px;
	height: 23px;
	padding-top: 7px;
}
#sec #walkGuide #stepBox #b0 {
	background-image: url(../img/walk_guide/b0.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	float: left;
	width: 200px;
	height: 23px;
	padding-top: 7px;
}
#sec #walkGuide #stepBox #r0 {
	background-image: url(../img/walk_guide/r0.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	float: left;
	height: 23px;
	padding-top: 7px;
}
#sec #secMain h4 {
	background-image: url(../img/sec/h4.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 42px;
	font-size: 15px;
	font-weight: bold;
	padding-left: 58px;
	padding-top: 8px;
	margin-bottom: 20px;
	margin-top: 30px;
}









/* --- sec contents ACCESS ---*/

#sec #secMain #access {
	background-image: url(../img/access/main_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}


/* --- sec contents DATA ITEM ---*/

#sec #secMain #dataItem {
	background-image: url(../img/gamedata/main_title_item.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}


/* --- sec contents DATA MONSTER ---*/

#sec #secMain #dataMonster {
	background-image: url(../img/gamedata/main_title_monster.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}


/* --- sec contents DATA QUEST ---*/

#sec #secMain #dataQuest {
	background-image: url(../img/gamedata/main_title_quest.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}
#sec #secMain #dataQuest table{
	background:#150d09;
}

/* --- sec contents EQUIPMENT ---*/

#sec #secMain #equipment {
	background-image: url(../img/gameguide/main_title_equipment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}

/* --- sec contents FES ---*/

#sec #secMain #fes {
	background-image: url(../img/gameguide/main_title_fes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}

/* --- sec contents GUIDE ITEM ---*/

#sec #secMain #guideItem {
	background-image: url(../img/gameguide/main_title_item.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}

/* --- sec contents MEMORIAL01 ---*/

#sec #secMain #memorial01 {
	background-image: url(../img/gameguide/main_title_memorial01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}

/* --- sec contents MEMORIAL02 ---*/

#sec #secMain #memorial02 {
	background-image: url(../img/gameguide/main_title_memorial02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}

/* --- sec contents MEMORIAL03 ---*/

#sec #secMain #memorial03 {
	background-image: url(../img/gameguide/main_title_memorial03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 745px;
}
#sec #secFooter {
	background-image: url(../img/sec/footer_bg.png);
	height: 250px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#sec #secFooter #secFooterSpace {
	height: 129px;
	background-image: url(../img/sec/footer_space.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#sec #secFooter #pagetop {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	height: 80px;
	padding-top: 41px;
}
#sec #secFooter #secFooterSpace #secCopy {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#sec #secCopy #footerLogo {
	width: 50px;
	float: left;
	margin-top: 20px;
}
#sec #secCopy #footerCopy {
	font-size: 10px;
	line-height: 16px;
	padding-top: 15px;
}

/*--- ### databook ### ---*/

/* --- monster --- */

/* weapon */
#sec table.databookTable {
    margin: 0 0 12px;
    width: 100%;
    background:#150d09;
}
#sec table.databookTable img{
	border:none;
	padding:0;
	background:none;
}

#sec table.databookTable th,
#sec table.databookTable td {
    padding: 4px;
}

#sec table.databookTable th {
	background-color:#231613;
	color:#ccc;
    font-weight: bold;
    text-align: center;
}
#sec table.databookTable th.dataTitle {
	background:#362721;
	color:#fff;
	/*font-weight:bold;*/
    text-align: left;
}

#sec table.databookTable td p {
    margin: 0 0 1em;
}
#sec .databookTable .itemImage  {
	background:#fff;
	text-align: center;
	vertical-align: middle;
	padding:10px;
}
#sec .databookTable .monsterImage2 {
	text-align: center;
	vertical-align: middle;
	padding:10px;
}


/*--- ### walk guide ### ---*/
#sec #slideBox #gallery {
	background:url(../img/walk_guide/slide/bg_slide.png) center top no-repeat;
	height:315px;
	overflow:hidden;
	padding:90px 40px 0;
	position:relative;
	width:655px;
}
#sec #slider div {
	display:block;
	float:left;
	padding:0 10px;
	width:195px;
}
#sec #slider img {
	border: 5px solid #302d29;
	margin-bottom:10px;
	padding:2px;
}
#sec #slider p {
	font-size:12px;
}
#sec #slider .slideStep {
	padding:0;
	width:auto;
}

#sec #slider .slideStep img {
	border:none;
	float:left;
	margin-bottom:0;
	padding:0;
}

#sec #slider .slideStep p {
	color:#fff;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	padding:6px 0 0 5px;
	width:100px;
}

#sec  #gallery .bx-prev,
#sec  #gallery .bx-next {
  display: block;
  height: 45px;
  width: 45px;
  text-indent: -9999px;
  position: absolute;
  cursor: pointer;
  outline: 0;
  top:80px;
}

#sec  #gallery .bx-next {
  background:url(../img/walk_guide/slide/arrow_right.png) no-repeat 0 0;
  left:645px;
}

#sec  #gallery .bx-prev{
  background:url(../img/walk_guide/slide/arrow_left.png) no-repeat 0 0;
  left:-35px;
}
#sec  #gallery .bx-pager{
	text-align:center;
}
#sec  #gallery .bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 6px;
	font-size: 12px;
	zoom:1;
	border:1px solid #fff;
}

#sec  #gallery .bx-pager .pager-active,
#sec  #gallery .bx-pager a:hover {
	background-position: 0 0;
	border:1px solid #fff;
	background:#fff;
	color:#333;
}


/*** --- access --- ***/
#sec .npcSection {}
#sec .npcBox {
	border:1px solid #4c372e;
	float:left;
	margin:5px;
	padding:10px;
	width:310px;
	background:#150d09;
}
#sec .npcTxt {
	width:215px;
	float:right;
}
#sec .npcTxt p{
	font-size:12px;
	line-height:1.6;
}
#sec .npcTxt img {
	margin-right:5px;
	vertical-align:middle;
}

#sec .npcTtl {
	margin-bottom:5px;
}