/*----------------------------------------------------------------------------------------------------------------------------------
  全体項目↓
  ■コンテンツパーツ■
-----------------------------------------------------------------------------------------------------------------------------------*/

/* 注意事項 */

.astaliskS {
  padding: 0 0 0 16px;
  margin: 0 0 6px 0;
  font-size: 0.8em;
  line-height: 140%;
  text-align: left;
  background: url(../../images/icon/iconAst.gif) no-repeat 0 1px;
}

.astaliskM {
  padding: 0 0 0 16px;
  margin: 0 0 6px 0;
  text-align: left;
  background: url(../../images/icon/iconAst.gif) no-repeat 0 4px;
}

/* アイコン */
.iconBlank {
  margin: 0 0 -2px 5px;
}
.iconNew {
  position: relative;
  display: inline-block;
}
.iconNewImg {
  position: absolute;
  top: -3px;
  left: -3px;
}

.endR {
  margin-right: 0px !important;
}

.caution {
  padding: 0 0 0 14px;
  font-weight: normal !important;
  background: url(../../images/icon/iconAst.gif) no-repeat 0 4px;
}
.cautionS {
  padding: 0 0 0 14px;
  font-size: 12px;
  font-weight: normal !important;
  background: url(../../images/icon/iconAst.gif) no-repeat 0 2px;
}
/* 線 */
.btmLine {
  padding: 0 0 20px 0 !important;
  margin: 0 0 30px 0 !important;
  border-bottom: 1px dotted #ccc;
}

.shadowLineBtm940 {
  padding-bottom: 30px !important;
  margin-bottom: 20px !important;
  background: url(../../images/contents/line_shadow940.png) no-repeat 0 bottom;
}

img.imgshadow {
  margin-bottom: 5px;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  behavior: url(/shared/css/ie-css3.htc);
}

/* テキスト太さ */
.txtB {
  font-weight: bold;
}

/* テキスト色 */
.txtBlue01 {
  color: #0e74c0;
}
.txtRed01 {
  color: #ff0000;
}
.txtB {
  font-weight: bold;
}

/* テキストサイズ */
.tSmall {
  font-size: 0.8em;
}
.tLarge {
  font-size: 1.2em;
}

/* テキスト位置 */
.tLeft {
  text-align: left !important;
}
.tRight {
  text-align: right !important;
}
.tCenter {
  text-align: center !important;
}

/* フレーム */
.frmBox01 {
  padding: 12px 12px 8px 12px;
  text-align: left;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

  behavior: url(/shared/css/ie-css3.htc);
}
.frmBox02 {
  padding: 12px 12px 8px 12px;
  text-align: left;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

  behavior: url(/shared/css/ie-css3.htc);
}

/* お詫び枠 */
.txtOwabi {
  width: 668px;
  padding: 15px 15px 13px 15px;
  margin: 20px 0 20px 0;
  font-weight: bold;
  color: #ff0000;
  text-align: left;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

  behavior: url(/shared/css/ie-css3.htc);
}

.txtOwabi2 {
  width: 658px;
  padding: 15px 15px 13px 15px;
  margin: 15px 0 0 0;
  font-weight: bold;
  color: #ff0000;
  text-align: left;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

  behavior: url(/shared/css/ie-css3.htc);
}

/* タイトル系 */

h2.catchTxt {
  /*border-bottom:1px solid #999;*/
  padding: 0 0 0 0;
  margin: 0 0 20px 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 120%;
  color: #333;
  text-align: left;
  -moz-text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  -webkit-text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  behavior: url(/shared/css/ie-css3.htc);
}

h2.catchTxtUline {
  /*border-bottom:1px solid #999;*/
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 120%;
  color: #333;
  text-align: left;
  -moz-text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  -webkit-text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  border-bottom: 1px solid #ccc;
  behavior: url(/shared/css/ie-css3.htc);
}

h3.h3TtlB {
  padding: 7px 0 7px 0;
  margin: 0 0 20px 0;
  font-size: 18px;
  line-height: 120%;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  behavior: url(/shared/css/ie-css3.htc);
}
h3.h3TtlB .inner {
  padding: 0 0 0 23px;
  text-align: left;
  background: url(../../images/bg/h3_bg_b.gif) no-repeat 9px 0;
}

h3.h3Ttl {
  margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 120%;
}
h3.h3Ttl .inner {
  padding: 0 0 0 15px;
  text-align: left;
  background: url(../../images/bg/h3_bg_b.gif) no-repeat 1px 0;
}

h4.h4Ttl {
  padding: 0 0 0 0;
  margin: 0 0 20px 0;
  border-bottom: #fff 1px solid;
}
h4.h4Ttl .inner {
  padding: 0 0 7px 23px;
  margin: 0 0 0 0;
  font-size: 14px;
  line-height: 120%;
  text-align: left;
  background: url(../../images/bg/h4_bg_b.gif) no-repeat 4px 1px;
  border-bottom: #ccc 1px solid;
}

.gaibu {
  display: inline-block;
  padding: 7px 25px 5px 5px;
  margin: -2px 0 0 5px;

  font-size: 10px;
  line-height: 100%;
  color: #555 !important;

  text-decoration: none !important;

  background: #fff url(../../images/arrow/arrow_blank.gif) no-repeat right 6px top 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.gaibu:hover {
  border: 1px solid #aaa;
}

/* 表組み */

/* chart01 */

.chart01 {
}

