@charset "utf-8";


/*---defaultStyle ------------------*/
body{
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  color:#333;
  line-height:1.4;
  font-size:12px;
  min-width:320px;
}


input,textarea {
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}



/* #rim-tpl-header
-----------------------*/
#rim-tpl-header{
  height:auto;
}




  #rim-tpl-header .rim-tpl-boxR{
    padding:10px 0 0;
  }
  @media screen and (max-width: 640px) {
  #rim-tpl-header .rim-tpl-boxR{
    padding:0;
  }
  }
  #rim-tpl-header .rim-tpl-utitlity{
    position:relative;
    top:5px;
  }
  @media screen and (max-width: 640px) {
  #rim-tpl-header .rim-tpl-utitlity{
    top:0;
  }
  }



  /* .rim-tpl-member-block
  -----------------------*/
  #rim-tpl-header .rim-tpl-member-block{
    /*hidden*/
    display:none;
  }
  #rim-tpl-header.loaded .rim-tpl-member-block{
    /*visible*/
    display:block;

    padding:0 0 10px;
    font-size:11px;
  }
  @media screen and (max-width: 640px) {
  #rim-tpl-header.loaded .rim-tpl-member-block{
    padding:10px;
    background:#EEE;
    border-top:1px solid #DADAD8;
  }
  }
    #rim-tpl-header .rim-tpl-member-block p,
    #rim-tpl-header .rim-tpl-member-block ul,
    #rim-tpl-header .rim-tpl-member-block li{
      display:inline-block;
      *display:inline;
      *zoom:1;
    }


      #rim-tpl-header .rim-tpl-member-block .top_nav{
        padding:0 0 0 15px;
      }
        #rim-tpl-header .rim-tpl-member-block .top_nav li{
            padding:0 15px 0 0;
        }
          #rim-tpl-header .rim-tpl-member-block span.welcomePoint{
            font-weight:bold;
          }
      @media screen and (max-width: 640px) {
      #rim-tpl-header .rim-tpl-member-block .top_nav{
        padding:10px 0 0;
        display:block;
      }
        #rim-tpl-header .rim-tpl-member-block .top_nav li{
          padding:0 15px 0 0;
        }
      }





/*---headline ------------------*/

.text-title-lv1 {
  font-size:32px;
  font-weight:bold;
  /*padding:0 0 30px;*/
  margin: 0 0 30px;
  clear:both;
}
.text-title-lv2 {
  font-size:20px;
  padding:0 0 15px;
  font-weight:bold;
}

  .text-title-lv2 span {
    display: block;
    float: left;
    padding: 3px 15px 0 0;
    font-weight:bold;
  }
  .text-title-lv2 a {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    background:url(/common/img/icon-cursor.png) no-repeat 0 13px;
    padding: 10px 0 0 10px;
    color: #00468C!important;
  }

.text-title-lv3 {
  font-size:15px;
  padding:0 0 5px;
  font-weight:bold;
}

.text-title-lv4 {
  font-size:12px;
  padding-bottom: 4px;
  font-weight:bold;
}


.title-lv2 {
  display:block;
  line-height:33px;
  background:#F4F4F4;
  border:1px solid #DDDDDB;

  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
  .title-lv2 span {
    display: block;
    float: left;
    padding: 0 15px 0;
    font-size: 17px;
    font-weight:bold;
  }
  .title-lv2 a {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    background:url(/common/img/icon-cursor.png) no-repeat 0 13px;
    padding: 10px 0 0 10px;
    color: #00468C!important;
  }

.title-lv3 {
  font-size:14px;
  background: #777;
  color: #fff;
  padding: 5px 10px;
}

.title-lv4 {
  font-size:14px;
  line-height:1;
  padding:0 0 5px;
  font-weight:bold;
  border-bottom:2px solid #CCC;
}


@media screen and (max-width: 640px) {
.text-title-lv1 {
  font-size:26px;
}
.text-title-lv2 {
  font-size:18px;
}

.text-title-lv3 {
}
}


/*---parts ------------------*/
.btn-white-h30 a {
  display: block;
  height: 30px;
  line-height: 30px;
  background: url(/common/img/btn-white-bg.gif) repeat-x;
  position: relative;
  padding: 0 5px;
  text-align: center;
  font-weight: bold;
}

.btn-white-h30 a:hover {
  text-decoration: none;
}

  .btn-white-h30 a .bgL {
    display: block;
    width: 5px;
    height: 30px;
    background: url(/common/img/btn-white-bg-l.gif) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
  }

  .btn-white-h30 a .bgR {
    display: block;
    width: 5px;
    height: 30px;
    background: url(/common/img/btn-white-bg-r.gif) right top no-repeat;
    position: absolute;
    right: 0;
    top: 0;
  }

.btn-white-h50 a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  background: url(/common/img/btn-white-h50-bg.gif) repeat-x;
  position: relative;
  padding: 0 5px;
  text-align: center;
  font-weight: bold;
}

