@charset "shift_jis";
/* --box --*/
#body_bg_box {
 width: 960px;
 background: url(../imgs/bg_def_side.gif) repeat-y;
}
#body_bg_box li.absolute {
 border-bottom: 2px dotted #c6da5f;
}
#body_bg_box li.absolute a:link {
 color: #669900;
}
#body_bg_box li.absolute a:visited {
 color: #669900;
}
#body_bg_box li.absolute a:hover {
 color: #669900;
}
#body_bg_box li.absolute a:active {
 color: #669900;
}
#sideconte_box li {
 list-style: none;
 padding: 5px 0 0 10px;
 background: url(../imgs/bg_linkarrow_def.gif) 0 0.9em no-repeat;
}
/* --box --*/
/* --title --*/
#body_box .title_box, h3 {
 background: #d1e686 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 #95b009;
 margin-bottom: 1em;
 display: block;
}
#body_box #sub_title_w, #body_box #sub_title_h, h4.w, h4.h {
 font-weight: bold;
 border-bottom: 3px solid #95b009;
 margin-bottom: 10px;
 padding: 3px 3px 3px 25px;
 display: block;
 clear: both;
}
#body_box #sub_title_w, h4.w {
 background: url(../../introduction/summary/imgs/w.gif) no-repeat;
}
#body_box #sub_title_h, h4.h {
 background: url(../../introduction/summary/imgs/h.gif) no-repeat;
}
/* --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: #84c100;
}
/* --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.2rem;
}
#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 --*/
/* --hot news --*/
#body_box .hot_news {
 margin: 0 0 10px 0;
 width: 578px;
}
#body_box .hot_news dt {
 float: left;
 margin: 0 20px 0 0;
 padding: 0 0 0 10px;
 background: url(../imgs/bg_linkarrow.gif) 0 0.5em no-repeat;
 width: 80px;
}
#body_box .hot_news dd {
 float: left;
 width: 468px;
}
/* --hot news --*/
/* --summary --*/
.summaryBox01 {
 margin-top: 10px;
 width: 620px;
 overflow: hidden;
 clear: both;
}
.summaryBox01.summaryBoxFlex {
  display: flex;
}
.summaryBox_flexInner.flexInner01 {
  width: 280px;
}
.summaryBox_flexInner.flexInner02 {
  width: 340px;
}
.summaryBox01 .summaryBox_flexInner {
  text-align: center;
}
/* --summary-- */
ul.icon-lstyle {
 margin: 1em 0 0 0;
 padding: 0 !important;
 list-style: none !important;
}
ul.icon-lstyle li {
 list-style: none !important;
}
li.icon-list {
 margin: 0;
 padding-left: 1em;
}
/* --summary --*/
/* --habits --*/
.habitsImgBox {
 width: 620px;
 height: 1%; /* Add 090316 */
 overflow: hidden;
}
.habitsImgBox dl {
 display: inline;
 float: left;
 /*margin-left: 1em;*/ /* 090310 */
 width: 300px;
	margin-bottom: 1.5em;
}
.habitsImgBox dl dt {
 margin-bottom: 1em;
}
.habitsImgBox dl dt:first-letter {
 color: #84c100;
}
.habitsImgBox ol li {
 padding-left: 1.6em; /* 090310 */
 text-indent: -1.6em; /* 090310 */
}
.habitsImgBox .mapImg {
 display: inline;
 float: right;
 margin-right: 50px;
 padding-bottom: 10px;
}
.habitsBox02 {
 margin-top: 20px;
 width: 620px;
 overflow: hidden;
 text-align: center;
}
.habitsBox02 p {
 width: 300px;
}
.habitsBox02 p img {
 margin-bottom: 5px;
}
#irr {
 float: left;
 width: 300px;
}
.habitsImgBox #irr dt {
 margin: 0 0 5px 0;
}
.habitsImgBox #irr dd {
 margin: 0 0 10px 0;
}
/* --habits --*/
/* --pavilion --*/
.pavilionImgBoxR {
 width: 620px;
 overflow: hidden;
}
.pavilionImgBoxR .mapImg {
 display: inline;
 float: right;
 margin-right: 50px;
}
.pavilionImgBoxR dl {
 width: 300px;
}
/* --pavilion --*/
span.note {
 color: #F03;
}
.listBox {
 width: 300px;
 float: left;
 padding-left: 10px;
}
#leaflet-dl {
 margin: 5px 45px 15px 0;
}
#leaflet-dl a {
 background: url(../../introduction/summary/imgs/btn_dl_off.gif) no-repeat !important;
 display: block;
 width: 180px;
 height: 32px;
 text-indent: -9999px;
 float: right;
}
#leaflet-dl a:hover {
 background: url(../../introduction/summary/imgs/btn_dl_on.gif) no-repeat !important;
}
.icon-list-img {
 vertical-align: middle;
 padding-right: 5px;
}
.icon-list {
 padding: 5px 5px 0 5px;
}

/*紹介動画*/
.youtubesm{
background:#fff;
width: 300px;
text-align: center;
}

.youtubesm a {
  border: 2px solid #fff;
  display: block;
  position: relative
}
.youtubesm a:hover {
  opacity: .6
}
.youtubesm a::before {
  background: url("../../introduction/imgs/youtube_icon_red.png") center center / 60px 42px no-repeat;
  content: "";
  display: block;
  width: 60px; /*アイコンの幅調整*/
  height: 42px; /*アイコンの高さ調整*/
  margin: -21px auto 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1
}
.youtubesm a img {
  width: 270px;
  height: 152px;
	border: 1px solid #ccc;	
}