.chart01 table {
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.chart01 table tr {
  padding-bottom: 10px;
  letter-spacing: 1px;
  vertical-align: top;
}
.chart01 table tr:last-child {
}
.chart01 table th.cellBtm {
  border-bottom: 1px solid #ccc !important;
}
.chart01 table td.cellBtm {
  border-bottom: 1px solid #ccc !important;
}

.chart01 table th.cell01 {
  padding: 14px 10px;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
  background: #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.chart01 table td.cell01 {
  padding: 14px 10px;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
  background: #fafafa;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.chart01 table td.cell02 {
  padding: 14px 10px;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
  background: #f7f7f7;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.chart01 table th.cell03 {
  padding: 14px 10px;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
  background: #fff;
  border-right: none;
  border-bottom: 1px dotted #ddd;
}
.chart01 table td.cell03 {
  padding: 14px 10px;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
  background: #fff;
  border-right: 1px solid #ddd;
  border-bottom: 1px dotted #ddd;
}

.chart01 table th.tCenter p,
.chart01 table td.tCenter p {
  text-align: center !important;
  vertical-align: middle !important;
}

.chart01 table th.tCenter,
.chart01 table td.tCenter {
  text-align: center !important;
  vertical-align: middle !important;
}

/* chart02 */

.chart02 {
}

.chart02 table {
  width: 100%;
  padding: 0;
  margin: 0;
}
.chart02 table tr:last-child {
}

.chart02 table th {
  padding: 0 10px 10px 0;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
}
.chart02 table td {
  padding: 0 0 10px 0;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
}

/* chart01 */

.chartFrm {
}

.chartFrm table {
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.chartFrm table tr {
  padding-bottom: 10px;
  letter-spacing: 1px;
  vertical-align: top;
}
.chartFrm table tr:last-child {
}
.chartFrm table th.cellBtm {
  border-bottom: 1px solid #ccc !important;
}
.chartFrm table td.cellBtm {
  border-bottom: 1px solid #ccc !important;
}

.chartFrm table th.cell01 {
  padding: 12px 10px 10px 10px;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
  background: #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.chartFrm table td.cell01 {
  padding: 12px 10px 10px 10px;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
  background: #fafafa;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.chartFrm table th.hissu {
  text-align: center;
  vertical-align: top;
}

.formFlowTitle {
  margin-bottom: 5px;
  font-weight: bold;
}
.formFlow {
  padding: 10px;
  margin-bottom: 30px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  behavior: url(/shared/css/ie-css3.htc);
}

.formComplete {
  padding: 40px 0 40px 0;
  text-align: center;
}
.formComplete .formCompleteTitle {
  margin-bottom: 20px;
  font-size: 140%;
  font-weight: bold;
  color: #008dd0;
}

/* 枠組み */
.frm01 {
  padding: 15px 15px 15px 15px;
  margin: 0;
  margin-bottom: 20px;
  text-align: left;
  background: #dbebf4;
}

.frm01 .inner {
  padding: 15px 15px 15px 15px;
  margin: 0;
  text-align: left;
  background: #fff;
  border: 1px solid #b1d5eb;
  border-radius: 3px;
  behavior: url(/shared/css/ie-css3.htc);
}

/* chart03 */

.chart03 {
}

.chart03 table {
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.chart03 table tr {
  padding-bottom: 10px;
  letter-spacing: 1px;
  vertical-align: top;
}
.chart03 table tr:last-child {
}
.chart03 table th.cellBtm {
  border-bottom: 1px solid #ccc !important;
}
.chart03 table td.cellBtm {
  border-bottom: 1px solid #ccc !important;
}

.chart03 table th.cell01 {
  padding: 7px 6px 5px 6px;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
  background: #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.chart03 table td.cell01 {
  padding: 7px 6px 5px 6px;
  text-align: left;
  letter-spacing: 1px;
  vertical-align: top;
  background: #fafafa;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
  ■コンテツ別パーツ
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

/*---------------------------------------------
  ■ホーム
----------------------------------------------*/

/* プロモーション */

#promotion {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden !important;
  background: #ffffff;
  border-bottom: 1px solid #ccc;
}

#slides {
  width: 100% !important;
  height: 300px;
  overflow: hidden;
}
#slides div {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2000;
  width: 100% !important;
  height: 300px;
}
#slides div img {
  height: 300px;
}
.slide01 {
  background: #fff url(/images/promotion/promotion01.jpg) no-repeat center 0;
}
.slide02 {
  background: #fff url(/images/promotion/promotion02.jpg) no-repeat center 0;
}
.slide03 {
  background: #fff url(/images/promotion/promotion03.jpg) no-repeat center 0;
}
.slide04 {
  background: #fff url(/images/promotion/promotion04.jpg) no-repeat center 0;
}
.slide05 {
  background: #fff url(/images/promotion/promotion05.jpg) no-repeat center 0;
}
.slide06 {
  background: #f2e5d5 url(/images/promotion/promotion06.jpg) no-repeat center 0;
}
.slide07 {
  background: #f2e5d5 url(/images/promotion/promotion07.jpg) no-repeat center 0;
}
.slide08 {
  background: #000 url(/images/promotion/promotion08.jpg) no-repeat center 0;
}
.slide09 {
  background: #fff url(/images/promotion/promotion09.jpg) no-repeat center 0;
}
.slide10 {
  background: #fff url(/images/promotion/promotion10.jpg) no-repeat center 0;
}
.slide11 {
  background: #fff url(/images/promotion/promotion11.jpg) no-repeat center 0;
}
.slide12 {
  background: #fff url(/images/promotion/promotion12.jpg) no-repeat center 0;
}

.slide13 {
  background: #fff url(/images/promotion/promotion13.jpg) no-repeat center 0;
}

.slide14 {
  background: #fff url(/images/promotion/promotion14.jpg) no-repeat center 0;
}

.slide15 {
  background: #fff url(/images/promotion/promotion15.jpg) no-repeat center 0;
}

