@charset "utf-8";

html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body {
  font: normal 11pt 'trebuchet ms', arial, sans-serif;
  /*background: #F5F5EE;*/
  background: transparent url(N_ITEM-01.bmp) repeat;
  color: #555;
  background-attachment:fixed
}

p
{ padding: 0 0 20px 0;
  line-height: 1.7em;}

img {
  border: 0;
  vertical-align: middle;
}
.img-right {
  float:right;
}
h1, h2, h3, h4, h5, h6 
{ color: #362C20;
  letter-spacing: 0em;
  padding: 0 0 5px 0;}

h1
{ font: normal 170% 'century gothic', arial;
  margin: 0 0 5px 0;
  padding: 15px 0 5px 0;
  color: #434da2;}

h2
{ font-size: 160%;
  padding: 5px 0;
  color: #009FBC;}

h3
{ font-size: 140%;
  padding: 5px 0 0 0;
  color: #ed6d46;
}

h4, h6
{ color: #9f166a;
  padding: 0 0 5px 0;
  font: bold 110% arial;
  text-transform: uppercase;}

h5, h6
{ color: #387d39;
  font: bold 100% arial;
  letter-spacing: normal;
  padding: 0 0 15px 0;}

a, a:hover
{ outline: none;
  text-decoration: underline;
  color: #4753a2;}

a:hover
{ text-decoration: none;}

blockquote
{ margin: 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;
}
.snapshot {
	float: left;
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0 10px 10px 0;
}
.snapshot-a {
	float: left;
	padding: 7px;
	background: #a1d8e6;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	left: -2.2em;
	margin:0 -1.4em 10px 0;
}
.snapshot-b {
	float: left;
	padding: 7px;
	background: #a1d8e6;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0 10px 10px 0;
}
.snapshot02 {
	float: right;
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0 0 0 10px;
}
.snapshot02a {
	float: right;
	padding: 7px;
	background: #a1d8e6;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0 0 0 10px;
}
.snapshot02b {
	float: right;
	padding: 7px;
	background: #a1d8e6;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	top: -3.5em;
	margin:0 0em -3.5em 5px;
}
.snapshot02c {
	float: right;
	padding: 7px;
	background: #a1d8e6;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	top: -2em;
	margin:0 -3em -2em 10px;
}
.snapshot02d {
	float: right;
	padding: 5px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin: 5px 0 0 10px;
}
.snapshot03 {
	padding: 7px;
	background: #a1d8e6;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:10px 0;
}
.snapshot03a {
	float: left;
	position: relative;
	margin:0 15px 0 0;
}
.snapshot03a-b6 {
	float: left;
	position: relative;
	margin:-65px 15px 0 0;
}
.snapshot06 {
	float: right;
	padding: 5px;
	position: relative;
	margin:0 0 0 10px;
}
/* 影編用センタリング */
.snapshot04 {
	padding: 7px;
	background: #a1d8e6;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:10px auto;
}
.snapshot04a {
	padding: 7px;
	background: #a1d8e6;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative;
	margin:0px auto 10px auto;
}
#snapshot05 {
  margin: 5px auto 5px 10px;
}

.block {
    width: 845px;
    border: 5px solid #6495ed;
    padding: 3px 3px 3px 20px;
    color: #fff;
    background: ;
    position: relative;
    z-index: 10;
    color:#555;
}
.block:before {
    content: "";
    position: absolute;
    background-color: rgba(255,255,255,0.7);
    margin: 3px;
    border: 1px solid #6495ed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}
.block02 {
    width: 860px;
    border: 5px solid #6495ed;
    padding: 3px;
    margin-top:1em;
    color: #fff;
    background: ;
    position: relative;
    z-index: 10;
    color:#555;
}
.block02:before {
    content: "";
    position: absolute;
    background-color: rgba(255,255,255,0.7);
    margin: 3px;
    border: 1px solid #6495ed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}
#environment-img {
    position: absolute;
    top:-2em;
    left:670px;
    z-index: 100;
}

ul {
  margin: 2px 0 22px 17px;
}

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 1.5em;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

.left
{ float: left;
  width: auto;
  margin-right: 10px;}

.right {
  float: right;
  width: auto;
  margin-left: 10px;
}

.center {
  display: block;
  text-align: center;
  margin: 5px auto;
}
.center2 {
  display: block;
  text-align: center;
  margin: 5px auto -5px auto;
}
#configuration {
  display: block;
  text-align: center;
  margin: -0.7em auto 0px auto;
}
#main, #logo, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}

#header
{ background: #323534 url(back.png) repeat-x;
  height: 177px;}

#logo {
  width: 880px;
  position: relative;
  left: -1.2em;
  height: 140px;
  background: transparent;
}

#logo #logo_text {
  position: absolute; 
  top: 5px;
  left: 0;
}
#logo-sub-text {
  position: absolute;
  width: 380px;
  top: 85px;
  left: 240px;
  color: #E4EC04;
  font-size: 14pt;
}
#logo h1, #logo h2
{ font: normal 150% 'century gothic', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0 0 0 9px;}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 
{ padding: 5px 0 0 0;
  color: #FFF;
  letter-spacing: 0.05em;
  text-decoration: none;}

#logo_text h1 a .logo_colour
{ color: #E4EC04;}

#logo_text a:hover .logo_colour
{ color: #FFF;}

#logo_text h2
{ font-size: 120%;
  padding: 4px 0 0 0;
  color: #999;}

#menubar
{ width: 880px;
  height: 46px;} 

ul#menu
{ float: right;
  margin: 0;}

ul#menu li
{ float: left;
  padding: 0 0 0 9px;
  list-style: none;
  margin: 1px 2px 0 0;
  background: #5A5A5A url(tab.png) no-repeat 0 0;}

ul#menu li a
{ font: normal 100% 'trebuchet ms', sans-serif;
  display: block; 
  float: left; 
  height: 20px;
  padding: 6px 35px 5px 28px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: #5A5A5A url(tab.png) no-repeat 100% 0;} 

ul#menu li.selected a
{ height: 20px;
  padding: 6px 35px 5px 28px;}

ul#menu li.selected
{ margin: 1px 2px 0 0;
  background: #00C6F0 url(tab_selected.png) no-repeat 0 0;}

ul#menu li.selected a, ul#menu li.selected a:hover
{ background: #00C6F0 url(tab_selected.png) no-repeat 100% 0;
  color: #FFF;}

ul#menu li a:hover {
  color: #E4EC04;
}

/* コンテンツメイン全体枠 */
#site_content {
  position: relative;
  width: 880px;
  background: #F5F5EE;
  overflow: hidden;
  margin: 0 auto;
  padding: 10px;
  z-index:100;
} 

/* サイドバー枠 */
#sidebar_container
{ float: right;
  width: 224px;}

.sidebar_top
{ width: 222px;
  height: 14px;
  background: transparent url(side_top.png) no-repeat;}

.sidebar_base
{ width: 222px;
  height: 14px;
  background: url(side_base.png) no-repeat;}

.sidebar
{ float: right;
  width: 222px;
  padding: 0;
  margin: 0 0 16px 0;}

.sidebar_item
{ background: url(side_back.png) repeat-y;
  padding: 0 15px;
  width: 192px;}

.sidebar li a.selected
{ color: #444;} 

.sidebar ul
{ margin: 0;} 

#content
{ text-align: left;
  width: 620px;
  padding: 0 0 0 5px;
  float: left;}
  
#content ul
{ margin: 2px 0 22px 0px;}

#content ul li, .sidebar ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 25px;
  line-height: 1.5em;
}
.clear {
	clear:both;
}
#content-l {
  text-align: left;
  width: 430px;
  padding: 0 0 0 5px;
  margin: 0;
  float: left;
}

#content-r {
  text-align: left;
  width: 430px;
  padding: 0 5px0 0 0;
  margin: 0;
  float: right;
}
/* TOPページ専用・ココから */
#map-desk {
  margin-left: -1.2em;
}
#map-desk02 {
  margin-left: -0.8em;
}
#detailed-guide {
	float: left;
	position: relative;
	width: 250px;
	height: 310px;
	margin:0 0 0.5em 10px;
	padding:15px;
	background: transparent url(132.jpg) repeat;
	border:1px solid #CDCDCD;
	text-align:left;
	line-height:1.7;
	font-size: 11pt;
	z-index: 100;
}
#detailed-guide:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1.5px dashed #c49a6a;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
#detailed-guide-b {
	float: left;
	position: relative;
	width: 395px;
	height: 150px;
	margin:0 0 0 10px;
	padding:15px;
	background: transparent url(ww-veneer1.jpg) repeat;
	border:1px solid #CDCDCD;
	text-align: justify;
	text-justify: distribute;
	line-height:1.7;
	font-size: 11pt;
	color: #fff;
	z-index: 100;
}
#detailed-guide-b:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 2px dashed #e17b34;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
#head-title {
  width: 860px;
  height: 20px;
  background: #000;
  color: #f2d58a;
  margin:0.2em auto 0 auto;
  padding: 5px;
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
}

/* TOPページ専用・ココまで */

#guide-index {
	margin: 5px auto;
	width: 550px;
	position: relative;
	padding:0.7em;
	background:white;
	border:1px solid #CDCDCD;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height:1.7;
	text-align: center;
}
#guide-index a {
	color:#941f57;
}
.head-com {
  width: 860px;
  color: #fff;
  font-size: 13pt;
  /*font-weight: bold;*/
  margin: 0.3em auto 0em auto;
  text-align: center;
  font-family: "ＭＳ 明朝",serif;
  text-shadow: 1px 2px 1px #000;
}
/* 影編キャラクター・縦タイトル */
#character_title-s {
  position: absolute;
  top: 185px;
  left: 0em;
  width: 82px;
  height: 1119px;
  z-index:-1;
}
#character_title {
  position: absolute;
  top: 167px;
  left: 0em;
  width: 82px;
  height: 1119px;
  z-index:-1;
}
/* 光編キャラクター・縦タイトル */
#character_title-s-light {
  position: absolute;
  top: 175px;
  left: 0em;
  width: 82px;
  height: 1119px;
  z-index:-1;
}

#guide-info {
	margin: 15px auto;
	width: 610px;
	position: relative;
	padding:15px 15px 0px 15px;
	background: #fff;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#guide-content {
  text-align: justify;
  text-justify: distribute;
  width: 610px;
  padding: 1em 1em 0em 1em;
  margin: 10px auto;
  background: transparent url(132.jpg) repeat;
  border: 1px solid #CDCDCD;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 11pt;
  line-height:1.6;
}
#guide-content-s {
  position: relative;
  text-align: justify;
  text-justify: distribute;
  width: 390px;
  padding: 10px;
  margin: 10px auto;
  background: transparent url(132.jpg) repeat;
  border: 1px solid #CDCDCD;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 11pt;
  line-height:1.6;
}
#guide-content-s02 {
  position: relative;
  text-align: justify;
  text-justify: distribute;
  width: 390px;
  padding: 10px;
  margin: 10px auto;
  background: transparent url(blue-watercolor-free-vector-background.jpg) repeat;
  border: 1px solid #CDCDCD;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 11pt;
  line-height:1.6;
}

/* ゲームシステムアナリシス */
#game-system-analysis-content-l {
  float: left;
  text-align: left;
  width: 380px;
  padding: 0 0 0 5px;
  margin: 0;
}
#game-system-analysis-content-r {
  float: right;
  text-align: left;
  width: 430px;
  padding: 0;
  margin: 0;
}
#environment-ls {
  float: left;
  width: 250px;
  margin: 3px 3px 3px -5px;
  padding: 7px 10px;
  background: transparent url(blue-watercolor-free-vector-background.jpg) repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color: #fff;
  font-size: 9pt;
  font-weight: bold;
  text-shadow: 2px 3px 3px #4e454a;
}
#environment-rw01 {
  position: relative;
  float: left;
  width: 540px;
  height: 220px;
  margin: 3px;
  padding: 7px 10px;
  color: #fff;
  font-size: 10.5pt;
  line-height:1.4;
  background-color: rgba(0,0,0,0.7);
  z-index: 100;
}
#environment-rw01:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dotted #F5F5EE;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
#environment-rw01a {
  position: relative;
  float: left;
  width: 540px;
  height: 70px;
  margin: 3px;
  padding: 7px 10px;
  color: #fff;
  font-size: 10.5pt;
  line-height:1.4;
  background-color: rgba(0,0,0,0.7);
  z-index: 100;
}
#environment-rw01a:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dotted #F5F5EE;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}

#environment-rw02 {
  position: relative;
  float: left;
  width: 260px;
  height: 145px;
  margin: 3px;
  padding: 7px 10px;
  color: #fff;
  font-size: 10.5pt;
  line-height:1.4;
  background-color: rgba(0,0,0,0.7);
  z-index: 100;
}
#environment-rw02:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dotted #F5F5EE;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
#env-img-r01 {
  position: absolute;
  left: 320px;
  top: -15px;
  z-index: 190;
}

#game-system-analysis-s02 {
  position: relative;
  text-align: justify;
  text-justify: distribute;
  width: 370px;
  padding: 20px;
  margin: 5px;
  background: transparent url(blue-watercolor-free-vector-background.jpg) repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 11pt;
  line-height:1.6;
}
#game-system-analysis-s03 {
  position: relative;
  text-align: justify;
  text-justify: distribute;
  width: 370px;
  padding: 20px;
  margin: 5px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  font-size: 11pt;
  line-height:1.6;
  color: #fff;
}
#analisys-top-com {
  width: 642px;
  position: relative;
  padding: 10px 0px;
  margin: 5px 0px;
  border-top: 2px dotted #72a2ca;
}
#atc-01 {
  float: left;
  width: 311px;
  padding: 0px;
  margin-right: 15px;
  text-align: justify;
  text-justify: distribute;
  font-size: 9.5pt;
  line-height:1.6;
  color: #555;
}
#atc-02 {
  float: left;
  width: 311px;
  padding: 0px;
  margin: 0px;
  text-align: justify;
  text-justify: distribute;
  font-size: 9.5pt;
  line-height:1.6;
  color: #555;
}

