@charset "UTF-8";

.spOnly {
  display: none !important;
}

/* ----------------------------------
*common
---------------------------------- */
body {
  color: #333;
  background: url("../img/module/bg_01.jpg") 0 0;
  line-height: 1.8;
  color: #464241;
  font-size: 14px;
}

a {
  color: #333;
}
a:active {
  color: #333;
}
a:hover {
  text-decoration: underline;
}

#wrapper {
  min-width: 980px;
  overflow: hidden;
}

.wrapper_in {
  width: 980px;
  margin: 0 auto;
}

html {
  -webkit-text-size-adjust: 100%;
}

/* ----------------------------------
*Winwows tablet - enable carousel
---------------------------------- */
.carousel_wrapper, .carousel_mask, .carousel_move, .carousel_card {
  -ms-touch-action: none;
}

/* ----------------------------------
*fancybox
---------------------------------- */
#fancybox-content .modals {
  display: block;
}

#fancybox-close {
  right: 5px !important;
  top: 5px !important;
  background: url("../img/module/modal_close.png") 0 0 no-repeat !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

/* ----------------------------------
*input[type="search"]
---------------------------------- */
/* Reset input[type="search"] */
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
input[type="search"]:focus {
  outline-offset: -2px;
}
input[type="search"]::-webkit-search-decoration {
  display: none;
  -webkit-appearance: none;
  display: inline-block;
}
input[type="search"]::-webkit-search-cancel-button {
  /* Remove default */
  -webkit-appearance: none;
}

input[type="text"], input[type="search"], input[type="password"], input[type="email"]{
  font-size: 115%;
  font-family: "Meiryo", verdana, "Hiragino Kaku Gothic Pro", "Osaka","MS PGothic", Sans-Serif;
  box-sizing: border-box;
  padding: 4px 4px;
}

/* ----------------------------------
*input
---------------------------------- */
select, textarea {
  box-sizing: border-box;
  font-family: "Meiryo", verdana, "Hiragino Kaku Gothic Pro", "Osaka","MS PGothic", Sans-Serif;
  font-size: 115%;
  padding: 4px 4px;
}

input[type="text"].error, input[type="search"].error {
  background: #fad7cc;
}

select.error, textarea.error {
  background: #fad7cc;
}

select {
  border: 1px solid #b1b1b1;
  background: white url("../img/module/ico_select.png") right 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-image: none;
}

#ie9 select {
  background: #fff;
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, .placeholder {
  color: #999;
}

#searchTemplate {
  width: 30%;
  display: block;
  float: right;
  white-space: nowrap;
}

#searchTemplate input[type="search"] {
  margin-bottom: 10px;
  background: white url("../img/module/ico_search.png") right 3px no-repeat;
  -webkit-background-size: 28px;
  background-size: 28px;

  width: 100%;
  top: 3px;
  left: 12px;
/*  border:1px solid #aaa;*/
  background-color: #fff;
}

#searchTemplate input[type="submit"] {
  opacity: 0;
  cursor: pointer;

  position: relative;
  bottom: 1px;
  right: 35px;
  width: 32px;
  height: 32px;
}



/* ----------------------------------
*stdBtns
---------------------------------- */
.stdBtns {
  background: url("../img/module/stdBtn_bg_01.png") 0 0 repeat-x;
  -webkit-background-size: contain;
  background-size: contain;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border: 1px solid #E1E0E0;
}
.stdBtns a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
}
.stdBtns.disabled {
  background: #eee;
  cursor: default;
  border: none;
  color: #aaa;
}
.stdBtns.disabled a {
  color: #aaa;
}
.stdBtns.disabled:hover, .stdBtns.disabled:active {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  border: none;
}
.stdBtns.on {
  background: #b1b0b1;
}
.stdBtns:hover {
  border-color: #fff;
  background-color: #fff;
  box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
}
.stdBtns:hover a {
  text-decoration: none;
}
.stdBtns:active
.stdBtns.btn-large {
  font-size: 18pt;
}
.stdBtns:active
.stdBtns.btn-large a {
  padding: 20px 0;
}
.stdBtns.btn-small {
  width: 34px;
}
.stdBtns.btn-small a {
  padding: 6px 0;
}

.disabled a {
  cursor: default !important;
}

.stdBtn_wrapper.col2, .stdBtn_wrapper.col3, .stdBtn_wrapper.col4, .stdBtn_wrapper.col5 {
  overflow: hidden;
  *zoom: 1;
}
.stdBtn_wrapper.col2 li, .stdBtn_wrapper.col3 li, .stdBtn_wrapper.col4 li, .stdBtn_wrapper.col5 li {
  margin: 0 1% 4px;
  float: left;
}
.stdBtn_wrapper.col2 li:first-child, .stdBtn_wrapper.col3 li:first-child, .stdBtn_wrapper.col4 li:first-child, .stdBtn_wrapper.col5 li:first-child {
  margin-left: 0;
}
.stdBtn_wrapper.col2 li {
  width: 49%;
}
.stdBtn_wrapper.col2 li:nth-child(2n) {
  margin-right: 0;
}
.stdBtn_wrapper.col2 li:nth-child(2n+1) {
  margin-left: 0;
}
.stdBtn_wrapper.col3 li {
  width: 32%;
}
.stdBtn_wrapper.col3 li:nth-child(3n) {
  margin-right: 0;
}
.stdBtn_wrapper.col3 li:nth-child(3n+1) {
  margin-left: 0;
}
.stdBtn_wrapper.col4 li {
  width: 23.5%;
}
.stdBtn_wrapper.col4 li:nth-child(4n) {
  margin-right: 0;
}
.stdBtn_wrapper.col4 li:nth-child(4n+1) {
  margin-left: 0;
}
.stdBtn_wrapper.col5 li {
  width: 18.4%;
}
.stdBtn_wrapper.col5 li:nth-child(5n) {
  margin-right: 0;
}
.stdBtn_wrapper.col5 li:nth-child(5n+1) {
  margin-left: 0;
}

/* ----------------------------------
*header
---------------------------------- */
header {
  background: #eb6100;
  margin-bottom: 10px;
  height: 60px;
  color: #fff;
}
header a {
  color: #fff;
}
header .wrapper_in {
  position: relative;
}
header .logo {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -100px;
}
header .btn-return, header #user_pulldown {
  position: absolute;
}
header .btn-return a {
  padding-left: 40px;
  position: relative;
  display: block;
  z-index: 1;
}
header #user_pulldown a {
  padding-left: 10px;
  position: relative;
  display: block;
  z-index: 1;
}
header .btn-return:before, header .btn-return:after {
  position: absolute;
  content: "";
}
header #user_pulldown:before, header #user_pulldown:after {
  position: absolute;
  content: "";
}
header .btn-return {
  left: 0;
  top: 6px;
  font-size: 180%;
}
header .btn-return:before {
  border-right: 25px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  left: 0px;
  top: 8px;
}
header .btn-return:after {
  border-right: 25px solid #eb6100;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  left: 5px;
  top: 8px;
}
header #user_pulldown {
  right: 0;
  top: 0;
  width: 200px;
  margin-top: 25px;
}
header #user_pulldown a {
  text-decoration: none;
}
header #user_pulldown p, header #user_pulldown.on p {
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
}
header #user_pulldown:before {
  border-top: 13px solid #fff;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  right: 10px;
  top: 12px;
}
header #user_pulldown p {
  padding: 3px 5px 3px 10px;
}
header #user_pulldown p a {
  padding-left: 0;
}
header #user_pulldown .pulldown_menu {
  left: 0;
  top: 100%;
  width: 200px;
}