.slide16 {
  background: #fff url(/images/promotion/promotion16.jpg) no-repeat center 0;
}
.slide17 {
  background: #fff url(/images/promotion/promotion17.jpg) no-repeat center 0;
}
.slide18 {
  background: #fff url(/images/promotion/promotion18.jpg) no-repeat center 0;
}
.slide19 {
  background: #fff url(/images/promotion/promotion19.jpg) no-repeat center 0;
}
.slide20 {
  background: #fff url(/images/promotion/promotion20.jpg) no-repeat center 0;
}
.slide21 {
  background: #fff url(/images/promotion/promotion21.jpg) no-repeat center 0;
}
.slide22 {
  background: #fff url(/images/promotion/promotion22.jpg) no-repeat center 0;
}
.slide23 {
  background: #fff url(/images/promotion/promotion23.jpg) no-repeat center 0;
}
.slide_zi-o {
  background: #fff url(/images/promotion/slide_zi-o.jpg) no-repeat center 0;
}
.slide24 {
  background: #fff url(/images/promotion/promotion24.jpg) no-repeat center 0;
}
.slide25 {
  background: #fff url(/images/promotion/promotion25.jpg) no-repeat center 0;
}
.slide26 {
  background: #fff url(/images/promotion/promotion26.jpg) no-repeat center 0;
}
.slide27 {
  background: #fff url(/images/promotion/promotion27.jpg) no-repeat center 0;
}
.slide28 {
  background: #fff url(/images/promotion/promotion28.jpg) no-repeat center 0;
}
.slide29 {
  background: #fff url(/images/promotion/promo_halloween.jpg) no-repeat center 0;
}
.slide30 {
  background: #fff url(/images/promotion/promotion30.jpg) no-repeat center 0;
}
.slide31 {
  background: #fff url(/images/promotion/promotion31.jpg) no-repeat center 0;
}
/*塗り絵セレクション*/
.slide32 {
  background: #dcefa6 url(/images/promotion/promotion32.jpg) no-repeat center 0;
}
/*塗り絵セレクション*/
.slide32_p {
  background: #e7d2ed url(/images/promotion/promotion32_p.jpg) no-repeat center 0;
}
/*塗り絵セレクション*/
.slide32_d {
  background: #81cddc url(/images/promotion/promotion32_d.jpg) no-repeat center 0;
}
/*塗り絵セレクションレターセット 20181016*/
.slide_letterSet {
  background: #b21f23 url(/images/promotion/letterSet.jpg) no-repeat center 0;
}
/*I'm Doraemon*/
.slide33 {
  background: #eee8d7 url(/images/promotion/promotion33.jpg) no-repeat center 0;
}
.slide34 {
  background-image: url(/images/promotion/promotion34.jpg), url(/images/promotion/promotion34_bg.jpg);
  background-repeat: no-repeat, repeat-x;
  background-position: center 0, left 0;
  background-size: auto, auto 100%;
}
/*PIKACHU*/
.slide35 {
  background-image: url(/images/promotion/promotion35.jpg), url(/images/promotion/promotion35_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto, cover;
}
/*ポケモン　デイリーユースシリーズ*/
.slide36 {
  background-color: #957d79;
  background-image: url(/images/promotion/promotion36.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
/*ハロウィン*/
.slide37 {
  background-color: #000;
  background-image: url(/images/promotion/promotion37.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
/*ポケモンクエスト*/
.slide38 {
  background-image: url(/images/promotion/promotion38.png),
    linear-gradient(45deg, #f8b62b 25%, #f39800 25%, #f39800 50%, #f8b62b 50%, #f8b62b 75%, #f39800 75%, #f39800);
  background-image: url(/images/promotion/promotion38.png),
    -ms-linear-gradient(45deg, #f8b62b 25%, #f39800 25%, #f39800 50%, #f8b62b 50%, #f8b62b 75%, #f39800 75%, #f39800);
  background-repeat: no-repeat, repeat;
  background-position: center center;
  -ms-background-size: auto, 40px 40px;
  background-size: auto, 40px 40px;
}

/*ハロウィン*/
.slide39 {
  background-color: #004da5;
  background-image: url(/images/promotion/promotion2021.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}

/*tone on tone*/
.slide40 {
  background-color: #fff;
  background-image: url(/images/promotion/promotion40.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}

/*fukuda*/
.slide41 {
  background-color: #ebd679;
  background-image: url(/images/promotion/fukuda.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}

/*5mm*/
.slide42 {
  background-image: url(/images/promotion/grid-note.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}

/*between*/
.slide43 {
  background-image: url(/images/promotion/between.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}

/*japonica*/
.slide44 {
  background-image: url(/images/promotion/japonica2019.png), url(/images/promotion/japonica2019_bg.png);
  background-repeat: no-repeat,repeat;
  background-position: center center, 100% 50%;
  background-size: auto, auto;
}

/*anokoronote*/
.slide45 {
  background-image: url(/images/promotion/anokoronote.jpg), url(/images/promotion/anokoronote_bg.jpg);
  background-repeat: no-repeat,repeat;
  background-position: center center, 0 0;
  background-size: auto, auto;
}

/*anniversary*/
.slide46 {
  background-image: url(/images/promotion/anniversary_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*japan*/
.slide47 {
  background-image: url(/images/promotion/japan_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*hachimura*/
.slide48 {
  background-image: url(/images/promotion/hachimura_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*50th_insect*/
.slide49 {
  background-image: url(/images/promotion/bana_50th_insect_bg.jpg);
  background-color: #0a955e;
  background-repeat: no-repeat,repeat;
  background-position: center center, 0 0;
  background-size: auto, auto;
}

#slides .inner {
  position: relative;
  width: 940px !important;
  margin: 0 auto;
}

#nav {
  position: absolute;
  top: 285px;
  z-index: 5000;
  width: 100%;
  text-align: center;
}
#navIn {
  margin: 0 auto;
  text-align: center;
}
#navIn a {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  font-size: 1px;
  text-indent: -9999px;
  background: url(../../images/top/nav_off.png) no-repeat;
}
#navIn a.activeSlide {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../../images/top/nav_on.png) no-repeat;
}

/* バナーエリア */

.topBanaBox {
  position: relative;
  float: left;
  border: solid #fff 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}
.topBanaBox img {
  vertical-align: bottom;
}

#home .box_hover3 {
  cursor: pointer;
  border: solid #b0deff 3px !important;
}

.boxLast {
  margin: 0 0 10px 0;
}
.topLabel {
  position: absolute;
  top: -3px;
  left: -3px;
}
#topbanaArea1 {
}
#topbanaJaponica {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaCharacter {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaStationery {
  width: 300px;
  margin: 0 0 10px 0;
}

#topbanaArea5 {
}
#topbanaArea501 {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaArea502 {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaArea503 {
  width: 300px;
  margin: 0 0 10px 0;
}

/*
TOPバナー並び方変更
2017/10/31
*/
#topbanaArea5 ul {
  width: 100%;
}
#topbanaArea5 ul li {
  float: left;
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaArea5 ul li:nth-of-type(3n) {
  margin: 0 0 10px 0;
}

#topbanaArea7 {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  background: url(../../images/contents/line_shadow940.png) no-repeat 0 bottom;
}
#topbanaArea701 {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaArea702 {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaArea703 {
  width: 300px;
  margin: 0 0 10px 0;
}

#topbanaArea2 {
  /*background:url(../../images/contents/line_shadow940.png) no-repeat 0 bottom;*/
  margin: 0 0 0 0;
  /*padding:0 0 10px 0;*/
}
#topbanaArea201 {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaArea202 {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaArea203 {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaArea204 {
  width: 300px;
  margin: 0 0 10px 0;
}
#topbanaArea205 {
  float: left;
  width: 317px;
}

#topbanaArea6 {
  /*background:url(../../images/contents/line_shadow940.png) no-repeat 0 bottom;
	padding:0 0 10px 0;*/
  margin: 0 0 0 0;
}
#topbanaArea600 {
  width: 300px;
  margin: 0 11px 10px 0;
}

#topbanaArea601 {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaArea602 {
  width: 300px;
  margin: 0 11px 10px 0;
}
#topbanaArea603 {
  width: 300px;
  margin: 0 0 10px 0;
}
#topbanaArea604 {
  float: left;
  width: 317px;
}

#topbanaArea3 {
  margin: 0 0 10px 0;
}
#topbanaInquiry {
  width: 459px;
  height: 231px;
  margin: 0 10px 0 0;
  background-color: #f3fcff;
}
#topbanaCM {
  width: 459px;
  height: 231px;
  margin: 0 0 0 0;
  background-color: #f5f2da;
}

.topCML {
  float: left;
  width: 131px;
}
.topCMR {
  float: left;
  width: 328px;
}
.topCMTitle {
  margin-top: 83px;
  margin-bottom: 10px;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック',
    'MS PGothic', 'sans-serif';
  font-size: 22px;
  font-weight: 900;
  line-height: 130%;
  color: #1d6953;
}
.topCMBtn {
  margin-bottom: 10px;
}