/* ダンジョン中の基本操作 */
#gsa-basic01 {
  position: relative;
  text-align: justify;
  text-justify: distribute;
  width: 810px;
  padding: 10px 20px;
  margin: 5px;
  background: transparent url(blue-watercolor-free-vector-background.jpg) repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 11pt;
  line-height:1.6;
  text-shadow: 2px 3px 3px #4e454a;
}
#gsa-basic-sl01 {
  width: 190px;
  float: left;
  margin-top:10px;
  line-height:1.7;
}
#gsa-basic-sr01 {
  width: 600px;
  float: right;
  margin-top:10px;
}
#gsa-basic-item-Individual {
  float: left;
  width: 180px;
  height: 100px;
  padding:5px;
  margin-right: 8px;
  margin-bottom: 5px;
  border: 1px solid #CDCDCD;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 9pt;
  color:#555;
  line-height:1.4;
  background-color: rgba(255,255,255,0.7);
}
#gsa-basic-item-Iv-ttl {
  width: 170px;
  margin:0 auto;
  text-align: center;
  font-size: 12pt;
  font-weight:bold;
  color:#594966;
}
#gsa-basic02 {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 235px;
  padding: 10px 20px;
  margin: 5px;
  background: transparent url(blue-watercolor-free-vector-background.jpg) repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 10.5pt;
  line-height:1.7;
  text-shadow: 2px 3px 3px #4e454a;
}
#gsa-basic03 {
  position: relative;
  float: right;
  text-align: justify;
  text-justify: distribute;
  width: 525px;
  padding: 10px 20px;
  margin: 5px;
  background: transparent url(blue-watercolor-free-vector-background.jpg) repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 9pt;
  line-height:1.4;
  text-shadow: 2px 3px 3px #4e454a;
}
#gsa-basic03-sl01 {
  float:left;
  width: 250px;
  margin-right:10px;
}
#gsa-basic03-sr01 {
  float:right;
  width: 250px;
}
#gsa-basic04 {
  position: relative;
  float: right;
  text-align: justify;
  text-justify: distribute;
  width: 525px;
  padding: 10px 20px;
  margin: 5px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 10.5pt;
  line-height:1.64;
  text-shadow: 2px 3px 3px #4e454a;
  z-index: 100;
}
#gsa-basic04-sl01 {
  float: left;
  width: 253px;
}
#gsa-basic04-sr01 {
  float: right;
  width: 238px;
  margin-left: 20px;
  margin-top: 20px;
}
#gsa-subttl-head {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 1;
}
#gsa-subttl {
  position: relative;
  left: 5px;
  top: 5px;
  z-index: 100;
}
#gsa-basic05 {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 520px;
  padding: 10px 20px;
  margin: 5px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 10pt;
  line-height:1.64;
  text-shadow: 2px 3px 3px #4e454a;
  z-index: 100;
}
#gsa-basic05inv {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 510px;
  padding: 10px 0px 10px 20px;
  margin: 5px 5px 5px 5px;
  color:#fff;
  font-size: 10pt;
  line-height:1.64;
  text-shadow: 2px 3px 3px #4e454a;
  z-index: 100;
}
.battle-right {
  float: right;
  width: 235px;
  left: 30px;
  margin: 30px 10px 15px 15px;
  line-height:1.2;
}

#gsa-basic06 {
  position: relative;
  float: right;
  text-align: justify;
  text-justify: distribute;
  width: 240px;
  padding: 10px 20px;
  margin: 5px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 10pt;
  line-height:1.6;
  text-shadow: 2px 3px 3px #4e454a;
  z-index: 100;
}
#gsa-basic06inv {
  position: relative;
  float: right;
  text-align: justify;
  text-justify: distribute;
  width: 240px;
  padding: 10px 20px 10px 20px;
  margin: 5px 15px 5px 5px;
  color:#fff;
  font-size: 10pt;
  line-height:1.6;
  text-shadow: 2px 3px 3px #4e454a;
  z-index: 100;
}
#gsa-basic06-sl01 {
  float: left;
  width: 100px;
}
#gsa-basic06-sr01 {
  float: right;
  width: 130px;
  margin-left:5px;
  margin-top: 3px;
}
#gsa-basic07 {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 380px;
  padding: 10px 20px;
  margin: 5px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 9pt;
  line-height:1.6;
  text-shadow: 2px 3px 3px #4e454a;
  z-index: 100;
}
#gsa-basic07-sl01 {
  float: left;
  width: 150px;
  margin-left:-30px;
}
#gsa-basic07-sr01 {
  float: right;
  width: 155px;
  margin-left:5px;
  margin-top: 3px;
}
#gsa-basic08 {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 385px;
  padding: 10px 20px;
  margin-top: 5px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 9pt;
  line-height:1.6;
  text-shadow: 2px 3px 3px #4e454a;
  z-index: 100;
}
#gsa-basic08-sl01 {
  float: left;
  width: 140px;
  margin-left:-20px;
}
#gsa-basic08-sr01 {
  float: right;
  width: 160px;
  margin-left:5px;
  margin-right:-10px;
  margin-top: 0px;
}
#gsa-basic09 {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 810px;
  padding: 10px 20px;
  margin: 5px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 11pt;
  line-height:1.6;
  text-shadow: 2px 3px 3px #4e454a;
  z-index: 100;
}
#gsa-basic09-bgm {
  color:#9ce79c;
  font-size:11pt;
}
#gsa-basic09-inv {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 850px;
  padding: 0;
  margin: 5px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 11pt;
  line-height:1.6;
  text-shadow: 2px 3px 3px #4e454a;
  z-index: 100;
}
#gsa-basic10 {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 380px;
  padding: 10px 20px;
  margin: 5px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color:#fff;
  font-size: 9.5pt;
  line-height:1.6;
  text-shadow: 2px 3px 3px #4e454a;
  z-index: 100;
}


#guide-content-w {
  text-align: justify;
  text-justify: distribute;
  width: 830px;
  padding: 1em 1em 0em 1em;
  margin: 10px auto;
  background: transparent url(132.jpg) repeat;
  border: 1px solid #CDCDCD;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 11pt;
  line-height:1.6;
}
#guide-content-w ul
{ margin: 2px 0 22px 0px;}

#guide-content-w ul li, .sidebar ul li
{ list-style-type: none;
  background: url(bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 0px 25px;
  line-height: 1;
}
#guide-content-3m {
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 263px;
  padding: 1em 0.5em 0em 0.5em;
  margin: 10px 10px 10px 4px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  border: 1px solid #CDCDCD;
  font-size: 11pt;
  line-height:1.6;
  color: #fff;
}
#guide-content-3mw {
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 555px;
  padding: 1em 0.5em 0em 0.5em;
  margin: 10px 10px 10px 4px;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  border: 1px solid #CDCDCD;
  font-size: 11pt;
  line-height:1.6;
  color: #fff;
}

#game-system-analysis02 {
  text-align: justify;
  text-justify: distribute;
  width: 830px;
  padding: 1em 1em 0em 1em;
  margin: 10px auto;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  border: 1px solid #CDCDCD;
  font-size: 11pt;
  line-height:1.6;
  color: #fff;
}
.bottom-adjust01 {
	width: 5px;
	height: 0px;
	margin: 0;
}

#armour {
  width: 830px;
  padding: 10px;
  margin: 10px auto;
  background: transparent url(game-system-analysis-bg01.jpg) repeat;
  border: 1px solid #CDCDCD;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/* 武具一覧・影編枠 */
#armour-s-l {
  text-align: left;
  width: 405px;
  padding: 0 0 0 5px;
  float: left;
}
/* 武具一覧・光編枠 */
#armour-s-r {
  text-align: left;
  width: 405px;
  margin-top: 1em;
  padding: 0 0 0 5px;
  float: right;
}
#armour-title {
  margin: 0.5em 0 0 0.7em;
  font-size: 22pt;
  color:#fff;
  font-weight: bold;
  font-family: "ＭＳ 明朝",serif;
}
#armour-ttl {
  position: relative;
  width: 290px;
  height: 30px;
  margin-top: 0em;
  margin-bottom: 7px;
  padding: 2px;
  font-size: 18pt;
  font-weight: bold;
  background: #fff;
  color: red;
}
#armour-ttl02 {
  position: relative;
  width: 290px;
  height: 30px;
  margin-top: 0em;
  margin-bottom: 7px;
  padding: 2px;
  font-size: 18pt;
  font-weight: bold;
  background: #fff;
  color: #3d77ff;
}
#armour-com {
  float: right;
  width: 400px;
  margin: -2em 2em 0 0;
  font-size: 13pt;
  color:#fff;
  line-height: 1.7;
}
#arm-num {
  position: absolute;
  left: 115px;
  top: -0.8em;
  z-index: 200;
}
#arm-num-followed {
  position: absolute;
  left: 195px;
  top: 0.2em;
  z-index: 200;
}
.armour-ttl-l {
  position: relative;
  width: 140px;
  height: 30px;
  margin-top: 0.3em;
  padding: 2px;
  font-size: 14pt;
  color: #fff;
}
.armour-ttl-s {
  position: relative;
  width: 140px;
  height: 30px;
  margin-top: 0.3em;
  padding: 2px;
  font-size: 14pt;
  color: #fff;
  font-family: "ＭＳ ゴシック",sans-serif;
}

/* 武器一覧・影編(武器)テーブル */
table.armour-weapons-shadow {
	width: 400px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.2;
	border: 1px solid #ccc;
}
table.armour-weapons-shadow thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #ed6d46;
}
table.armour-weapons-shadow thead th {
	padding: 8px 3px 8px 3px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	color: #fff;
	font-size: 9pt;
	text-align: center;
}
table.armour-weapons-shadow tbody th {
	padding: 3px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	font-size: 10pt;
	color: #555;
}
table.armour-weapons-shadow td {
	padding: 2px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.armour-weapons-shadow tbody tr {
	background: #fff;
}
table.armour-weapons-shadow tbody tr:nth-child(odd) {
  /* 奇数行の背景色を設定します。 */
  background: #e6f5ff;
}
.type {
　width: 10px;
}
.name {
　width: 320px;
}
.str {
　width: 15px;
  text-align: right;
}
.gold {
　width: 40px;
  text-align: right;
}

/* 武器一覧・光編テーブル */
table.armour-weapons-light {
	width: 400px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.2;
	border: 1px solid #ccc;
}
table.armour-weapons-light thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #ed6d46;
}
table.armour-weapons-light thead th {
	padding: 8px 3px 8px 3px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	font-size: 9pt;
	text-align: center;
}
table.armour-weapons-light tbody th {
	padding: 3px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	color: #555;
	font-size: 10pt;
	text-align: center;
}
table.armour-weapons-light td {
	padding: 2px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.armour-weapons-light tbody tr {
	background: #fff;
}
table.armour-weapons-light tbody tr:nth-child(odd) {
  /* 奇数行の背景色を設定します。 */
  background: #fff799;
}
.type {
　width: 10px;
}
.name {
　width: 320px;
}
.str {
　width: 15px;
  text-align: right;
}
.gold {
　width: 40px;
  text-align: right;
}

/* 武器一覧・影編(防具)テーブル */
table.armour-shield-shadow {
	width: 400px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.2;
	border: 1px solid #ccc;
}
table.armour-shield-shadow thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #3d77ff;
}
table.armour-shield-shadow thead th {
	padding: 8px 3px 8px 3px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	color: #fff;
	font-size: 9pt;
	text-align: center;
}
table.armour-shield-shadow tbody th {
	padding: 3px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	font-size: 10pt;
	color: #555;
}
table.armour-shield-shadow td {
	padding: 2px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.armour-shield-shadow tbody tr {
	background: #fff;
}
table.armour-shield-shadow tbody tr:nth-child(odd) {
  /* 奇数行の背景色を設定します。 */
  background: #e6f5ff;
}
.type {
　width: 10px;
}
.name {
　width: 320px;
}
.str {
　width: 15px;
  text-align: right;
}
.gold {
　width: 40px;
  text-align: right;
}

/* 武器一覧・光編テーブル */
table.armour-shield-light {
	width: 400px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.2;
	border: 1px solid #ccc;
}
table.armour-shield-light thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #3d77ff;
}
table.armour-shield-light thead th {
	padding: 8px 3px 8px 3px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	font-size: 9pt;
	text-align: center;
}
table.armour-shield-light tbody th {
	padding: 3px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	color: #555;
	font-size: 10pt;
	text-align: center;
}
table.armour-shield-light td {
	padding: 2px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.armour-shield-light tbody tr {
	background: #fff;
}
table.armour-shield-light tbody tr:nth-child(odd) {
  /* 奇数行の背景色を設定します。 */
  background: #fff799;
}
.type {
　width: 10px;
}
.name {
　width: 320px;
}
.str {
　width: 15px;
  text-align: right;
}
.gold {
　width: 40px;
  text-align: right;
}
/* 影編SHOP LISTテーブル */
table.shadow-sl {
	border-collapse: separate;
	border-spacing: 0px;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #808080;
	margin-top: 0.7em;
}
table.shadow-sl th {
	width: 88px;
	height: 130px;
	padding: 0px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.shadow-sl td {
	height: 43px;
	padding: 0px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
table.shadow-sl tr:nth-child(odd) {
  background: #bcbace; /* 奇数行の背景色を設定します。 */
}
table.shadow-sl2 {
	border-collapse: separate;
	border-spacing: 0px;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #808080;
	margin-top: 0.7em;
}
table.shadow-sl2 th {
	width: 88px;
	/*height: 130px;*/
	padding: 0px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.shadow-sl2 td {
	height: 28px;
	padding: 0px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
table.shadow-sl2 tr:nth-child(odd) {
  background: #bcbace; /* 奇数行の背景色を設定します。 */
}
#armer-com {
  width: 280px;
  margin: 5px auto;
  line-height: 1.4;
  /*font-weight: bold;*/
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}

#camp {
  position: absolute;
  left: 520px;
  top: 270px;
  z-index: 200;
}
#camp02 {
  position: absolute;
  left: -20px;
  top: 58px;
  z-index: 200;
}

/* 影編攻略ガイド */
#shadow-info01 {
  width: 860px;
  height: 646px;
  margin: 10px auto;
  padding: 4px 0 0 0;
  background: transparent url(words-worth-04-2-wide01.jpg);
}

#shadow-info02 {
  position: relative;
  float: left;
  width: 450px;
  padding: 10px;
  margin: 10px auto;
  background-color: rgba(0,0,0,0.4);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  line-height: 1.7;
  color: #fff;
  font-size: 12pt;
}
#shadow-info03 {
  float: left;
  width: 400px;
  padding: 10px;
  margin: 10px auto 10px 3em;
  background-color: rgba(255,255,255,0.8);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  line-height: 1.7;
  color: #555;
  font-size: 12pt;
}
#shadow-info03s {
  width: 300px;
  padding: 10px;
  line-height: 1.6;
  color: #555;
}
#shadow-info04 {
  position: absolute;
  top:0.7em;
  left:480px;
  margin:0
  z-index:1;
}