.ie7 .btn-white-h50 a {
  display: inline;
  zoom:1;
}

.btn-white-h50 a:hover {
  text-decoration: none;
}

  .btn-white-h50 a .bgL {
    display: block;
    width: 5px;
    height: 50px;
    background: url(/common/img/btn-white-h50-bg-l.gif) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
  }

  .btn-white-h50 a .bgR {
    display: block;
    width: 5px;
    height: 50px;
    background: url(/common/img/btn-white-h50-bg-r.gif) right top no-repeat;
    position: absolute;
    right: 0;
    top: 0;
  }

.btn-gray-h50 a {
  display: inline-block;
  height: 52px;
  line-height: 52px;
  background: url(/common/img/btn-gray-h50-bg.gif) repeat-x;
  position: relative;
  padding: 0 5px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 15px;
}

.ie7 .btn-gray-h50 a {
  display: inline;
  zoom:1;
}

.btn-gray-h50 a:hover {
  text-decoration: none;
}

  .btn-gray-h50 a .bgL {
    display: block;
    width: 5px;
    height: 52px;
    background: url(/common/img/btn-gray-h50-bg-l.gif) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
  }

  .btn-gray-h50 a .bgR {
    display: block;
    width: 5px;
    height: 52px;
    background: url(/common/img/btn-gray-h50-bg-r.gif) right top no-repeat;
    position: absolute;
    right: 0;
    top: 0;
  }



/* table
-----------------------*/
#main table {
  width: 100%;
  border-top: 1px solid #CCC;
  font-size: 11px;
  line-height: 1.2;
}

  #main table th {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 9px 14px 9px;
    vertical-align: top;
    font-weight: bold;
  }
  #main table td {
    border-bottom: 1px solid #CCC;
    padding: 9px 7px 9px 7px;
  }
  #main table th.Beth {
    padding: 9px 0 9px 7px;
  }
  #main table td.Beth {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    vertical-align: top;
  }
  #main table th.Betd {
    padding: 9px 0 9px 7px;
  }
  #main table .noright {
    border-right: none!important;
  }
  #main table .odd2 th, table .odd2 td {
    background-color: #666;
    color: #fff;
  }
  #main table .odd th, table .odd td {
    background-color: #E9E9E9;
  }
  #main table .taC {
    text-align: center;
    padding-left: 0;
  }
  #main table td.note {
    border-bottom: none;
    padding: 9px 0 9px 14px;
  }
  #main table.style3 tr th,
  #main table.style3 tr td {
    border: 1px solid #CCC;
    text-align: center;
  }
  #main table.style3 tr .last-border{
    border-right: none;
  }

  #main table.style3 tr .first-border{
    border-left: none;
  }
  #main table.style3 tr .note{
    border: none;
    text-align: left;
  }
  #main table .break{
    word-break: break-all;
  }

  @media screen and (max-width: 640px) {
  #main table {
    font-size: 10px;
  }
  }


/* #head-area
--------------------------*/
#head-area {
  background: none;
  border-bottom:  #ccc solid 1px;
  min-height: 1px;
}
  #head-area .inner{
    position:relative;
    z-index:20;
  }

@media only screen and (max-width:640px){
#head-area{
  background:#FFF;
  padding:5px 0 10px;
  border-bottom: none;
}
}

#head-area .inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}