.topMov {
  width: 298px;
  margin-top: 33px;
  margin-right: 15px;
  background: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

#topbanaArea4 {
  margin: 0 0 0 0;
}
#topbanaArea401 {
  float: left;
  width: 300px;
  margin: 0 11px 10px 0;
}

#topbanaArea401 a {
  display: inline-block;
  margin-bottom: 10px;
  border: solid #fff 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}

#topNews {
  position: relative;
  float: left;
  width: 617px;
  min-height: 149px;
  margin: 0 0 0 0;
  background: #f7f7f7;
  border: solid #fff 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}
#topNewsIn {
  padding: 10px 10px 10px 70px;
}
.topNewsBox {
  padding-bottom: 9px;
  margin-bottom: 8px;
  border-bottom: 1px dotted #ccc;
}
.topNewsBoxLast {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.topNewsDate {
  float: left;
  width: 135px;
  text-align: left;
}
.topNewsTxt {
  float: left;
  width: 402px;
  text-align: left;
}

.topNewsBoxList {
  padding-bottom: 7px;
  margin-bottom: 8px;
  text-align: right;
  border-bottom: 1px dotted #ccc;
}

#topbanaAreaBtm {
  background: url(../../images/top/bana_areabg_03.gif) 0 0;
}
#topbanaAreaBtmTop {
  height: 6px;
  background: url(../../images/top/bana_areabg_01.gif) repeat-x 0 0;
}
#topbanaAreaBtmBtm {
  height: 6px;
  background: url(../../images/top/bana_areabg_02.gif) repeat-x 0 0;
}
#topbanaAreaBtmContents {
  width: 940px;
  padding: 30px 0 20px 0;
  margin: 0 auto;
  text-align: left;
}
#topbanaAreaBtmTitle {
  padding: 0 0 20px 0;
}
#topbanaAreaBtmContents ul {
  padding: 0;
  margin: 0;
  letter-spacing: -10px;
}
#topbanaAreaBtmContents ul li {
  display: inline-block;
  padding: 0;
  margin: 0 10px 10px 0;
  line-height: 100%;
  letter-spacing: normal;
}

#topbanaAreaBtmContents ul li.lastList {
  margin: 0 0 10px 0 !important;
}

#topStationeryArea {
  width: 100%;
  background: #fff;
}
#topStationeryAreaIn {
  width: 940px;
  padding: 30px 0;
  margin: 0 auto;
}

#topStationeryTitle {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 100%;
  color: #004018;
  text-align: left;
  -moz-text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  -webkit-text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  behavior: url(/shared/css/ie-css3.htc);
}

/*---------------------------------------------
  ■商品一覧
----------------------------------------------*/

/* 商品一覧　商品ボックス -- */

.pdtListBox,
.pdtListBoxTop {
  float: left;
  width: 226px;
  margin: 0 12px 12px 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}

.pdtListBox-w345 {
  width: 345px;
}

.pdtListBoxGakunen {
  float: left;
  width: 146px;
  margin: 0 12px 12px 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}
.pdtListBoxR {
  margin: 0 0 12px 0 !important;
}
.pdtListBox .inner,
.pdtListBoxTop .inner,
.pdtListBoxGakunen .inner {
  position: relative;
  padding: 3px;
}

.btnDetail {
  position: absolute;
  top: 196px;
  right: 10px;
  cursor: pointer;
}

.btnDetail_su {
  position: absolute;
  top: -5px;
  right: -5px;
  cursor: pointer;
}

/* 商品一覧　ページ内リンク -- */
.pdtPagelink {
  padding: 10px 0 15px 0;
  margin: 0 0 10px 0;
  background: url(../../images/contents/line_shadow.png) no-repeat 0 bottom;
}

.pdtPagelink li {
  float: left;
  padding: 0px 0 0 18px;
  margin: 0 10px 9px 0;
  font-size: 14px;
  line-height: 16px;
  background: url(../../images/contents/pdt_pagelink_arrow.png) no-repeat 0 0;
}
.pdtPagelink li a {
  color: #333;
  text-decoration: none;
}
.stationeryBoys.build .pdtPagelink li a {
  /*text-decoration:none;*/
  /*color:#fff;*/
}
.pdtPagelink li a:hover {
  color: #0e74c0 !important;
  text-decoration: underline !important;
}

/* 商品一覧　バナーエリア -- */
.pdfBanaArea {
  padding: 10px 0 30px 0;
  margin: 0 0 10px 0;
  text-align: left;
  background: url(../../images/contents/line_shadow.png) no-repeat 0 bottom;
}

.pdfBanaArea img {
  margin-right: 12px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}

.pdfBanaArea p {
  padding: 10px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}

/* 商品一覧　商品ボックス　各要素 -- */

/* ジャポニカ */

.japo .pdtListImg {
  display: table-cell;
  width: 220px;
  height: 220px;
  text-align: center;
  vertical-align: middle;
  layout-grid-line: 200px;
}

.japo .pdtListImg img {
  max-width: 196px;
  max-height: 196px;
  vertical-align: middle;
}

.japo .pdtListTxt {
  position: relative;
  padding: 10px 10px 44px 10px;
  text-align: left;
  background: #f3f3f3;
}
.japo .box_hover .pdtListTxt {
  background: #ffffff;
}
.japo .box_hover2 .pdtListTxt {
  background: #ffffff;
}

.japo .pdtListTxt .title {
  display: block;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  color: #005027;
  border-bottom: 1px dotted #ddd;
}
.japo .pdtListTxt .titleS {
  font-size: 16px !important;
  line-height: 20px;
}

.japo .pdtListTxt .text {
  display: block;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  font-size: 13px;
  color: #484848;
  border-bottom: 1px dotted #ddd;
}

.japo .pdtListTxt .text2 {
  display: block;
  font-size: 13px;
  color: #484848;
}

.japo .pdtListTxt .textNo {
  display: block;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  font-size: 13px;
  color: #484848;
  border-bottom: 1px dotted #ddd;
}

.japo .pdtListTxt .price {
  display: block;
  margin: 0 0 5px 0;
  font-size: 13px;
  font-weight: bold;
  color: #484848;
}

.japo .pdtListTxt .pdtListIcon {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 167px;
  _width: 200px;
  height: 34px;
  _height: 36px;
  padding: 2px 0 0 33px;
  text-align: left;
  background-image: url(../../images/contents/icon_gakunen_bg3.gif);
  background-repeat: no-repeat;
  background-position: 0 0px;
}
.japo .pdtListTxt .pdtListIcon img {
  margin: 0 1px 0 0;
}

