/* {{{ Base Layout */

div#container {
  width: 100%;
  min-height: 100%;
  position: relative;
  text-align: left;
}

* html div#container {
  height: 100%;
}

body > div#container {
  height: auto;
}

div#top {
  width: 100%;
  padding-bottom: 105px;
}

div#bottom {
  width: 100%;
  height: 110px;
  bottom: 0;
  position: absolute;
}

/* }}} Base Layout */

/* {{{ #header */

div#header {
}

/* {{{ .crossover */

div#header div.crossover {
  position: relative;
  width: 100%;
  height: 36px;
  border-bottom: solid 5px #eeeeee;
}
div#header div.crossover div.site-name {
  width: 100%;
  height: 33px;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom-style: solid;
  border-bottom-width: 3px;
}

div#header div.crossover div.site-name p.user-site-name {
  font-size: 1.25em;
  line-height: 33px;
  padding-left: 10px;
  font-weight: bold;
}

div#header div.crossover div.site-name a {
  color: inherit;
  text-decoration: none;
}

div#header div.crossover div.site-name a:link {
  color: inherit;
  text-decoration: none;
}

div#header div.crossover div.site-name a:visited {
  color: inherit;
  text-decoration: none;
}

div#header div.crossover div.site-name a:hover {
  color: inherit;
  text-decoration: none;
}

div#header div.crossover div.site-name a:active {
  color: inherit;
  text-decoration: none;
}

div#header div.crossover div.site-name p.logo-moshi-market {
  height: 33px;
}

div#header div.crossover div.site-name p.logo-moshi-market img {
  margin-top: 10px;
  margin-left: 10px;
}


div#header div.crossover div.site-name p.logo-m-payment {
  height: 33px;
}

div#header div.crossover div.site-name p.logo-m-payment img {
  margin-top: 5px;
  margin-left: 10px;
}

div#header div.crossover p.free-shipping {
  width: 297px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
}

div#header div.crossover p.free-shipping img {
  margin-top: 9px;
  margin-right: 9px;
}

/* }}} .crossover */


/* {{{ .navigation */

div.navigation {
  background-color: #ffffff;
  width: 930px;
  padding: 15px 10px;
}
div.navigation div.search {
  width: 270px;
  height: 28px;
}

div.navigation div.search form {
}

div.navigation div.search form p.word {
  width: 200px;
  height: 28px;
  line-height: 28px;
  padding-top: 5px;
}

div.navigation div.search form p.word input {
  width: 180px;
  height: 18px;
  font-size: 14px;
}

div.navigation div.search form p.button {
  width: 55px;
  height: 28px;
  line-height: 28px;
  padding-top: 4px;
}

div.navigation div.search form p.button a {
}

div.navigation div.search form p.button a img {
}

div.navigation div.anchor {
  width: 516px;
  height: 28px;
  text-align: right;
}

div.navigation div.anchor ul {
  list-style: none;
  margin-right: 5px;
}

div.navigation div.anchor ul li {
  display: inline-block;
  line-height: 28px;
  height: 28px;
  margin-left: 5px;
  margin-right: 5px;
  *display: inline;
  *zoom: 1;
}

div.navigation div.anchor ul li a {
  color: #0000FF;
  text-decoration: underline;
}

div.navigation div.anchor ul li a:hover {
  color: #FF6600;
  text-decoration: underline;
}



div.navigation p.cart {
  width: 144px;
  height: 28px;
}


/* }}} .navigation */

/* }}} #header */

/* {{{ #footer */

div#footer {
  position: relative;
  width: 100%;
  height: 102px;
  border-top-style: solid;
  border-width: 3px;
}

div#footer a {
  color: #0000FF;
  outline-style: none;
  outline-width: medium;
  text-decoration: underline;
}

div#footer a:hover {
  text-decoration: underline;
  color: #FF6600;
}


div#footer div.footer-area {
  width: 930px;
  margin-top: 10px;
}

div#footer div.footer-area div.left {
  width: 280px;
  height: 82px;
}

div#footer div.footer-area div.left div.verisign {
  width: 120px;
  height: 82px;
  margin-left: 10px;
  margin-right: 10px;
}

* html div#footer div.footer-area div.left div.verisign {
  margin-left: 5px;
  margin-right: 5px;
}

div#footer div.footer-area div.left div.jadma {
  width: 120px;
  height: 82px;
  margin-left: 10px;
  margin-right: 10px;
}

* html div#footer div.footer-area div.left div.jadma {
  margin-left: 5px;
  margin-right: 5px;
}

div#footer div.footer-area div.left div.jadma p.image {
}

div#footer div.footer-area div.left div.jadma p.text {
  font-size: 10px;
}

* html div#footer div.footer-area div.left div.jadma p.text {
  font-size: 10px;
}

div#footer div.footer-area div.right {
  width: 650px;
}

div#footer div.footer-area div.right div.anchor {
  text-align: right;
}

div#footer div.footer-area div.right div.anchor ul {
  margin: 5px 10px;
  list-style: none;
}

div#footer div.footer-area div.right div.anchor ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

div#footer div.footer-area div.right div.anchor p {
  margin: 5px 10px;
}

/* }}} #footer */

/* {{{ #body */

div#body {
  width: 950px;
}

/* }}} #body */

/* {{{ Common Class */

div.heading {
  height: 32px;
  border: solid 1px #cccccc;
}

div.heading p {
  height: 30px;
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 5px;
  border: solid 1px #ffffff;
  background-color: #009fe8;
  background-image: url('/static/img/mp/common/heading-background.gif');
  background-position: left top;
  background-repeat: repeat-x;
}

div.stripe {
  background-image: url('/static/img/common/background/gray-stripe.gif');
  background-position: left top;
  background-repeat: repeat;
}

div.form table {
  border-collapse: collapse;
}

div.form table tbody {
}

div.form table tbody tr {
}

div.form table tbody tr th {
}

div.form table tbody tr th div.layout {
  padding: 5px;
}

div.form table tbody tr td {
}

div.form table tbody tr td div.layout {
  padding: 5px;
}

form input {
  font-size: inherit;
}




/** インフルエンザ対策マスクのリンク用 **/
div#pandemic {
  width:720px;
  margin-bottom:10px;
}

div#pandemic div.pandemic-box {
  width:710px;
  padding:5px;
  background-color:#F0F7F9;
}

div#pandemic div.image-box {
  width:80px;
}

div#pandemic div.text-box {
  width:590px;
  padding:10px 30px 0 10px;
}

div#pandemic div.text-box .text {
  color:#666666;
}