/* .page-navi
-----------------------------*/
#head-area .page-navi {
  float: left;
}
  #head-area .page-navi li {
    float: left;
    height: 36px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: bold;
  }
    #head-area .page-navi li a {
      text-decoration: none;
      display: block;
      text-align: center;
      background: url(/common/img/pag_nav_off.png) repeat-x 0 0;
      height: 27px;
      padding: 10px 15px 0 15px;
      position: relative;

      color:#333;
    }

    #head-area .page-navi li a:hover,
    .page-navi-01 #head-area .page-navi li.btn01 a,
    .page-navi-02 #head-area .page-navi li.btn02 a,
    .page-navi-03 #head-area .page-navi li.btn03 a,
    .page-navi-04 #head-area .page-navi li.btn04 a,
    .page-navi-05 #head-area .page-navi li.btn05 a,
    .page-navi-06 #head-area .page-navi li.btn06 a,
    .page-navi-07 #head-area .page-navi li.btn07 a,
    .page-navi-08 #head-area .page-navi li.btn08 a,
    .page-navi-09 #head-area .page-navi li.btn09 a,
    .page-navi-10 #head-area .page-navi li.btn10 a,
    .page-navi-11 #head-area .page-navi li.btn11 a,
    .page-navi-12 #head-area .page-navi li.btn12 a {
      background: url(/common/img/pag_nav_on.png) repeat-x 0 0;
    }
    #head-area .page-navi li a span.bgL {
      display: block;
      text-align: center;
      background: url(/common/img/pag_nav_left_01_off.png) no-repeat 0 0;
      width: 4px;
      height: 37px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 100;
    }
    #head-area .page-navi li a:hover span.bgL,
    .page-navi-01 #head-area .page-navi li.btn01 a span.bgL,
    .page-navi-02 #head-area .page-navi li.btn02 a span.bgL,
    .page-navi-03 #head-area .page-navi li.btn03 a span.bgL,
    .page-navi-04 #head-area .page-navi li.btn04 a span.bgL,
    .page-navi-05 #head-area .page-navi li.btn05 a span.bgL,
    .page-navi-06 #head-area .page-navi li.btn06 a span.bgL,
    .page-navi-07 #head-area .page-navi li.btn07 a span.bgL,
    .page-navi-08 #head-area .page-navi li.btn08 a span.bgL,
    .page-navi-09 #head-area .page-navi li.btn09 a span.bgL,
    .page-navi-10 #head-area .page-navi li.btn10 a span.bgL,
    .page-navi-11 #head-area .page-navi li.btn11 a span.bgL,
    .page-navi-12 #head-area .page-navi li.btn12 a span.bgL {
      background: url(/common/img/pag_nav_left_01_on.png) no-repeat 0 0;
    }
    #head-area .page-navi li a span.bgR {
      display: block;
      text-align: center;
      background: url(/common/img/pag_nav_right_01_off.png) no-repeat 0 0;
      width: 4px;
      height: 37px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 100;
    }
    #head-area .page-navi li a:hover span.bgR,
    .page-navi-01 #head-area .page-navi li.btn01 a span.bgR,
    .page-navi-02 #head-area .page-navi li.btn02 a span.bgR,
    .page-navi-03 #head-area .page-navi li.btn03 a span.bgR,
    .page-navi-04 #head-area .page-navi li.btn04 a span.bgR,
    .page-navi-05 #head-area .page-navi li.btn05 a span.bgR,
    .page-navi-06 #head-area .page-navi li.btn06 a span.bgR,
    .page-navi-07 #head-area .page-navi li.btn07 a span.bgR,
    .page-navi-08 #head-area .page-navi li.btn08 a span.bgR,
    .page-navi-09 #head-area .page-navi li.btn09 a span.bgR,
    .page-navi-10 #head-area .page-navi li.btn10 a span.bgR,
    .page-navi-11 #head-area .page-navi li.btn11 a span.bgR,
    .page-navi-12 #head-area .page-navi li.btn12 a span.bgR{
      background: url(/common/img/pag_nav_right_01_on.png) no-repeat 0 0;
    }
    #head-area .page-navi li.bg2 a span.bgL {
      background: url(/common/img/pag_nav_left_02_off.png) no-repeat 0 0;
    }
    #head-area .page-navi li.bg2 a:hover span.bgL,
    .page-navi-01 #head-area .page-navi li.bg2.btn01 a span.bgL,
    .page-navi-02 #head-area .page-navi li.bg2.btn02 a span.bgL,
    .page-navi-03 #head-area .page-navi li.bg2.btn03 a span.bgL,
    .page-navi-04 #head-area .page-navi li.bg2.btn04 a span.bgL,
    .page-navi-05 #head-area .page-navi li.bg2.btn05 a span.bgL,
    .page-navi-06 #head-area .page-navi li.bg2.btn06 a span.bgL,
    .page-navi-07 #head-area .page-navi li.bg2.btn07 a span.bgL,
    .page-navi-08 #head-area .page-navi li.bg2.btn08 a span.bgL,
    .page-navi-09 #head-area .page-navi li.bg2.btn09 a span.bgL,
    .page-navi-10 #head-area .page-navi li.bg2.btn10 a span.bgL,
    .page-navi-11 #head-area .page-navi li.bg2.btn11 a span.bgL,
    .page-navi-12 #head-area .page-navi li.bg2.btn12 a span.bgL {
      background: url(/common/img/pag_nav_left_02_on.png) no-repeat 0 0;
    }

    #page-navi .navi-store-btn {
	float: left;
}
	#page-navi .navi-store-area .store-btn {
		width: 110px;
		height: 30px;
		margin-left: auto;
		font-size: 11px;
		color: #fff;

		background: url(/japan/products/common/img/btn-product-footer3.png) no-repeat;
	}
	#page-navi .navi-store-area .store-btn a{
		display: block;
		color: #fff;
		padding: 8px 0 0 17px;
	}