.japo .box_hover .pdtListTxt .pdtListIcon {
  background-image: url(../../images/contents/icon_gakunen_bg2.gif);
}

.modal .price {
  text-decoration: none !important;
}

/* ジャポニカ */

.chara .pdtListImg {
  display: table-cell;
  width: 220px;
  height: 220px;
  text-align: center;
  vertical-align: middle;
  layout-grid-line: 200px;
}

.chara .pdtListImg img {
  max-width: 196px;
  max-height: 196px;
  vertical-align: middle;
}

.chara .pdtListTxt {
  position: relative;
  padding: 10px 10px 44px 10px;
  text-align: left;
  background: #f3f3f3;
}
.chara .box_hover .pdtListTxt {
  background: #ffffff;
}
.chara .box_hover2 .pdtListTxt {
  background: #ffffff;
}

.chara .pdtListTxt .title {
  display: block;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  color: #3c3c3c;
  border-bottom: 1px dotted #ddd;
}

.chara .pdtListTxt .titleS {
  font-size: 16px !important;
  line-height: 20px;
}

.chara .pdtListTxt .text {
  display: block;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #484848;
  border-bottom: 1px dotted #ddd;
}

.chara .pdtListTxt .textNo {
  display: block;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  font-size: 13px;
  color: #484848;
  border-bottom: 1px dotted #ddd;
}
.chara .pdtListTxt .price {
  display: block;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #484848;
}

.chara .pdtListTxt .pdtListIcon {
  position: absolute;
  bottom: 10px;
  left: 9px;
  width: 167px;
  _width: 200px;
  height: 34px;
  _height: 36px;
  padding: 2px 0 0 33px;
  text-align: left;
  background-image: url(../../images/contents/icon_gakunen_bg3.gif);
  background-repeat: no-repeat;
  background-position: 0 0px;
}
.chara .pdtListTxt .pdtListIcon img {
  margin: 0 1px 0 0;
}

.chara .box_hover .pdtListTxt .pdtListIcon {
  background-image: url(../../images/contents/icon_gakunen_bg2.gif);
}

/*追加 20171227 全年齢対応*/

.all_gakunen.chara .pdtListTxt {
  padding: 10px 10px 8px 10px;
}
.contBox .popupBoxTxt .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.all_gakunen.contBox .popupBoxImg {
  width: 760px;
}
.all_gakunen.contBox .popupBoxImg img {
  display: inline-block;
  margin: 10px;
}

.modal .price {
  text-decoration: none !important;
}

/* キャラクター商品 */

.pdtListImg2 {
  display: table-cell;
  width: 220px;
  height: 220px;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  layout-grid-line: 200px;
}
.pdtListImg2 img {
  max-width: 196px;
  max-height: 196px;
  vertical-align: middle;
}

.pdtListImg2 img {
  max-width: 212px;
  max-height: 212px;
}


.pdtListBox-w345 .pdtListImg2 {
  width: 345px;
}

.pdtListBox-w345 img {
  max-width: 345px;
}

.pdtListBox.twin {
  width: 464px;
}
.pdtListBox.twin .pdtListImg2 {
  width: 460px;
}
.pdtListBox.twin .pdtListImg2 img {
  max-width: 456px;
  max-height: inherit;
}
.pdtListBox.twin .pdtListTxt2 img {
  max-width: 100%;
}
.pdtListBox.twin .pdtListTxt2 p + p {
  margin-top: 12px;
}

/* キャラクター商品　通常 */

.stationeryNormal .pdtListTxt2 {
  padding: 10px;
  text-align: left;
  background: #ff9000;
}
.stationeryNormal .box_hover .pdtListTxt2 {
  background: #ff9000;
}
.stationeryNormal .box_hover2 .pdtListTxt2 {
  background: #ff9000;
}

.stationeryNormal .pdtListTxt2 .title {
  margin: 0 0 10px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  color: #fff;
}

.stationeryNormal .pdtListTxt2 .titleS {
  margin: 0 0 14px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  color: #fff;
}

.stationeryNormal .pdtListTxt2 .text {
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #fff;
}