.mod-headersp {
  display: none;
}

.mod-spmenuList,
.mod-spshareItem
 {
  display: none;
}

/*header #user_pulldown:hover p, header #user_pulldown.on p {
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
}*/
.pulldown_menu {
  display: none;
  position: absolute;
  width: 200px;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
  z-index: 99;
  text-align: left;
}
.pulldown_menu-item {
  border-bottom: 1px solid #b1b1b1;
  background: #fff;
}
.pulldown_menu-item:hover {
  background: #D5EEFB;
}
.pulldown_menu-item:last-child {
  border-bottom: none;
}
.pulldown_menu-item.disabled {
  background: #fff;
}
.pulldown_menu-item.disabled a {
  color: #aaa;
  text-decoration: none;
}
.pulldown_menu-item.disabled:hover {
  background: #fff;
}
.pulldown_menu-item a {
  padding: 3px 5px 3px 5px;
  color: #333;
  display: block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pulldown_menu-item.hasChild {
  position: relative;
}
.pulldown_menu-item.hasChild:before {
  position: absolute;
  content: "";
  border-left: 12px solid #333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  right: 10px;
  top: 13px;
}
.pulldown_menu-item.hasChild .pulldown_menu {
  left: 100%;
  top: 0;
}
.pulldown_menu.on {
  display: block;
}

/* ----------------------------------
*footer
---------------------------------- */
footer {
  margin: 30px auto;
  width: 980px;
  position: relative;
  text-align: center;
  font-size: 90%;
}

/*footer:before {
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
}*/
/* ----------------------------------
*cardSelectSection
---------------------------------- */
.cardSelectSection {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #b1b1b1;
}
.cardSelectSection:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.sec_title {
  margin-bottom: 5px;
  font-size: 140%;
}

/* ----------------------------------
*carousel
---------------------------------- */
.carousel_wrapper {
  position: relative;
}

.carousel_mask {
  overflow: hidden;
  margin: 0 auto;
  width: 880px;
}

.carousel_move {
  overflow: hidden;
  height: 270px;
}

.carousel_move.p1-design-carouselList,
.carousel_move.p1-address-carouselList {
  overflow: hidden;
  height: 330px;
}



.carousel_btn {
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -85px;
  -webkit-background-size: contain;
  background-size: contain;
}
.carousel_btn.off {
  display: none;
}
.carousel_btn:hover, .carousel_btn:active {
  -webkit-background-size: contain;
  background-size: contain;
}
.carousel_btn:hover img, .carousel_btn:active img {
  visibility: hidden;
}
.carousel_btn.list_prev {
  left: 0;
}
.carousel_btn.list_prev:hover {
  background-image: url("../img/module/carousel_btnL_h.png");
}
.carousel_btn.list_prev:active {
  background-image: url("../img/module/carousel_btnL_a.png");
}
.carousel_btn.list_next {
  right: 0;
}
.carousel_btn.list_next:hover {
  background-image: url("../img/module/carousel_btnR_h.png");
}
.carousel_btn.list_next:active {
  background-image: url("../img/module/carousel_btnR_a.png");
}

.carousel_card {
  float: left;
  text-align: center;
  padding-top: 3px;
  width: 220px;
  height: 220px;
}
.carousel_card a {
  z-index: 1;
}
.carousel_card a.on .card_hover {
  background: rgba(24, 148, 216, 0.3);
  border: 3px solid #1894d8;
}
.n1-address-carouselList .carousel_card a.on .card_hover ,
.n1-design-carouselList .carousel_card a.on .card_hover {
    background: rgba(250, 238, 0, 0.3) none repeat scroll 0 0;
    border: 3px solid #eb6100;
}
.n1-address-carouselList .carousel_card a.on .card_hover:before,
.n1-design-carouselList .carousel_card a.on .card_hover:before {
  content:"\003053\00308c\003092\005370\005237";
  color: #fff;
  text-align: center;
  background: #eb6100;
  display: block;
}


.carousel_card figure {
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  background-color: #fff;
  display: inline-block;
}
.carousel_card figure .card_hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.carousel_card figure:hover .card_hover {
  background: rgba(24, 148, 216, 0.3);
}
.carousel_card figure:active .card_hover {
  background: rgba(11, 27, 11, 0.3);
}
.carousel_card .card_title {
  text-align: center;
  margin-bottom: 10px;
}
.carousel_card.vertical figure img {
  max-width: 100%;
  max-height: 100%;
}
.carousel_card.multiple figure {
  position: relative;
  background: url("../img/module/card_multiple.png") 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-right: 6px;
  padding-bottom: 6px;
}
.carousel_card.multiple figure img {
  left: 0;
  z-index: 2;
}
.carousel_card.vertical figure {
  height: 207px;
  width: 140px;
}
.carousel_card.horizonal figure {
  width: 207px;
  height: 140px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.carousel_card.horizonal figure img {
  width: 100%;
  height: auto;
}
.carousel_card .card_wrapper {
  height: 210px;
  margin-bottom: 5px;
}

.mod-tutorial{
  background: #eb6100;
  color: #fff;
  padding: 12px 16px;
  position: absolute;
  z-index: 100;
  display: none;
}
.mod-tutorial:before{
  content:"";
  display: block;
  position: absolute;
}
.mod-tutorial.item-home-cardSelectSection{
  left: 50px;
  top: 100%;
  margin-top: -110px;
}
.mod-tutorial.item-home-cardSelectSection:before{
  left: 50%;
  margin-left: -3px;
  bottom: 100%;
  border: 6px solid transparent;
  border-bottom: 6px solid #eb6100;
}
.mod-tutorial.item-a1-create{
  left: 0;
  top: 100%;
}
.mod-tutorial.item-a1-create:before{
  left: 50px;
  bottom: 100%;
  border: 6px solid transparent;
  border-bottom: 6px solid #eb6100;
}
.mod-tutorial.item-d1-templates{
  left: 0;
  top: 100%;
}
.mod-tutorial.item-d1-templates:before{
  left: 50%;
  bottom: 100%;
  border: 6px solid transparent;
  border-bottom: 6px solid #eb6100;
  margin-left: -3px;
}
.mod-tutorial.item-d3-inmen_scaler{
  left: 50%;
  top: 95%;
  margin-left: -100px;
}
.mod-tutorial.item-d3-inmen_scaler:before{
  left: 50%;
  bottom: 100%;
  border: 6px solid transparent;
  border-bottom: 6px solid #eb6100;
  margin-left: -3px;
}
.mod-tutorial.item-n1-cardSelectSection{
  left: 38%;
  top: 95%;
  margin-left: -100px;
}
.mod-tutorial.item-n1-conv-cardSelectSection{
  left: 19%;
  top: 95%;
  margin-left: -100px;
}
.mod-tutorial.item-n1-cardSelectSection:before,
.mod-tutorial.item-n1-conv-cardSelectSection:before{
  left: 50%;
  bottom: 100%;
  border: 6px solid transparent;
  border-bottom: 6px solid #eb6100;
  margin-left: -3px;
}
.mod-tutorial.item-p1-cardSelectSection{
  left: 50px;
  top: 100%;
  margin-top: -20px;
}
.mod-tutorial.item-p1-cardSelectSection:before{
  left: 50%;
  margin-left: -3px;
  bottom: 100%;
  border: 6px solid transparent;
  border-bottom: 6px solid #eb6100;
}

/* ----------------------------------
H1
---------------------------------- */
#h1-1 {
  text-align: center;
}
#h1-1 figure {
  display: inline-block;
  margin-bottom: 15px;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

#h1-1 figure.horizonal{
  width: 400px !important;
}

