@charset "UTF-8";
@import url(import.css);

/*=========================================================================

 File Name: mng.css
 UpdatedBy: 20111031
 Style Info:  楽天市場管理画面スタイル

=========================================================================*/

/*----------------------
 Common
----------------------*/
#noJavascript {
  text-align: center;
  color: #FFFFFF;
  background-color: #FF0000;
  padding: 10px 0;
}

#header {
  margin: 0 0 4px 0;
}

/* clearfix start */
#header:after {
  content: "";
  display: block;
  clear: both;
}
#header { display: inline-block; }
#header { display: block; }
/* clearfix end */

#header .logo{
  float: left;
}

#header .headerLink {
  float: right;
  padding-top: 8px;
}
#header .headerLinkText {
  margin-right: 5px;
  padding-right: 5px;
}
#headerLine {
  height: 3px;
  color: #BF0000;
  background-color: #BF0000;
  margin: 0;
}
#footer {
  text-align: center;
  margin-top: 10px;
}
#footer p {
  margin-top: 10px;
}
#footerLine {
  color: #808080;
  background-color: #808080;
}
#mainContent {
  zoom: 1; /* clearfix */
  line-height: 1.4;
  margin-top: 10px;
  margin-bottom: 30px;
}
#topicPath {
  margin: 15px 0;
}
#title {
  background: #FFFFFF url("../img/title_bg.gif") no-repeat 0 100%;
  border: solid 1px #D8D8D8;
}
#title h1 {
  font-size: 180%;
  margin: 3px 0px 3px 7px;
  padding-left: 23px;
  background: url("../img/title_icon.gif") no-repeat 0 50%;
}

.btnArea {
  margin: 20px auto;
}
.btnArea p {
  text-align: center;
}
.btnArea input {
  font-size: 110%;
  font-weight: bold;
  padding: 12px 59px;
  overflow: visible;
}
.btnArea input.multiButton {
  font-size: 110%;
  font-weight: bold;
  padding: 12px 59px;
  margin: 0 23px;
}

#tableContents {
  width: 730px;
  margin: 20px auto;
}
table {
  width: 730px;
  border-color: #D8D8D8;
  border-style: solid;
  border-width: 1px;
  margin: 0 auto 15px auto;
}
table th {
  width: 180px;
  vertical-align: top;
  font-weight: bold;
  background-color:#F8F8F8;
  border-color: #D8D8D8;
  border-style: solid;
  border-width: 1px;
  padding: 16px 0 13px 13px;
}
table td {
  border-color: #D8D8D8;
  border-style: solid;
  border-width: 1px;
  padding: 13px 0 13px 9px;
}
.tableCaption {
  font-size: 120%;
  font-weight: bold;
  background: url("../img/square_icon.gif") no-repeat 0 50%;
  margin: 30px auto 6px auto;
  padding: 0 0 0 20px;
}
.inputTable th {
  background-color: #FFFFE1;
}
.confirmTable span {
  word-wrap: break-word;
}
input {
  font-size: 110%;
}
#completeMessage {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  color: #BF0000;
  margin: 34px auto;
}
#errorMessage {
  width: 650px;
  text-align: center;
  background-color: #FF0000;
  margin: 22px auto 0 auto;
  padding: 14px 0 12px 0;
  font-weight: bold;
  font-size: 120%;
  color: #FFFFFF;
}
#errorMessage p {
  font-weight: bold;
  font-size: 120%;
  color: #FFFFFF;
}
.inputTable th.errorTh {
  color: #FFFFFF;
  background-color: #FF0000;
}
#address {
  word-break:break-all;
}
/*----------------------
 TOP
----------------------*/
#headline {
  margin: 11px 0 0 0;
}
#headline p {
  font-size: 110%;
  margin-left: 29px;
}
#contents {
  width: 890px;
  margin: 20px auto;
}
#menuList1 {
  overflow: hidden; /* clearfix */
  zoom: 1; /* clearfix */
  padding-bottom: 110px;
}
#menuList2 {
  padding-bottom: 10px;
}
.menuList p {
  font-size: 93%;
  margin: 11px 0 0 22px;
}
.sMenuList {
  float: left;
  width: 275px;
  height: 100px;
  margin: 28px 0 0 20px;
  display: inline;
}
.lastList {
  border-right: none;
}
.sMenuList span {
  font-size: 120%;
  font-weight: bold;
  padding-left: 13px;
  background: url("../img/square_icon.gif") no-repeat 0 50%;
}
.sMenuList ul {
  margin: 10px 0 0 14px;
}
.sMenuList ul li {
  font-size: 93%;
  padding-left: 7px;
  margin-bottom: 11px;
  background: url("../img/arrow_icon.gif") no-repeat 0 50%;
}
.stitle {
  background: #F8F8F8;
  border: solid 1px #D8D8D8
}
.stitle h2 {
  font-size: 120%;
  font-weight: bold;
  margin: 3px 0px 3px 6px;
  padding-left: 15px;
  background: url("../img/stitle_icon.gif") no-repeat 0 50%;
}