.stationeryNormal .pdtListTxt2 .price {
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.stationeryNormal .pdtListTxt2 .textPdf {
  padding: 0 0 0 18px;
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #fff;
  background: url(../../images/icon/iconPdf.gif) no-repeat 0 2px;
}
.stationeryNormal .pdtListTxt2 .charaName {
  margin: 0 0 1px 0;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}

/* キャラクター商品　女の子 */

.stationeryGirls .pdtListTxt2 {
  padding: 10px;
  text-align: left;
  background: #ff5676;
}
.stationeryGirls .box_hover .pdtListTxt2 {
  background: #ff5676;
}
.stationeryGirls .box_hover2 .pdtListTxt2 {
  background: #ff5676;
}

.stationeryGirls .pdtListTxt2 .title {
  margin: 0 0 10px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  color: #fff;
}

.stationeryGirls .pdtListTxt2 .text {
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #fff;
}

.stationeryGirls .pdtListTxt2 .price {
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

/* キャラクター商品　男の子 */

.stationeryBoys .pdtListTxt2 {
  padding: 10px;
  text-align: left;
  background: #007ce5;
}
.stationeryBoys .box_hover .pdtListTxt2 {
  background: #007ce5;
}
.stationeryBoys .box_hover2 .pdtListTxt2 {
  background: #007ce5;
}

.stationeryBoys .pdtListTxt2 .title {
  margin: 0 0 10px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  color: #fff;
}

.stationeryBoys .pdtListTxt2 .text {
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #fff;
}

.stationeryBoys .pdtListTxt2 .price {
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

/*
自由帳
ぬりえ
その他
ステップアップ
*/

.stationeryType .pdtListImg2 img {
  max-width: 196px;
  max-height: 196px;
}

.modal .price {
  text-decoration: none !important;
}

.pdtListSubArea {
  padding: 10px 0 20px 0;
  margin: 0 0 30px 0;
  background: url(../../images/contents/line_shadow.png) no-repeat 0 bottom;
}

h2.pdtListTitle {
  position: relative;
  /*border-bottom:1px solid #999;*/
  padding: 0 0 0 0;
  margin: 0 0 13px 0;
  font-size: 30px;
  font-weight: bold;
  line-height: 120%;
  color: #333;
  text-align: left;
  -moz-text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  -webkit-text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  behavior: url(/shared/css/ie-css3.htc);
}
h2.pdtListTitle img {
  max-width: 714px;
}

.mickey90th h2.pdtListTitle {
  font-size: 26px;
}

h2.h2TitleTop {
  padding: 10px 0 0 0 !important;
}

.tekiouBtn {
  position: absolute;
  top: 10px;
  right: 0px;
  display: block;
  width: 149px;
  height: 31px;
}
.tekiouBtn2 {
  padding: 0 17px 20px 0;
  margin: 0 0 0 0;
  text-align: right;
  background: url(../../images/contents/line_shadow.png) no-repeat 0 bottom;
}

.pageTopS {
  padding: 20px 12px 0 0;
  clear: both;
  text-align: right;
}
.pageTopS940 {
  padding: 0 0 40px 0;
  clear: both;
  text-align: right;
}

#japonica .titleTop {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  color: #fff;
  text-align: center;
  -moz-text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
  -webkit-text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
  behavior: url(/shared/css/ie-css3.htc);
}

#stationery .titleTop,
#character .titleTop,
#company .titleTop {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  -moz-text-shadow: 1px 1px 0px rgba(236, 236, 236, 1);
  -webkit-text-shadow: 1px 1px 0px rgba(236, 236, 236, 1);
  text-shadow: 1px 1px 0px rgba(236, 236, 236, 1);
  behavior: url(/shared/css/ie-css3.htc);
}

.titleTopArrow {
  display: inline;
  padding: 0 0 0 12px !important;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  -moz-text-shadow: 1px 1px 0px rgba(236, 236, 236, 1);
  -webkit-text-shadow: 1px 1px 0px rgba(236, 236, 236, 1);
  text-shadow: 1px 1px 0px rgba(236, 236, 236, 1);
  background: url(../../images/arrow/arrow_B01.gif) no-repeat 0 5px;
  behavior: url(/shared/css/ie-css3.htc);
}

.titleTop2 {
  padding: 0 0 0 22px !important;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
  -moz-text-shadow: 1px 1px 0px rgba(236, 236, 236, 1);
  -webkit-text-shadow: 1px 1px 0px rgba(236, 236, 236, 1);
  text-shadow: 1px 1px 0px rgba(236, 236, 236, 1);
  background: url(../../images/arrow/arrow_B01.gif) no-repeat 10px 5px;
  behavior: url(/shared/css/ie-css3.htc);
}

.listBtn {
  padding: 5px 0 0 0;
  text-align: center;
}

.txtTop {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

.pdtListImgTop {
  width: 220px;
  height: 212px;
  vertical-align: middle;
}
#stationery .pdtListImgTop img {
  border: #eee 1px solid;
}
.pdtListImgTop2 {
  width: 220px;
  vertical-align: middle;
}
.pdtListImgTopGakunen {
  width: 140px;
  height: 74px;
  vertical-align: middle;
}
#japonica .pdtListTxtTop {
  padding: 15px 10px 10px 10px;
  background: #ffffff;
}
#character .pdtListTxtTop {
  padding: 15px 10px 10px 10px;
  background: #ffffff;
}
#stationery .pdtListTxtTop {
  padding: 15px 10px 10px 10px;
  background: #ffffff;
}
#company .pdtListTxtTop {
  padding: 15px 0 10px 0;
  background: #ffffff;
}
#environment .pdtListTxtTop {
  padding: 15px 0 10px 0;
  background: #ffffff;
}
.bgGray {
  background: #f4f4f4 !important;
}
.bgGreen {
  background: #005027 !important;
}
.pdtListTxtTopBtm {
  padding: 10px 10px 7px 10px;
  background: #f4f4f4;
}
.box_hover .pdtListTxtTop {
  color: #fff !important;
  background: #b0deff;
}
.box_hover2 .pdtListTxtTop {
  color: #fff !important;
  background: #fff;
}

/* 権利表記 */

.copyrightTop {
  width: 940px;
  padding: 0 0 0 0;
  margin: 30px 0 0 0;
  line-height: 8px;
  text-align: left;
  letter-spacing: -10px;
}
.productCopylight {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: left;
}
.copyrightTop p.copyright_text {
  display: inline-block;
  margin-right: 15px;
  letter-spacing: normal;
}
p.copyright_text.Title_copy,
.copyrightTop p.copyright_text,
.productCopylight p.copyright_text {
  font-size: 12px;
  font-weight: bold;
}
p.copyright_text.Title_copy span,
.copyrightTop p.copyright_text span,
.productCopylight p.copyright_text span {
  position: relative;
  top: 2px;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',
    メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 16px;
}

p.copyright_text.Title_copy {
  margin: -13px 0 13px 0;
  font-size: 8px;
}

.copyrightTop p.copyright_text {
  font-size: 8px;
}
p.copyright_text.Title_copy span,
.copyrightTop p.copyright_text span {
  top: 1px;
  font-size: 10px;
}

.stationeryBoys.build .productCopylight * {
  /*color: #fff !important;*/
}
.productCopylight img {
  margin-bottom: 7px;
}
.productCopylight span.logo img {
  height: 20px;
  margin-right: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.productCopylightTxt {
  padding: 0 0 0 16px;
  margin: 7px 0 10px 0;
  font-size: 11px;
  line-height: 110%;
  text-align: left;
  background: url(../../images/icon/iconAst.gif) no-repeat 0 0px;
}

.pt20 {
	clear: both;
	padding-top: 20px;
}

/* 商品一覧　商品ボックス　ボックス全体リンク -- */
.linkbox,
.linkbox2,
.linkbox3 {
  line-height: 100%;
}
.linkboxGakunen {
  width: 146px;
  line-height: 100%;
}
.box_hover {
  cursor: pointer;
  background: #b0deff !important;
}
.box_hover2 {
  cursor: pointer;
  background: #b0deff !important;
}
.box_hover3 {
  cursor: pointer;
  background: #b0deff !important;
}

.linkbox a,
.linkbox2 a {
  color: #333 !important;
  text-decoration: none;
}
.linkbox3 a {
  color: #fff !important;
  text-decoration: none;
}

.none {
  height: 0px;
  overflow: hidden;
  text-indent: -9999px;
}

.banaArea {
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  background: url(../../images/contents/line_shadow940.png) no-repeat 0 bottom;
}
.banaArea2 {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.banaArea3 {
  padding: 10px 0 20px 0;
  margin: 0 0 30px 0;
  background: url(../../images/contents/line_shadow940.png) no-repeat 0 bottom;
}
.banaArea .banaBox,
.banaArea2 .banaBox {
  float: left;
  margin: 0 12px 12px 0;
  text-align: left;
}
.banaArea3 .banaBox {
  float: left;
  padding: 3px;
  margin: 0 8px 12px 0;
  text-align: left;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}
.banaArea3 .banaBox.end {
  margin-right: 0;
}
.banaArea3 .banaBox img {
  width: 100%;
}
.banaArea img,
.banaArea2 img {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}

/* shadowbox　レイアウト -- */
.contBox {
}
.popupBox {
  width: 786px !important;
  padding: 6px !important;
  margin: 0 !important;
  background: #f2f2f2;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.popupBox h1 {
  line-height: 100% !important;
}

.popupBoxImg {
  float: left;
  width: 360px;
  margin: 0 20px 10px 20px;
  text-align: center;
}
.popupBoxImg img {
  margin-bottom: 5px;
}
.popupBoxTxt {
  float: left;
  width: 365px;
  background: #fff;
  border-radius: 5px;
  behavior: url(/shared/css/ie-css3.htc);
}
.popupBoxTxtIn {
  padding: 20px;
}
.popupBoxTxt ul {
  padding: 0;
  margin: 0 0 5px 20px;
}
.popupBoxTxt li {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 16px;
  list-style-type: disc;
}

.popupBox h2 {
  padding: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #fff;
  text-align: left;
  -moz-text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
  -webkit-text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
  behavior: url(/shared/css/ie-css3.htc);
}
#japonica .popupBox h2 {
  background: #004f2c url(../../japonica/images/popupTitleBg.jpg) repeat-x 0 0;
}
#character .popupBox h2 {
  background: #027de1 url(../../character/images/popupTitleBg.jpg) repeat-x 0 0;
}
#stationery .popupBox h2 {
  background: #027de1 url(../../character/images/popupTitleBg.jpg) repeat-x 0 0;
}