#h1-1 figure.vertical{
  height: 450px !important;
}

#h1-1 figure.horizonal img {
  width: 100%;
  height: auto;
}

#h1-1 figure.vertical img {
  width: auto;
  height: 100%;
}

#design_name {
  width: 70%;
  display: inline-block;
  vertical-align: top;
  height: 38px;
}

#design_name_put {
  width: 24%;
  display: inline-block;
}

#h1-policy article {
  overflow-y: scroll;
  border: 1px solid #b1b1b1;
  margin-bottom: 20px;
  padding: 6px;
  height: 300px;
}

#h1-policy article h2{
  font-size: 1.8em;
}

#h1-policy article div{
  padding: 10px;
}

#h1-policy article ol{
  padding: 5px 5px 4px 40px;
}

#h1-policy article ol li{
  list-style-type: decimal;
}

.h1-pcFixed {
  width: 82.3%;
  padding-left: 9%;
}

.h1-fixed-printBtn {
  display: block;
  font-size: 18px;
  line-height: 40px;
  width: 100%;
}

#h1-printModal {
  width: 850px;
}

#h1-printModal #net-print-img-link {
  left: 300px;
  top: 291px;
  width: 30px;
  height: 16px;
}

#h1-printModal #conv-print-img-link-flow {
  left: 528px;
  top: 352px;
  width: 98px;
  height: 17px;
}

#h1-printModal #conv-print-img-link-notice {
  left: 652px;
  top: 352px;
  width: 58px;
  height: 17px;
}

#h1-printModal #conv-print-img-link-rules {
  left: 735px;
  top: 352px;
  width: 58px;
  height: 17px;
}

#h1-printModal .img-link {
  color: #ffffff;
  background-color: #000;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

#h1-printModal img {
  width: 850px;
  height: auto;
  padding-bottom: 10px;
}
#h1-printModal p {
  padding-top: 10px;
  text-align: left;
}
#h1-printModal div {
  text-align: center;
}

#h1-printModal .stdBtn_wrapper li {
  display: inline-block;
  width: 48%;
  margin: 0 1%
}

/* ----------------------------------
A1
*addressEditSection
---------------------------------- */
#addressEditSection {
  overflow: hidden;
  *zoom: 1;
}

.alert_wrapper {
  background: #fff;
  border: 1px solid #b1b1b1;
  width: 100%;
  height: 590px;
  overflow-y: scroll;
  display: table;
}
.alert_wrapper article {
  color: #999;
  text-align: center;
  font-size: 115%;
}
.alert_wrapper article {
  display: table-cell;
  vertical-align: middle;
}

#addressEdit_left {
  float: left;
  width: 500px;
}
.addressEdit-selectWrapper {
  margin-bottom: 1em;
  position: relative;
  overflow: hidden;
}
.addressEdit-selectWrapper-h{
  float: left;
  font-size: 120%;
}

.addressEdit-selectWrapper #a1-1-1 {
  right: 0;
  top: 100%;
}
.addressEdit-selectWrapper #a1-1-1 .hasChild .pulldown_menu {
  left: 200px;
}
#addressEdit_left .stdBtn_wrapper.col4 {
  margin-bottom: 10px;
}
#addressbookList {
  vertical-align: top;
  float: right;
  width: 330px;
}

#addressMenuBtn {
  display: inline-block;
  margin: 0;
  width: 34px;
}

#addressEditSection #addressEdit_left .searchWrapper {
  width: 100%;
  margin-bottom: 10px;
  /*position: relative;*/
}

#addressEditSection #addressEdit_left .searchWrapper #adrsSearch {
  background: white url("../img/module/ico_search.png") right 3px no-repeat;
  -webkit-background-size: 28px;
  background-size: 28px;
  width: 100%;
}

#addressEditSection #addressEdit_left .searchWrapper .searchBtn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 32px;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.a1-addressList-pcBtnList{
  margin-bottom: 1em;
}
.a1-addressList-pcBtnList-wrap{
  position: relative;
}

/* -------------
addressList
-------------- */
#addressList {
}
#addressList input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin: 10px;
}
#addressList label {
  margin-right: 5px;
  float: left;
  width: 35px;
  height: 35px;
}

.addressList-list{
  margin-bottom: 1em;
}
.addressList-list.item-receiver{
  background: #fff;
  border: 1px solid #b1b1b1;
  height: 580px;
  overflow-y: scroll;
  border: 1px solid #b1b1b1;
  border: 2px solid #fff;
}
.addressList-item{
  background: #fff;
  cursor: pointer;
}
.addressList-item-nameWrap {
  overflow: hidden;
  *zoom: 1;
}
.addressList-item-nameWrap dd {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.addressList-item-nameWrap dt {
  float: left;
  width: 120px;
}
.addressList-item-nameWrap dd {
  float: left;
  width: 250px;
  height: 30px;
}

.addressList-item {
  overflow: hidden;
  *zoom: 1;
  border: 2px solid #fff;
  padding: 6px 10px;
}
.addressList-item:hover {
  background: #C7E8FA;
}
.addressList-item.error {
  background: #fad7cc;
}
.addressList-item.on {
  border-color: #1894d8;
}
.addressList-list.item-sender label {
  display: none;
}
.addressList-list.item-sender li{
  background: #fff4f5;
}

.addressList-list.item-sender li:hover{
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  background: #ffd1d5;
}

.addressList-item-senderTxt{
  float: left;
  width: 80px;
}

.addressList-item-editBtn {
  display: none;
}

.mod-spFootBtnList {
  display: none;
}

#addressEdit_right {
  float: right;
  width: 458px;
}
#addressEdit_right .tabNav li {
  width: 140px;
  margin-right: 5px;
  font-size: 120%;
  padding-top: 5px;
}
#addressEdit_right .tab_content {
  background: #fff;
  border: 1px solid #b1b1b1;
  padding: 15px;
  height: 735px;
}