#light-info01 {
  position: relative;
  width: 860px;
  height: 646px;
  margin: 10px auto;
  padding: 4px 0 0 0;
  background: transparent url(words-worth-ground-1-a01.jpg);
}
#light-info02 {
  position: relative;
  float: right;
  width: 450px;
  padding: 10px;
  margin: 10px;
  background-color: rgba(0,0,0,0.4);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  line-height: 1.6;
  color: #fff;
  font-size: 11pt;
}
#light-info03 {
  float: right;
  width: 470px;
  height: 200px;
  padding: 10px;
  margin: 0px 10px 10px 10px;
  background-color: rgba(255,255,255,0.8);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  line-height: 1.6;
  color: #555;
  font-size: 11pt;
}
#light-info04 {
  position: absolute;
  top:2em;
  left:0px;
  margin:0
  z-index:1;
}
#chart-img {
  width: 250px;
  margin: 0 auto;
  padding: 3px;
}
#chart-img-02 {
  width: 250px;
  margin: 0 auto 0 0;
  padding: 3px;
}
#chart-img-com {
  width: 250px;
  margin: 0 auto;
  padding: 3px;
  line-height: 1.4;
  font-size: 11px;
}
#chart-img-com-02 {
  width: 250px;
  margin: 0 auto 0 0;
  padding: 3px;
  line-height: 1.4;
  font-size: 11px;
}

/* キャラクターページ */
#chara-guide-frame {
  position: relative;
  width: 860px;
  margin: 0 auto;
  padding: 0;
}
#chara-guide-a {
  position: relative;
  float: left;
  text-align: left;
  width: 495px;
  padding: 10px;
  margin: 10px 5px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #043c78;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
#chara-guide-name01 {
  width: 250px;
  height: 30px;
  background: #536a9c;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#guide-name01 {
  position: absolute;
  left: 270px;
  top: 0em;
  z-index: 200;
}
#guide-name02 {
  position: absolute;
  left: 50px;
  top: 32em;
  z-index: 200;
}
#guide-name03 {
  position: absolute;
  left: 280px;
  top: 0.4em;
  z-index: 200;
}
#guide-name04 {
  position: absolute;
  left: 130px;
  top: 28em;
  z-index: 200;
}
#guide-name05 {
  position: absolute;
  left: 30px;
  top: 4em;
  z-index: 200;
}
#guide-name06 {
  position: absolute;
  left: 320px;
  top: 0.4em;
  z-index: 200;
}
#guide-name07 {
  position: absolute;
  left: 90px;
  top: 26em;
  z-index: 200;
}
#guide-name08 {
  position: absolute;
  left: 265px;
  top: 0.4em;
  z-index: 200;
}

#guide-name09 {
  position: absolute;
  left: 305px;
  top: 0.6em;
  z-index: 200;
}
#guide-name10 {
  position: absolute;
  left: 230px;
  top: 0em;
  z-index: 200;
}
#guide-name11 {
  position: absolute;
  left: 240px;
  top: 0em;
  z-index: 200;
-moz-transform:    rotate( -16deg );  /* Firefox用 */
-webkit-transform: rotate( -16deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( -16deg );  /* 古いOpera用 */
-ms-transform:     rotate( -16deg );  /* IE9用 */
transform:         rotate( -16deg );  /* CSS3の書き方 */
}
#guide-name12 {
  position: absolute;
  left: 0px;
  top: -2em;
  z-index: 200;
-moz-transform:    rotate( -16deg );  /* Firefox用 */
-webkit-transform: rotate( -16deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( -16deg );  /* 古いOpera用 */
-ms-transform:     rotate( -16deg );  /* IE9用 */
transform:         rotate( -8deg );  /* CSS3の書き方 */
}
#guide-name13 {
  position: absolute;
  left: 220px;
  top: -10px;
  z-index: 200;
-moz-transform:    rotate( -14deg );  /* Firefox用 */
-webkit-transform: rotate( -14deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( -14deg );  /* 古いOpera用 */
-ms-transform:     rotate( -14deg );  /* IE9用 */
transform:         rotate( -14deg );  /* CSS3の書き方 */
}
#guide-name14 {
  position: absolute;
  left: 220px;
  top: 0px;
  z-index: 200;
-moz-transform:    rotate( -14deg );  /* Firefox用 */
-webkit-transform: rotate( -14deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( -14deg );  /* 古いOpera用 */
-ms-transform:     rotate( -14deg );  /* IE9用 */
transform:         rotate( -10deg );  /* CSS3の書き方 */
}

.sub-ttl01 {
  position: absolute;
  left: 70px;
  top: 200px;
  z-index: 200;
}
.sub-ttl02 {
  position: absolute;
  left: 580px;
  top: 170px;
  z-index: 200;
}
/* 画像回転 */
#rotation {
-moz-transform:    rotate( -16deg );  /* Firefox用 */
-webkit-transform: rotate( -16deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( -16deg );  /* 古いOpera用 */
-ms-transform:     rotate( -16deg );  /* IE9用 */
transform:         rotate( -16deg );  /* CSS3の書き方 */
}

.chara-com01 {
  position: relative;
  float:left;
  background: transparent url(132.jpg) repeat;
  text-align: left;
  width: 210px;
  padding: 10px;
  margin: 5px;
  font-size: 10pt;
  line-height:1.6;
  color: #000;
}
.chara-com01a {
  background: transparent url(132.jpg) repeat;
  text-align: left;
  width: 460px;
  height: 175px;
  padding: 10px;
  margin: 5px;
  font-size: 10pt;
  line-height:1.6;
  color: #000;
}
.chara-com01b {
  background: transparent url(132.jpg) repeat;
  text-align: left;
  width: 460px;
  padding: 10px;
  margin: 5px;
  font-size: 10pt;
  line-height:1.6;
  color: #000;
}

#chara-guide-b {
  position: relative;
  float: left;
  text-align: left;
  width: 280px;
  padding: 10px;
  margin: 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #043c78;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}

#chara-guide-name02 {
  width: 250px;
  height: 30px;
  background: #9079b6;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
.chara-com02 {
  text-align: left;
  width: 255px;
  padding: 10px;
  margin: 5px 0;
  background: transparent url(132.jpg) repeat;
  font-size: 10pt;
  line-height:1.6;
  color: #000;
}
#chara-guide-c {
  position: relative;
  float: left;
  text-align: left;
  width: 245px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #043c78;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}

#chara-guide-name03 {
  width: 230px;
  height: 30px;
  background: #9079b6;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name03a {
  width: 230px;
  height: 30px;
  background: #536a9c;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
.chara-com03 {
  text-align: left;
  width: 225px;
  padding: 10px;
  margin: 5px 0;
  background: transparent url(132.jpg) repeat;
  font-size: 10pt;
  line-height:1.6;
  color: #000;
}
#chara-guide-d {
  position: relative;
  text-align: left;
  width: 825px;
  padding: 10px;
  margin: 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #6cc372;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}

#chara-guide-name04 {
  width: 250px;
  height: 30px;
  background: #6cc372;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
.chara-com04 {
  text-align: left;
  width: 800px;
  padding: 10px;
  margin: 5px 0;
  background: transparent url(132.jpg) repeat;
  font-size: 10pt;
  line-height:1.6;
  color: #000;
}

#nina-com01 {
  position: absolute;
  left: 480px;
  top: -2em;
  z-index: 200;
}
#nina-com02 {
  position: absolute;
  left: -20px;
  top: 14em;
  z-index: 200;
}
#nina-com03 {
  position: absolute;
  left: 200px;
  top: 8em;
  z-index: 200;
}
#nina-com04 {
  position: absolute;
  left: 360px;
  top: 25em;
  z-index: 200;
}
#chara-guide-name05 {
  width: 200px;
  height: 30px;
  background: #fb868e;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name06 {
  width: 200px;
  height: 30px;
  background: #f3981d;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name07 {
  width: 200px;
  height: 30px;
  background: #a688bd;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name08 {
  width: 200px;
  height: 30px;
  background: #e8c835;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name09 {
  width: 200px;
  height: 30px;
  background: #af7953;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name10 {
  width: 200px;
  height: 30px;
  background: #ef8464;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name11 {
  width: 200px;
  height: 30px;
  background: #db8cb9;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name12 {
  width: 200px;
  height: 30px;
  background: #e8a368;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
/* 光編キャラクター・影族 */
#chara-guide-light-d {
  position: relative;
  float: left;
  text-align: left;
  width: 387px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #594e52;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
.chara-light-com01 {
  background: transparent url(132.jpg) repeat;
  text-align: left;
  width: 350px;
  padding: 10px;
  margin: 5px;
  font-size: 10pt;
  line-height:1.6;
  color: #000;
}
#chara-guide-light-e {
  position: relative;
  float: left;
  text-align: left;
  width: 245px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #594e52;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
.chara-light-com02 {
  text-align: left;
  width: 225px;
  padding: 10px;
  margin: 5px 0;
  background: transparent url(132.jpg) repeat;
  font-size: 10pt;
  line-height:1.6;
  color: #000;
}

#chara-guide-light-f {
  position: relative;
  float: left;
  text-align: left;
  width: 387px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #8881b7;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
#chara-guide-light-g {
  position: relative;
  float: left;
  text-align: left;
  width: 387px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #5eac92;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}

.chara-light-com03 {
  position: relative;
  background-color: rgba(0,0,0,0.7);
  text-align: left;
  width: 355px;
  padding: 10px;
  margin: 5px;
  font-size: 10pt;
  line-height:1.6;
  color: #fff;
  z-index: 100;
}
.chara-light-com03:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dotted #F5F5EE;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
.chara-light-com04 {
  position: relative;
  background-color: rgba(0,0,0,0.7);
  text-align: left;
  width: 215px;
  padding: 10px;
  margin: 5px;
  font-size: 10pt;
  line-height:1.6;
  color: #fff;
  z-index: 100;
}
.chara-light-com04:before {
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dotted #F5F5EE;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
#chara-guide-light-h {
  position: relative;
  float: left;
  text-align: left;
  width: 245px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #69a0d6;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
#chara-guide-light-i {
  position: relative;
  float: left;
  text-align: left;
  width: 245px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #7484d2;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
#chara-guide-light-j {
  position: relative;
  float: left;
  text-align: left;
  width: 245px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #9dce72;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}


/* 光編・影の一族キャラクター名枠 */
#chara-guide-name13 {
  width: 200px;
  height: 30px;
  background: #756f9d;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name14 {
  width: 200px;
  height: 30px;
  background: #395d9b;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name15 {
  width: 200px;
  height: 30px;
  background: #8881b7;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name16 {
  width: 200px;
  height: 30px;
  background: #5eac92;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name17 {
  width: 200px;
  height: 30px;
  background: #69a0d6;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name18 {
  width: 200px;
  height: 30px;
  background: #7484d2;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name19 {
  width: 200px;
  height: 30px;
  background: #9dce72;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}

/* 光編キャラクター名前背景枠(色) */
#chara-guide-name-light01 {
  width: 200px;
  height: 30px;
  background: #f56c74;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name-light02 {
  width: 200px;
  height: 30px;
  background: #f18516;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name-light03 {
  width: 200px;
  height: 30px;
  background: #ef8259;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name-light04 {
  width: 200px;
  height: 30px;
  background: #ac6e9f;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name-light05 {
  width: 200px;
  height: 30px;
  background: #c95a6b;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}
#chara-guide-name-light06 {
  width: 200px;
  height: 30px;
  background: #b87349;
  color: #fff;
  text-shadow: 2px 3px 3px #333333;
  font-size: 14pt;
  font-weight: bold;
  padding: 5px;
  margin: 10px;
}

/* 光編キャラクター枠(色) */
#chara-guide-light-a {
  position: relative;
  float: left;
  text-align: left;
  width: 495px;
  padding: 10px;
  margin: 10px 5px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #f39800;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
#chara-guide-light-b {
  position: relative;
  float: left;
  text-align: left;
  width: 280px;
  padding: 10px;
  margin: 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #f39800;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
#chara-guide-light-c {
  position: relative;
  float: left;
  text-align: left;
  width: 245px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #f39800;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}

/* キャラクターその他ページ */
#chara-guide-ot01 {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 384px;
  padding: 10px;
  margin: 10px 5px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #0073a8;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
#chara-guide-ot-name01 {
  width: 250px;
  height: 44px;
  background-color: rgba(67,77,162,0.7);
  color: #fff;
  font-size: 14pt;
  font-weight: bold;
  text-shadow: 2px 3px 3px #C1C1C1;
  padding: 0px 5px 2px 10px;
  margin: -1.5em 10px 0 10px;
}
.chara-ot-com01 {
  background-color: rgba(0,0,0,0.7);
  text-align: justify;
  text-justify: distribute;
  width: 350px;
  padding: 10px;
  margin: 5px;
  font-size: 10pt;
  line-height:1.6;
  color: #fff;
}

.chara-ot-com01-b01 {
  background-color: rgba(0,0,0,0.7);
  text-align: justify;
  text-justify: distribute;
  width: 350px;
  height:145px;
  padding: 10px;
  margin: 5px;
  font-size: 10pt;
  line-height:1.6;
  color: #fff;
}

.chara-guide-left {
  position: relative;
  /*border: 2px solid red;*/
  float: left;
  width: 405px;
  margin: 0;
  padding: 0;
}
.chara-guide-right {
  position: relative;
  /*border: 2px solid #56256e;*/
  float: right;
  width: 405px;
  margin: 0;
  padding: 0;
}

#chara-guide-ot-w {
  position: relative;
  text-align: justify;
  text-justify: distribute;
  width: 830px;
  padding: 10px;
  margin: 10px auto;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #0073a8;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
#chara-guide-ot01a {
  position: relative;
  text-align: justify;
  text-justify: distribute;
  width: 364px;
  padding: 10px;
  margin: 10px;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}

.chara-ot-com01b {
  background-color: rgba(0,0,0,0.7);
  text-align: justify;
  text-justify: distribute;
  width: 345px;
  padding: 10px 10px 10px 10px;
  margin: 5px 5px 5px 10px;
  font-size: 10pt;
  line-height:1.6;
  color: #fff;
}