#sessionError {
  width: 650px;
  text-align: center;
  background-color: #FF0000;
  margin: 22px auto 0 auto;
  padding: 14px 0 12px 0;
  font-weight: bold;
  font-size: 120%;
  color: #FFFFFF;
}
#sessionErrorScript {
  width: 650px;
  text-align: center;
  margin: 40px auto 40px auto;
  font-size: 110%;
}


/*----------------------
 PayPal Settlement
----------------------*/
.pplTableTh {
  width: 180px;
  border-left: none;
  border-right: none;
}
.questionIconTh {
  width: 17px;
  vertical-align: top;
  padding: 16px 4px 0 0;
  border-left: none;
  border-right: none;
}
.questionIcon {
  cursor: pointer;
}
.questionTd p {
  margin: 0 0 15px 0;
}

.mailTd p {
  margin: 3px 0 10px 0;
}

/*----------------------
 NPP Settlement
----------------------*/
#orderText {
  font-size: 110%;
}
.otherAddress th {
  height: 0px;
  padding: 0px;
}
.otherAddress td {
  height: 0px;
  padding: 0px;
}
.otherAddressTh {
  padding: 16px 0 13px 13px;
}
.otherAddressTd {
  padding: 13px 0 13px 9px;
}
.addList td {
  height: 0px;
  padding: 0px;
}
.addListTd {
  padding: 13px 0 13px 9px;
}
.costText {
  font-size: 110%;
  padding-left: 18px;
  padding-right: 10px;
  text-align: right;
}
.yenText {
  margin-left: 5px;
}
.dateText {
  margin-right: 10px;
}
.hyphen {
  margin: auto 5px auto 5px;
}
#calendarIcon {
  cursor: pointer;
}
.radioDeliver {
  margin-right: 23px;
}
.radioLabel {
  padding-left: 5px;
}
.zipButton {
  font-size: 93%;
  margin-left: 15px;
  padding: 3px 16px;
  overflow: visible;
}
#listDelTd {
  background-color: #F9F9F9;
  height: 0px;
  padding: 0px;
}
#listDelMsg {
  padding: 13px 0 13px 9px;
}
#listAddTd {
  background-color: #FFFFE1;
  border-right: none;
}
#listAddTd p {
  margin-top: 12px;
}
.listControlText {
  marging-top: 13px;
}
.listControlText img {
  padding: 2px;
  cursor: pointer;
}
.listControlText a {
  padding: 2px;
  margin-left: 8px;
}
#itemTh {
  width: 345px;
}
#unitCostTh {
  width: 100px;
}
#amountTh {
  width: 90px;
}
#costTh {
  width: 110px;
}
#totalCostTd {
  text-align: right;
  padding-right: 11px;
  background-color:#F8F8F8;
  font-weight: bold;
}
#totalSumHeader {
  border-left: none;
  text-align: right;
  font-weight: bold;
  background-color: #FFFFE1;
  vertical-align: top;
  padding: 9px 11px 0 0;
}
#totalSumVal {
  vertical-align: top;
  padding: 11px 0 0 18px;
}