.addressPreviewTab .selectWrapper {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 16px;
  margin-top: 6px;
}
.addressPreviewTab .selectWrapper .addressPreviewTab-fontWrap {
  margin-right: 5px;
  float: left;
  overflow: hidden;
  *zoom: 1;
}
.addressPreviewTab .selectWrapper .addressPreviewTab-fontWrap dt, .addressPreviewTab .selectWrapper .addressPreviewTab-fontWrap dd {
  float: left;
}
.addressPreviewTab .selectWrapper .addressPreviewTab-fontWrap dt {
  margin-right: 5px;
  margin-top: 8px;
}
.addressPreviewTab .selectWrapper select {
  width: 220px;
}
/* 住所の数字表記 */
.addressPreviewTab .addressPreviewTab-addressNotation {
  margin-right: 5px;
}

.addressPreviewTab .addressPreviewTab-addressNotation dt {
  margin-right: 10px;
  float: left;
}

.addressPreviewTab .addressPreviewTab-addressNotation dd {
  margin-left: 80px;
}

.addressNotationList {
  padding-right: 15px;
}
.addressPreviewTab .selectWrapper #card_select {
  float: right;
  width: 130px;
  margin: 0;
}
.addressPreviewTab figure, .addressPreviewTab .col3 {
  width: 356px;
  margin: 0 auto;
}
.addressPreviewTab figure {
  margin-bottom: 10px;
  text-align: center;
}
.addressPreviewTab figure p {
  border: 1px solid #b1b1b1;
}
.addressPreviewTab figure ul {
  border: 1px solid #b1b1b1;
  border-top: none;
}
.addressPreviewTab figure li {
  border-bottom: 1px solid #b1b1b1;
  height: 2px;
  width: 100%;
}
.addressPreviewTab figure li:last-child {
  border-bottom: none;
}
.addressPreviewTab .stdBtn_wrapper.col3 li {
  width: 130px;
  margin-right: 20px;
  padding: 6px 0;
}
.addressPreviewTab .stdBtn_wrapper.col3 #preview_prev, .addressPreviewTab .stdBtn_wrapper.col3 #preview_next {
  width: 170px;
  margin-right: 5px;
}

.checkbox_print {
  background: url("../img/module/ico_printOn.png") 6px 3px no-repeat, url("../img/module/stdBtn_bg_01.png");
  -webkit-background-size: 28px,contain;
  background-size: 28px,contain;
}
.checkbox_print input[type="checkbox"] {
  opacity: 0;
}
.checkbox_print.c_on {
  background-image: url("../img/module/ico_printOff.png"), url("../img/module/stdBtn_bg_01.png");
}

.addressEditTab input, .addressEditTab textarea {
  border: none;
  margin: 0;
  display: block;
  position: relative;
  padding: 5px 2px;
}

#a1-4 input, #a1-4 textarea {
  border: none;
  margin: 0;
  display: block;
  position: relative;
  padding: 5px 2px;
}

.a1-1-1-5-lead,
.a1-1-1-5-name {
  text-align: left !important;
}

.a1-1-1-5-note {
  font-size: 0.8rem;
}

.addressEditTab textarea, #a1-4 textarea {
  resize: none;
}

.addressEditTab table, #a1-4 table {
  border-collapse: collapse;
}

.addressEditTab th, .addressEditTab td {
  vertical-align: top;
}

#a1-4 th, #a1-4 td {
  vertical-align: top;
}

.addressEditTab th, #a1-4 th {
  color: #666;
}

.addressEditTab td, #a1-4 td {
  border: 1px solid #b1b1b1;
}

.addressEditTab td div, #a1-4 td div {
  position: relative;
}

.addressEditTab td .error_text, #a1-4 td .error_text {
  position: absolute;
  background: #ef8b8b;
  padding: 4px;
  z-index: 2;
  right: 0;
  top: 100%;
  color: #fff;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  min-width: 140px;
}

.addressEditTab .nameTableWrapper, #a1-4 .nameTableWrapper {
  margin-bottom: 10px;
}

.addressEditTab .nameTableWrapper input, #a1-4 .nameTableWrapper input {
  width: 160px;
}

.addressEditTab .nameTableWrapper .tr02 input, #a1-4 .nameTableWrapper .tr02 input {
  font-size: 160%;
}

.addressEditTab .nameTableWrapper .col03 input, #a1-4 .nameTableWrapper .col03 input {
  width: 70px;
}

.addressEditTab .renmeiTableWrapper, #a1-4 .renmeiTableWrapper {
  margin-bottom: 18px;
  font-size: 86%;
}

.addressEditTab .renmeiTableWrapper table, #a1-4 .renmeiTableWrapper table {
  margin-right: 1px;
  vertical-align: top;
  width: 208px;
  display: inline-block;
}

.addressEditTab .renmeiTableWrapper table .col01 input, #a1-4 .renmeiTableWrapper table .col01 input, .addressEditTab .renmeiTableWrapper table .col02 input, #a1-4 .renmeiTableWrapper table .col02 input {
  width: 75px;
}

.addressEditTab .renmeiTableWrapper table .col03 input, #a1-4 .renmeiTableWrapper table .col03 input {
  width: 45px;
}

.addressEditTab .addressTableWrapper table, #a1-4 .addressTableWrapper table {
  margin-bottom: 10px;
}

.addressEditTab .addressTableWrapper th, #a1-4 .addressTableWrapper th {
  width: 80px;
}

.addressEditTab .addressTableWrapper td input, .addressEditTab .addressTableWrapper td textarea {
  width: 334px;
}

#a1-4 .addressTableWrapper td input, #a1-4 .addressTableWrapper td textarea {
  width: 334px;
}

.addressEditTab .addressTableWrapper td textarea, #a1-4 .addressTableWrapper td textarea {
  height: 140px;
}

.addressEditTab ::-webkit-input-placeholder, #a1-4 ::-webkit-input-placeholder, .addressEditTab :-moz-placeholder, #a1-4 :-moz-placeholder, .addressEditTab ::-moz-placeholder, #a1-4 ::-moz-placeholder, .addressEditTab :-ms-input-placeholder, #a1-4 :-ms-input-placeholder, .addressEditTab .placeholder, #a1-4 .placeholder {
  font-size: 94%;
}

.addressEditTab-fromContacts {
  display: none;
}

.addressEditTab-openBtn{
  display: none;
}
/* ----------------------------------
A1
addressListView
---------------------------------- */
.addressListViewWrap {
  background: #fff;
  margin-bottom: 2em;
  padding: 10px 20px;
}

.addressListView-th,
.addressListView-td {
  border: 1px solid #ccc;
}