#chara-guide-ot-name02 {
  width: 350px;
  height: 44px;
  background-color: rgba(216,52,115,0.8);
  color: #fff;
  font-size: 14pt;
  font-weight: bold;
  text-shadow: 2px 3px 3px #C1C1C1;
  padding: 0px 5px 2px 10px;
  margin: -1.5em 10px 0 10px;
}
#chara-guide-ot-ttl {
  background-color: rgba(0,0,0,0.7);
  text-align: justify;
  text-justify: distribute;
  width: 345px;
  padding: 10px;
  margin: 0px 5px 5px 10px;
  font-size: 10pt;
  line-height:1.6;
  color: #fff;
}
/* 光編キャラクター枠 */
#chara-guide-light-ot01 {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 384px;
  padding: 10px;
  margin: 10px 5px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #c1ab05;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
/* 光編キャラクター名称 */
#chara-guide-ot-light-name01 {
  width: 250px;
  height: 44px;
  background-color: rgba(233,188,0,0.7);
  color: #fff;
  font-size: 14pt;
  font-weight: bold;
  text-shadow: 2px 3px 3px #C1C1C1;
  padding: 0px 5px 2px 10px;
  margin: -1.5em 10px 0 10px;
}
/* 光編キャラクター20年後 */
#chara-guide-ot-w-light {
  position: relative;
  text-align: justify;
  text-justify: distribute;
  width: 820px;
  padding: 10px;
  margin: 10px auto;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #387d39;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}
#chara-guide-otl-a20t {
  float: left;
  padding: 7px;
  margin:10px 0px;
}
#chara-guide-otl-a20 {
  float: left;
  padding: 7px;
  background: #fff3b8;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  margin:10px 8px 10px 0px;
}
#chara-guide-oth-light {
  position: relative;
  float: left;
  text-align: justify;
  text-justify: distribute;
  width: 384px;
  padding: 10px;
  margin: 10px 5px 5px 5px;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #c1ab05;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 11pt;
  line-height:1.6;
  color: #888;
}

/* 階数・数字位置調整 */
#stage-rank {
  float: left;
  width: 96px;
  position: relative;
  top: -1.8em;
  left: -0.7em;
  margin-right: -15px;
  margin-bottom: -10px;
}

/* 罫線位置調整 */
#hr-line01 {
  position: absolute;
  left: 10px;
  top: 8.9em;
  z-index: 200;
}
#hr-line02 {
  position: absolute;
  left: 10px;
  top: 564px;
  z-index: 200;
}
#hr-line03 {
  position: absolute;
  left: 415px;
  top: 0em;
  z-index: 200;
}
#hr-line04 {
  position: absolute;
  left: 547px;
  top: 50px;
  z-index: 200;
}
#hr-line05 {
  position: absolute;
  left: 265px;
  top: 50px;
  z-index: 200;
}
#hr-line06 {
  position: absolute;
  left: 547px;
  top: 10px;
  z-index: 200;
}
#hr-line07 {
  position: absolute;
  left: 565px;
  top: 10px;
  z-index: 200;
}
#hr-line08 {
  position: absolute;
  left: 280px;
  top: 10px;
  z-index: 200;
}
#hr-line09 {
  position: absolute;
  left: 550px;
  top: 40px;
  z-index: 200;
}
#hr-line10 {
  position: absolute;
  left: 560px;
  top: 40px;
  z-index: 200;
}
#hr-line13 {
  position: absolute;
  left: 540px;
  top: 30px;
  z-index: 200;
}
#character-description {
  width: 483px;
  height: 67px;
  margin:0.3em auto;
  padding: 17px 10px 0px 10px;
  background: transparent url(character-description01.png);
  color: #000;
  font-size: 14pt;
  font-weight: bold;
  line-height:1.6;
  text-align: center;
}
#character-description02 {
  width: 483px;
  height: 67px;
  margin:0.3em auto;
  padding: 17px 10px 0px 10px;
  background: transparent url(character-description02.png);
  color: #000;
  font-size: 14pt;
  font-weight: bold;
  line-height:1.6;
  text-align: center;
}
/* 影編攻略ページ(B5) */
/* ページ左横のキャプチャ画像位置調整 */
#shadow-sword {
  position: absolute;
  left: -55px;
  top: 355px;
  z-index: 200;
}
#shadow-shield {
  position: absolute;
  left: -72px;
  top: 355px;
  z-index: 190;
  -moz-transform:    rotate( 16deg );  /* Firefox用 */
  -webkit-transform: rotate( 16deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( 16deg );  /* 古いOpera用 */
  -ms-transform:     rotate( 16deg );  /* IE9用 */
  transform:         rotate( 16deg );  /* CSS3の書き方 */
}
/* 地下案内(矢印下) */
.ug-guide {
  width: 150px;
  margin: -10px auto 0 auto;
  font-size: 13pt;
  font-weight: bold;
  color: #7bb398;
  text-shadow: 1px 2px 2px #24140e;
  text-align: center;
}

#shb5-left01 {
  position: relative;
  float: left;
  width: 275px;
  margin: 0;
  padding: 0;
}

#shb5-right01 {
  float: right;
  width: 565px;
  margin: 0;
  padding: 0;
}
#shb5-left02 {
  position: relative;
  float: left;
  width: 565px;
  margin: 0;
  padding: 0;
  line-height:1.4;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#shb5-left02-s01 {
  float: left;
  width: 255px;
  margin: 0 5px 0 0;
  padding: 0;
  line-height:1.4;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-right02 {
  float: right;
  width: 255px;
  margin: 0 0 0 15px;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
}
#shb5-right02-b3 {
  float: right;
  width: 275px;
  margin: 0 0 0 15px;
  padding: 0;
  line-height:1.6;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-right03 {
  float: right;
  width: 280px;
  margin: 0;
  padding: 5px;
  line-height:1.6;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-right03b {
  position: relative;
  float: right;
  width: 280px;
  margin: -1em 0 0 0;
  padding: 5px;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-right03c {
  float: right;
  width: 280px;
  margin: -2.4em 0 0 0;
  padding: 5px;
  line-height:1.7;
  font-size: 11pt;
  text-align: justify;
  text-justify: distribute;
}

#shb5-right04 {
  float: right;
  width: 565px;
  margin-top: -1.2em;
  padding: 5px;
  line-height:1.7;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}

#shb5-right04-s01 {
  float: left;
  width: 250px;
  margin: 0 35px 0 10px;
  padding: 0;
  line-height:1.7;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-right04-s01b4 {
  float: left;
  width: 250px;
  margin: -30px 35px 0 10px;
  padding: 0;
  line-height:1.7;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-right04-s02 {
  float: left;
  width: 250px;
  margin: -30px 5px 0 0;
  padding: 0;
  line-height:1.7;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-right04-s02b4 {
  float: left;
  width: 250px;
  margin: -30px 5px 0 0;
  padding: 0;
  line-height:1.7;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#shb5-right04-s03 {
  float: left;
  width: 250px;
  margin: 0px 5px 0 0;
  padding: 0;
  line-height:1.7;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-right04-s04 {
  float: left;
  width: 250px;
  margin: 10px 25px 0 0;
  padding: 0;
  line-height:1.7;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#shb5-right04-s03b3 {
  float: left;
  width: 250px;
  margin: 0px 0px 0 5px;
  padding: 0;
  line-height:1.65;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#shb5-right04-s03b2 {
  position: relative;
  float: left;
  width: 250px;
  margin: 0px 5px 0 0;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
  z-index:100;
}
#shb5-right04-s03b2-02 {
  float: left;
  width: 250px;
  margin: 5px 5px 0 0;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-left03 {
  position: relative;
  float: left;
  width: 255px;
  margin-right: 10px;
  padding: 0;
  line-height:1.75;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-left04 {
  position: relative;
  float: left;
  width: 535px;
  margin: 0;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-left04-s01b4 {
  float: left;
  width: 260px;
  margin: -30px 25px 0 0px;
  padding: 0;
  line-height:1.7;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-left04-s02b4 {
  float: left;
  width: 240px;
  margin: 0 5px 0 0px;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#shb5-left05 {
  position: relative;
  float: left;
  width: 565px;
  margin: 0;
  padding: 0;
  line-height:1.5;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-left05-b3 {
  position: relative;
  float: left;
  width: 540px;
  margin: 0;
  padding: 0;
  line-height:1.5;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb5-left06 {
  position: relative;
  float: left;
  width: 565px;
  margin: 0;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#shb3-type3 {
  float: left;
  width: 250px;
  margin: -1.7em 25px 0 10px;
  padding: 0;
  line-height:1.7;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb3-type3b {
  float: left;
  width: 250px;
  margin: -1.7em 25px 0 10px;
  padding: 0;
  line-height:1.6;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#shb3-type3c {
  float: left;
  width: 250px;
  margin: -1.7em 25px 0 10px;
  padding: 0;
  line-height:1.75;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}

#shb3-right01 {
  position: relative;
  float: right;
  width: 545px;
  margin-top: 0em;
  padding: 5px;
  line-height:1.7;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#shb3-left01 {
  position: relative;
  float: left;
  width: 275px;
  margin-right: 10px;
  padding: 0;
  line-height:1.7;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#shb2-right01 {
  float: right;
  width: 275px;
  margin: -20px 0 0 15px;
  padding: 0;
  line-height:1.52;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb2-right01-b1 {
  float: right;
  width: 275px;
  margin: 0px 0 0 15px;
  padding: 0;
  line-height:1.52;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#shb2-right02 {
  float: right;
  width: 275px;
  margin: -20px 0 0 15px;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb2-left01 {
  position: relative;
  float: left;
  width: 545px;
  margin: -30px 0 0 0;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#shb2-left02 {
  position: relative;
  float: left;
  width: 545px;
  margin: -30px 0 0 0;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#shb1-right01 {
  float: right;
  width: 275px;
  margin: -20px 0 0 15px;
  padding: 0;
  line-height:1.52;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#b2-floor-img01 {
  width: 227px;
  float: right;
  margin: 5em 0 0 10px;
  line-height: 1.2;
}
#b2-floor-img02 {
  float: left;
  margin: 0 15px 0 0;
}
#b2-floor-trap01 {
  width: 510px;
  margin:-1.5em auto 0 auto;
  padding: 10px;
  border: 8px solid #6f5436;
  font-size: 11.5px;
  /*font-weight: bold;*/
  line-height: 1.5;
}
#b2-floor-trap-comleft {
  float: left;
  width: 240px;
  margin-top: 15px;
  margin-right: 10px;
}
#b2-floor-trap-comright {
  float: right;
  width: 240px;
  margin: 0px;
  padding:15px 0 0 0;
}

.b2-floor-trap-ttl {
  width: 340px;
  margin: 15px;
  padding: 5px;
  background-color: rgba(0,0,0,0.8);
  font-size:18pt;
  color: #f2d58a;
}
.b2-floor-trap01s {
  width: 500px;
  margin: 0;
  padding: 0;
}

#b3-crabe01 {
  margin: 0.5em auto;
}
#b3-trap {
  width: 532px;
  height: 512px;
  margin: 0.2em auto;
  padding: 5px 10px 10px 10px;
  border: 8px solid #786151;
}
#b3-trap-r {
  float: right;
  width: 250px;
  margin:0 10px 0 0;
  font-size: 10pt;
  /*font-weight: bold;*/
  line-height: 1.4;
}
#b3-trap-l {
  float: left;
  width: 250px;
  margin:0;
  font-size: 10pt;
  /*font-weight: bold;*/
  line-height: 1.4;
}
.b3-trap-ttl {
  width: 230px;
  height: 40px;
  background-color: rgba(0,0,0,0.9);
  color: #f2d58a;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
}
.trap-image {
  width: 250px;
  margin: 0 auto;
}
.img-h10 {
  margin: 10px auto 0 auto;
}
.img-h10-02 {
  margin: 10px auto;
}

/* Enemy frame */
#enemy-frame {
  width: 810px;
  margin: 0 auto;
  padding: 0;
  z-index: 100;
}
#enemy-type3 {
  position: relative;
  float: left;
  text-align: left;
  width: 245px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
}
#enemy-type3-b5 {
  position: relative;
  float: left;
  text-align: left;
  width: 260px;
  padding: 10px;
  margin: 10px 5px 0px 5px;
  background-color: rgba(255,255,255,0.7);
}
#enemy-type1-b6 {
  position: relative;
  float: left;
  text-align: left;
  width: 340px;
  padding: 5px;
  margin: 0px 5px 0px 15px;
  background-color: rgba(255,255,255,0.7);
}

#enemy-type2 {
  position: relative;
  float: left;
  text-align: left;
  width: 510px;
  height: 328px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  z-index: -2;
}
#enemy-right {
  width: 245px;
  height: 310px;
  float: right;
  margin:0;
}
#enemy-left {
  width: 245px;
  float: left;
  margin-top: 51px;
}

#enemy-frame-b {
  width: 870px;
  margin: 0 auto;
  padding: 0;
}
#enemy-type4 {
  position: relative;
  float: left;
  text-align: left;
  width: 204px;
  padding: 4px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
}
#enemy-com {
  text-align: left;
  width: 225px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(43,43,43,0.8);
  font-size: 10pt;
  line-height:1.6;
  color: #fff;
}
#enemy-com-b {
  text-align: left;
  width: 185px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(43,43,43,0.8);
  font-size: 10pt;
  line-height:1.6;
  color: #fff;
}
#b2-eihei-ken {
  position: absolute;
  left: 153px;
  top: -15px;
  z-index: -1;
}

/* 影編B5階 */
table.enemy-b5 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
}
table.enemy-b5 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #98c340;
  color: #fff;
}
table.enemy-b5 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #555;
}
table.enemy-b5-4 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
}
table.enemy-b5-4 th {
  width: 100px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #98c340;
  color: #fff;
}
table.enemy-b5-4 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #555;
}
/* 影編Ｂ4階 */
table.enemy-b4 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
  z-index: 100;
}
table.enemy-b4 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #5fa7a4;
  color: #fff;
}
table.enemy-b4 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #555;
  z-index: 100;
}

table.enemy-b4-4 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
}
table.enemy-b4-4 th {
  width: 100px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #5fa7a4;
  color: #fff;
}
table.enemy-b4-4 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #555;
}
.td-right {
  text-align: right;
  font-weight: bold;
  text-shadow: 1px 2px 2px #c1c1c1;
}