@media screen and (max-width: 640px) {
	#page-navi .navi-store-area {
		float: none;
		padding: 45px 10px 5px 0;
	}
}

#page-navi.fixed {
	position: fixed;
	top: 0;
	width: 100%;
  z-index: 10;
	border-bottom: #ccc solid 1px;
	background: #EDEDED;
	padding-top: 10px;
	margin-left: -100%;
	padding-left: 100%;
}
#page-navi.fixed .navi-store-area {
	max-width: 980px;
}

@media screen and (max-width: 640px) {
#page-navi.fixed {
	border-bottom: none;
	padding-left: 0;
	margin-left: 0;
  	padding-top: 5px;
}
}
  /* #page-navi-parent
  -----------------------------*/
  #page-navi-parent{
    /*hidden*/
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow:hidden;
    position:absolute;
  }
  @media only screen and (max-width:640px){
  #page-navi-parent{
    /*visible*/
    position:relative;
    z-index: 100;
    overflow:visible;
    display:block;
    width:100%;
    float:right;
    height:32px;
    margin: 0 0 15px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .ie7 #page-navi-parent{
    width:96.77419355%;/* 600/620 */
    padding: 0 1.612903225%;/* 10/620 */
  }

    #page-navi-parent a {
      text-decoration: none;
      display: block;
      text-align:left;
      background:#888 url(/common/img/page-navi-cursor.png) right center no-repeat;
      color:#FFF;
      height:37px;
      padding:0 5px;
      position: relative;
      line-height:37px;
    }
    #page-navi-parent a:hover {
      background:#CCC url(/common/img/page-navi-cursor.png) right center no-repeat;
    }
  }
  /* END -- @media only screen and (max-width:640px){ */

  /* .page-navi-wrap
  -----------------------------*/
  #head-area .page-navi-wrap{
  }
  @media only screen and (max-width:640px){
  #head-area .page-navi-wrap{
    position:absolute;
    top:37px;
    right:10px;
    width:60%;

    overflow: auto;

    display: none;
  }
  /*#head-area #page-navi.fixed .page-navi-wrap{
    top:57px;
  }*/
  #head-area .page-navi-wrap.active{
    display: block;
  }
  }
  /* END -- @media only screen and (max-width:640px){ */

    /* .page-navi
    -----------------------------*/
    #head-area .page-navi{
    }
    @media only screen and (max-width:640px){
    #head-area .page-navi{
      float: none;
      width:100% !important;
      margin:0;
      padding: 0 10px;
      box-sizing: border-box;
    }

    .ie7 #head-area .page-navi{
      width:96.77419355%;/* 600/620 */
      padding: 0 1.612903225%;/* 10/620 */
    }

    #head-area .page-navi li {
      float:none;
      height: auto !important;
      font-size: 13px;
      line-height: 1.2;
      font-weight: normal;
    }
      #head-area .page-navi li a {
        text-decoration: none;
        display: block;
        text-align:left;
        background:#999 !important;
        color:#FFF;
        height:37px;
        padding:0 5px;
        position: relative;
        line-height:37px;
      }
      #head-area .page-navi li a.active {
        background:#666 !important;
      }
      #head-area .page-navi li a:hover {
        background:#CCC !important;
      }
        #head-area .page-navi li a span.bgL {
          display:none;
          background:none !important;
        }
        #head-area .page-navi li a:hover span.bgL,
        #head-area .page-navi li a.current span.bgL {
          display:none;
          background:none !important;
        }
        #head-area .page-navi li a span.bgR {
          display:none;
          background:none !important;
        }
        #head-area .page-navi li a:hover span.bgR,
        #head-area .page-navi li a.current span.bgR {
          display:none;
          background:none !important;
        }
        #head-area .page-navi li.bg2 a span.bgL {
          display:none;
        }
        #head-area .page-navi li.bg2 a:hover span.bgL,
        #head-area .page-navi li.bg2 a.current span.bgL {
          display:none;
          background:none !important;
        }
  }
  /* END -- @media only screen and (max-width:640px){ */




  /* .page-child-navi
  -----------------------------*/
  #head-area .page-child-navi {
    display: none;
  }
  @media screen and (max-width: 640px){
  #head-area .child-wrap.is-open .page-child-navi {
    display: block;
  }
    #head-area .page-child-navi a {
      padding-left: 20px !important;
    }


    #head-area .child-trigger {
      position: relative;
    }
      #head-area .child-trigger::after {
        content: "";
        display: block;
        width: 10px;
        height: 2px;
        background: #fff;

        position: absolute;
        right: 6px;
        top: 17px ;
        margin-top: -1px;
      }
      #head-area .child-trigger::before {
        content: "";
        display: block;
        width: 2px;
        height: 10px;
        background: #fff;

        position: absolute;
        right: 10px;
        top: 13px;
        margin-top: -1px;
      }
      #head-area .child-wrap.is-open .child-trigger::before {
        display: none;
      }
  } /* @media screen and (max-width: 640px){ */
  /* END--.page-child-navi */



  /* socialbutton */
  #head-area ul.socialbutton {
    float: right;
    width: 308px;
    padding: 3px 0 0 0;
    margin: 0;
    list-style-type: none;
  }
    #head-area ul.socialbutton li {
      float: left;
      width: 108px;
      line-height: 0;
    }

    #head-area ul.socialbutton li.fb{
      width:  120px;
    }

    #head-area ul.socialbutton li.gp {
      width: 80px;
      overflow:hidden;
    }

    /* fix */
      @media only screen and (max-width:790px){
      #head-area ul.socialbutton {
        float:none;
        clear:both;
        position:absolute;
        bottom:-29px;
        right:0;
      }
      }
      @media only screen and (max-width:640px){
      #head-area ul.socialbutton {
        position:static;
        padding-left:5px;
      }
      #head-area ul.socialbutton li {
        width: 105px;
      }

      }