.addressListView-th {
  vertical-align: top;
  background: #efefef;
  padding: 5px;
}
.addressListView-th.item-name {
  width: 5em;
}
.addressListView-th.item-honorific {
  width: 4em;
}
.addressListView-th.item-jointSignature, .addressListView-th.item-zip {
  width: 5em;
}
.addressListView-th.item-zip {
  width: 5em;
}
.addressListView-th.item-address {
  width: 18em;
}
.addressListView-th.item-memo {
  width: 8em;
}

.addressListView-td {
  vertical-align: top;
  padding: 5px;
}

/* ----------------------------------
A1
tab
---------------------------------- */
.tab_wrapper.disabled .tab_content {
  background: #ccc;
}

.tab_content {
  display: none;
  margin-top: -1px;
}
.tab_content.on {
  display: block;
}

.tabNav ul {
  overflow: hidden;
  *zoom: 1;
}
.tabNav li {
  float: left;
  text-align: center;
  border: 1px solid #b1b1b1;
  background: #ccc;
  cursor: pointer;
}
.tabNav li.on {
  background: #fff;
  border-bottom-color: #fff;
}
.tabNav li.on:hover {
  border-color: #b1b1b1;
  border-bottom-color: #fff;
}
.tabNav li:hover {
  border-color: #666;
}
.tabNav li.disabled {
  background: #ccc !important;
  cursor: default;
}

/* ----------------------------------
A1
---------------------------------- */
#a1-1-1-2 input[type="file"] {
  margin-bottom: 20px;
}
#a1-1-1-2 .error {
  color: #f00;
  text-align: left;
  margin-bottom: 20px;
}
#a1-1-1-2 dl {
  overflow: hidden;
  *zoom: 1;
}
#a1-1-1-2 dl dt, #a1-1-1-2 dl dd {
  float: left;
}
#a1-1-1-2 dl dt {
  margin-right: 10px;
}
#a1-1-1-2 dl dd {
  width: 370px;
}

#a1-2-1 ul {
  overflow: hidden;
  *zoom: 1;
  margin: 0 auto;
  width: 370px;
}
#a1-2-1 ul li {
  float: left;
}
#a1-2-1 ul li figure {
  margin-bottom: 12px;
  border: 1px solid #b1b1b1;
  cursor: pointer;
}
#a1-2-1 ul li figure:hover, #a1-2-1 ul li figure.on {
  border-color: #eb6100;
}
#a1-2-1 ul li:last-Child {
  float: right;
}

#a1-0-1 {
  width: 850px;
}
#a1-0-1 figure {
  margin-bottom: 20px;
}
#a1-0-1 .lead {
  text-align: left;
}
#a1-0-1 h2 {
  font-size: 160%;
}

/* ----------------------------------
A1A
addressletmeknow
---------------------------------- */
#page-a1a #addressEditSection #addressEdit_in .content {
  padding: 15px;
  border: 1px solid #b1b1b1;
  background: #fff;
}
#page-a1a #errorMessage {
  color: #ff0000;
  border: 1px #ff0000 solid;
  background-color: #ffdfe2;
  padding: 8px 14px;
}

.a1a-content-in {
  width: 480px;
  margin: 0 auto;
}

/* ----------------------------------
D2
templateSelectSection
---------------------------------- */
.templateTags-leadWrap {
  overflow: hidden;
}

.templateTags-lead {
  float: left;
}

.templateTagsList {
  margin-bottom: 20px;
}

.templateSubTagsList{
  overflow: hidden;
  margin-bottom: 20px;
}
.templateSubTagsList-item{
  border: 1px solid #999;
  border-radius: 45px;
  text-align: center;
  padding: 4px 4px;
/*  width: 24%;*/
  width: 16%;
  margin-right: 1%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.templateSubTagsList-item.on{
  background: #F1A66A;
}


.templateSizeList {
  float: right;
  overflow: hidden;
}

.templateSizeItem {
  float: left;
  padding: 6px;
  cursor: pointer;
  font-size: 1.2rem;
}
.templateSizeItem img {
  vertical-align: middle;
}
.templateSizeItem:after {
  content: "\00ff5c";
  padding-left: 6px;
}
.templateSizeItem:last-child:after {
  display: none;
}

#templateSelectSection {
  /*height: 600px;
  overflow-y: scroll;*/
}
#templateSelectSection figure {
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
}
#templateSelectSection ul {
  overflow: hidden;
  *zoom: 1;
}

.templates {
  float: left;
  width: 190px;
  height: 190px;
  text-align: center;
  position: relative;
}

.templates.is-bookmarked figure:after {
  content:"";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 22px;
  height: 22px;
  background: url("../img/module/ico_bookmark.png") center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.templates.large {
  float: left;
  width: 450px;
  height: 450px;
  text-align: center;
}
.templates figure {
  display: inline-block;
  padding: 2px;
  position: relative;
}
.templates figure:hover {
  padding: 0;
  border: 2px solid #b1b1b1;
}
.templates.horizonal figure {
  margin-top: 30px;
}
.templates.horizonal figure img {
  width: 180px;
}
.templates.vertical figure img {
  height: 180px;
}
.templates.large.horizonal figure img {
  width: 440px;
}
.templates.large.vertical figure img {
  height: 440px;
}

#templateConfirmWindow {
  text-align: center;
}
#templateConfirmWindow figure {
  display: inline-block;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
  position: relative;
}

#templateConfirmWindow figure.is-bookmarked:after{
    content:"";
    position: absolute;
    width: 22px;
    height: 22px;
    background: url("../img/module/ico_bookmark.png") center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
#templateConfirmWindow figure.vertical{
  margin: 30px 30px 1em;
}
#templateConfirmWindow figure.vertical.is-bookmarked:after{
    right: -25px;
    top: 10px;
}

#templateConfirmWindow figure.horizonal{
  margin: 50px 0 1em;
}
#templateConfirmWindow figure.horizonal.is-bookmarked:after{
    right: 0px;
    top: -25px;
}



#templateConfirmWindow .vertical img {
  height: 440px;
}
#templateConfirmWindow .horizonal img {
  width: 440px;
}

.template-zoomSec{
  display: none;
}

#d2-0-1 {
  width: 850px;
}
#d2-0-1 figure {
  margin-bottom: 20px;
}
#d2-0-1 .lead {
  text-align: left;
}
#d2-0-1 h2 {
  font-size: 160%;
}

.pageNoList {
  text-align: center;
  font-size: 24px;
}

.pageNoList .pageNo {
  padding: 0px 8px;
}

.pageNoList .pageNo a{
  text-decoration: underline;
}

.pageNoList .current a{
  text-decoration: none;
}

/* ----------------------------------
D3
designEditSection
---------------------------------- */
.designEditSection {
  overflow: hidden;
  *zoom: 1;
}