/* 影編Ｂ3階 */
table.enemy-b3 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
}
table.enemy-b3 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #6fa6c5;
  color: #fff;
}
table.enemy-b3 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #555;
}
table.enemy-b302 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
}
table.enemy-b302 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #6fa6c5;
  color: #fff;
}
table.enemy-b302 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
}
/* 影編Ｂ2階 */
table.enemy-b2 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
}
table.enemy-b2 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #5796c2;
  color: #fff;
}
table.enemy-b2 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #555;
}

table.enemy-b202 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
}
table.enemy-b202 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #5796c2;
  color: #fff;
}
table.enemy-b202 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
}
/* 影編Ｂ1階 */
table.enemy-b1 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
}
table.enemy-b1 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #7f75a9;
  color: #fff;
}
table.enemy-b1 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #555;
}
#shadow-nina {
  position: absolute;
  left: 205px;
  top: 0px;
  z-index: -1;
}

/* Ｂ4階エネミー・サムネイル(回転) */
#e-b4-01 {
  position: absolute;
  left: -23px;
  top: 75px;
  z-index: 190;
  -moz-transform:    rotate( -16deg );  /* Firefox用 */
  -webkit-transform: rotate( -16deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( -16deg );  /* 古いOpera用 */
  -ms-transform:     rotate( -16deg );  /* IE9用 */
  transform:         rotate( -16deg );  /* CSS3の書き方 */
}
#e-b4-02 {
  position: absolute;
  left: 110px;
  top: -20px;
  z-index: 190;
  -moz-transform:    rotate( 16deg );  /* Firefox用 */
  -webkit-transform: rotate( 16deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( 16deg );  /* 古いOpera用 */
  -ms-transform:     rotate( 16deg );  /* IE9用 */
  transform:         rotate( 16deg );  /* CSS3の書き方 */
}
#e-b4-03 {
  position: absolute;
  left: -7px;
  top: -20px;
  z-index: 190;
  -moz-transform:    rotate( -16deg );  /* Firefox用 */
  -webkit-transform: rotate( -16deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( -16deg );  /* 古いOpera用 */
  -ms-transform:     rotate( -16deg );  /* IE9用 */
  transform:         rotate( -16deg );  /* CSS3の書き方 */
}

#enemy-shot-r {
  float: right;
  margin-left: 10px;
  margin-bottom: 18px;
}
.enemy-right {
  float: right;
  width: 250px;
  height: 235px;
  margin-left: 10px;
  margin-bottom: 20px;
}

#swordsman-testimony {
  position: absolute;
  left: 315px;
  top: 20px;
  z-index: 200;
  -moz-transform:    rotate( -16deg );  /* Firefox用 */
  -webkit-transform: rotate( -16deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( -16deg );  /* 古いOpera用 */
  -ms-transform:     rotate( -16deg );  /* IE9用 */
  transform:         rotate( -16deg );  /* CSS3の書き方 */
}
#enemy-hr {
  margin: 0.5em auto 0.5em 4em;
  text-align: center;
}

#floor-ttl-center {
  width: 252px;
  height: 53px;
  margin: 0 auto;
}

.line-hr01 {
  width: 570px;
  margin: -10px auto 5px auto;
}
.line-hr02 {
  width: 570px;
  margin: -10px 0 5px 255px;
}
.floor-ttl {
  width: 350px;
  margin: 10px auto 10px 5px;
}

#shb5-event-ttl {
  width: 242px;
  height: 26px;
  margin: 5px auto;
  font-size: 15pt;
  font-weight: bold;
  color: #3569a5;
  text-align: center;
  border: 1px solid #3569a5;
}
#item-com {
  width: 255px;
  margin: 0 auto 0.5em auto;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
}
#item-com-b6 {
  width: 255px;
  margin: 0 auto 0.5em auto;
  font-size: 12px;
  /*font-weight: bold;*/
  line-height: 1.6;
}

#shb5-upper-frame {
  width: 840px;
  margin: 0 auto;
}
#shb5-upper-frame02 {
  width: 860px;
  margin: 0 auto;
}
/* ITEM GET & USE */
#shb5-guse-s01 {
  position: relative;
  float: left;
  width: 120px;
  height: 110px;
  margin-right:10px;
  margin-bottom: 10px;
  font-size: 16pt;
  font-weight: bold;
  border: 1px solid #c0c0c0;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
}
#shb5-get-frame {
  width: 250px;
  margin-right: 5px;
  margin-bottom: 15px;
  padding: 5px 0px 15px 15px;
  border: 1px solid #c0c0c0;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}
#shb5-get-Individual {
  float: left;
  width: 71px;
  height: 71px;
  margin-right: 12px;
  margin-top: 10px;
}
#shb5-use-s01 {
  position: relative;
  float: right;
  width: 85px;
  height: 100px;
  top: -5em;
  left: -5px;
  margin:10px 10px 10x 0px;
  padding:5px 5px 15px 5px;
  font-size: 16pt;
  font-weight: bold;
  border: 2px dashed #e95388;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
}
#item-img01 {
  position: relative;
  margin-top: -19em;
  margin-left: 3em;
  margin-bottom: -8em;
  padding: 0;
  z-index: -1;
  -moz-transform:    rotate( -6deg );  /* Firefox用 */
  -webkit-transform: rotate( -6deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( -6deg );  /* 古いOpera用 */
  -ms-transform:     rotate( -6deg );  /* IE9用 */
  transform:         rotate( -6deg );  /* CSS3の書き方 */
}

#shb3-get-frame-left {
  position: relative;
  float: left;
  width: 128px;
  margin-right: 5px;
  margin-left: 0;
  margin-bottom: 12px;
  padding: 0px;
  border: 1px solid #c0c0c0;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}
#shb3-use-frame-right {
  float: right;
  width: 128px;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 12px;
  padding: 0px;
  border: 1px solid #c0c0c0;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}
#shb3-get-Individual {
  width: 71px;
  height: 71px;
  margin: 15px auto;
  text-align: center;
}
#shb3-use-Individual {
  width: 71px;
  height: 71px;
  margin: 15px auto;
  text-align: center;
}

#shb1-get-frame {
  width: 230px;
  margin: 5px auto;
  padding: 5px;
  border: 1px solid #c0c0c0;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}
#shb1-get-s01 {
  position: relative;
  float: left;
  width: 110px;
  margin-right:5px;
  margin-bottom: 10px;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}
#shb1-get-s02 {
  position: relative;
  float: right;
  width: 110px;
  margin-left:5px;
  margin-bottom: 10px;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}
#shb1-use-s01 {
  position: relative;
  float: right;
  width: 85px;
  height: 110px;
  top: -5.5em;
  left: -30px;
  margin: 0px;
  padding: 5px;
  font-size: 16pt;
  font-weight: bold;
  border: 2px dashed #e95388;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
}
#shb1-get-Individual {
  width: 71px;
  height: 71px;
  margin: 15px auto;
  text-align: center;
}
#shb1-use-Individual {
  width: 71px;
  height: 71px;
  margin: 0px auto 5px auto;
  text-align: center;
}
.shb3-shop-com {
  margin-top: 5px;
}
#item-img02 {
  width: 240px;
  margin: 0 auto;
}
#item-img03 {
  position: absolute;
  top: 11em;
  left: 1em;
  width: 240px;
  margin: 0 auto;
  z-index:-1;
}
#item-img04 {
  position: absolute;
  top: 9.3em;
  left: -6em;
  width: 240px;
  margin: 0 auto;
  z-index:-1;
}
#item-img05 {
  position: absolute;
  top: 8.8em;
  left: -6em;
  width: 240px;
  margin: 0 auto;
  z-index:-1;
}
#item-img06 {
  position: absolute;
  top: 10.5em;
  left: 1em;
  width: 240px;
  margin: 0 auto;
  z-index:-1;
}

#storyd-diamond {
  position: absolute;
  margin-top: -8.8em;
  margin-left: 360px;
  padding: 0;
  z-index: 200;
}
#nina-story-img01 {
  position: absolute;
  margin-top: 21em;
  margin-left: -2em;
  padding: 0;
  z-index: 200;
}
#st-img-l01 {
  float: left;
  padding: 7px;
  background: #a1d8e6;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 15px 10px 10px;
}
#st-img-l02 {
  float: left;
  padding: 7px;
  background: #a1d8e6;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 15px 10px 30px;
}
#st-img-l03 {
  float: left;
  padding: 7px;
  background: #a1d8e6;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 15px 10px 40px;
}
#st-img-l03-b4 {
  float: left;
  padding: 7px;
  background: #a1d8e6;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 15px 10px 10px;
}
#st-img-l04 {
  float: left;
  padding: 7px;
  background: #a1d8e6;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 35px 10px 10px;
}
#st-img-l05 {
  float: left;
  padding: 7px;
  background: #a1d8e6;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 15px 10px 75px;
}
#st-img-l06 {
  float: left;
  padding: 7px;
  background: #a1d8e6;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 35px 10px 10px;
}
#st-img-l07 {
  float: left;
  padding: 7px;
  background: #a1d8e6;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 15px 10px 75px;
}

/* Nina */
#st-img-r01 {
  position: absolute;
  top: 16em;
  left: 290px;
  background: #a1d8e6;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  padding: 0;
  z-index: -1;
}
#b3-nina01 {
  margin: 10px 0 10px 0;
}
#img-nina-b2 {
  position: absolute;
  left: 1205px;
  top: 1030px;
  z-index: 200;
  -moz-transform:    rotate( -16deg );  /* Firefox用 */
  -webkit-transform: rotate( -16deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( -16deg );  /* 古いOpera用 */
  -ms-transform:     rotate( -16deg );  /* IE9用 */
  transform:         rotate( -16deg );  /* CSS3の書き方 */
}

#fabrice-com01 {
  position: absolute;
  top: 1em;
  left: 335px;
  padding: 0;
  z-index: 200;
}
#fabrice-com03 {
  position: absolute;
  top: 5em;
  left: 310px;
  padding: 0;
  z-index: 200;
}
#sharon-com01 {
  position: absolute;
  top: 1em;
  left: 210px;
  padding: 0;
  z-index: 200;
}
#waterseekr-com01 {
  position: absolute;
  top: 18em;
  left: -15px;
  padding: 0;
  z-index: 200;
}
#hide-com01 {
  position: absolute;
  top: 21em;
  left: -20px;
  padding: 0;
  z-index: 200;
}
#sharon-com02 {
  position: absolute;
  top: 0.5em;
  left: 250px;
  padding: 0;
  z-index: 200;
}
#fabrice-com02 {
  position: absolute;
  top: 24em;
  left: -20px;
  padding: 0;
  z-index: 200;
}

#shadow-chart-waku {
  position: absolute;
  top: -1em;
  left: 0px;
  padding: 0;
  z-index: -1;
}

#shb5-chart {
  width: 535px;
  margin: 0;
  padding: 5px;
  border: 1px solid #c0c0c0;
}
#shb5-chart-b {
  width: 265px;
  margin: 0;
  padding: 5px;
  border: 1px solid #c0c0c0;
}
#shb3-chart-b {
  width: 265px;
  margin: 0;
  padding: 5px;
}

#chart-ttl {
  width: 230px;
  margin: -0.4em auto -0.2em auto;
  color: #d13e2e;
  font-size: 30pt;
  font-weight: bold;
  text-align: center;
}
#chart-ttl02 {
  width: 230px;
  margin: -0.4em auto 0em auto;
  color: #d13e2e;
  font-size: 30pt;
  font-weight: bold;
  text-align: center;
}
.chart-left-frame {
  position: relative;
  float: left;
  width: 230px;
  margin: 3px 5px;
  padding: 3px;
}
.chart-left-frame02 {
  position: relative;
  float: left;
  width: 230px;
  margin: 3px 5px 3px 15px;
  padding: 3px;
}
.chart-left-frame-b3 {
  position: relative;
  float: left;
  width: 230px;
  margin: 23px 5px 5px -15px;
  padding: 3px;
}

.chart-right-frame {
  position: relative;
  float: right;
  width: 250px;
  margin: 3px 5px;
  padding: 3px;
}
.chart-right-frame02 {
  position: relative;
  float: right;
  width: 250px;
  margin: 3px 15px 3px 5px;
  padding: 3px;
}

/* チャート個別枠　影編 */
#sh-chart-individual-frame {
  width: 230px;
  margin: 3px auto 8px auto;
  padding: 7px 10px;
  background: transparent url(../images/blue-background01.jpg) repeat;
  /*background-color: rgba(83,147,183,1);*/
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color: #fff;
  font-size: 10.5pt;
  font-weight: bold;
  text-shadow: 2px 3px 3px #4e454a;
}
.analysis-ttl {
  width: 250px;
  font-size:12pt;
  font-weight:bold;
  margin-top: 0.5em ;
}
.analysis-ttl02 {
  width: 250px;
  font-size:10.5pt;
  font-weight:bold;
  margin-top: 0.5em ;
}
.analysis-ttl03 {
  width: 250px;
  font-size:11.5pt;
  font-weight:bold;
  margin-top: 0.5em ;
}

/* チャート・タイトルの三角印 */
#sh-b5-triangle {
  position: absolute;
  left: 40px;
  top: -15px;
  z-index: -1;
}
#sh-b4-triangle {
  position: absolute;
  left: 38px;
  top: -15px;
  z-index: -1;
}
#sh-b2-triangle {
  position: absolute;
  left: 40px;
  top: -15px;
  z-index: -1;
}
#sh-b1-triangle {
  position: absolute;
  left: 40px;
  top: -15px;
  z-index: -1;
}
/* ヘッドタイトル右横丸い階数タイトル */
#head-ttl-circle-s {
  position: absolute;
  left: 795px;
  top: 0.1em;
  z-index: 200;
}
#head-ttl-vertical {
  position: absolute;
  left: 840px;
  top: 7em;
  z-index: -1;
}

#shb5-lower-frame {
  width: 840px;
  margin: 0 auto;
}
#shb5-lower-frame02 {
  width: 860px;
  margin: 0 auto;
}
#shb3-lower-frame {
  position: relative;
  width: 860px;
  margin: 0 auto;
}
/* チャート：チェック項目 */
#check-b5 {
  position: relative;
  width: 510px;
  height: 355px;
  padding: 5px;
  margin: 0.6em auto 0 auto;
  border: 6px solid #e34730;
}
#check-b5-inside {
  width: 480px;
  height: 295px;
  padding: 10px;
  margin: 3px;
  background: transparent url(../images/711046_01_1.jpg);
}
.check-b5-inside-l {
  float: left;
  width: 210px;
  padding: 0px;
  margin: 5px 5px 5px 0px;
  font-size: 9pt;
  line-height: 1.6;
}