.popupHyakka {
  padding-top: 33px;
  margin-bottom: 15px;
}
#japonica .popupHyakka {
  background: #fff url(../../japonica/images/popupIconhyakka.jpg) no-repeat 0 0;
}
#character .popupHyakka {
  background: #fff url(../../character/images/popupIconhyakka.jpg) no-repeat 0 0;
}
#character .popupHyakka-theme {
  background: #fff url(../../character/images/popupTheme.png) no-repeat 0 0;
}
#stationery .popupHyakka {
  background: #fff url(../../character/images/popupIconhyakka.jpg) no-repeat 0 0;
}

.popupGakunen {
  padding-top: 33px;
  margin-bottom: 15px;
}
#japonica .popupGakunen {
  background: #fff url(../../japonica/images/popupIconGakunen.jpg) no-repeat 0 0;
}
#character .popupGakunen {
  background: #fff url(../../character/images/popupIconGakunen.jpg) no-repeat 0 0;
}
#stationery .popupGakunen {
  background: #fff url(../../character/images/popupIconGakunen.jpg) no-repeat 0 0;
}

.popupBenri {
  padding-top: 33px;
  margin-bottom: 15px;
}
#japonica .popupBenri {
  background: #fff url(../../japonica/images/popupIconBenri.jpg) no-repeat 0 0;
}
#character .popupBenri {
  background: #fff url(../../character/images/popupIconBenri.jpg) no-repeat 0 0;
}
#stationery .popupBenri {
  background: #fff url(../../character/images/popupIconBenri.jpg) no-repeat 0 0;
}

.popupClose {
  padding: 5px 0 0 0;
  text-align: right;
}

#modal-win {
  position: absolute;
  width: 100%;
}
#modal-win-inner {
  position: relative;
  z-index: 101;
  margin: 0 auto;
}
#modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#japonica #modal-bg {
  background-color: #003014;
}
#character #modal-bg {
  background-color: #555555;
}
#stationery #modal-bg {
  background-color: #555555;
}

.contBox {
  z-index: 999;
  display: none;
  width: 800px !important;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}

/*---------------------------------------------
  ■会社情報
----------------------------------------------*/

/* 会社情報　トップ */

.shadowBox {
  float: left;
  width: 226px;
  margin: 0 12px 12px 0;
  background: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}
.shadowBoxR {
  margin: 0 0 12px 0 !important;
}
.shadowBox .inner {
  padding: 3px;
}

/* 会社情報 */

.messageL {
  float: left;
  width: 416px;
  text-align: left;
}
.messageR {
  float: right;
  width: 246px;
}

.philosophyImg {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  behavior: url(/shared/css/ie-css3.htc);
}

.mapImg {
  margin: 0 0 30px 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  behavior: url(/shared/css/ie-css3.htc);
}

.arrowBtm {
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
  list-style-type: none;
}
.arrowBtm li {
  padding: 0 0 30px 0 !important;
  margin: 0 0 20px 0 !important;
  list-style-type: none;
  background: url(../../images/arrow/arrow_under.png) no-repeat center bottom;
}
.arrowBtmLast {
  padding: 0 0 0 0 !important;
  margin: 0 0 20px 0 !important;
  list-style-type: none !important;
  background: none !important;
}
.arrowBtm li p,
.arrowBtmLast p {
  padding: 10px 13px 10px 13px !important;
  font-size: 18px;
  line-height: 120%;
  text-align: left;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  behavior: url(/shared/css/ie-css3.htc);
}

.arrowBtm li p .arrowBtmTitle {
  display: inline-block;
  padding-bottom: 4px;
  font-weight: bold;
  color: #008dd0;
}

/*---------------------------------------------
  ■環境
----------------------------------------------*/

.environmentContents {
  padding: 10px 0 20px 0;
  margin: 0 0 30px 0;
  background: url(../../images/contents/line_shadow.png) no-repeat 0 bottom;
}
/* メッセージ */
.envmesseageBox {
  background: url(../../environment/message/images/message_bg.jpg) no-repeat 0 bottom;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  behavior: url(/shared/css/ie-css3.htc);
}

.envmesseageBoxIn {
  padding: 40px 40px 275px 40px;
  background: url(../../environment/message/images/message_bg2.jpg) no-repeat 0 top;
}

/* ベルマーク */

.bellmarkBox {
  margin-bottom: 30px;
  background: #fff url(../../environment/bellmark/images/bellmark_bg01.gif) no-repeat 0 0;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  behavior: url(/shared/css/ie-css3.htc);
}
.bellmarkBoxIn {
  padding: 80px 40px 80px 40px;
  background: url(../../environment/bellmark/images/bellmark_bg02.gif) no-repeat 0 bottom;
}
.bellmarkCatch {
  margin-bottom: 15px;
}
.bellmarkBoxIn p {
  line-height: 22px;
  text-align: justify;
}

/* 植樹の会 */

.plantingTitle {
  margin-bottom: 30px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  behavior: url(/shared/css/ie-css3.htc);
}

.plantingFrm {
  padding: 51px 61px;
  margin-bottom: 30px;
  background: #fff;
}
.plantingFrmSlide {
  padding: 40px 40px 10px 40px;
  margin-bottom: 30px;
  background: url(../../environment/history/planting/images/slideBg.jpg) no-repeat 0 0;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  behavior: url(/shared/css/ie-css3.htc);
}

/* ワークショップ */

.envWSboxImg01 {
  float: left;
  width: 190px;
}