.designEdit_left {
  width: 305px;
  float: left;
}
.designEdit_left .selectWrapper {
  position: relative;
  margin-bottom: 10px;
}
.designEdit_left .selectWrapper #tag::-ms-clear {
  display: none;
}
.designEdit_left .selectWrapper #tag_list {
  width: 100%;
  margin-bottom: 10px;
}
.designEdit_left .selectWrapper #tag {
  width: 100%;
  margin-bottom: 10px;
  background: white url("../img/module/ico_search.png") right 3px no-repeat;
  -webkit-background-size: 28px;
  background-size: 28px;
}
.designEdit_left .selectWrapper .searchBtn {
  position: absolute;
  right: 0;
  bottom: 16px;
  width: 32px;
  height: 28px;
  opacity: 0;
  cursor: pointer;
}
.designEdit_left.off {
  width: 50px;
}
.designEdit_left.off .selectWrapper, .designEdit_left.off #designList {
  display: none;
}

.designEdit_left-note {
  display: none;
}

.designList {
  border: 1px solid #b1b1b1;
  padding: 4px;
  height: 450px;
  overflow-y: scroll;
  margin-bottom: 20px;
}
.designList ul {
  overflow: hidden;
  *zoom: 1;
}

.materials {
  float: left;
  border: 1px solid #fff;
}
.materials a {
  display: block;
  padding: 5px;
}
.materials:hover {
  border: 1px solid #b1b1b1;
}

@media screen (max-width: 990px) {
  .materials {
    width: 14%;
  }
}

.off .designEdit_left-cardSizeBtn {
  display: none;
}

.designEdit_left-showStampBtn {
  display: none;
  line-height: 1.3;
  height: 850px;
}
.off .designEdit_left-showStampBtn {
  display: block;
}

.designEdit_middle {
  padding: 10px;
  width: 490px;
  float: left;
  text-align: center;
}
.designEdit_middle .itemController {
  position: absolute;
  background: #f6f4f4;
  cursor: pointer;
  border-radius: 50%;
  padding: 10px;
}
.designEdit_middle .itemController:hover {
  background: #ebe6e6;
}
.designEdit_middle .itemController.itemErase {
  left: 10px;
  top: 10px;
}
.designEdit_middle .itemController.itemResize {
  left: 100px;
  top: 100px;
}
.designEdit_middle .itemController.itemEdit {
  left: 200px;
  top: 200px;
}
.designEdit_middle.sizeL {
  height: 1000px;
}

.sizeL #inmen_scaler {
  /*    transform: scale(1.4) !important; */
  transform-origin: left top;
}

.artboardWrapper {
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2);
  display: inline-block;
  position: relative;
}
.artboardWrapper .artboard svg {
  display: block;
}

.designEdit_pcBtnList {
  /*display: none;*/
}

.designEdit_pcBtnList {
  /*display: none;*/
}

.designEdit_pcBtnList {
  /*c: fixed;*/
  font-size: 0.7rem;
  z-index: 1;
}

.designEdit_pcBtnList.item-horizonal._editMenu{
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 80%;
  z-index: 0;
}


.designEdit_right-zoomBtn{
  position: absolute;
  right: 10px;
  top: 100%;
  margin-top: 20px;
}

.designEdit_pcBtnList.fz-s {
  top: 40px;
}

.designEdit_pcBtnItem {
  background: #F6F4F4;
  padding: 26px 4px;
  display: table;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

/*
.designEdit_pcBtnItem.item-editText,
.designEdit_pcBtnItem.item-editText {
  display: none;
}
*/

.designEdit_pcBtnItem.item-finish {
  background: #eb6100;
  color: #fff;
}
.fz-s .designEdit_pcBtnItem {
  border: 1px solid #E1E0E0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.designEdit_pcBtnItem-txt {
  font-size: 0.7rem;
}

.designEdit_pcBtnItem-ico {
  margin: 0 30%;
}
.item-finish .designEdit_pcBtnItem-ico {
  margin: 0 15%;
}
.fz-s .designEdit_pcBtnItem-ico {
  display: none;
}

/* スマホメニュー 垂直表示 */
.designEdit_right-pcMenu {
}

.designEdit_pcBtnList {
  box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.2);
  display: block;
  /*position: fixed;*/
  /*right: 10px;*/
  /*top: 60px;*/
  width: 75px;
  float:right;
}
.designEdit_pcBtnList .mod-spFootBtnItem {
  display: table;
  width: 100%;
  height: 20vh;
  font-size: 0.7rem;
}

.designEdit_pcBtnList.off {
  display: none !important;
}

.designEdit_pcBtn-in {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}


.designEdit_right {
  float: right;
  width: 160px;
  position: relative;
}
.designEdit_right #finish {
  margin-bottom: 35px;
}
.designEdit_right #picture_add {
/*  padding: 10px 0;*/
}
.designEdit_right .col3 li {
  margin-bottom: 5px;
  padding: 10px 0;
}
.designEdit_right .btn-move {
  position: relative;
  height: 130px;
}
.designEdit_right .btn-move li {
  position: absolute;
}
.designEdit_right .btn-move #move_up, .designEdit_right .btn-move #move_down, .designEdit_right .btn-move #rot_right {
  left: 40px;
}
.designEdit_right .btn-move #move_left, .designEdit_right .btn-move #move_right, .designEdit_right .btn-move #rot_right {
  top: 40px;
}
.designEdit_right .btn-move #move_up {
  top: 0;
}
.designEdit_right .btn-move #move_down {
  top: 80px;
}
.designEdit_right .btn-move #move_left {
  left: 0;
}
.designEdit_right .btn-move #move_right {
  left: 80px;
}
.designEdit_right .col2 {
  margin-bottom: 10px;
}
.designEdit_right .stdBtns {
  margin-bottom: 5px;
  margin-top: 5px;
}
.designEdit_right #barcode {
  vertical-align: top;
  margin-top: 5px;
}
.designEdit_right #barcode_label {
  margin-left: 4px;
  display: inline-block;
  font-size: 78%;
  width: 110px;
}
.designEdit_right #barcode_label a {
  color: #00F;
}
.designEdit_right #picture_add_input {
  display: none;
}

.mod-fullScreenLoading{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1103;
  background: rgba(0,0,0,0.5);
  display: none;
}
.mod-fullScreenLoading.on{
  display: block;
}
.mod-fullScreenLoading-ico{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
}


/* ----------------------------------
D3

---------------------------------- */
#d3-1 select {
  margin-bottom: 10px;
}
#d3-1 input[type="button"] {
  text-align: center;
}

#text_body {
  margin-bottom: 10px;
  padding: 5px;
  width: 410px;
  height: 270px;
}

#text_fontfamily {
  width: 300px;
}

#text_fontsize {
  width: 120px;
}

#text_colorsWrapper {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 10px;
  background: #ccc;
  padding: 5px;
}

#text_color_ffffff {
  background: #FFF;
}

#text_color_231815 {
  background: #231815;
}

#text_color_e4007f {
  background: #E4007F;
}

