@charset "shift_jis";
/* --------------------------------- 
------------------------------------
editer-wrap
------------------------------------
------------------------------------*/
/* ----- .uniform-editor-text  ----- */
.uniform-editor-text {
  position: relative;
}
.uniform-editor-text ul {
}
.uniform-editor-text li {
  font-size: 20px;
  background: #495B72;
}
/* ----- .un-uses-select-box  ----- */
.un-uses-select-box input {
  display: block;
  float: left;
  margin: 3px 5px 0 0;
}
.un-uses-select-box label {
  font-size: 13px;
}
/* ----- .utility-btn  ----- */
.utility-btn {
  position: relative;
}
.utility-btn ul {
  /*	position: absolute;
	right: 330px;
	top: -30px;
	width: 100px;*/
  position: absolute;
  right: 400px;
  top: 3px;
  width: 100px;
}
.utility-btn ul li {
  float: right;
  padding: 0;
  margin: 0 0 5px 5px;
}
.utility-btn ul li a {
  width: 100px;
  height: 55px;
  display: block;
}
.utility-btn ul li a img {
  padding: 32px 3px 3px;
  display: block;
}
.utility-btn ul .other-list a img {
  background: url(../img/btn_other_bg.png) no-repeat 0 0;
}
.utility-btn ul .past-list a img {
  background: url(../img/btn_past_bg.png) no-repeat 0 0;
}
.utility-btn ul .template-list a img {
  background: url(../img/btn_template_bg.png) no-repeat 0 0;
}
.utility-btn ul .used-template-list a img {
  background: url(../img/btn_used_template_bg.png) no-repeat 0 0;
}
/* ----- .color  ----- */
.color-edit {
}
.color-edit li {
  /*	width: 21px;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #999999;
	cursor: pointer;*/
  width: 28px;
  height: 14px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  border: 1px solid #CCC;
  cursor: pointer;
  margin: 1px;
}
.color-edit li:hover {
  opacity: 0.8; /*モダンブラウザ用*/
  filter: alpha(opacity=80); /*IE7以下用*/
  -ms-filter: "alpha(opacity=80)"; /*IE8用*/
}
.color-edit li.selected {
  border: solid #ff0000 2px;;
  margin: 0;
}
/* ----- .img  ----- */
.img-list {
}
.img-list li {
  /*width : 28px;
	height: 16px;*/
  overflow: hidden;
  /*text-indent: -9999px;*/
  float: left;
  margin-right: 3px;
  margin-bottom: 3px;
  /*border: 1px solid #999999;*/
  cursor: pointer;
}
.img-list li:hover {
/*border: 1px solid #E7003C;*/
}
/* ----- .editer-wrap  ----- */
/*item*/
.item .box-content {
  width: auto;
  margin: 0 auto 0 -2px;
  padding: 2px 0;/*height: 230px;*/
}
/*.font-list*/
.font-list {
  zoom: 1;
  padding-bottom: 8px;
}
.font-list:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.font-list dt {
  float: left;
  font-size: 12px;
  font-weight: bold;
  padding-right: 10px;
  padding-top: 3px;
}
.font-list dd {
  float: left;
}
.font-list dd input#textfield {
  width: 220px;
}
.stack-list {
}
.stack-list dt {
  font-size: 10px;
  text-align: center;
  padding-bottom: 2px;
}
.stack-list dd {
  position: relative;
}
.stack-list dd img.other {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.stack-list dd img.self {
  position: absolute;
  left: 12px;
  top: 5px;
  cursor: pointer;
}
/* scaling-list */
.scaling-list {
  clear: both;
  padding: 0 0 3px;
  zoom: 1;
}
.scaling-list:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.scaling-list dt {
  font-size: 10px;
  float: left;
  width: 30px;
}
.scale-bar {
  position: relative;
  background: url(../img/scale_bar_bg45.png);
  width: 45px;
  height: 4px;
  float: left;
  margin-top: 5px;
}
.scale-bar img.pointer {
  position: absolute;
  top: -3px;
  left: 0;
  cursor: pointer;
}
/* color-list */
.color-list {
  zoom: 1;
  margin-bottom: 10px;
}
.color-list:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.color-list dt {
  float: left;
  width: 36px;
  font-size: 10px
}
.color-list dd {
  float: left;
  width: 30px;
  height: 15px;
  overflow: hidden;
  text-indent: -9999px;
  border: 1px solid #CCCCCC;
  cursor: pointer;
}
.color-list .sub-title span {
}
.color-list .sub-title {
  width: 52px;
  float: left;
}
/* marking-box */
.marking-box {
}
.marking-team-edit-list {
  padding: 6px 0 0;
}
.marking-team-edit-list dl {
  margin: 0 10px;
}
.marking-team-edit-list dl dt {
  width: 60px;
  margin-bottom: 5px;
  float: left;
  clear: both;
}
.marking-team-edit-list dl dd {
  margin-bottom: 5px;
}
.marking-team-edit-list dl dd:hover {
  opacity: 0.8; /*モダンブラウザ用*/
  filter: alpha(opacity=80); /*IE7以下用*/
  -ms-filter: "alpha(opacity=80)"; /*IE8用*/
  cursor: pointer;
}
.team-edit-box {
  margin-top: -4px;
}
.team-edit-box .btn-box {
  text-align: center;
}
/* back-btn */
.back-btn {
  position: absolute;
  top: 11px;
  right: 10px;
}
/* toggle-btn */
.toggle-btn {
  position: absolute;
  top: 0;
  right: 0;
}
/*stack-list*/
.stack-list {
}
/*.imgupload-list*/
.imgupload-list {
}
.imgupload-list dt {
  font-size: 10px;
  float: left;
  padding: 3px 5px 0 0;
}
.imgupload-list dd {
  float: left;
}
.imgupload-list dd img {
  cursor: pointer;
}
/*.imgarea*/
.imgarea {
  width: 45px;
  height: 45px;
  background: #CCCCCC;
  margin: 0 15px 0 0;
}
/*.design-btn*/
.design-btn {
  /*	margin: 0 0 8px -9px;
  zoom: 1; */
  margin: 0;
  zoom: 1;
}
.design-btn:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.design-btn li {
  /*	float: left;
	padding: 0 0 8px 14px;*/
  float: left;
  padding: 0 6px 5px 0;
}
.design-btn li.last {
  padding: 0;
}
.view-more {
  text-align: right;
  margin: 0 5px;
  font-size: 11px;
}
.view-more a {
  color: #2A63AF;
}
.design-btn li img {
  cursor: pointer;
  background: #999;
  border: 1px solid #999;
}
.design-btn li img:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.design-btn li.selected img {
  border: 1px solid #007F41;
}
/*.txt-wrap*/
.txt-wrap .alpha-box {
  padding: 0 0 10px;
  zoom: 1;
}
.txt-wrap .alpha-box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.txt-wrap .alpha-box .color-list {
  padding-right: 17px;
  width: 35px;
}
.txt-wrap .alpha-box .color-list dt {
  float: none;
  text-align: center;
}
.txt-wrap .alpha-box .color-list dd {
  float: none;
  height: 20px;
}
.txt-wrap .alpha-box .middle-box {
  padding: 7px 0 0;
}
.txt-wrap .alpha-box .scaling-list dt {
  width: 40px;
}
.txt-wrap .alpha-box .scaling-list .scale-bar {
  background: url(../img/scale_bar_bg110.png);
  width: 110px;
}
.txt-wrap .alpha-box .right-box {
  padding-right: 10px;
}
.txt-wrap .beta-box,
.txt-wrap .gamma-box,
.txt-wrap .delta-box {
  width: 80px;
  padding: 5px;
  float: left;
  height: 97px;
}
.txt-wrap .beta-box {
  border-right: 1px solid #ccc;
  padding-left: 0;
}
.txt-wrap .gamma-box {
  border-right: 1px solid #ccc;
}
.txt-wrap .delta-box {
  padding-right: 0;
}
.txt-wrap .txt-title {
  text-align: center;
  font-weight: bold;
  padding: 0 0 5px;
  font-size: 12px;
}
.txt-wrap table,
.team-wrap table {
  width : 100%;
  margin : 0;
  padding: 0;
  border-collapse: collapse;
}
.txt-wrap table th,
.team-wrap table th {
  margin : 0;
  padding: 0px 10px 8px 0px;
  font-weight: normal;
  text-align : left;
  font-size : 10px;
  vertical-align: top;
  width: 40px;
}
.txt-wrap table td,
.team-wrap table td {
  margin : 0;
  padding: 0px 0px 8px 0;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
.txt-wrap .scale-bar,
.team-wrap .scale-bar,
.mark-wrap .scale-bar {
  background: url(../img/scale_bar_bg110.png);
  width: 110px;
}
.txt-wrap .btn-list,
.team-wrap .btn-list {
}
.txt-wrap .btn-list li,
.team-wrap .btn-list li {
  float : left;
  padding: 0 2px 0 0;
  cursor: pointer;
}
.popup-box.txt-wrap {
  background: #fff;
  border: 1px solid #ccc;
  width: 300px;
  /* -CSS3/ --------------------------------- */
  border-radius : 10px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;/* -/CSS3 --------------------------------- */
}
/*team-wrap*/
.team-wrap {
}
.team-wrap .add-btn {
  padding-top: 5px;
  float: left;
  width : 40%;
}
.team-wrap .detail-btn {
  padding-top: 8px;
  float: right;
  width : 50%;
  text-align: right;
}
.curve-wrap {
}
.outborder-inwrap {
}
.outborder-inwrap .scaling-list dt {
  width: 0;
  overflow: hidden;
  text-indent: -999px;
}
.outborder-inwrap .scaling-list dd {
  background: url(../img/scale_bar_bg70.png);
  width: 70px;
}
.shadow-inwrap {
}
/*imgupload-wrap*/
.imgupload-wrap {
  text-align: center;
}
.imgupload-wrap .middle-box {
  padding-top: 8px;
}
.imgupload-wrap .scale-bar {
  background: url(../img/scale_bar_bg70.png);
  width: 70px;
}
.imgupload-wrap .color-list {
  padding-right: 17px;
  width: 35px;
}
.imgupload-wrap .color-list dt {
  float: none;
  text-align: center;
}
.imgupload-wrap .color-list dd {
  float: none;
  height: 20px;
}
/*clip-wrap*/
.clip-wrap .middle-box {
  padding-top: 8px;
}
.clip-wrap .scale-bar {
  background: url(../img/scale_bar_bg70.png);
  width: 70px;
}
.clip-wrap .color-list {
  padding-right: 17px;
  width: 35px;
}
.clip-wrap .color-list dt {
  float: none;
  text-align: center;
}
.clip-wrap .color-list dd {
  float: none;
  height: 20px;
}
/* ----- .size-quantity ----- */
.size-quantity {
  display: none;
}
.size-quantity table {
  width: 100%;
}
.size-quantity table th {
  width: 8%;
}
.size-quantity table td {
  width: 16%;
}
.size-quantity table th {
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}
.size-quantity-edit dt {
  float: left;
  padding: 2px 10px 2px 15px;
  height: 20px;
  font-weight: bold;
}
.size-quantity-edit dt.firstChild {
  padding-left: 0;
}
.size-quantity-edit dd {
  float: left;
  height: 22px;
}
.size-quantity input {
  width: 30px;
}
.size-quantity h4 {
  font-size: 10px;
  font-weight: bold;
  color: #a6a6a6;
  padding: 5px 0 0;
  margin : 0;
}
/* ----- .clip-popbox ----- */
.clip-popbox .folder-box dt:hover,
.clip-popbox .img-box dt:hover {
  background: #eee;
}
.clip-popbox .box-content {
  overflow-y: auto;
  height : 460px;
}
.clip-popbox .folder-box {
  float: left;
  margin: 0 4px 10px 0;
  padding: 0;
  text-align: center;
}
.clip-popbox .folder-box dt {
  margin: 0 0 3px;
  padding: 0;
  width : 83px;
  height: 83px;/*border: 1px solid #ccc;*/
}
.clip-popbox .folder-box dd {
  margin: 0;
  padding: 0;
  font-size: 10px;
  width : 80px;
  height: 15px;
}
.clip-popbox .folder-box dt img {
/*padding: 12px 0 0;*/

}
.clip-popbox .img-box {
  float: left;
  margin: 0 4px 10px 0;
  padding: 0;
  text-align: center;
}
.clip-popbox .img-box dt {
  margin: 0 0 3px;
  padding: 0;
  width : 83px;
  height: 83px;
  border: 1px solid #ccc;
}
.clip-popbox .img-box dd {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.clip-popbox .img-box dt img {
/*width: 83px;*/
}
.clip-popbox .folder-box.last,
.clip-popbox .img-box.last {
  margin: 0;
  padding: 0;
}
.clip-popbox dl {
  cursor: pointer;
}
/* ----- .temp-popbox ----- */
.temp-popbox .folder-box dt:hover,
.temp-popbox .img-box dt:hover {
  background: #eee;
}
.temp-popbox .box-content {
  overflow-y: auto;
  height : 460px;
}
.temp-popbox .folder-box {
  float: left;
  margin: 0 4px 10px 0;
  padding: 0;
  text-align: center;
}
.temp-popbox .folder-box dt {
  margin: 0 0 3px;
  padding: 0;
  width : 83px;
  height: 83px;/*border: 1px solid #ccc;*/
}
.temp-popbox .folder-box dd {
  margin: 0;
  padding: 0;
  font-size: 10px;
  width : 80px;
  height: 15px;
}
.temp-popbox .folder-box dt img {
/*padding: 12px 0 0;*/

}
.temp-popbox .img-box {
  float: left;
  margin: 0 4px 10px 0;
  padding: 0;/*text-align: center;*/
}
.temp-popbox .img-box dt {
  margin: 0 0 3px;
  padding: 0;
  width : 83px;
  height: 83px;
  border: 1px solid #ccc;
}
.temp-popbox .img-box dd {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.temp-popbox .img-box dt img {
/*width: 83px;*/
}
.temp-popbox .folder-box.last,
.temp-popbox .img-box.last {
  margin: 0;
  padding: 0;
}
.temp-popbox dl {
  cursor: pointer;
}
/* ----- .team-table ----- */
.marking-team-box {
  z-index: 3001;
  position: absolute;
  width: 680px;
  top: 20%;
  left: 50%;
  margin: 0 0 0 -340px;
  padding: 20px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 1px #999;
  -webkit-box-shadow: 0px 0px 10px 1px #999;
  -moz-box-shadow: 0px 0px 10px 1px #999;
}
.marking--team--list--box--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 3000;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=5);
  -moz-opacity: 0.05;
  opacity: 0.05;
}
.team-table {
  width: 640px;
  border: 1px solid #4A5A71;
  border-collapse: collapse;
  border-spacing: 0;
  color: #FFF;
  margin: 15px auto;
}
table.team-table .size-line td {
  padding: 3px 5px;
  border: 1px #4A5A71 solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  vertical-align: middle;
}
table.team-table thead th {
  padding: 4px 6px;
  border: 1px #FFF solid;
  border-width: 0 0 1px 1px;
  background: #4A5A71;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  vertical-align: middle;
}
table.team-table thead th:first-child {
  border-left: none;
}
table.team-table thead .bottom th {
  border-bottom: none;
}
table.team-table td input {
  width: 90%;
}
table.team-table th.team-delete {
  width: 40px;
}
table.team-table th.team-number {
  width: 80px;
}
table.team-table th.team-name {
  width: 160px;
}
table.team-table th.team-item {
  width: 100px;
}
table.team-table td.team-number input {
  text-align: right;
}
table.team-table td {
  padding: 3px;
  border: 1px #4A5A71 solid;
  border-width: 0 0 1px 1px;
  text-align: center;
  vertical-align: middle;
}
table.team-table td label.team-item-select {
  width: 100%;
  height: 8px;
  margin: 5px 0;
  display: block;
  background: url(../img/bg_team_item_select.png) no-repeat center bottom;
}
table.team-table td label.team-item-select:hover {
  opacity: 0.8; /*モダンブラウザ用*/
  filter: alpha(opacity=80); /*IE7以下用*/
  -ms-filter: "alpha(opacity=80)"; /*IE8用*/
}
table.team-table td label.team-item-select.checked-style {
  background-position: center top;
}
table.team-table td label.team-item-select input {
  opacity: 0;
  height: 8px;
  cursor: pointer;
}
div.team-table-box {
  max-height: 132px;
  overflow : auto;
}
.marking-team-box .add-btn {
  float: left;
}
.marking-team-box .close-btn {
  float: right;
}
/* ----- .clip-thumbnail ----- */
.clip-thumbnail {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 12000;
  padding: 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
}
/* ----- .temp-thumbnail ----- */
.temp-thumbnail {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 12000;
  padding: 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
}
/* ----- .pop-clipcolor ----- */
.pop--clipcolor {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 3001;
  padding: 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
  width: 300px;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */

}
.pop--clipcolor--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 3000;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
/* ----- .pop-teamcolor ----- */
.pop--teamcolor {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 3001;
  padding: 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
  width: 300px;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */

}
.pop--teamcolor--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 3000;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
/* ----- .pop-image ----- */
.pop--image {
  position: absolute;
  top : -9999px;
  left: -9999px;
  width : 177px;
  z-index: 3001;
  padding: 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */
}
.pop--image--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 3000;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
/* ----- .pop-type ----- */
.pop--type {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 3001;
  padding: 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
  width: 300px;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */
}
.pop--type--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 3000;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
/* ----- .pop-font ----- */
.pop--font {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 3001;
  padding: 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
  width: 320px;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */
}
.pop--font--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 3000;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.pop--font .group {
  text-align : center;
  padding-bottom: 4px;
  padding-top : 4px;
}
.pop--font .group.last {
}
.pop--font .item {
  border: 1px solid #ccc;
  float : left;
  cursor: pointer;
}
.pop--font .item.last {
  margin-left: 6px;
}
.pop--font .item:hover {
  background-color: #eee;
}
.pop--font .box-child {
  height : 256px;
  overflow : auto;
  overflow-y: scroll;
}
/* ----- .pop-teamfont ----- */
.pop--teamfont {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 3001;
  padding: 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
  width: 320px;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */
}
.pop--teamfont--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 3000;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.pop--teamfont .group {
  text-align : center;
  padding-bottom: 4px;
  padding-top : 4px;
}
.pop--teamfont .group.last {
}
.pop--teamfont .item {
  border: 1px solid #ccc;
  float : left;
  cursor: pointer;
}
.pop--teamfont .item.last {
  margin-left: 6px;
}
.pop--teamfont .item:hover {
  background-color: #eee;
}
.pop--teamfont .box-child {
  height : 256px;
  overflow : auto;
  overflow-y: scroll;
}
/* ----- .pop-team ----- */
.pop--team {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 2999;
  padding: 14px 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
  width: 300px;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */
}
.pop--team--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 2998;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.pop--team .pop-team-close {
  text-align: right;
}
.pop--team div.box-menubutton ul {
  top: -7px;
}
/* ----- .save-design-popbox ----- */
.save-design-popbox.owner-name-popbox {
  width: 440px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3001;
  padding: 0;
  margin: -110px 0 0 -220px;
  box-shadow: rgba(70, 70, 70, 0.4) 0 0 6px 2px;
}
.save-design-popbox.owner-name-popbox .box-title {
padding: 12px 15px 23px;
font-size: 18px;
font-weight: bold;
color: #FFF;
background: url(../img/header_bg.png) repeat-x center bottom #ccc;
}
.save-design-popbox.owner-name-popbox .box-content {
  background: #ccc;
  padding: 0;
}
.save-design-popbox.owner-name-popbox .btm-btn {
  padding: 12px 15px;
background: #495B72;
  text-align: center;
}
.save-design-popbox.owner-name-popbox table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
}
.save-design-popbox.owner-name-popbox table th {
  margin: 0;
  padding: 40px 0 40px 30px;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  line-height: 28px;
}
.save-design-popbox.owner-name-popbox table td {
  margin: 0;
  padding: 40px 30px 40px 0;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
.save-design-popbox.owner-name-popbox table td input {
  width: 94%;
  padding: 4px;
}
.save-design-popbox.owner-name-popbox .box-menubutton ul {
  top: 0;
}
.save-design-popbox.owner-name-popbox .black-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  opacity: 0.4;
  z-index: -1;
}
/* --
.save-design-popbox table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
  margin: 0;
}
.save-design-popbox table th {
  margin : 0;
  padding: 0 8px 8px 0;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
.save-design-popbox table td {
  margin : 0;
  padding: 0 0 8px 0;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
.save-design-popbox input[type='text'] {
  width: 100%;
}
.save-design-popbox textarea {
  width: 100%;
  height: 96px;
}
.save-design-popbox .btm-btn {
  text-align: center;
  padding   : 8px 0 0;
}
-- */
/* ----- .cart-design-popbox ----- */
.cart-design-popbox table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
}
.cart-design-popbox table th {
  margin : 0;
  padding: 0 8px 8px 0;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
.cart-design-popbox table td {
  margin : 0;
  padding: 0 0 8px 0;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
.cart-design-popbox input {
  width: 100%;
}
.cart-design-popbox textarea {
  width: 100%;
  height: 96px;
}
.cart-design-popbox .btm-btn {
  text-align: center;
  padding : 8px 0 0;
}
/* ----- .client-design-popbox ----- */
.client-design-popbox table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
}
.client-design-popbox table th {
  width : 80px;
  margin : 0;
  padding: 2px 4px;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  font-size : 10px;
}
.client-design-popbox table td {
  margin : 0;
  padding: 2px 4px;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
.client-design-popbox table td.client-design-image {
  vertical-align: middle;
  text-align : center;
  width : 256px;
  height: 256px;
  padding : 0 16px 0 0;
}
.client-design-popbox table td.client-design-thumb {
  vertical-align: top;
  text-align : center;
  padding : 0 0 16px 0;
}
.client-design-popbox table td.client-design-thumb div {
  float : left;
  border : 1px solid #ccc;
  margin : 0 0 0 4px;
  width : 64px;
  height : 64px;
  background-color: #fff;
}
.client-design-popbox table td.client-design-thumb div:hover {
  background-color: #ffffcc;
}
.client-design-popbox div.pop--clipart--design--item {
  padding : 0;
  max-height: 520px;
  overflow : auto;
}
.client-design-popbox div.pop--client--design--item--item {
  position: relative;
  padding-bottom: 4px;
  padding-top : 4px;
  border-bottom : #ccc solid 1px;
}
.client-design-popbox div.pop--client--design--item--item:hover {
  background-color: #eee;
}
.client-design-popbox div.pop--client--design--item--item.last {
  border-bottom : none;
}
.client-design-popbox table td.pop--client--design--item--memo {
  height: 100%;
  padding-bottom: 32px;
}
.client-design-popbox div.pop--client--design--item--button {
  position: absolute;
  right : 12px;
  bottom : 12px;
}
/* ----- .form--text--element--type ----- */
.form--text--element--type {
  cursor: pointer;
}
/* ----- .form--text--element--font ----- */
.form--text--element--font {
  cursor: pointer;
  border: 1px solid #ccc;
}
/* ----- .pop--client--design--item--item--empty ----- */
div.pop--client--design--item--item--empty {
  padding : 12px;
  text-align: center;
}
/* ----- .cart-design-popbox ----- */
div.cart-design-popbox p {
  text-align: center;
  padding : 0 0 16px;
}
/* ----- .form--text--element--text ----- */
input.form--text--element--text {
  width: 150px;
  font-size: 20px;
}
/* ----- .font-tab ----- */
div.font--tab {
}
div.font--tab div.box {
  float : left;
  text-align: center;
  margin : 1px;
  padding : 4px 4px;
  cursor : pointer;
  width : 92px;
  border : 1px solid #ccc;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */
}
div.font--tab div.box:hover {
  background-color: #eee;
}
div.font--tab div.box.selected {
  background-color: #eee;
}
div.pop--font .tabpanel .panel {
  padding-top: 10px;
}
/* ----- .teamfont-tab ----- */
div.teamfont--tab {
}
div.teamfont--tab div.box {
  float : left;
  text-align: center;
  margin : 1px;
  padding : 4px 4px;
  cursor : pointer;
  width : 92px;
  border : 1px solid #ccc;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */
}
div.teamfont--tab div.box:hover {
  background-color: #eee;
}
div.teamfont--tab div.box.selected {
  background-color: #eee;
}
div.pop--teamfont .tabpanel .panel {
  padding-top: 10px;
}
/* ----- .box-pages ----- */
div.box-pages {
  position: relative;
  overflow: hidden;
}
div.box-pages ul {
  float : left;
  left : 50%;
  position: relative;
  padding : 0;
  margin : 0 auto;
  list-style-type: circle;
  list-style-position: inside;
}
div.box-pages ul li {
  float : left;
  text-indent: -9999px;
  left : -50%;
  position: relative;
  width : 16px;
  height : 16px;
  margin : 0 10px;
  padding: 0;
  cursor : pointer;
  border : 1px solid #ccc;
  /* -CSS3/ --------------------------------- */
  border-radius : 9999px;
  -moz-border-radius : 9999px;
  -webkit-border-radius : 9999px;/* -/CSS3 --------------------------------- */
}
div.box-pages ul li:hover {
  background-color: #ccc;
}
div.box-pages ul li.selected {
  border : 1px solid #D5347B;
  background-color: #D5347B;
}
/* ----- .box-menubutton ----- */
div.box-menubutton {
  position: relative;
}
div.box-menubutton ul {
  z-index: 10;
  position: absolute;
  top : -10px;
  right: 0px;
  padding: 0;
  margin : 0;
  list-style-type: none;
}
div.box-menubutton ul li {
  float : left;
  padding: 0 0 0 8px;
  margin : 0;
}
/* ----- .pop-text ----- */
.pop--text {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 2999;
  padding: 14px 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
  width: 300px;
  /* -CSS3/ --------------------------------- */
  border-radius : 10px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;/* -/CSS3 --------------------------------- */
}
.pop--text--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 2998;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.pop--text .pop-team-close {
  text-align: right;
}
.pop--text div.box-menubutton ul {
  top: -7px;
}
.pop--text textarea {
  margin: 0;
  width : 100%;
  height: 144px;
}
.pop--text div.pop--text--box--submit {
  text-align: center;
  padding: 16px 0 0;
}
/* ----- .pop-help ----- */
.pop--help01,
.pop--help02,
.pop--help03 {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 3001;
  padding: 14px 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
  width: 300px;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */
}
.pop--help01--bg,
.pop--help02--bg,
.pop--help03--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 3000;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.pop--help01 span.color-sample-box {
  overflow : hidden;
  font-size: 1px;
  margin : 0 2px 0 2px;
  padding : 1px 14px;
  border : 1px solid #999999;
  background-color: #ffe496;
}
.pop--help01 p,
.pop--help02 p,
.pop--help03 p {
  font-size: 11px;
  line-height: 2em;
  margin : 0;
  padding: 0;
}
.pop--help02 table {
  margin: 16px 0 0;
  width : 100%;
}
.pop--help02 table td.fst {
  padding: 0 16px 16px 0;
}
.pop--help02 table td.snd {
  vertical-align: top;
  font-size: 11px;
  padding : 0 0;
}
.pop--help01 span.attention,
.pop--help02 span.attention,
.pop--help03 span.attention {
  color: #C8214C;
}
/* ----- .msg--attention ----- */
.msg--attention {
  margin : 8px 0 0;
  font-size: 11px;
  color : #C8214C;
  background-color: #fdd;
  padding : 12px;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;/* -/CSS3 --------------------------------- */
}
.msg--attention p {
  padding: 0 0 10px;
}
/* ----- .size-one ----- */
.size-one {
  font-size: 11px;
  font-weight: normal;
  padding-left: 12px;
}
.size-one .size--box--self {
  color: #C8214C;
  font-size : 14px;
  font-weight: normal;
}
/* ----- .otherdesign-popbox ----- */
.otherdesign-popbox .img-box dt:hover {
  background: #eee;
}
.otherdesign-popbox .pop--otherdesign--item--item {
  overflow-y: auto;
  height : 480px;
}
.otherdesign-popbox .img-box {
  float: left;
  margin: 0 4px 10px 0;
  padding: 0;
  text-align: center;
}
.otherdesign-popbox .img-box dt {
  margin : 0 0 3px;
  padding: 0;
  width : 128px;
  height: 128px;
  border: 1px solid #ccc;
}
.otherdesign-popbox .img-box dd {
  margin : 0;
  padding: 0;
  font-size: 10px;
  width : 128px;
  height: 16px;
  overflow: hidden;
}
.otherdesign-popbox .img-box dt img {
/*width: 83px;*/
}
.otherdesign-popbox .folder-box.last,
.otherdesign-popbox .img-box.last {
  margin: 0;
  padding: 0;
}
.otherdesign-popbox dl {
  cursor: pointer;
}
/* ----- .repeat-help ----- */
.repeat-help {
  position : relative;
  text-align: left;
  color : #D31515;
  font-size : 11px;
  font-weight: normal;
  padding : 6px 12px 2px;
}
.design .repeat-help {
  padding: 0 6px 5px;
}
/* -- .item--color--list */
div.item--color--list {
}
div.item--color--list table {
  width: 100%;
}
div.item--color--list th,
div.item--color--list td {
  padding-bottom: 3px;
}
div.item--color--list th {
  display: none;
  width: 50px;
}
div.item--color--list li {
/*
    float : left;
    margin: 0 2px 2px 0;
    width : 20px;
    height: 12px;
    border: 1px solid #00F;*/
}
/* -- .item--color--list */
.editer-box .box-title h3 {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  background-color: #4A5A71;
  padding: 2px 8px;
  margin : 0;
}
/* -- .direction-list */
.direction-list {
  position: relative;
  z-index : 10;
}
.direction-list ul {
  position: absolute;
  left: 75px;
  bottom: 20px;
  list-style-type: none;
  padding: 0;
  margin : 0;
}
.direction-list li {
  float : left;
  padding: 0 0 0 6px;
  margin : 0;
  cursor : pointer;
}
.direction-list li:hover {
  opacity: 0.8; /*モダンブラウザ用*/
  filter: alpha(opacity=80); /*IE7以下用*/
  -ms-filter: "alpha(opacity=80)"; /*IE8用*/
}
/* -- .scale-btn */
.scale-btn {
  position: relative;
  z-index : 10;
}
.scale-btn ul {
  position: absolute;
  right: 30px;
  bottom: 20px;
  list-style-type: none;
  padding: 0;
  margin : 0;
}
.scale-btn li {
  float : left;
  padding: 0 0 0 6px;
  margin : 0;
  cursor : pointer;
}
.scale-btn li:hover {
  opacity: 0.8; /*モダンブラウザ用*/
  filter: alpha(opacity=80); /*IE7以下用*/
  -ms-filter: "alpha(opacity=80)"; /*IE8用*/
}
/* -- .preview-scale */
.preview-scale {
  position: relative;
  z-index : 10;
}
.preview-scale div.editer-wrap {
width: 150px;
height: 58px;
position: absolute;
right: 70px;
bottom: 20px;
padding: 0;
margin: 0;
background: url("../img/scale_title.png") no-repeat center 40px #EFEFEF;
}
.preview-scale .scale-bar {
  margin: 18px 20px;
  background: url(../img/scale_bar_bg110.png);
  width: 110px;
}
/* -- .sim--box */
.sim--box {
  position: relative;
  left: 0;
  bottom: 0;
  height: 100%;
}
.sim--box--main {
  position: absolute;
  left: 85px;
  top: 15px;
  border: 1px solid #fff;
  outline: 1px solid #000;/* bottom: 0; */
}
.sim--box--sub {
  position: absolute;
  bottom: -20px;
  left : 0;
  overflow: hidden;
  width : 260px;
  height : 570px;
}
.sim--box--sub>div {
  position : relative;
  margin-left: -70px;
}
/* -- .editor--box */
.editor--box {
  position: fixed;
  width : 100%;
  height: 100%;
}
#jUniEditorEFrame {
  /*border: 1px solid #BCBCBC;*/
  border: none;
}
/* -- team ---- */
.marking--team--list--table--delete {
  display: block;
  height: 18px;
  background: url("../img/btn_team_delete.png") no-repeat center center;
}
/* -- .marking ---- */
.marking {
}
.marking .marking--team--buttons {
  padding: 0 0 8px;
}
.marking .marking--team--buttons div.box {
  padding: 0 0 4px;
}
.marking .marking--team--buttons div.box h4 {
  font-size: 10px;
  font-weight: bold;
  color: #a6a6a6;
  padding: 5px 0 2px;
  margin : 0;
}
.marking .marking--team--buttons div.box ul {
  list-style-type: none;
  padding: 0;
  margin : 0;
}
.marking .marking--team--buttons div.box li {
  float : left;
  cursor : pointer;
  margin : 0 4px 4px 0;
  padding: 4px 8px;
  color : #FFFFFF;
  background-color: #769ed1;
}
.marking .marking--team--list--attention {
  margin : 8px 0 0;
  padding: 7px 12px 12px;
  background: #fdd;
  color: #C8214C;
}
.marking .marking--team--list--attention h4 {
  font-size : 10px;
  font-weight: bold;
  color : #666666;
  padding: 5px 0 0;
  margin : 0;
}
.marking .marking--team--list--attention ul {
  list-style-type: none;
  padding: 0;
  margin : 0;
}
.marking .marking--team--list--attention li {
  padding: 0;
  margin : 0;
}
.marking .add-btn {
  margin-top: 4px;
}
.marking dl {
}
.marking dl dt {
  width: auto;
  clear: both;
  float: left;
  margin: 0 5px 5px 0;
  line-height: 22px;
}
.marking dl dd {
  width: auto;
  margin-bottom: 5px;
}
/* ----- .pop--editor--box-contents ----- */
.pop--editor--box--contents {
  position: relative;
}
.pop--editor--box--loading {
  position: absolute;
  top : 0;
  left: 0;
  width : 100%;
  height: 100%;
  z-index: 100;
}
.pop--editor--box--loading span {
  display: block;
  position: absolute;
  top : 0;
  left: 0;
  width : 100%;
  height: 100%;
  background-color: #FFF;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.pop--editor--box--loading div {
  position: absolute;
  display : table;
  top : 50%;
  left: 50%;
  margin: -64px 0 0 -128px;
}
.pop--editor--box--loading div p {
  display: table-cell;
  padding: 0;
  margin : 0;
  width : 256px;
  height : 128px;
  vertical-align: middle;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
}
/* --------------------------------- 
------------------------------------
Uniform confi-popbox
------------------------------------
------------------------------------*/
.confi-popbox.popup-box {
  position: absolute;
  top: 61px;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: #CCCCCC;
  z-index: 50;
}
.confi-popbox .box-content {
  width: 1015px;
  margin: auto;
  padding: 10px 0 0;
}
/*  box-c-alpha  */
.confi-popbox .box-c-alpha {
  float: left;
  width: 630px;
  height: 660px;
  position: relative;
}
.confi-popbox .box-c-alpha .box-in-img {
  width: 560px;
  margin: 30px auto 48px;
  text-align: center;
  position: relative;
}
.confi-popbox .box-c-alpha .thumb--list {
  padding: 0;
  border: 1px solid #333;
  width: 400px;
  margin: auto;
}
.confi-popbox .box-c-alpha .thumb--list>div {
  margin: 0 0 0 -30px;
}
.confi-popbox .box-c-alpha .btn-wrap {
}
.confi-popbox .box-c-alpha .btn-wrap .sub-list {
  padding: 5px 0 5px;
}
.confi-popbox .box-c-alpha .btn-wrap .sub-list div {
  display: block;
  height: 7px;
  width: 7px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  background: url(../img/sub_list.png) no-repeat center center;
  margin: 0 6px 0 0;
}
.confi-popbox .box-c-alpha .btn-wrap .sub-list div.select {
  background: url(../img/sub_list_on.png) no-repeat center center;
}
.confi-popbox .box-c-alpha .btn-wrap .btn-prev,
.confi-popbox .box-c-alpha .btn-wrap .btn-next {
  width: 31px;
  height: 61px;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  cursor: pointer;
  margin-top: -20px;
}
.confi-popbox .box-c-alpha .btn-wrap .btn-prev:hover,
.confi-popbox .box-c-alpha .btn-wrap .btn-next:hover {
  opacity: 0.6; /*モダンブラウザ用*/
  filter: alpha(opacity=60); /*IE7以下用*/
  -ms-filter: "alpha(opacity=60)"; /*IE8用*/
}
.confi-popbox .box-c-alpha .btn-wrap .btn-prev {
  top: 50%;
  next: 0px;
  background: url(../img/view_key_prev.png) no-repeat left top;
}
.confi-popbox .box-c-alpha .btn-wrap .btn-next {
  top: 50%;
  right: 0px;
  background: url(../img/view_key_next.png) no-repeat left top;
}
.confi-popbox .box-c-alpha .btm-btn {
  width: 560px;
  margin: auto;
}
.confi-popbox .box-c-alpha .btm-btn li:hover {
  opacity: 0.8; /*モダンブラウザ用*/
  filter: alpha(opacity=80); /*IE7以下用*/
  -ms-filter: "alpha(opacity=80)"; /*IE8用*/
}
.confi-popbox .box-c-alpha .btm-btn .left-btn {
  float: left;
}
.confi-popbox .box-c-alpha .btm-btn .right-btn {
  float: right;
}
/*  box-c-beta  */
.confi-popbox .box-c-beta {
  float: right;
  width: 380px;
  margin: 15px 0 0;
  padding-bottom: 10px;
}
.confi-popbox .box-c-beta h3 {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  background-color: #4A5A71;
  padding: 2px 8px;
  margin: 0 0 10px;
}
.confi-popbox .box-c-beta h4 {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 2px;
}
.confi-popbox .box-c-beta .item-name {
  font-size: 13px;
  font-weight: bold;
  padding: 2px 14px 0;
  border-bottom: 1px solid #999;
}
.confi-popbox .box-c-beta .uniform-editor-confi {
  overflow-y: auto;
  overflow-x: hidden;
  height: 570px;
}
.confi-popbox .box-c-beta .item {
}
.confi-popbox .box-c-beta .item table {
  text-align: left;
  margin: 0 10px 6px;
}
.confi-popbox .box-c-beta .item table th,
.confi-popbox .box-c-beta .item table td {
  font-weight: normal;
  padding: 2px 4px;
}
.confi-popbox .box-c-beta .item .item-mark-info {
  margin: 0 10px 10px;
  padding: 0 0 6px;
  background-color: #DDDDDD;
}
.confi-popbox .box-c-beta .item .item-mark-info table {
  margin: 6px 10px 0;
}
.confi-popbox .color-edit li {
  cursor: auto;
}
.item-mark-team-info .team-table {
  width: 320px;
}
.item-mark-team-info .team-table thead {
  font-size: 11px;
}
.item-mark-team-info .team-table tbody {
  color: #333;
}
.item-mark-team-info .team-table th.team-number {
  border-left: 1px #4A5A71 solid;
  width: 54px;
}
.item-mark-team-info .team-table th.team-name {
  width: 100px;
}
.item-mark-team-info .team-table th.team-item {
  width: 54px;
}
/* --------------------------------- 
------------------------------------
Uniform thanks-popbox
------------------------------------
------------------------------------*/
.thanks-popbox.popup-box {
  /*
	position: absolute;
	top: 61px;
	left: 0;
	width: 100%;
	height: 670px;
	padding: 0;
	background: #EFEFEF;
	z-index: 50;
*/
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 0 50px;
  background: none;
  z-index: 50;
min-height: 686px;}
.thanks-popbox .box-content {
  width: 1015px;
  margin: auto;
  padding: 10px 0 0;
}
/*  thanks-top  */
.thanks-popbox .thanks-top {
  padding: 30px 0;
}
.thanks-popbox .thanks-top .txt-box {
  margin: 0 0 20px;
}
.thanks-popbox .thanks-top .txt-box h2 {
  margin: 0 0 45px;
  text-align:center;
}
.thanks-popbox .thanks-top .txt-box p {
  width: 710px;
  margin: 0 0 20px;
  font-size: 13px;
}
.thanks-popbox .thanks-top .deta-box {
  position: relative;
}
.thanks-popbox .thanks-top .deta-box .editer-wrap {
width: 422px;
margin: 0;
padding: 40px 10px 0px;
background: url("/un/img/thanks_title.png") no-repeat left top #EFEFEF;
font-size: 13px;
position: absolute;
top: 0;
left: 30px;
}
.thanks-popbox .thanks-top .deta-box .editer-wrap dt {
float: left;
display: block;
clear: both;
width: 408px;
border: 1px solid #c00;
margin: 0 0 10px;
color: #CC0000;
line-height: 18px;
padding: 6px;
font-size: 11px;
}
.thanks-popbox .thanks-top .deta-box .editer-wrap dd {
  margin: 0 0 10px;
}
.thanks-popbox .thanks-top .deta-box .editer-wrap dd input {
  width: 170px;
  height: 19px;
  line-height: 19px;
}
.thanks-popbox .thanks-top .deta-box .editer-wrap dd input.design-key {
width: 403px;
font-size: 20px;
padding: 8px;
}
.thanks-popbox .thanks-top .deta-box .box-btn {
position: absolute;
top: 0;
right: 30px;
width: 422px;
margin: 0;
padding: 40px 10px 0px;
background: url("/un/img/pdf_title.png") no-repeat left top #EFEFEF;
font-size: 13px;
border-radius: 5px;
box-shadow: 0px 0px 10px 1px #999;
-webkit-box-shadow: 0px 0px 10px 1px #999;
-moz-box-shadow: 0px 0px 10px 1px #999;
}
.thanks-popbox .thanks-top .deta-box .box-btn li {
  margin: 0 0 15px;
}
.thanks-popbox .thanks-top .deta-box .box-btn li a{
text-indent: -9999px;
width: 402px;
height: 43px;
display: block;
background: url("/un/img/btn_pdf.png") no-repeat left top;
margin: 0 auto;
    }
.thanks-popbox .thanks-top .deta-box .box-btn li a:hover{
 background: url("/un/img/btn_pdf.png") no-repeat left bottom;   
    }
/*  thanks-bottom  */
.thanks-popbox .thanks-bottom {
  position: relative;
}
.thanks-popbox .thanks-bottom .editer-wrap {
  margin: 0 0 55px;
  padding: 15px 20px;
  background-color: #FFF;
  font-size: 13px;
}
.thanks-popbox .thanks-bottom .prefectures-select-box {
}
.thanks-popbox .thanks-bottom .prefectures-select-box h3 {
  font-size: 18px;
  font-weight: normal;
  float: left;
  margin: 0 20px 10px 0;
}
.thanks-popbox .thanks-bottom .prefectures-list-box {
  width: 674px;
  height: 182px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.thanks-popbox .thanks-bottom .prefectures-list-box .prefectures-list {
  margin: 0 0 10px;
}
.thanks-popbox .thanks-bottom .prefectures-list-box .prefectures-list p {
  margin: 0 0 5px;
  font-size: 15px;
}
.thanks-popbox .thanks-bottom .prefectures-list-box .prefectures-list ul {
  clear: both;
}
.thanks-popbox .thanks-bottom .prefectures-list-box .prefectures-list ul li {
  margin: 0 40px 5px 0;
  float: left;
}
.thanks-popbox .thanks-bottom .box-btn {
  text-align: center;
}
.thanks-popbox .thanks-bottom .box-btn li a{
text-indent: -9999px;
position: absolute;
top: 180px;
left: 400px;
display: block;
width: 218px;
height: 43px;
background: url("../img/btn_back_top.png") no-repeat top left;
    }
.thanks-popbox .thanks-bottom .box-btn li a:hover{
background: url("../img/btn_back_top.png") no-repeat bottom left;
    }

.thanks-popbox .shop-info {
  display: none;
  position: absolute;
  top: 54px;
  right: 25px;
}
.thanks-popbox .shop-info>table {
  width: 276px;
  border: 1px solid #4A5A71;
  border-collapse: collapse;
  border-spacing: 0;
  color: #FFF;
}
.thanks-popbox .shop-info table th {
  width: 90px;
  padding: 4px 6px;
  border: 1px #FFF solid;
  border-width: 0 0 1px 1px;
  background: #4A5A71;
  font-weight: bold;
  line-height: 120%;
  text-align: left;
  vertical-align: middle;
}
.thanks-popbox .shop-info table tr:last-child th {
  border-bottom: none;
}
.thanks-popbox .shop-info table td {
  width: 162px;
  padding: 3px 3px 3px 6px;
  border: 1px #4A5A71 solid;
  border-width: 0 0 1px 1px;
  color: #333;
  text-align: left;
  vertical-align: middle;
}
.thanks-popbox .shop-info>input {
  position: absolute;
  top: -20px;
  right: 25px;
  width: 60px;
  height: 0;
  text-indent: -9999px;
  background: none;
  border: none;
  background: url(../img/btn_close_shopinfo_box.png) no-repeat 0 0;
}
.thanks-popbox .shop-info>input:hover {
  opacity: 0.8; /*モダンブラウザ用*/
  filter: alpha(opacity=80); /*IE7以下用*/
  -ms-filter: "alpha(opacity=80)"; /*IE8用*/
  cursor: pointer;
}
/* --------------------------------- 
------------------------------------
Uniform editor-popbox
------------------------------------
------------------------------------*/
.editor-popbox.popup-box {
  position: absolute;
  top: 61px;
  left: 0;
  width: 100%;
  padding: 0;
  /* background: #CCCCCC; */
  z-index: 50;
}
.editor-popbox .box-content {
  width: 1015px;
  margin: auto;
  padding: 10px 0 0;
}
.editor-popbox .box-content iframe {
  width : 100%;
  height: 660px;
}
/* ----- .pop-itemcolor ----- */
.pop--itemcolor {
  position: absolute;
  top : 0px;
  left: 0px;
  z-index: 3001;
  padding: 8px;
  border : 1px solid #CCC;
  background-color: #FFF;
  width: 302px;
  /* -CSS3/ --------------------------------- */
  border-radius : 4px;
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;
  box-shadow: 0px 0px 10px 1px #999;
  -webkit-box-shadow: 0px 0px 10px 1px #999;
  -moz-box-shadow: 0px 0px 10px 1px #999;
  behavior: url(./js/etc/PIE.htc);/* -/CSS3 --------------------------------- */
}
.pop--itemcolor span.editer-box-arrow {
  top: -20px;
}
.pop--itemcolor--bg {
  position: fixed;
  top : 0;
  left: 0;
  z-index: 3000;
  width : 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=5);
  -moz-opacity: 0.05;
  opacity: 0.05;
}
/* ----- .editer-box-arrow ----- */
.editer-box-arrow {
  height: 12px;
  width: 12px;
  background: url(../img/editer_box_arrow.png) no-repeat center top;
  display: block;
  position: absolute;
  z-index: 100;
  left: 26px;
  top: -10px;
}
/* ----- .marking--team--list--attention ----- */
.marking--team--list--attention {
  display: none;
}
/* --------------------------------- 
------------------------------------
Uniform catego-select-box
------------------------------------
------------------------------------*/
.catego-select-box {
  padding: 20px 0;
  /*height: 595px;*/
  position: relative;
}
.catego-select-box .catego-list {
}
.catego-select-box .catego-list li {
  margin: 0 0 20px;
}
.catego-select-box .btn-box {
  position: absolute;
  bottom: 10px;
  left: 0;
}
.catego-select-box .catego-list li:hover,
.catego-select-box .btn-box li:hover {
  opacity: 0.8; /*モダンブラウザ用*/
  filter: alpha(opacity=80); /*IE7以下用*/
  -ms-filter: "alpha(opacity=80)"; /*IE8用*/
  cursor: pointer;
}
/* --------------------------------- 
------------------------------------
Uniform confirm-button
------------------------------------
------------------------------------*/
.confirm-button li:hover {
  opacity: 0.8; /*モダンブラウザ用*/
  filter: alpha(opacity=80); /*IE7以下用*/
  -ms-filter: "alpha(opacity=80)"; /*IE8用*/
  cursor: pointer;
}
/* --------------------------------- 
------------------------------------
jUniEditor
------------------------------------
------------------------------------*/
.jUniEditor.mode--default .full--editor,
.jUniEditor.mode--default .full--confirm,
.jUniEditor.mode--default .full--thanks,
.jUniEditor.mode--editor .Simulator-wrapper,
.jUniEditor.mode--editor .full--confirm,
.jUniEditor.mode--editor .full--thanks,
.jUniEditor.mode--confirm .full--editor,
.jUniEditor.mode--confirm .Simulator-wrapper,
.jUniEditor.mode--confirm .full--thanks,
.jUniEditor.mode--thanks .Simulator-wrapper,
.jUniEditor.mode--thanks .full--editor,
.jUniEditor.mode--thanks .full--confirm {
  position: absolute;
  top: -9999px;
  height: 1px;
  overflow: hidden;
}
.jUniEditor.mode--editor .full--editor,
.jUniEditor.mode--confirm .full--confirm {
  position: relative;
  top: 10px;
}
.popup-box.editor-popbox.full--editor.none {
  display: block;
}
/* -- item-color --------------------- */
.item--color--list th {
  text-align: left;
}
/* -- item--edit--box --------------------- */
.item--edit--box>div {
  display: none;
}
.item--edit--box.edit>div.item--group--list {
  display: block;
  height: 580px;
  overflow-x: auto;
}
.item--edit--box.order-form>div.item--group--order--form {
  display: block;
}
.item--edit--box.order-confirm>div.item--group--order--confirm {
  display: block;
}
/* -- .confirm-button --------------------- */
.confirm-button>.btn-box>ul {
  display: none;
  /* width: 1180px; */
  max-width: 1180px;
  margin: 0 auto;
}
.confirm-button>.btn-box.edit>ul.edit {
  display: block;
}
.confirm-button>.btn-box>ul.edit>li {
  display: block;
  position: relative;
}
.confirm-button>.btn-box>ul.edit>li:first-child {
  display: none;
}
.confirm-button>.btn-box.order-form>ul.order-form {
  display: block;
}
.confirm-button>.btn-box.order-confirm>ul.order-confirm {
  display: block;
}
.confirm-button>.btn-box.iframe>ul.iframe {
  display: block;
}