.envWSboxImg02 {
  margin-bottom: 15px;
  text-align: left;
  vertical-align: top;
}
.envWSboxImg02 img {
  margin-right: 5px;
}
.envWSboxImg03 {
  float: left;
  width: 395px;
}
.envWSboxImg03 img {
  margin-right: 5px;
}
.envWSboxImg04 {
  padding: 8px 3px 8px 6px;
  margin-bottom: 15px;
  text-align: left;
  background: #dbebf4;
}
.envWSboxImg04 img {
  margin: 1px 0px 1px 1px;
}

.envWSboxTxt01 {
  float: right;
  width: 477px;
}
.envWSboxTxt02 {
  float: right;
  width: 282px;
}
.envWSboxTxt03 {
  float: right;
  width: 415px;
}
.envWScap {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
.envWScapFloat {
  display: inline-block;
  width: 190px;
  margin-right: 10px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  vertical-align: top;
}
.envWScapFloat2 {
  display: inline-block;
  width: 224px;
  margin-right: 10px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}

/*　適用学年一覧テーブル */

.applyTable {
  width: 700px;
  margin: 0px 0px 20px 0px;
}
.applyTable table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.applyTable td {
  padding: 6px 5px 3px 5px;
  font-size: 12px;
  line-height: 16px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.applyTable td img {
  vertical-align: text-top;
}

.applyTdTitle {
  padding: 5px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  background-color: #006100;
}

.applyTd01 {
  width: 70px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #68ba68;
}

.applyTd02 {
  width: 120px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #68ba68;
}

.applyTd03 {
  width: 334px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #68ba68;
}
.applyTd04 {
  width: 234px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #68ba68;
}

.applyTdYear {
  width: 26px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #68ba68;
}

.applyTdYear2 {
  width: 45px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #68ba68;
}

.applyTdYear3 {
  width: 90px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #68ba68;
}
.applyTdYear4 {
  width: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #68ba68;
}

.applyTdNoColor {
  color: #333333;
  text-align: left;
  background-color: #fff;
}

.applyTdColor {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #c3f0c3;
}

.applyTdNoColor img {
  margin: 0px 5px 0px 5px;
}

/*　適用学年一覧カラー */

.applyTdColor02 {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #d6f2ff;
}
.applyTdColor03 {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #f4e4dc;
}
.applyTdColor04 {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #ffeaab;
}
.applyTdColor05 {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #ffcd80;
}
.applyTdColor06 {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #e4e4ff;
}
.applyTdColor07 {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #def1b1;
}
.applyTdColor08 {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #ffc489;
}
.applyTdColor09 {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #d8f0f0;
}
.applyTdColor10 {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #ffd9ff;
}
.applyTdColor11 {
  font-weight: bold;
  color: #333333;
  text-align: left;
  background-color: #ffcfde;
}
.applyTdColor12 {
  font-weight: bold;
  text-align: left;
  background-color: #ffffbe;
}
.applyTdColor13 {
  font-weight: bold;
  text-align: left;
  background-color: #ffe477;
}
.applyTdColor14 {
  font-weight: bold;
  text-align: left;
  background-color: #ffbccd;
}
.applyTdColor15 {
  font-weight: bold;
  text-align: left;
  background-color: #cfeaff;
}

.atention {
  font-size: 12px;
  text-align: left;
}
.atention img {
  margin: 0 5px 0 0;
}

/*---------------------------------------------
  ■イベントリスト
----------------------------------------------*/

/* イベントリスト -- */

.eventList .eventListBana {
  margin: 0 0 12px 0;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}

.eventList .box_hover3 {
  border: 3px solid #b0deff;
}

.eventListBox {
  padding: 20px 10px 20px 20px;
  margin: 0 0 12px 0;
  background: #fff;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}
.eventListBoxTxt {
  float: right;
  width: 682px;
}
h3.h3TtlEvent {
  margin: 0 0 15px 0;
  font-size: 18px;
  line-height: 120%;
}
h3.h3TtlEvent .inner {
  padding: 0 0 0 15px;
  text-align: left;
  background: url(../../images/bg/h3_bg_b.gif) no-repeat 1px 0;
}

.noevent {
  padding: 200px 0;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

/* 枠組み */
.eventFrm {
  padding: 15px 0 0 0;
  border-top: 1px dotted #eeeeee;
}

.eventListBoxImg {
  float: left;
  width: 202px;
}
.eventListBoxImg a img {
  border: 1px solid #eeeeee;
}
.eventListBoxImg a:hover img {
  border: 1px solid #b0deff;
}

.linkTxt {
  margin: 10px 0 0 0;
}
.linkTxt li {
  padding: 0 0 0 10px;
  margin: 0 0 5px 0;
  text-align: left;
  background: url(../../images/arrow/arrow_B01.gif) no-repeat 0 5px;
}
.linkTxt li a:link,
.linkTxt li a:visited {
  text-decoration: none;
}
.linkTxt li a:hover {
  text-decoration: underline;
}

/*---------------------------------------------
  ■CM
----------------------------------------------*/

/* CM -- */

.cmListBox {
  padding: 30px;
  margin: 0 0 12px 0;
  background: #fff;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  behavior: url(/shared/css/ie-css3.htc);
}

.cmListBoxTxt {
  float: left;
  width: 400px;
}
h3.h3TtlCm {
  padding-bottom: 20px;
  /*margin:0 0 20px 0;*/
  font-size: 18px;
  line-height: 120%;
  border-bottom: 1px dotted #eeeeee;
}
h3.h3TtlCm .inner {
  padding: 0 0 0 15px;
  text-align: left;
  background: url(../../images/bg/h3_bg_b.gif) no-repeat 1px 0;
}

/* 枠組み */

.cmListBoxMovie {
  float: right;
  width: 454px;
}
.cmFrm {
  position: relative;
}
.cmFrm.inmovie {
  height: 275px;
}
.cmFrm .cmListBoxMovie {
  position: absolute;
  top: 20px;
  right: -474px;
  float: none;
}
.cmFrm {
  padding-top: 20px;
}
.cmFrm + .cmFrm {
  margin-top: 20px;
  border-top: 1px dotted #eeeeee;
}

.cmListBox {
}

/*---------------------------------------------
  ■よくある質問
----------------------------------------------*/

.qaQ {
  min-height: 22px;
  padding: 2px 0 20px 26px;
  font-weight: bold;
  background: url(../../images/icon/iconQ.png) no-repeat 0 0;
}

.qaA {
  min-height: 22px;
  padding: 2px 0 20px 26px;
  background: url(../../images/icon/iconA.png) no-repeat 0 0;
}

/*---------------------------------------------
  ■プレスリリース
----------------------------------------------*/

.pressReleaseBox {
  padding: 50px 100px 100px 100px;
}

.view_timer {
  display: none;
}