#text_color_e50062 {
  background: #E50062;
}

#text_color_e6003d {
  background: #E6003D;
}

#text_color_e60012 {
  background: #E60012;
}

#text_color_ee7500 {
  background: #EE7500;
}

#text_color_f9bb00 {
  background: #F9BB00;
}

#text_color_fff100 {
  background: #FFF100;
}

#text_color_bcd400 {
  background: #BCD400;
}

#text_color_58b431 {
  background: #58B431;
}

#text_color_009944 {
  background: #094;
}

#text_color_009c7a {
  background: #009C7A;
}

#text_color_009fb4 {
  background: #009FB4;
}

#text_color_00a0e9 {
  background: #00A0E9;
}

#text_color_007dc9 {
  background: #007DC9;
}

#text_color_0053a6 {
  background: #0053A6;
}

#text_color_1d2088 {
  background: #1D2088;
}

#text_color_731485 {
  background: #731485;
}

#text_color_b10081 {
  background: #B10081;
}

.text_colors {
  float: left;
  cursor: pointer;
  margin: 5px;
  width: 32px;
  height: 32px;
}
.text_colors.on {
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.3);
}
.text_colors:hover {
  border: 1px solid #fff;
  margin: 4px;
}
.text_colors.on {
  border: 3px solid #fff;
  margin: 2px;
}

#textDirection {
  margin-bottom: 10px;
}
#textDirection li {
  width: 72px;
  padding: 5px 0;
}

#text_sentences {
  margin-bottom: 10px;
}

#d3-2 {
  text-align: center;
}
#d3-2 figure {
  display: inline-block;
  margin-bottom: 15px;
}

#d3-2 figure img.vertical{
  height: 430px;
}

#d3-2 figure img.horizonal{
  height: 291px;
}

#d3-0-1 {
  width: 850px;
}
#d3-0-1 figure {
  margin-bottom: 20px;
}
#d3-0-1 .lead {
  text-align: left;
}
#d3-0-1 h2 {
  font-size: 160%;
}

/* ----------------------------------
D3
文例集
---------------------------------- */

#select-cotegory-collection_sentence_wrapper {
  height: 300px;
  overflow-y: scroll;
  margin-top: 5px;
  margin-bottom: 5px;
}

#select-cotegory-collection_sentence_wrapper div {
  position:relative;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left:1em;
}

#select-cotegory-collection_sentence_wrapper div div {
  padding-left: 10px;
  white-space: pre-wrap;
}

#select-cotegory-collection_sentence_wrapper div input  {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  margin:auto;
}

/* ----------------------------------
P1
---------------------------------- */
.downloadSelectSection .carousel_card {
  height: 400px;
}
.downloadSelectSection .carousel_card .stdBtns {
  width: 200px;
  margin: 0 auto;
}

.progress_bar {
  display: none;
}

.barWrapper {
  background: #000;
  width: 140px;
  height: 6px;
  margin: 0 auto;
  position: relative;
}
.barWrapper .bar {
  position: absolute;
  width: 0%;
  height: 100%;
  background: #22AC38;
}

/* ----------------------------------
P1
modal
---------------------------------- */
.modalWrapper {
  display: none;
}

.modals {
  background: #fff;
  margin-bottom: 5px;
  width: 430px;
  padding: 20px;
}
.modals p {
  text-align: center;
}
.modals p, .modals input, .modals textarea, .modals select {
  width: 100%;
}
.modals p, .modals input, .modals textarea, .modals select {
  margin-bottom: 12px;
}

#p1-0-1 {
  width: 850px;
}
#p1-0-1 figure {
  margin-bottom: 20px;
}
#p1-0-1 .lead {
  text-align: left;
}
#p1-0-1 h2 {
  font-size: 160%;
}

/* ----------------------------------
N1
printSelectSection
---------------------------------- */
.printSelectSection .addBtnUl li {
  width: 790px;
}

#n1-0-1, #n1-0-2 {
  width: 850px;
}
#n1-0-1 figure, #n1-0-2 figure {
  margin-bottom: 20px;
}
#n1-0-1 .lead, #n1-0-2 .lead {
  text-align: left;
}
#n1-0-1 h2, #n1-0-2 h2 {
  font-size: 160%;
}

/* ----------------------------------
n1-selectPaper
---------------------------------- */
.n1-selectPaper-help{
  text-align: right;
}
.n1-selectPaper-help a{
  text-decoration: underline;
}

.n1-selectPaper-btns-item{
  display: table;
  width: 100%;
  background: #f5f1eb;
  padding: 10px 10px;
  box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.3);
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.n1-selectPaper-btns-item:hover{
  text-decoration: none;
  background: #fff;
}
.n1-selectPaper-btns-ico{
  display: table-cell;
  vertical-align: middle;
  width: 110px;
}
.n1-selectPaper-btns-txts{
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4;
  padding-left: 5%;
  width: 177px
}
.n1-selectPaper-btns-name{
  font-size: 1.1em;
  margin-bottom: 0.8em;
}
.n1-selectPaper-btns-lead{
  font-size: 0.9em;
  margin-bottom: 0.4em;
}


/* ----------------------------------
N1
---------------------------------- */
#n1-2,
#n1-2_conv {
  text-align: center;
}
#n1-2 figure,
#n1-2_conv figure {
  margin-bottom: 25px;
}
#n1-2 .barWrapper,
#n1-2_conv .barWrapper {
  height: 10px;
  margin: 0 auto 20px;
  position: relative;
}
#n1-2 .barWrapper .bar,
#n1-2_conv .barWrapper .bar {
  position: absolute;
  width: 0%;
  height: 100%;
  background: #22AC38;
}
#n1-2 .barWrapper,
#n1-2_conv .barWrapper {
  width: 430px;
}

/* ----------------------------------
N1-1
orders
---------------------------------- */
.addBtnUl {
  margin-bottom: 10px;
  font-size: 160%;
}

.orders {
  background: #fff;
  border: 1px solid #b1b1b1;
  padding: 20px;
  overflow: hidden;
  *zoom: 1;
}

.orders_left {
  width: 200px;
  float: left;
}
.orders_left dl {
  overflow: hidden;
  *zoom: 1;
}
.orders_left dt {
  float: left;
  margin-right: 8px;
}
.orders_left h2 {
  font-size: 180%;
  margin-bottom: 8px;
}
.orders_left dd {
  font-size: 160%;
}
.orders_left dd input {
  margin-left: 8px;
  width: 90px;
  font-size: 120%;
}