.check-b5-inside-r {
  float: left;
  width: 240px;
  padding: 0px;
  margin: 10px 0px 5px 15px;
  font-size: 9pt;
  line-height: 1.4;
}

/* B2：地下5階チェック・マップ */
.check-b5-inside-r-b2 {
  float: right;
  width: 285px;
  padding: 0px;
  margin: -10.4em -45px -10px 10px;
}
#check-b5-b2 {
  position: relative;
  width: 510px;
  height: 260px;
  padding: 5px;
  margin: 0.65em auto 0 auto;
  border: 6px solid #e34730;
}
#check-b5-inside-b2 {
  width: 480px;
  height: 240px;
  padding: 10px;
  margin: 3px;
  background: transparent url(../images/711046_01_1.jpg);
}

#check-b5-ttl {
  width: 500px;
  padding: 0px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-size: 18pt;
  font-weight: bold;
  text-align: center;
  font-family: Verdana,"MS PGothic","Osaka",Arial,sans-serif;
}
#check-b5-ttl-b2 {
  width: 480px;
  padding: 0px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-size: 18pt;
  font-weight: bold;
  text-align: center;
  font-family: Verdana,"MS PGothic","Osaka",Arial,sans-serif;
}
#check-mark {
  position: absolute;
  top: -20px;
  left: -40px;
  padding: 0;
  z-index: 200;
}
#check-mark-b2 {
  position: absolute;
  top: -55px;
  left: -50px;
  padding: 0;
  z-index: 200;
}
/***************************************************************/
/* 光編攻略ページ */
/* ストーリーダイジェスト */
#light-upper-frame {
  width: 860px;
  margin: 0 auto;
}
#light-lower-frame {
  width: 860px;
  margin: 0 auto;
}
#img-center {
  display: block;
  width: 500px;
  margin: 0 auto;
}

/* 光編右フロート・545px、padding+文字サイズ+均等割り付け */
#lightside-right01 {
  position: relative;
  float: right;
  width: 545px;
  margin-top: -5px;
  padding: 5px;
  line-height:1.7;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
/* 光編右フロート・565px、padding+文字サイズ+均等割り付け */
#light-b5-triangle {
  position: absolute;
  left: 40px;
  top: -15px;
  z-index: -1;
}

#lightside-right03 {
  float: right;
  width: 565px;
  margin-top: -1.2em;
  padding: 5px;
  line-height:1.7;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}

#lightside-right03-s01 {
  float: left;
  width: 250px;
  margin: 0px 5px 0 0;
  padding: 0;
  line-height:1.7;
  font-size: 9pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right03-s02 {
  float: left;
  width: 250px;
  margin: 0 35px 0 10px;
  padding: 0;
  line-height:1.7;
  font-size: 9pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right03-s03 {
  float: left;
  width: 260px;
  margin: -20px 20px 0 0;
  padding: 0;
  line-height:1.65;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right03-s03-b6 {
  float: left;
  width: 260px;
  margin: -20px 20px 0 0;
  padding: 0;
  line-height:1.705;
  font-size: 11pt;
  text-align: justify;
  text-justify: distribute;
}

#lightside-right03-s03-b4 {
  float: left;
  width: 260px;
  margin: -20px 20px 0 0;
  padding: 0;
  line-height:1.8;
  font-size: 11pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right03-s03-b5 {
  float: left;
  width: 260px;
  margin: 15px 0 0 15px;
  padding: 0;
  line-height:1.6;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}

#lightside-right03-s04 {
  float: left;
  width: 260px;
  margin-top: 3.7em;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right03-s05 {
  float: left;
  width: 260px;
  margin-top: 0em;
  padding: 0;
  line-height:1.8;
  font-size: 11pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right03-s06 {
  float: left;
  width: 260px;
  margin-top: 49px;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right03-s07 {
  float: left;
  width: 250px;
  margin: 0px 5px 0 0;
  padding: 0;
  line-height:1.75;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right03-s08 {
  float: left;
  width: 250px;
  margin: 0 35px 0 10px;
  padding: 0;
  line-height:1.75;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right03-s09 {
  float: left;
  width: 260px;
  margin-top: 4em;
  padding: 0;
  line-height:1.7;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right03-s09-b6 {
  float: left;
  width: 260px;
  margin-top: 48px;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}

/* 光編左フロート・275px、padding+文字サイズ+均等割り付け */
#lightside-left01 {
  position: relative;
  float: left;
  width: 275px;
  margin-right: 10px;
  padding: 0;
  line-height:1.7;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
/* 光編左フロート・255px、padding:0+文字サイズ+均等割り付け */
#lightside-left03 {
  position: relative;
  float: left;
  width: 255px;
  margin-right: 5px;
  padding: 0;
  line-height:1.8;
  font-size: 9.8pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left03-b5 {
  position: relative;
  float: left;
  width: 255px;
  margin-right: 5px;
  padding: 0;
  line-height:1.75;
  font-size: 10.3pt;
  text-align: justify;
  text-justify: distribute;
}

/* 光編右フロート・565px /枠のみ */
#lightside-right02 {
  position: relative;
  float: right;
  width: 565px;
  margin: 0;
  padding: 0;
}
#lightside-forest-right02 {
  position: relative;
  float: right;
  width: 575px;
  margin: 0;
  padding: 0;
}
#lightside-right-x {
  position: relative;
  float: right;
  width: 575px;
  margin: 0;
  padding: 0;
}

/* 光編左フロート・275px /枠のみ */
#lightside-left02 {
  position: relative;
  float: left;
  width: 275px;
  margin: 0;
  padding: 0;
}
/* 光編右フロート・275px /枠のみ */
#lightside-right04 {
  position: relative;
  float: right;
  width: 275px;
  margin: 0;
  padding: 0;
}
/* 光編左フロート・565px /枠のみ */
#lightside-left04 {
  position: relative;
  float: left;
  width: 565px;
  margin: 0;
  padding: 0;
}
.light-chart-left-frame {
  position: relative;
  float: left;
  width: 230px;
  margin: 3px 5px;
  padding: 3px;
}
#light-event-ttl {
  width: 242px;
  height: 26px;
  margin: 5px auto;
  font-size: 15pt;
  font-weight: bold;
  color: #f39800;
  text-align: center;
  border: 1px solid #f39800;
}
#lightside-left05 {
  float: left;
  width: 260px;
  margin: 0px 30px 0 0;
  padding: 0;
  line-height:1.6;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left05a {
  float: left;
  width: 260px;
  margin: 0;
  padding: 0;
  line-height:1.6;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left08 {
  position: relative;
  float: left;
  width: 260px;
  margin: 0px 30px 0 0;
  padding: 0;
  line-height:1.6;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left08a {
  position: relative;
  float: left;
  width: 260px;
  margin: 0px 30px 0 0;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left08b {
  position: relative;
  float: left;
  width: 260px;
  margin: 0px 10px 0 0;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left06 {
  position: relative;
  float: left;
  width: 410px;
  margin: 0;
  padding: 0;
}
#lightside-left09 {
  position: relative;
  float: left;
  width: 255px;
  margin-top: -20px;
  margin-right: 5px;
  padding: 0;
  line-height:1.75;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}

#lightside-right05 {
  position: relative;
  float: right;
  width: 150px;
  margin: 0px 5px 0 0;
  padding: 0;
  line-height:1.6;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left07 {
  position: relative;
  float: left;
  width: 275px;
  margin: 0;
  padding: 0;
}
#lightside-right06 {
  position: relative;
  float: right;
  width: 580px;
  margin: 0;
  padding: 0;
}
/* 光編・エネミー（エリート） */
#lightside-right06-b5 {
  position: relative;
  float: right;
  width: 580px;
  margin: 0;
  padding: 0;
  background: url(ww-veneer105.jpg);
  border: 8px solid #c1ab05;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

#lightside-right06a {
  position: relative;
  float: right;
  width: 580px;
  margin: 0;
  padding: 0;
  text-align: center;
}

#lightside-left-b1 {
  position: relative;
  float: left;
  width: 565px;
  margin: 0;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left-b2 {
  position: relative;
  float: left;
  width: 565px;
  margin: 0;
  padding: 0;
  line-height:1.4;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left-b3 {
  position: relative;
  float: left;
  width: 565px;
  margin: 0;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#lightside-right-b1 {
  float: right;
  width: 255px;
  margin: 0 0 0 15px;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
}
#lightside-left-b1-02{
  position: relative;
  float: left;
  width: 535px;
  margin: 0;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left-b1-02-s01 {
  float: left;
  width: 260px;
  margin: -30px 25px 0 0px;
  padding: 0;
  line-height:1.7;
  font-size: 11.5pt;
  /*text-align: justify;*/
  text-justify: distribute;
}
#lightside-left-b1-02-s02 {
  float: left;
  width: 240px;
  margin: -30px 5px 0 0px;
  padding: 0;
  line-height:1.8;
  font-size: 11.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-b1-right07 {
  float: right;
  width: 280px;
  margin: -2.4em 0 0 0;
  padding: 5px;
  line-height:1.75;
  font-size: 11pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-b2-right01 {
  float: right;
  width: 280px;
  margin: 0;
  padding: 5px;
  line-height:1.6;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}

#lightside-left-b2-f02 {
  position: relative;
  float: left;
  width: 575px;
  margin: 0;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left-b2-f02-s01 {
  float: left;
  width: 270px;
  margin: -30px 15px 0 0px;
  padding: 0;
  line-height:1.7;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left-b2-f02-s02 {
  float: left;
  width: 270px;
  margin: -30px 5px 0 0px;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}

#lightside-left-b3-f02-s01 {
  float: left;
  width: 270px;
  margin: -30px 15px 0 0px;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left-b3-f02-s02 {
  float: left;
  width: 270px;
  margin: -55px 5px 0 0px;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right-b3 {
  float: right;
  width: 265px;
  margin: 0 0 0 15px;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
}
#lightside-b4-right01 {
  float: right;
  width: 280px;
  margin: 0;
  padding: 5px;
  line-height:1.7;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#light-b5-chart-b {
  width: 265px;
  margin: 0;
  padding: 5px;
}
#light-b5-right04-s04 {
  float: left;
  width: 250px;
  margin: 0 35px 0 10px;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#light-b5-right04-c01 {
  float: left;
  width: 270px;
  margin: 0px 5px 0 0;
  padding: 0;
  line-height:1.6;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}

#transfer-map {
  position: relative;
  width: 840px;
  margin: 0 auto;
  padding: 0;
  border: 8px solid #7e542a;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
#lightside-left-b2-f02-s03 {
  float: left;
  width: 515px;
  margin: 40px 5px 0 0px;
  padding: 0;
}
#lightside-left-b2-f02-s04 {
  float: left;
  width: 270px;
  margin: 10px 5px 0 30px;
  padding: 0;
  line-height:1.7;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-left-b5 {
  position: relative;
  float: left;
  width: 565px;
  margin: 0;
  padding: 0;
  line-height:1.7;
  font-size: 11pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right-b5 {
  float: right;
  width: 265px;
  margin: 0 0 0 15px;
  padding: 0;
  line-height:1.7;
  font-size: 11pt;
}
#lightside-right-b6 {
  float: right;
  width: 265px;
  margin: 0 0 0 15px;
  padding: 0;
  line-height:1.63;
  font-size: 11pt;
}
#lightside-right-b6-02 {
  float: right;
  width: 265px;
  margin: 0 0 0 15px;
  padding: 0;
  line-height:1.6;
  font-size: 11pt;
}

#lightside-left-b5-02 {
  position: relative;
  float: left;
  width: 265px;
  margin: 0;
  padding: 0;
  line-height:1.7;
  font-size: 11pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-right-b5-03 {
  float: left;
  width: 575px;
  margin: 0 0 0 15px;
  padding: 0;
  line-height:1.7;
  font-size: 11pt;
}
#lightside-right-b6 {
  width: 575px;
  margin: 0 0 0 15px;
  padding: 0;
  line-height:1.7;
  font-size: 11pt;
}
#light-b6-item {
  width: 575px;
  margin:0;
  padding: 0;
}
#light-b6-item-com {
  float: right;
  width: 300px;
  margin-left: 10px;
}
#light-b6-enemy-right {
  float: right;
  width: 470px;
  margin: 0;
  padding: 0;
}
#light-b6-enemy-left {
  float: left;
  width: 380px;
  margin: 0;
  padding: 0;
}

.transfer-map-ttl {
  width: 240px;
  padding: 3px;
  color: #fff;
  font-size: 11pt;
  font-weight: bold;
  background-color: rgba(129,159,187,1);
}
#transfer-map-detailed-ttl {
  width: 496px;
  padding: 8px;
  margin: 0 auto 10px auto;
  color: #e3fffc;
  font-size: 13pt;
  font-weight: bold;
  background-color: rgba(0,0,0,1);
}
/* 光編アイテム個別枠 */
#light-b3-get-Individual {
  width: 71px;
  height: 71px;
  margin: 5px auto;
  text-align: center;
}
#light-b3-use-Individual {
  width: 71px;
  height: 71px;
  margin: 15px auto;
  text-align: center;
}
.tm-com {
  width: 240px;
  margin:0 auto 10px 0;
  padding: 0;
  color: #555;
  line-height: 1.4;
}
#tr-map-eoria {
  position: absolute;
  top: -10em;
  left: 560px;
  padding: 0;
  z-index: 200;
}

#delta-com01 {
  position: absolute;
  top: 1em;
  left: 0px;
  padding: 0;
  z-index: 200;
}
#sharon-com03 {
  position: absolute;
  top: 18em;
  left: 240px;
  padding: 0;
  z-index: 200;
}
#nina-b3-com01 {
  position: absolute;
  top: 0em;
  left: 0px;
  padding: 0;
  z-index: 200;
}
#nina-b3-com02 {
  position: absolute;
  top: 18em;
  left: 0px;
  padding: 0;
  z-index: 200;
}
#mew-b4-com01 {
  position: absolute;
  top: 19em;
  left: -20px;
  padding: 0;
  z-index: 200;
}
#ariadone-b5-com01 {
  position: absolute;
  top: 0em;
  left: 220px;
  padding: 0;
  z-index: 200;
}
#kaiser-b5-com01 {
  position: absolute;
  top: 17em;
  left: -20px;
  padding: 0;
  z-index: 200;
}
#waterseekr-b6-com01 {
  position: absolute;
  top: 10em;
  left: -20px;
  padding: 0;
  z-index: 200;
}

