@charset "shift_jis";
/* --box --*/
body#guidemap h5 {
  font-size: 14px;
  margin-bottom: 0;
}
#body_bg_box {
  background: url(../imgs/bg_userguide_side.gif) repeat-y;
  width: 960px;
}
#body_bg_box li.absolute {
  border-bottom: 2px dotted #fc8;
}
#body_bg_box li.absolute a:link {
  color: #e60;
}
#body_bg_box li.absolute a:visited {
  color: #e60;
}
#body_bg_box li.absolute a:hover {
  color: #e60;
}
#body_bg_box li.absolute a:active {
  color: #e60;
}
#sideconte_box li {
  list-style: none;
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow_userguide.gif) 0 0.9em no-repeat;
}
/* --box --*/
/* --title --*/
#body_box .title_box, h3 {
  background: #afd8ef url(../../userguide/imgs/bg_userguide_title.gif) repeat-y;
  padding: 2px 10px 2px 10px;
  font-weight: bold;
}
#body_box .sub_title, h4 {
  font-weight: bold;
  border-bottom: 3px solid #2f88ba;
  margin-bottom: 1em;
  display: block;
}
/* --title --*/
/* --book --*/
#body_box .book_box {
  border-style: solid;
  border-width: 5px 1px 1px 1px;
  border-color: #fc8 #ccc #ccc #ccc;
  margin-bottom: 3em;
  padding: 20px;
  display: block;
  background: #fafafa;
  width: 578px;
}
#body_box .book_box .price {
  color: #966;
}
#body_box .book_box_img {
  float: left;
  width: 100px;
}
#body_box .book_box_word {
  float: left;
  margin: 0 0 0 20px;
  width: 435px;
}
#body_box .book_box dt {
  border-style: solid;
  border-width: 0 0 0 5px;
  border-color: #ddd #ddd #ddd #fa6;
  margin: 0 0 10px 0;
  padding: 0 0 0 6px;
  font-weight: bold;
}
#body_box .book_box dt.new {
  padding: 0 0 0 38px;
  background: url(../imgs/icon_new.gif) 10px 0.2em no-repeat;
}
#body_box .book_box dd {
  margin: 0 0 0 50px;
}
#body_box .book_box dd.line {
  border-bottom: 2px dotted #ccc;
  padding: 0 0 5px 0;
  margin: 0 0 5px 50px;
}
#body_box .book_box_img img {
  border: 1px solid #ccc;
}
#body_box .book_box_img a img {
  border: 1px solid #a30;
}
#body_box .book_box_img a:link img {
  border: 1px solid #a30;
}
#body_box .book_box_img a:visited img {
  border: 1px solid #a30;
}
#body_box .book_box_img a:hover img {
  border: 1px solid #f33;
}
#body_box .book_box_img a:active img {
  border: 1px solid #a30;
}
#body_box .book_issue_title table {
  margin: 0 0 20px 0;
}
#body_box .book_issue_title table td {
  vertical-align: top;
}
#body_box .book_issue_title table td.name {
  padding: 0 0 0 20px;
}
#body_box .book_issue table {
  width: 100%;
  border-top: 3px solid #e60;
}
#body_box .book_issue table td {
  border-bottom: 1px solid #eee;
  vertical-align: bottom;
  padding: 1em 0 0 0;
}
/* --book --*/
/* --list --*/
#body_box ul {
  padding: 0 0 0 1em;
}
#body_box ul.basic {
  list-style: none;
}
#body_box ul.basic li {
  text-indent: -1em;
}
#body_box ul.basic li:first-letter {
  color: #2f88ba;
}
/* --list --*/
/* --link --*/
#body_box a.arrow:link {
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
}
#body_box a.arrow:visited {
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
}
#body_box a.arrow:hover {
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
}
#body_box a.arrow:active {
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow.gif) 0 0.6em no-repeat;
}
/* --link --*/
/* --form --*/
#body_box .from_text {
  width: 250px;
  border: 1px solid #ccc;
  font-size: 1.1rem;
}
#body_box .from_select_normal {
  border: 1px solid #ccc;
  width: 250px;
  background: #ffebcc;
}
#body_box .from_select {
  border: 1px solid #ccc;
  width: 250px;
  background: #ffebcc;
}
#body_box .from_select optgroup option, #body_box .from_select option.title {
  background: #ffebcc;
}
#body_box .from_select option {
  background: #fc8;
}
#body_box .from_select_box {
  margin: 0.5em 0 2em 0;
  padding: 5px 0 0 10px;
  background: url(../imgs/bg_linkarrow_userguide.gif) 0 0.9em no-repeat;
}
/* --form --*/
/* --guidemap --*/
#body_box .name_box {}
#body_box .name_box .float_left {
  width: 360px;
}
#body_box .name_box div.clear_float {
  visibility: hidden;
}
#body_box .name_box .float_left div.clear_float {
  padding-bottom: 10px;
}
#body_box .name_box dl {}
#body_box .name_box dl img {
  display: block;
}
#body_box .name_box dl dt {
  float: left;
}
#body_box .name_box .float_left dl dd {
  float: left;
  width: 240px;
  margin-left: 0.8em;
}
#body_box .name_box dl dd strong {
  display: block;
}
#body_box .name_box .float_right {
  width: 220px;
}
#body_box .name_box .float_right dl {
  width: 220px;
  padding-top: 10px;
}
#body_box .name_box .float_right dl dt {
  margin-right: 10px;
}
#body_box .name_box .float_right dl dd {
  _width: 100px;
  margin-left: 0.8em;
}
#body_box .name_box .float_right p {
  margin-bottom: 30px;
}
/* --guidemap --*/
/*leaflet_DL*/
#leaflet_DL ul {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  margin-top: 1em;
  padding: 0;
}
#leaflet_DL ul li {
  width: 50%;
  list-style-type: none;
  margin-bottom: 1.5em;
  text-align: center;
	/**/
	display: flex;
	flex-direction: column;
	align-self: center;
}
#leaflet_DL ul li img {
	padding-bottom: 7px;
}
#leaflet_DL ul li a:hover img {
	opacity: .8;
}