.orders_middle {
  overflow: hidden;
  *zoom: 1;
  float: left;
}
.orders_middle .carousel_card {
  width: 250px;
  height: 310px;
  float: left;
  margin-right: 12px;
}
.orders_middle .carousel_card.vertical figure {
  width: 169px;
  height: 250px;
}
.orders_middle .carousel_card.horizonal figure {
  width: 250px;
  height: 169px;
  margin: 50px 0;
}
.orders_middle .carousel_card.multiple figure img, .orders_middle .carousel_card.multiple figure:before, .orders_middle .carousel_card.multiple figure:after {
  border: 1px solid #b1b1b1;
  width: 162px;
}
.orders_middle .carousel_card.multiple figure:before, .orders_middle .carousel_card.multiple figure:after {
  height: 240px;
}
.orders_middle .carousel_card.multiple figure:before {
  left: 3px;
  top: 4px;
  z-index: 1;
}
.orders_middle .carousel_card.multiple figure:after {
  left: 5px;
  top: 8px;
}
.orders_middle .carousel_card .card_wrapper {
  height: 250px;
  margin-bottom: 12px;
}

.orders_right {
  float: right;
}
.orders_right .stdBtn_wrapper li {
  padding: 10px;
}

/* ----------------------------------
N1
---------------------------------- */
#content_n1 {
  visibility: hidden;
  position: absolute;
}
#content_n1.on {
  visibility: visible;
  position: static;
}

#content_n1-1.on {
  display: block;
}

#content_n1-3 {
  display: none;
}
#content_n1-3.on {
  display: block;
}

.content_n1-3-lead {
  margin-bottom: 60px;
}

.order_addressbook_addresslist-listWrap {
  float: right;
  width: 650px;
}

.order_addressbook_addresslist-in {
  overflow: hidden;
  width: 820px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.order_addressbook_addresslist-card {
  float: left;
  width: 140px;
}

.order_addressbook_addresslist-card-img {
  margin-bottom: 10px;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.order_addressbook_addresslist-card-img img{
  width: 100%;
}

.order_addressbook_addresslist-card-name {
  text-align: center;
}

.order_addressbook_addresslist-allBtnList {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 14px;
}

.order_addressbook_addresslist-allBtnItem {
  display: table-cell;
}

#targetAddressList {
  background: #fff;
  box-sizing: border-box;
  padding: 20px 30px;
  width: 650px;
  height: 500px;
  overflow-y: scroll;
  float: right;
}

.targetAddressItem {
  display: block;
  padding: 6px;
  overflow: hidden;
}
.targetAddressItem .checkbox_print {
  display: none;
}
.targetAddressItem input[type="checkbox"] {
  float: left;
  margin-right: 10px;
  vertical-align: middle;
}

.targetAddressItem-nameWrap {
  overflow: hidden;
}
.targetAddressItem-nameWrap dt {
  font-weight: bold;
}
.targetAddressItem-nameWrap dt {
  float: left;
  width: 100px;
  margin-right: 10px;
}
.targetAddressItem-nameWrap dd {
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 390px;
}

.targetAddressItem-checkbox {
  margin-top: 5px;
}

/* ----------------------------------
N1-1
---------------------------------- */
#content_n1-1 {
  display: none;
}

/* ----------------------------------
E1
---------------------------------- */
#page-e1 #content {
  text-align: center;
}
#page-e1 #content figure, #page-e1 #content article {
  margin-bottom: 20px;
}
#page-e1 #content .stdBtns {
  width: 200px;
  margin: 0 auto;
}
#page-e1 #content a {
  color: #1AA0E5;
}

/* ----------------------------------
T1
---------------------------------- */
.t1-loginsec {
  width: 600px;
  margin: 0 auto;
}

.t1-tabNavList {
  display: table;
  width: 100%;
  table-layout: fixed;
  z-index: 1;
  position: relative;
}

.t1-tabNavItem {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 1.2rem;
  cursor: pointer;
  padding: 8px;
  background: #ccc;
  border: 1px solid #b1b1b1;
}
.t1-tabNavItem.on {
  background: #fff;
  border-bottom-color: #fff;
}

.t1-login-in {
  padding: 15px;
  background: #fff;
  padding: 20px 30px;
  border: 1px solid #b1b1b1;
  margin-top: -1px;
}

.t1-login-in span.error {
  color: #FF0000;
}

.t1-loginTavItem {
  display: none;
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}
.t1-loginTavItem.on {
  display: block;
}

.t1-login-h {
  font-size: 1rem;
}

.t1-login-input-text {
  width: 100%;
  margin-bottom: 0.6rem;
}

.t1-login-input-text-sei,
.t1-login-input-text-mei {
  width: 49%;
}

.t1-login-input-text-mei {
  margin-bottom: 2em;
}

.t1-login-label {
  display: block;
  margin-bottom: 1em;
}

.mod-btn01 {
  background: url("../img/module/stdBtn_bg_01.png") 0 0 repeat-x;
  -webkit-background-size: contain;
  background-size: contain;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border: 1px solid #E1E0E0;
  padding: 10px 0;
  font-family: "Meiryo", verdana,  "Hiragino Kaku Gothic Pro", "Osaka", "MS PGothic", Sans-Serif;
  -webkit-appearance: none;
}
.mod-btn01.disabled {
  background: #eee;
  cursor: default;
  border: none;
  color: #aaa;
}
.mod-btn01.disabled a {
  color: #aaa;
}
.mod-btn01.disabled:hover, .mod-btn01.disabled:active {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  border: none;
}
.mod-btn01.btn-og {
  background: #eb6100;
}
.mod-btn01.btn-og, .mod-btn01.btn-og a {
  color: #fff;
}
.mod-btn01.btn-og:hover, .mod-btn01.btn-og:active {
  color: #eb6100;
}
.mod-btn01.on {
  background: #b1b0b1;
}
.mod-btn01:hover {
  border-color: #fff;
  background: #fff;
  box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
}
.mod-btn01:active
.mod-btn01.btn-large {
  font-size: 18pt;
}
.mod-btn01.btn-small {
  width: 34px;
}

.t1-login-btn {
  width: 100%;
}

.t1-login-forget {
  text-align: right;
  display: block;
  color: #046EB1;
}

/* ----------------------------------
お知らせ
---------------------------------- */
.newsList-contents {
	padding-top: 7px;
}

 .news-wrap {
  width: 60%;
  margin: 10px auto;
  max-height: 250px;
}

 .news-wrap a{
  text-decoration: none;
}

.news-detailCard {
  position: relative;
  height: 100%;
  border: solid 1px #c3c3c3;
  background: white;
  padding: 10px 15px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
  border-top: solid 6px #79c3f8;
}

.news-detailCard .day {
	position: absolute;
	right: 20px;
	color: #bdb9b8;
}

.news-detailCard .title {
	font-size: 20px;
	padding: 12px 0;
}

.news-detailCard .index {
	border-top: solid 1px #999999;
	padding: 8px 0;
}

/* ----------------------------------
 PDF license
---------------------------------- */
.content_area {
  margin-bottom: 1.5em;
}

.btn-large-submit {
  padding: 1% 4%;
}

.announce-area {
  display: flex;
  justify-content: center;
  border: solid 1px #c3c3c3;
  background: white;
  padding: 1px 15px 1px 15px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
  border-top: solid 3px #79c3f8;
}