/* 光編エネミーテーブル */
table.enemy-light-b1 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
  z-index: 100;
}
table.enemy-light-b1 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  background: #f97279;
  color: #fff;
}
table.enemy-light-b1 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(255,255,255,1);
  color: #555;
  z-index: 100;
}
table.enemy-light-b2 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
  z-index: 100;
}
table.enemy-light-b2 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #e6c637;
  color: #fff;
}
table.enemy-light-b2 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(255,255,255,1);
  color: #555;
  z-index: 100;
}

table.enemy-light-b2-02 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
  z-index: 100;
}
table.enemy-light-b2-02 th {
  width: 60px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #e6c637;
  color: #fff;
}
table.enemy-light-b2-02 td {
  padding: 6px 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(255,255,255,1);
  color: #555;
  z-index: 100;
}

table.enemy-light-b3 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
  z-index: 100;
}
table.enemy-light-b3 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #a76252;
  color: #fff;
}
table.enemy-light-b3 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(255,255,255,1);
  color: #555;
  z-index: 100;
}
table.enemy-light-b4 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
  z-index: 100;
}
table.enemy-light-b4 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #d76a93;
  color: #fff;
}
table.enemy-light-b4 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(255,255,255,1);
  color: #555;
  z-index: 100;
}
table.enemy-light-b4-02 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
  z-index: 100;
}
table.enemy-light-b4-02 th {
  width: 35px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #d76a93;
  color: #fff;
}
table.enemy-light-b4-02 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(255,255,255,1);
  color: #555;
  z-index: 100;
}

table.enemy-light-b5 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
  z-index: 100;
}
table.enemy-light-b5 th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #e277bb;
  color: #fff;
}
table.enemy-light-b5 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(255,255,255,1);
  color: #555;
  z-index: 100;
}

table.enemy-light-b5-02 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
  z-index: 100;
}
table.enemy-light-b5-02 th {
  width: 60px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #e277bb;
  color: #fff;
}
table.enemy-light-b5-02 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(255,255,255,1);
  color: #555;
  z-index: 100;
}
table.enemy-light-b5-03 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
  z-index: 100;
}
table.enemy-light-b5-03 th {
  width: 75px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #e277bb;
  color: #fff;
}
table.enemy-light-b5-03 td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(255,255,255,1);
  color: #555;
  z-index: 100;
}

.td-right {
  text-align: right;
  font-weight: bold;
  text-shadow: 1px 2px 2px #c1c1c1;
}
table.enemy-light-b6 {
  border-collapse: separate;
  border-spacing: 0px;
  line-height: 1;
  border-top: 1px solid #ccc;
  margin: 0 auto;
  z-index: 100;
}
table.enemy-light-b6 th {
  width: 165px;
  padding: 0px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background: #ae7095;
  color: #fff;
}
table.enemy-light-b6 td {
  padding:0 0 0 10px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: rgba(255,255,255,1);
  font-size: 9pt;
  color: #555;
  z-index: 100;
}
#enemy-light-b6-com {
  text-align: left;
  width: 320px;
  padding: 10px;
  margin: 3px 5px 10px 0px;
  background-color: rgba(43,43,43,0.8);
  font-size: 9pt;
  line-height:1.6;
  color: #fff;
}
.td-w120 {
  width: 80px;
}
#light-b6-enemy-ls01 {
  float: left;
  width: 230px;
  margin: 0;
  padding: 0;
}
#light-b6-enemy-rs01 {
  float: right;
  width: 210px;
  margin: 0;
  padding: 10px;
  font-size: 12.4px;
  line-height:1.55;
  /*font-weight: bold;*/
}

#light-b6-right03 {
  float: right;
  width: 270px;
  margin: 0;
  padding: 5px;
  line-height:1.7;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#person-correlation-diagram {
  width: 840px;
  margin:0 auto;
}
/* 人物相関図 */
#light-b6-right03b {
  float: right;
  width: 260px;
  margin: 0 20px 0 0;
  padding: 0;
  line-height:1.6;
  font-size: 12px;
  text-align: justify;
  text-justify: distribute;
}
#light-b6-left02b {
  position: relative;
  float: left;
  width: 530px;
  margin: 5px 0 0 20px;
  padding: 0px;
}

#end-img {
  width: 400px;
  float: left;
  margin: 0 10px 10px 0;
}
#end-scenario {
  width: 520px;
  margin:0;
  padding:0;
}
#end-scenario-l {
  position: relative;
  float: left;
  width: 265px;
  margin: 0;
  padding: 5px;
}
#end-scenario-r {
  float: right;
  width: 265px;
  margin-top: -0.8em;
  padding: 5px;
  line-height: 1.5;
}
#scenario-ttl01 {
  position: absolute;
  left: -20px;
  top: 18em;
  z-index: 200;
}

/* 光編・武器-防具、影専門 */
#only-shadow {
  width: 270px;
  background-color: rgba(110,133,183,0.9);
  margin: 5px auto 0 auto;
  padding:5px 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 9pt;
  color: #fff;
  line-height: 1.4;
}
#only-shadow-ttl {
  width: 260px;
  margin: 0 auto 5px auto;
  padding: 3px;
  font-size: 12pt;
  color: #8d93c8;
  font-weight: bold;
  text-align: center;
  background-color: rgba(255,255,255,1);
  border: 3px solid #e95388;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#arm-com {
  width: 260px;
  margin-top: 15px;
  font-size: 11pt;
  /*font-weight: bold;*/
  line-height: 1.6;
}

#black-slate {
  width: 560px;
  margin:1em auto 0 auto;
  padding: 8px;
  border: 8px solid #7e542a;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
#black-slate-right {
  float: right;
  width: 336px;
  margin:0;
  padding: 0;
}
#black-slate-left {
  width: 220px;
  margin: 0px;
  padding: 0;
  font-size: 9.5pt;
  line-height: 1.5;
}

#moving-floor {
  width: 550px;
  margin:1em auto 0 auto;
  padding: 8px;
  border: 5px solid #7e542a;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
#moving-floor-right {
  float: right;
  width: 240px;
  margin:0;
  padding: 0;
  text-align: right;
}
#moving-floor-left {
  width: 294px;
  margin: 0px;
  padding: 0;
  font-size: 10.6pt;
  line-height: 1.6;
}

.floor-ttl-02 {
  width: 450px;
  margin: 10px auto 8px 5px;
}
.floor-ttl-w {
  width: 450px;
  margin: -17px auto 0px 5px;
}

#lightside-od-s01 {
  float: left;
  width: 260px;
  margin: 0px 20px 0 0;
  padding: 0;
  line-height:1.8;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-od-s02 {
  float: right;
  width: 260px;
  margin: 0px 0px 0 0;
  padding: 0;
  line-height:1.8;
  font-size: 10.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-od-s03 {
  float: left;
  width: 260px;
  margin: 15px 20px 0 0;
  padding: 0;
  line-height:1.5;
  font-size: 9.5pt;
  text-align: justify;
  text-justify: distribute;
}
#lightside-od-s04 {
  float: right;
  width: 260px;
  margin: 35px 0px 0 0;
  padding: 0;
  line-height:1.7;
  font-size: 10pt;
  text-align: justify;
  text-justify: distribute;
}
#open-door {
  position: relative;
  width: 550px;
  margin:2em auto 0 auto;
  padding: 16px 8px 16px 8px;
  border: 5px solid #7e542a;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
#open-door-img {
  position: absolute;
  top: -12em;
  left: 270px;
  padding: 0;
  z-index: 200;
}
#piece-of-stone-plate {
  position: relative;
  width: 550px;
  margin:0em auto 0 auto;
  padding: 16px 8px 16px 8px;
  border: 5px solid #7e542a;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
#head-ttl-light-vertical {
  position: absolute;
  left: 845px;
  top: 7em;
  z-index: -1;
}
#head-ttl-light-vertical-02 {
  position: absolute;
  left: 835px;
  top: 5em;
  z-index: -1;
}
#head-ttl-light-vertical-02x {
  position: absolute;
  left: 5px;
  top: 12em;
  z-index: -1;
}
#floor-analysis {
  margin-left: -1.5em;
}

#check-light {
  position: relative;
  width: 510px;
  height: 335px;
  padding: 5px;
  margin: 0.6em auto 0 auto;
  border: 6px solid #0075c2;
}
#check-light-inside {
  width: 480px;
  height: 275px;
  padding: 10px;
  margin: 3px;
  background: transparent url(../images/711046_01_1.jpg);
}
/* 光編Ｂ1階 */
#check-light-b1 {
  position: relative;
  width: 510px;
  height: 550px;
  padding: 5px;
  margin: 0.6em auto 0 auto;
  border: 6px solid #0075c2;
}
#check-light-inside-b1 {
  width: 480px;
  height: 480px;
  padding: 10px;
  margin: 3px;
  background: transparent url(../images/711046_01_1.jpg);
}
.check-light-inside-l01 {
  float: left;
  width: 230px;
  padding: 0px;
  margin: 5px 5px 5px 0px;
  font-size: 9pt;
  line-height: 1.6;
}

.check-light-inside-r001 {
  float: right;
  width: 230px;
  padding: 0px;
  margin: 5px 0px 5px 10px;
  font-size: 9pt;
  line-height: 1.5;
}
/* 光編Ｂ2階 */
#check-light-b2 {
  position: relative;
  width: 260px;
  padding: 5px;
  margin: 0 auto;
  border: 6px solid #0075c2;
}
#check-light-inside-b2 {
  width: 230px;
  height: px;
  padding: 10px;
  margin: 3px;
  background: transparent url(../images/711046_01_1.jpg);
}
.check-light-inside-l02 {
  width: 210px;
  padding: 0px;
  margin: 5px;
  font-size: 9pt;
  line-height: 1.6;
}

.check-light-inside-r01 {
  float: left;
  width: 230px;
  padding: 0px;
  margin: 10px 0px 5px 10px;
  font-size: 9pt;
  line-height: 1.4;
}
#check-light-b2-ttl {
  width: 200px;
  padding: 0px 0px 0px 50px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-size: 18pt;
  font-weight: bold;
  text-align: center;
  font-family: Verdana,"MS PGothic","Osaka",Arial,sans-serif;
}
#check-light-b5 {
  position: relative;
  width: 510px;
  height: 295px;
  padding: 5px;
  margin: 0.6em auto 0 auto;
  border: 6px solid #0075c2;
}
#check-light-b5-inside {
  width: 480px;
  height: 235px;
  padding: 10px;
  margin: 3px;
  background: transparent url(../images/711046_01_1.jpg);
}

.analysis-ttl-b1 {
  width: 250px;
  font-size:11pt;
  font-weight:bold;
  margin-top: 0.5em ;
}
#forest-event {
  width: 240px;
  padding: 10px 10px 0px 10px;
  margin: 5px;
  font-size: 9pt;
  line-height: 1.4;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #6ea156;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
#forest-event3 {
  float: left;
  width: 240px;
  padding: 10px 10px 0px 10px;
  margin: 5px 10px 5px 0px;
  font-size: 9pt;
  line-height: 1.4;
  background-color: rgba(255,255,255,0.7);
  border: 8px solid #6ea156;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
#f-ev-ttl {
  width: 230px;
  margin:3px auto;
  padding:2px 2px 2px 12px;
  background-color: rgba(121,79,39,0.9);
  color: #fff;
  font-size: 11pt;
}
#f-ev-com {
  width: 230px;
  margin:5px;
}
#fe-chnum {
  width: 106.5%;
  margin: 0 0 0 -10px;
  padding:2px;
  background-color: rgba(237,237,149,0.7);
}
/* 光の街詳細MAP */
#light-town-detailed {
  position: relative;
  width: 477px;
  margin:5px auto 5px 3.5em;
  padding: 10px;
  border: 8px solid #288c66;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
#detailed-right {
  width: 280px;
  float: right;
  margin-left: 10px;
}
#detailed-left {
  position: absolute;
  top:1em;
  float: left;
  left:-4.5em;
  margin:0;
  padding:0;
}
.detailed-com {
  width: 260px;
  margin:0 auto;
  padding:5px;
  font-size: 8.5pt;
  line-height:1.5;
}

#target-level {
  position: absolute;
  left: 0px;
  top: -30px;
  z-index: 200;
  -moz-transform:    rotate( -8deg );  /* Firefox用 */
  -webkit-transform: rotate( -8deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( -8deg );  /* 古いOpera用 */
  -ms-transform:     rotate( -8deg );  /* IE9用 */
  transform:         rotate( -8deg );  /* CSS3の書き方 */
}
#target-level02 {
  position: absolute;
  left: 0px;
  top: -70px;
  z-index: 200;
  -moz-transform:    rotate( -8deg );  /* Firefox用 */
  -webkit-transform: rotate( -8deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( -8deg );  /* 古いOpera用 */
  -ms-transform:     rotate( -8deg );  /* IE9用 */
  transform:         rotate( -8deg );  /* CSS3の書き方 */
}

#hr-line11 {
  position: absolute;
  left: 562px;
  top: 50px;
  z-index: 200;
}
#hr-line12 {
  position: absolute;
  left: 270px;
  top: 50px;
  z-index: 200;
}

/* 光編用画像枠 */
.snapshot-light-01 {
	padding: 7px;
	background: #f39800;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	margin:0 auto;
}
.snapshot-light-02 {
	padding: 7px;
	background: #fff3b8;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	margin:0 auto;
}
.snapshot-light-03 {
	float: right;
	padding: 7px;
	background: #fff3b8;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	margin:0 auto 0 15px;
}
.snapshot-light-04 {
	float: left;
	padding: 7px;
	background: #fff3b8;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	margin:0 15px 0 0px;
}
.snapshot-light-05 {
	float: right;
	padding: 7px;
	background: #fff3b8;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	margin:0 auto 2px 15px;
}
.snapshot-light-06 {
	float: left;
	padding: 7px;
	background: #fff3b8;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	margin:0 15px 5px 0px;
}
.snapshot-light-07 {
	padding: 7px;
	background: #fff3b8;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	margin:0 auto 10px auto;
}