/* #head-area
--------------------------*/
#contents .content-wrap.border-top {
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 640px) {
#contents .content-wrap.border-top {
  border-top: 0;
}
}

  /*.tool-box
  -----------------------*/
  .tool-box{
  }
  .tool-box-inner{
    background:#FCFCFC url(/common/img/toolbox-bg.jpg) repeat-x left bottom;

    position:relative;

    border:1px solid #CCC;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
  }
    .tool-box form{
    }

    /*.dropdown-box
    -----------------------*/
    .tool-box .dropdown-box{
      float:left;
      padding:13px 25px 10px 8px;
    }
  @media screen and (max-width: 640px) {
  .tool-box{
    padding:50px 0 0;
    clear:both;
    zoom:1;
  }
  .tool-box-inner{
    padding-left: 0;
    border-right: none;
    border-left: none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
  }
    .tool-box .dropdown-box{
      position:absolute;
      width:100%;
      top:-50px;
      left:0;
      padding:0;
      z-index:10;
    }
  }

      /*.easy-select-box@javascript
      -----------------------*/
      .tool-box .dropdown-box .easy-select-box {
        position:relative;
        display:inline-block;
        *display:inline;
        *zoom:1;
      }
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp,
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp:visited{
         background:#666 url(/common/img/page-navi-cursor.png) right center no-repeat;
         display:block;
         color:#FFF;
         width:115px;
         padding:0 25px 0 5px;
         height:28px;
         line-height:28px;
         text-decoration:none;
        }
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp:hover{
         position:relative;
         text-decoration:none;
         background:#CCC url(/common/img/page-navi-cursor.png) right center no-repeat;
        }
        .tool-box .dropdown-box .easy-select-box ul {
         display:none;
         overflow:auto;

         position:absolute;
         top:100%;
         left:0;
         z-index:99;

         width:145px;
         background:#FFF;
        }
        .tool-box .dropdown-box .easy-select-box ul li a,
        .tool-box .dropdown-box .easy-select-box ul li a:visited{
         display:block;
         background:#999;
         color:#FFF;
         cursor:default;
         text-decoration:none;
         height:28px;
         line-height:28px;
         padding:0 5px;
        }
        .tool-box .dropdown-box .easy-select-box ul li a:hover{
         background:#CCC;
         text-decoration:none;
        }

        @media screen and (max-width: 640px) {
        .tool-box .dropdown-box .easy-select-box {
          display:block;
          padding: 0 10px;
        }
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp,
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp:visited{
          background:#888 url(/common/img/page-navi-cursor.png) right center no-repeat;
          color:#FFF;
          width:auto;
          height: 37px;
          line-height: 37px;
        }
        .tool-box .dropdown-box .easy-select-box .easy-select-box-disp:hover{
           background:#CCC url(/common/img/page-navi-cursor.png) right center no-repeat;
        }
        .tool-box .dropdown-box .easy-select-box ul {
          width:100%;
          padding: 0 10px;
          box-sizing: border-box;
        }
        .tool-box .dropdown-box .easy-select-box ul li a,
        .tool-box .dropdown-box .easy-select-box ul li a:visited {
          height: 37px;
          line-height: 37px;
        }
        }


    /*.check-box
    -----------------------*/
    .tool-box .check-box{
      float:left;
      padding:13px 0 13px 0;
    }
    @media screen and (max-width: 640px) {
    .tool-box .check-box{
      padding:13px 0 13px 10px;
    }
    }

      /*.style-checkbox
      -----------------------*/
      .tool-box .style-checkbox label{
        margin:0 20px  0 0;

        background:url(/common/img/style-checkbox-bg.png) no-repeat;
        padding:0 0 0 20px;
        line-height:28px;

        display:inline-block;
        *display:inline;
        *zoom:1;
      }
        .tool-box .style-checkbox label.on{
          background-position:0 -28px;
        }

      .tool-box .style-checkbox input{
        position:absolute;
        left:-99999px;
      }


    /*.pager-box
    -----------------------*/
    .pager-box {
      background:#F0F0F0;
      padding:15px 0 10px;
      text-align:center;
      position:relative;
    }
      .pager-box ul{
        display:inline-block;
        *display:inline;
        *zoom:1;
      }

      .pager-box li{
	  display:inline-block;
	  font-size: 14px;
          *display:inline;
          *zoom:1;

          border-right:1px solid #666;
          text-align:center;
          padding:0 8px;
          line-height:1;
        }
        .pager-box li.first{
          border-left:1px solid #666;
	}
	.pager-box li:last-child{
		border-right: none;
	      }

        .pager-box li.prev{
          border:none;
          text-align:left;
          padding:0 20px 0 0;
        }

        .pager-box li.next{
          border:none;
          text-align:right;
          padding:0 0 0 20px;
        }


          .pager-box li a{
            text-decoration:none;
            color:#00468C;
          }

          .pager-box li a:hover{
            color:#000;
            text-decoration:underline;
          }

          .pager-box li.on a{
            color:#000;
            cursor:default;
          }

          .pager-box li.prev a{
            background:url(/common/img/icon-cursor-reverse.png) no-repeat 0 center;
            padding:0 0 0 10px;
          }
          .pager-box li.next a{
            background:url(/common/img/icon-cursor.png) no-repeat right center;
            padding:0 10px 0 0;
          }

          .pager-box li.next a:hover{
            text-decoration:underline;
          }

        @media screen and (max-width: 640px) {
        .pager-box li.prev,
        .pager-box li.next{
          float:none;
          position:absolute;
          bottom:10px;
        }
        .pager-box li.prev{
          left:25%;
          text-align:left;
        }
        .pager-box li.next{
          right:25%;
          text-align:right;
        }
        }