/* 光編・画像位置 */
#st-img-l11m {
  width: 350px;
  float: right;
  position: relative;
  margin-top:-4.6em;
  margin-left:10px;
  margin-bottom:-20px;
  text-align: right;
}
#st-img-l08 {
  float: left;
  padding: 7px;
  background: #fff3b8;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 10px 10px 35px;
}
#st-img-l09 {
  float: left;
  padding: 7px;
  background: #fff3b8;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 75px 10px 15px;
}
#st-img-l10 {
  float: left;
  padding: 7px;
  background: #fff3b8;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 10px 10px 15px;
}
#st-img-l11 {
  float: left;
  width: 240px;
  padding: 7px;
  background: #fff3b8;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 85px 10px 5px;
}
#st-img-l12 {
  width: 300px;
  float: left;
  padding: 7px;
  background: #fff3b8;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 25px 10px 55px;
}
#st-img-l13 {
  width: 350px;
  float: left;
  padding: 7px;
  background: #fff3b8;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 15px 10px 5px;
}
#st-img-l14 {
  float: left;
  width: 307px;
  padding: 7px;
  background: #fff3b8;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
  position: relative;
  margin:10px 15px 10px 75px;
}

#mew-com01 {
  position: absolute;
  top: 1.5em;
  left: 0px;
  padding: 0;
  z-index: 200;
}
#map-des01 {
  margin: 5px auto;
}
/* 光編チャート */
#chart-ttl-light {
  width: 230px;
  margin: -0.4em auto -0.2em auto;
  color: #003f8e;
  font-size: 30pt;
  font-weight: bold;
  text-align: center;
}

#light-chart-a {
  width: 260px;
  margin: 0;
  padding: 5px;
  border: 1px solid #c0c0c0;
}
#light-chart-b {
  width: 265px;
  margin: 0;
  padding: 5px;
  border: 1px solid #c0c0c0;
}
#chart-light-ttl {
  width: 200px;
  margin: -0.4em auto -0.2em auto;
  color: #d13e2e;
  font-size: 22pt;
  font-weight: bold;
  text-align: center;
}
#light-chart-individual-frame {
  width: 230px;
  margin: 3px auto 8px auto;
  padding: 7px 10px;
  background: transparent url(yellow-background01.jpg) repeat;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  -webkit-box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  box-shadow: -3px -3px 3px rgba(0, 0, 0, 0.4) inset, 3px 3px 8px rgba(255,255,255,0.8) inset;
  color: #fff;
  font-size: 10.5pt;
  font-weight: bold;
  text-shadow: 2px 3px 3px #4e454a;
}
/* 光編・地下案内(矢印下) */
.ug-light-guide {
  width: 200px;
  margin: -10px auto 0 auto;
  font-size: 13pt;
  font-weight: bold;
  color: #ea5532;
  text-shadow: 1px 2px 2px #24140e;
  text-align: center;
}
/* 光編EVENT ITEM */
#light-b1-get-frame {
  width: 230px;
  margin: 5px auto;
  padding: 5px 5px 0px 5px;
  border: 1px solid #c0c0c0;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}
#light-b1-get-s01 {
  position: relative;
  float: left;
  width: 110px;
  margin-top:-10px;
  margin-right:5px;
  margin-bottom: 10px;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}
#light-b1-get-s02 {
  position: relative;
  float: right;
  width: 110px;
  margin-top:-10px;
  margin-left:5px;
  margin-bottom: 10px;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}
#light-b1-use-s01 {
  position: relative;
  float: right;
  width: 85px;
  height: 110px;
  top: -5.5em;
  left: -30px;
  margin: 0px;
  padding: 5px;
  font-size: 16pt;
  font-weight: bold;
  border: 2px dashed #e95388;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
}
#light-b1-get-Individual {
  width: 71px;
  height: 71px;
  margin: 15px auto;
  text-align: center;
}
#light-b1-use-Individual {
  width: 71px;
  height: 71px;
  margin: 0px auto 5px auto;
  text-align: center;
}
#light-b4-use-s01 {
  position: relative;
  float: right;
  width: 85px;
  /*height: 110px;*/
  top: -7.5em;
  left: -30px;
  margin: 0px;
  padding: 5px;
  font-size: 16pt;
  font-weight: bold;
  border: 2px dashed #e95388;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
}
#magic-shoes {
  position: absolute;
  left: 72px;
  top: 20px;
  z-index: 200;
  -moz-transform:    rotate( -8deg );  /* Firefox用 */
  -webkit-transform: rotate( -8deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( -8deg );  /* 古いOpera用 */
  -ms-transform:     rotate( -8deg );  /* IE9用 */
  transform:         rotate( -8deg );  /* CSS3の書き方 */
}

/* 光編Enemy frame */
#light-enemy-frame {
  position: relative;
  width: 810px;
  margin: 0 auto;
  padding: 0;
  z-index: 100;
}
#light-enemy-type3 {
  position: relative;
  float: left;
  text-align: left;
  width: 245px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
}
#light-enemy-type2 {
  position: relative;
  float: left;
  text-align: left;
  width: 510px;
  height: 328px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(255,255,255,0.7);
  z-index: -2;
}
/* 光編Ｂ1階エネミー・サムネイル(回転) */
#light-enemy-b1 {
  position: absolute;
  left: 110px;
  top: -20px;
  z-index: 190;
  -moz-transform:    rotate( 16deg );  /* Firefox用 */
  -webkit-transform: rotate( 16deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( 16deg );  /* 古いOpera用 */
  -ms-transform:     rotate( 16deg );  /* IE9用 */
  transform:         rotate( 16deg );  /* CSS3の書き方 */
}
#light-enemy-b2 {
  position: absolute;
  left: 0px;
  top: -40px;
  z-index: 190;
  -moz-transform:    rotate( -8deg );  /* Firefox用 */
  -webkit-transform: rotate( -8deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( -8deg );  /* 古いOpera用 */
  -ms-transform:     rotate( -8deg );  /* IE9用 */
  transform:         rotate( -8deg );  /* CSS3の書き方 */
}
#light-enemy-b3 {
  position: absolute;
  left: 160px;
  top: -40px;
  z-index: 190;
  -moz-transform:    rotate( 8deg );  /* Firefox用 */
  -webkit-transform: rotate( 8deg );  /* Chrome,Safari,新しいOpera用 */
  -o-transform:      rotate( 8deg );  /* 古いOpera用 */
  -ms-transform:     rotate( 8deg );  /* IE9用 */
  transform:         rotate( 8deg );  /* CSS3の書き方 */
}

table.enemy-light-forest {
  border-collapse: separate;
  border-spacing: 0px;
  text-align: left;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  margin: 10px auto;
}
table.enemy-light-forest th {
  width: 135px;
  padding: 2px;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  background: #86bd3d;
  color: #fff;
}
table.enemy-light-forest td {
  padding: 2px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #555;
}
.td-right {
  text-align: right;
  font-weight: bold;
  text-shadow: 1px 2px 2px #c1c1c1;
}
#light-enemy-com {
  text-align: left;
  width: 225px;
  padding: 10px;
  margin: 10px 5px 10px 0px;
  background-color: rgba(43,43,43,0.8);
  font-size: 10pt;
  line-height:1.6;
  color: #fff;
}
#forest-enemy-bear {
  position: absolute;
  left: 0px;
  top: -10em;
  z-index: 200;
}
/* ページング */
ul#pageNav02 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	/*background: #fff;
	border: 1px solid #ccc;*/
	text-align: center;
}

ul#pageNav02 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	list-style: none;
}

ul#pageNav02 li span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #043c78;
	text-decoration: none;
	vertical-align: middle;
	list-style: none;
	color: #fff;
}

ul#pageNav02 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #eeeff7;
	border: 1px solid #ea618e;
	text-decoration: none;
	vertical-align: middle;
	list-style: none;
}

ul#pageNav02 li a:hover {
	color: #fff;
	background: #ea618e;
}
/* ギャラリー */ 
.gallery{
	width: 860px;
	height: 230px;
	margin: -1em 0 0 0;
	padding: 0;
}
.gallery img {
    padding: 10px;
    background: #a1d8e6;
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
    position: relative; /* z-index を指定するので */
}

/*.gallery .pic-1{
	z-index:1;
	top:0;
	left:0;
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	-o-transform:rotate(10deg);
	transform:rotate(-10deg);
	margin:0
}*/
.gallery .pic-2{
	z-index:12;
	top:-6.2em;
	left:-8.5em;
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform:rotate(-3deg);
	margin:0
}
.gallery .pic-3{
	z-index:8;
	top:-6em;
	left:1em;
	-webkit-transform:rotate(12deg);
	-moz-transform:rotate(12deg);
	-o-transform:rotate(12deg);
	transform:rotate(12deg);
	margin:0
}
.gallery .pic-4{
	z-index:6;
	top:-30em;
	left:40em;
	-webkit-transform:rotate(-8deg);
	-moz-transform:rotate(-8deg);
	-o-transform:rotate(-8deg);
	transform:rotate(-8deg);
	margin:0;
}
.gallery .pic-5{
	z-index:15;
	top:-22em;
	left:17em;
	-webkit-transform:rotate(-6deg);
	-moz-transform:rotate(-6deg);
	-o-transform:rotate(-6deg);
	transform:rotate(-6deg);
	margin:0
}
.gallery .pic-6{
	z-index:11;
	top:-30em;
	left:0em;
	-webkit-transform:rotate(-7deg);
	-moz-transform:rotate(-7deg);
	-o-transform:rotate(-7deg);
	transform:rotate(-7deg);
	margin:0
}
.gallery .pic-7{
	z-index:16;
	top:-33em;
	left:12em;
	-webkit-transform:rotate(-12deg);
	-moz-transform:rotate(-12deg);
	-o-transform:rotate(-12deg);
	transform:rotate(-12deg);
	margin:0
}
.gallery .pic-8{
	z-index:18;
	top:-14em;
	left:-7em;
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	transform:rotate(5deg);
	margin:0
}

.gallery a{
  border:0
}
.gallery a:hover img{
  z-index:100
}
/* 光編用 */
.gallery-light{
	width: 860px;
	height: 230px;
	margin: 0;
	padding: 0;
}
.gallery-light img {
    padding: 10px;
    background: #f39800;
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
    position: relative; /* z-index を指定するので */
}
.gallery-light .pic-10{
	z-index:8;
	top:-11.5em;
	left:1em;
	-webkit-transform:rotate(12deg);
	-moz-transform:rotate(12deg);
	-o-transform:rotate(12deg);
	transform:rotate(12deg);
	margin:0
}
.gallery-light .pic-11{
	z-index:8;
	top:-4.5em;
	left:-8.5em;
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform:rotate(-3deg);
	margin:0
}
.gallery-light .pic-12{
	z-index:6;
	top:-24em;
	left:39em;
	-webkit-transform:rotate(-8deg);
	-moz-transform:rotate(-8deg);
	-o-transform:rotate(-8deg);
	transform:rotate(-8deg);
	margin:0;
}
.gallery-light a{
  border:0
}
.gallery-light a:hover img{
  z-index:100
}

/* フッター */
#footer {
  width: 100%;
  font-family: 'trebuchet ms', sans-serif;
  font-size: 100%;
  height: 80px;
  padding: 28px 0 5px 0;
  text-align: center; 
  background: #3B3939 url(footer.png) repeat-x;
  color: #A8AA94;
  margin-bottom: 0;
}

#footer p
{ line-height: 1.7em;
  padding: 0 0 10px 0;}

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

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

#footer02 {
  width: 100%;
  font-family: 'trebuchet ms', sans-serif;
  font-size: 100%;
  height: 100px;
  padding: 28px 0 15px 0;
  text-align: center; 
  background: #3B3939 url(footer.png) repeat-x;
  color: #A8AA94;
  margin-bottom: 0;
}

#footer02 p
{ line-height: 1.7em;
  padding: 5px 0 5px 0;}

#footer02 a
{ color: #A8AA94;
  text-decoration: none;}

#footer02 a:hover {
  color: #FFF;
  text-decoration: none;
}

.separator {
  width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;
}

/* ボトム行間調整 */
.bottom-adjust01 {
	width: 380px;
	height: 60px;
	margin: 0;
}
.bottom-adjust02 {
	width: 380px;
	height: 50px;
	margin: 0;
}
.bottom-adjust03 {
	width: 380px;
	height: 41px;
	margin: 0;
}
.bottom-adjust04 {
	width: 380px;
	height: 97px;
	margin: 0;
}
.bottom-adjust05 {
	width: 380px;
	height: 165px;
	margin: 0;
}
.bottom-adjust06 {
	width: 380px;
	height: 80px;
	margin: 0;
}
.bottom-adjust07 {
	width: 380px;
	height: 111px;
	margin: 0;
}
.bottom-adjust08 {
	width: 380px;
	height: 50px;
	margin: 0;
}
.bottom-adjust09 {
	width: 380px;
	height: 15px;
	margin: 0;
}
.bottom-adjust10 {
	width: 380px;
	height: 16px;
	margin: 0;
}
.bottom-adjust11 {
	width: 380px;
	height: 41px;
	margin: 0;
}
.bottom-adjust12 {
	width: 380px;
	height: 98px;
	margin: 0;
}
.bottom-adjust13 {
	width: 380px;
	height: 15px;
	margin: 0;
}
.bottom-adjust14 {
	width: 380px;
	height: 8px;
	margin: 0;
}

.middle-adjust01 {
	width: 380px;
	height: 1.5em;
	margin: 0;
}
.middle-adjust02 {
	width: 380px;
	height: 0.5px;
	margin: 0;
}
.middle-adjust03 {
	width: 380px;
	height: 41px;
	margin: 0;
}
.middle-adjust04 {
	width: 380px;
	height: 21px;
	margin: 0;
}
.middle-adjust05 {
	width: 250px;
	height: 10px;
	margin: 0;
}
.middle-adjust06 {
	width: 230px;
	height: 10px;
	margin: 0;
}
.middle-adjust07 {
	width: 230px;
	height: 20px;
	margin: 0;
}
.middle-adjust08 {
	width: 230px;
	height: 28px;
	margin: 0;
}
.middle-adjust09 {
	width: 230px;
	height: 5px;
	margin: 0;
}
.middle-adjust10 {
	width: 230px;
	height: 14px;
	margin: 0;
}
.middle-adjust11 {
	width: 230px;
	height: 2px;
	margin: 0;
}