/*.pager-box2
-----------------------*/
.pager-box2 {
	background:url(/common/img/pager_bg.png) repeat-x center center;
	height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}
.pager-box2 .bgL {
	display: block;
	width: 20px;
	height: 50px;
	background: url(/common/img/pager_bgL.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
.pager-box2 .bgR {
	display: block;
	width: 20px;
	height: 50px;
	background: url(/common/img/pager_bgR.png) right top no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}

.pager-box2 .pager-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	padding:0 20px;
}
	.pager-box2 ul{
		padding:0 0 12px;
	}

	.pager-box2 li{
		border-right: none;
		padding:0 20px 0;
	}

	.pager-box2 .prev{
		font-size: 12px !important;
		border-right:#ccc solid 1px;
		padding:0 30px 0 10px;
		line-height: 2.5 !important;
	}

	.pager-box2 .next{
		font-size: 12px !important;
		border-left:#ccc solid 1px;
		line-height: 2.5 !important;
		padding:0 10px 0 30px;
	}

	.pager-box2 .on {
		color:#000;
		cursor:default;
	}
	.pager-box2 .on:before {
		content:url(/common/img/icon-cursor-up.png);
		display: block;
		padding-bottom: 4px;
		}

	.pager-box2 .prev .icon_l{
		background:url(/common/img/icon-cursor-reverse.png) no-repeat 0 center;
		padding:0 0 0 20px;
	}
	.pager-box2 .next .icon_r{
		background:url(/common/img/icon-cursor.png) no-repeat right center;
		padding:0 20px 0 0;
	}

	.pager-box2 li.next a:hover{
		text-decoration:underline;
	}

	@media screen and (max-width: 640px) {
		.pager-box2 ul{
			padding:0;
		}
		.pager-box2 .prev,
		.pager-box2 .next{
			padding: 0;
		}
		.pager-box2 li{
			border-left: #666 solid 1px;
			padding: 4px 10px;
			font-size: 12px;
		}
		.pager-box2 li:last-child{
			border-right: #666 solid 1px;
		}
		.pager-box2 li a{
			font-size:12px;
			text-decoration:underline;
			color:#00468C;
		}
		/*.pager-box2 .on {
			background-color: #fff;
			border: #fff solid 1px;
			border-radius: 5px;
			color:#000;
			cursor:default;
		}*/
		.pager-box2 .on:before {
			content:none;
			}

	}


#main .contentTable{
  margin-top: 20px;
  border: 1px solid #CCC;
  font-size: 11px;
  line-height: 1.2;
}
#main .contentTable td{
  border: none;
}
#main .contentTable th{
  border: none;
  width: 20%;
  font-weight: normal;
}

/*
.store-button
--------------------*/
#product-footerbox .product-footer-onlineShop {
	border-right: 0;
	margin-right: 0;
}
@media screen and (max-width: 640px) {
	#product-footerbox .product-footer-onlineShop {
		border-bottom: 0;
		padding: 0;
		margin: 0;
	}
}

#main .store-button-area .store-button {
	display: block;
	width: 300px;
	height: 52px;
	margin: 40px auto 0;
	background: url(/japan/products/common/img/btn-product-store-button.png) no-repeat;
}
#main .store-button-area .store-button span{
	display: block;
	font-size: 18px;
	line-height: 3;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
#main .store-button-area a:link {
	color: #fff;
}
#main .store-button-area a:visited {
	color: #fff;
}