@charset "UTF-8";

/* 標準フォント */
body, table {
  font: 14px Avenir, "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 高さを揃える */
form {
  margin: 0;
  padding: 0;
}
input, select, button {
  vertical-align: middle;
}
textarea {
  vertical-align: bottom;
}
input[type="checkbox"], input[type="radio"] {
  vertical-align: baseline;
}
input[type="submit"], button {
  outline: none;
}
label {
  cursor: pointer;
}
p {
  margin: 1em 0;
}
input[type="number"][size="1"] {  width: 2em; }
input[type="number"][size="2"], input[type="number"][size="3"] {  width: 3em; }
input[type="number"][size="4"] {  width: 4em;  }
input[type="number"][size="5"] {  width: 5em;  }
input[type="number"][size="6"] {  width: 6em;  }
input[type="number"][size="7"] {  width: 7em;  }
input[type="number"][size="8"] {  width: 8em;  }
input[type="number"][size="9"] {  width: 9em;  }
input[type="number"][size="10"] {  width: 10em;  }
input[type="number"][size="11"] {  width: 11em;  }
input[type="number"][size="12"] {  width: 12em;  }

/* 縦書き */
td.gyo, span.tktr-gyo {
  font-family: Garamond, "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
span.tktr-gyo {
  float: right !important;
  line-height: 1 !important;
  text-align: center !important;
  background: transparent !important;
  cursor: vertical-text;
}
span.tktr-gyo a {
  text-decoration: none !important;
  cursor: pointer !important;
}
span.tktr-gyo span.char {
  display: block !important;
}
span.tktr-gyo span {
  line-height: 1 !important;
}
span.tktr-gyo span.latin {
  display: block;
  margin: auto;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-writing-mode: tb-rl;
  /writing-mode: tb-rl;;
  _writing-mode: tb-rl;;
}
span.tktr-gyo span.cho-on {
  display: block;
  margin: auto;
  -moz-transform: rotate(90deg) scale(1.0,-1.0);
  -webkit-transform: rotate(90deg) scale(1.0,-1.0);
  -o-transform: rotate(90deg) scale(1.0,-1.0);
  -ms-writing-mode: tb-rl;
  _writing-mode: tb-rl;
  /writing-mode: tb-rl;
}
span.tktr-gyo span.tou-ten {
  display: block;
  margin: -0.7em -0.64em 0.7em 0.64em;
  position:relative;
}
span.tktr-gyo span.ku-ten {
  display: block;
  margin: -0.7em -0.6em 0.7em 0.6em;
  position: relative;
}
span.tktr-gyo span.kogaki {
  display: block;
  margin: -0.2em -0.15em 0.2em 0.15em;
  position: relative
}
span.tktr-gyo strong {
  font-weight: normal;
  _border-right: 1px dotted;
  /border-right: 1px dotted;
}
span.tktr-gyo strong span:after {
  content: "\3001";
  display: block;
  position: relative;
  width: 1px;
  height: 1em;
  margin: -1.3em -1em 0.3em 1em;
}
span.tktr-gyo strong span.latin,
span.tktr-gyo strong span.ltr {
  font-weight: bold;
  _border-right: none;
  /border-right: none;
}
span.tktr-gyo strong span.cho-on:after,
span.tktr-gyo strong span.latin:after,
span.tktr-gyo strong span.tou-ten:after,
span.tktr-gyo strong span.ku-ten:after,
span.tktr-gyo strong span.ltr:after {
  content: "";
  display: none;
}
span.tktr-gyo del {
  text-decoration: none;
  _text-decoration: line-through;
  /text-decoration: line-through;
}
span.tktr-gyo del span:after {
  content: "\2503";
  display: block;
  position: relative;
  width: 1px;
  height: 1em;
  margin: -1em 0 0 0;
}
span.tktr-gyo del span.latin,
span.tktr-gyo del span.ltr {
  text-decoration: line-through;
}
span.tktr-gyo del span.cho-on:after,
span.tktr-gyo del span.latin:after,
span.tktr-gyo del span.tou-ten:after,
span.tktr-gyo del span.ku-ten:after,
span.tktr-gyo del span.ltr:after {
  content: "";
  display: none;
}

/* 改行制御 */
span.nobr, span.unit {
  white-space: nowrap;
}
span.nobr:after, span.unit:before {
  content: " ";
  white-space: normal;
  font-size: 1px;
}

/* ツールメニュー */
ul.tools {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  line-height:1;
  white-space: nowrap;
}
ul.tools li,
ul.tools li form,
div.inline-toolbox,
div.inline-toolbox form,
div.inline-toolbox ul,
.toolbox form,
.toolbox ul {
  margin: 0;
  padding: 0;
  background: transparent none;
  display: inline;
  white-space: nowrap;
}
ul.tools li.group-start {
  margin-left: 5px;
}
ul.tools li.group-end {
  margin-right: 5px;
}
ul.tools li.isolated {
  margin-left: 2px;
  margin-right: 2px;
}
ul.tools li img {
  border: none;
  margin: 0;
  padding: 0;
}
ul.tools li img, ul.tools li input, ul.tools li select {
  vertical-align: middle;
}
div#shopping-cart-tools {
  text-align: right;
}
label.auto-fit, label.toggle-html-editor {
  font-size: 0.8em;
}
label.auto-fit:after, label.toggle-html-editor:after {
  content: "" !important;
}

/* 記事セレクタ */
div#target-selector ul {
  list-style: none;
  margin: 5px auto;
  padding: 0;
}
div#target-selector ul li, div#target-selector ul li form {
  white-space: nowrap;
  display: inline;
}

/* ページナビゲーション */
ul.pager {
  list-style-type: none;
  text-align: center;    
}
ul.pager li {
  display: inline;
}
ul.pager form {
  display: inline;
}

/* ページナビゲーション[旧版用] */
ul.page-navi, ul.page-list {
  list-style: none;
  margin: 0 2px;
  padding: 0;
  line-height: 100%;
  white-space: nowrap;
  text-align: center;
}
ul.page-navi li, ul.page-navi li form, ul.page-navi li ul.page-list, ul.page-list li {
  display: inline;
}
ul.page-navi li.prev, ul.page-list li.prev {
  margin-right: 20px;
}
ul.page-navi li.next, ul.page-list li.next {
  margin-left: 20px;
}
ul.page-navi li img, ul.page-navi li input {
  border: none;
  margin: 0;
  padding: 0;
}
ul.page-navi li.page-info {
  font-size: 90%;
}
ul.page-list li {
  margin: 0 0.3em;
}
ul.page-list li.here {
  font-weight: bold;
}

/* バナータイトル */
a.banner-title {
  font-weight: bold;
}

/* 隠し要素 */
.hidden {
  display: none;
}

/* チェックボックスリスト */
ol.checkbox, ol.extra-checkbox {
  padding-left: 0;
  list-style: none;
  margin-top: 0;
}
ol.checkbox ol, ol.extra-checkbox ol {
  padding-left: 1em;
  list-style: none;
}
ol.extra-checkbox {
  font-size: 90%;
}

/* フィールドリスト */
ul.field-list{
  list-style: none;
  white-space: nowrap;
  padding-left: 0;
}

/* フォーム */
input[type="image"] {
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.datatitle:after,
td.field-name label:after,
td.sub-field-name label:after,
td.field dl dt label:after,
dl.confirmation dt:after,
.additional-field label:after {
  content: " : ";
}
.hints, .warning, .note, form .extra-field,  .example,  form .field-description {
  font-size: 90%;
}
.hints:before, .warning:before {
  content: "* ";
}
.warning {
  color: #ff0000;
}
form input.save, form input.choose {
  width: 80px;
}
form input.ok {
  width: 4em;
}
form div.sample-image, form div.additional-field {
  margin-top: 20px;
}
form div.additional-field textarea {
  display: block;
}
td.field dl dt, td.field dl dd, div.sub-field {
  white-space: nowrap;
}
td.field dl dd {
  padding-left: 0;
  margin-left: 0;
}
fieldset#delete-menu label {
  font-size: 90%;
}
textarea.content-editor-area {
  width: 100% !important;
}

/* フィールドテーブル */
table.field-table, table.sub-field-table, table#address-table {
  empty-cells: show;
  background: transparent none;
  border: none;
  padding: 0;
  border-collapse: collapse;
}
table#address-table {
  margin: 0 auto 20px auto;
}
table#address-table td {
  padding: 0;
  border: none;
  background: transparent none;
}
table.field-table table {
  margin: 0;
}
table.field-table tr.tbody-end td.field-name,
table.field-table tr.tbody-end td.field,
table.field-table tr.tbody-end td.q-field,
table.sub-field-table tr.tbody-end td.sub-field-name,
table.sub-field-table tr.tbody-end td.sub-field,
table.sub-field-table tr.tbody-end td.sub-q-field {
  padding-bottom: 20px;
}
table.field-table tr.tbody-start td.field-name,
table.field-table tr.tbody-start td.field,
table.field-table tr.tbody-start td.q-field,
table.field-table tr.tbody-start th.field-group-name,
table.field-table tr.tbody-start td.field-group-description,
table.sub-field-table tr.tbody-start td.sub-field-name,
table.sub-field-table tr.tbody-start td.sub-field,
table.sub-field-table tr.tbody-start td.sub-q-field {
  padding-top: 20px;
}
table.field-table tbody tr.tbody-start th.field-group-name,
table.field-table tr.tbody-start td.field-group-description {
  background: transparent none;
  border: none;
  border-bottom: 1px solid;
  border-color: rgba(48,48,48,0.2);
}
td.field-name, td.sub-field-name {
  background: transparent none;
  border: none;
  vertical-align: top;
  padding: 3px;
  text-align: right;
  white-space: nowrap;
}
tr.single-cell td.field-name, tr.single-celltd.sub-field-name {
  text-align: left;
  white-space: normal;
}
td.field, td.sub-field, td.q-field, td.sub-q-field {
  background: transparent none;
  border: none;
  vertical-align: top;
  padding: 3px;
  text-align: left;
}
td.field a img, td.sub-field a img {
  vertical-align: middle;
}
td.sub-field-name, td.sub-field {
  font-size: 90%;
}
table.field-table span.unit {
  font-size: 90%;
}
table.sub-field-table td.sub-field .note, div.extra-field .note {
  font-size: 1em;
}
table td.close-box, table td.reset-box, table td.delete-box {
  background: transparent none;
  padding: 3px;
  border: none;
  text-align: left;
  vertical-align: bottom;
}
.submit-box {
  text-align: right;
}
.submit-box label {
  font-size: 90%;
  white-space: nowrap;
}
td.submit-box {
  background: transparent none;
  border: none;
  vertical-align: bottom;
  padding: 3px;
}
input.delete, input.cancel {
  margin-right: 20px;
}
div#submit-button {
  text-align: right;
  float: right;
}
div#delete-button {
  text-align: left;
  float: left;
}
div#delete-button:after {
  clear: both;
}
div#main table td.close-box, div#main table td.reset-box, div#main table td.delete-box, div#main table td.submit-box {
  padding: 1em 3px 3px 3px;
}
td.field fieldset {
  margin-bottom: 10px;
  border: 1px solid;
  border-color: rgba(48,48,48,0.2);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
table.field-table dl.input-confirmation dt {
  font-weight: bold;
}

/* サンプル画像リスト */
ul.materials {
  margin: 0;
  padding: 0;
  background: #eeeeee none;
  list-style-type: none;
  text-align: left;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
ul.materials li {
  display: -moz-inline-box;
  display: inline-block;
  margin: 0;
  padding: 4px;
  border: none;
  color: #000000;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  /display: inline;
  /zoom: 1;
  _display: inline;
  _zoom: 1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
ul.materials li.selected {
  background: #cccccc none;
}
span.samesizecolor {
  color: #ddddff;
}
ul.materials li.samesize {
  background: #ddddff none;
}
ul.materials div.marker {
  color: #ffffff;
}
span.markersample {
  color: #cccccc;
}
ul.materials label {
  display: block;
  text-align: center;
}
ul.materials label.img img,
ul.materials label.img a,
ul.materials label.button a,
ul.materials label>span {
  display: block;
}
ul.materials label.bgimg input {
  margin-top: 22px;
}
div#frame-tips, div#frame-tips table td {
  font-size: 90%;
}
div#frame-tips table#frametagsample {
  background: transparent none;
  border: none;
}
div#frame-tips table#frametagsample td {
   background: transparent none;
   border: none;
   padding: 6px;
}
div#frame-tips table#frametagsample td#sample-frame {
   background-color: #eee;
}

/* 縦書きテーブル */
table.tategaki {
  empty-cells: show !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  padding: 0 !important;
}
table.tategaki td.gyo {
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: top;
  width: 1.8em;
}
table.tategaki td.gyo a {
  text-decoration: none !important;
}

/* データテーブル */
table.datatable {
  background: transparent none;
  border-collapse: collapse;
  empty-cells: show;
  border: 1px solid #CCC;
}
table.datatable tr th.odd,
table.datatable tr th.name,
table.datatable tr th.caution,
table.datatable tr th.even,
table.datatable tr th.sorted,
table.datatable tr.odd td.odd,
table.datatable tr.odd td.even,
table.datatable tr.even td.odd,
table.datatable tr.even td.even,
table.datatable tr.odd td.caution,
table.datatable tr.even td.caution,
table.datatable tr.odd td.name,
table.datatable tr.even td.name {
  margin: 0;
  padding: 0.5em 1em;
  border: 1px solid #CCC;
  color: #000;
}
table.datatable tr th a {
  color: #000;
}
table.datatable tr th.odd,
table.datatable tr th.name,
table.datatable tr th.caution,
table.datatable tr th.even {
  white-space: nowrap;
  background: #FFF url("../image/bg_plastic_light.gif") top left repeat-x;
}
table.datatable tr th.sorted {
  white-space: nowrap;
  background: #EBEBEB url("../image/bg_plastic_dark.gif") top left repeat-x;
  color: #999;
}
table.datatable tr th.odd a,
table.datatable tr th.name a,
table.datatable tr th.caution a,
table.datatable tr th.odd-foldable a,
table.datatable tr th.name-foldable a,
table.datatable tr th.caution-foldable a,
table.datatable tr th.odd a,
table.datatable tr th.name a,
table.datatable tr th.caution a,
table.datatable tr th.odd-foldable a,
table.datatable tr th.name-foldable a,
table.datatable tr th.caution-foldable a,
table.datatable tr th.even a,
table.datatable tr th.even-foldable a,
table.datatable tr th.even a,
table.datatable tr th.even-foldable a,
table.datatable tr th.sorted a,
table.datatable tr th.sorted-foldable a {
  color: #000;
  text-decoration: underline;
}
table.datatable tr.odd td.odd {
  background: #F5F5F5 none;
}
table.datatable tr.odd td.even {
  background: #FAFAFA none;
}
table.datatable tr.even td.odd {
  background: #F0F0F0 none;
}
table.datatable tr.even td.even {
  background: #F5F5F5 none;
}
table.datatable tr.odd td.caution {
  background-image: url('../image/bg_caution.gif');
  background-color: #f9f9d9;
}
table.datatable tr.even td.caution {
  background-image: url('../image/bg_caution.gif');
  background-color: #f0f0d0;
}
table.datatable tr.odd td.name {
  background: #F0F0FF none;
}
table.datatable tr.even td.name {
  background: #ECECFF none;
}
table.datatable tr.odd:hover td.odd,
table.datatable tr.odd:hover td.even,
table.datatable tr.even:hover td.odd,
table.datatable tr.even:hover td.even,
table.datatable tr.odd:hover td.name,
table.datatable tr.even:hover td.name {
  background: #FFF none;
  color: #000;
}

/* コメントのデフォルト */
.pageable-sheet {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -moz-transition-property: transform opacity;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: transform opacity;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: transform opacity;
  -o-transition-duration: 0.3s;
  transition-property: transform opacity;
  transition-duration: 0.3s;
}
.pageable-sheet.on-paging {
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(0.1,1);
  -moz-transform: scale(0.1,1);
  -o-transform: scale(0.1,1);
  -ms-transform: scale(0.1,1);
  transform: scale(0.1,1);
}
div.user-generated-comment, div.trackback, div.related-article {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #ddd;
  border-color: rgba(48,48,48,0.2);
  text-align: left;
  _height: 0;
}
div.related-article:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
div.user-generated-comment-icon {
  float: left;
  margin: 0 10px 10px 0;
}
div.user-generated-comment-body {
  margin-bottom: 0.5em;
}
.user-generated-comment-head, .related-article-head {
  font-weight: bold;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0.5em;
}
div.user-generated-comment-info, div.related-article-info {
  clear: left;
  text-align: right;
  font-size: 0.8em;
}
div.related-article-url {
  text-align: right;
  font-style: italic
}
div.related-article-more {
  margin: 1em 0;
}
form.trackback-url-box {
  margin-top: 1em;
  text-align: right;
  font-size: 0.8em;
}
div.trackback-info, p.trackback-list-info {
  text-align: right;
  font-size: 0.8em;
}
p.user-generated-comments-info {
  margin-top: 1em;
  margin-bottom: 1em;
  clear: left;
  text-align: right;
  font-size: 0.8em;
}
form.user-generated-comment-form {
  text-align: center;
}
form.user-generated-comment-form dl.field-dl {
  text-align: left;
}
form.user-generated-comment-form table.field-table {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
div.user-generated-comment-submit, div.poll-submit {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}
fieldset.user-generated-content-input-form {
  display: none;
}
a.toggle-link {
  font-size: 0.9em;
}
p.poll-info {
  text-align: right;
  font-size: 0.8em;
}
div.floating-box {
  position: relative;
}
div.floating-box table, div.floating-box div {
  font-size: 0.9em;
  width: 500px;
  position: absolute;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -webkit-opacity: 0.9;
  -o-opacity: 0.9;
  -ms-filter: "alpha(opacity=90)";
  filter: alpha(opacity=90);
  -moz-box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
  -o-box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
  -ms-box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
  box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
}
div.poll-rank-1 {
  font-size: 1.5em;
  font-weight: bold;
}
div.poll-rank-2 {
  font-size: 1.2em;
  font-weight: bold;
}
div.poll-rank-3 {
  font-weight: bold;
}
img.cse-thumbnail {
  max-width: 80px;
  max-height: 80px;
  _width: 80px;
  _height: 80px;
}
div.related-article img.cse-thumbnail {
  float: left;
  margin: 0 10px 10px 0;
  max-width: 80px;
  max-height: 80px;
  _width: 80px;
  _height: 80px;
}

/* タブ表示リスト */
ul.tabs {
  margin: 0;
  padding: 0;
  list-style-type: none;
  vertical-align: bottom;
  background: transparent none;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
ul.tabs li {
  margin: 0 3px;
  padding: 0;
  background: transparent none;
  list-style-type: none;
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
  line-height: 1;
}
ul.tabs li, ul.tabs li a {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  /display: inline;
  /zoom: 1;
  _display: inline;
  _zoom: 1;
  outline: none;
}
ul.tabs li a {
  position: relative;
  text-decoration: none !important;
  margin: 0 0 -1px 0;
  padding: 7px 13px;
  border: 1px solid #ccc;
  background: #eee none;
  color: #999 !important;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  -ms-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius:5px;
  -o-border-top-left-radius:5px;
  -ms-border-top-left-radius:5px;
  border-top-left-radius:5px;
}
ul.tabs li a:hover,
ul.tabs li.selected-tab a {
  background: #fff none;
  color: #999 !important;
}
ul.tabs li.selected-tab a {
  border-bottom: 1px solid #fff;
}

/* 関連記事 */
div.related-pages .gsc-control {
  width: 100%;
}
div.related-pages .gsc-input, div.related-pages .gsc-search-button, div.related-pages .gsc-clear-button {
  display: none;
}

/* Amazon  */
div.amazon-item img {
  /display: block;
  /margin: 0 0 1px 0;
}
div.amazon-item div {
  position: absolute;
  z-index: 9999;
  margin: -3px auto 0 auto;
  background-image: url("../image/tri.gif");
  background-repeat: no-repeat;
  background-position: left top;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity 0.5s ease-in-out 0, visibility 0.1s ease-in-out 0.5s;
  -moz-transition: opacity 0.5s ease-in-out 0, visibility 0.1s ease-in-out 0.5s;
  -o-transition: opacity 0.5s ease-in-out 0, visibility 0.1s ease-in-out 0.5s;
  -ms-transition: opacity 0.5s ease-in-out 0, visibility 0.1s ease-in-out 0.5s;
  transition: opacity 0.5s ease-in-out 0, visibility 0.1s ease-in-out 0.5s;
}
div.amazon-item a:hover img {
  margin-top: -1px;
  padding-bottom: 1px;
}
div.amazon-item:hover div {
  -moz-opacity: 0.9;
  -webkit-opacity: 0.9;
  -o-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "alpha(opacity=90)";
  filter: alpha(opacity=90);
  visibility: visible;
  -webkit-transition: opacity 0.5s ease-in-out 0;
  -moz-transition: opacity 0.5s ease-in-out 0;
  -o-transition: opacity 0.5s ease-in-out 0;
  -ms-transition: opacity 0.5s ease-in-out 0;
  transition: opacity 0.5s ease-in-out 0;
}
div.amazon-item div dl {
  margin: 9px 0 0 0 !important;
  padding: 10px !important;
  width: 150px !important;
  font-size: 0.8em !important;
  background-color: #222 !important;
  text-align: left !important;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.56) !important;
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.56) !important;
  -o-box-shadow: 0 3px 3px rgba(0,0,0,0.56) !important;
  -ms-box-shadow: 0 3px 3px rgba(0,0,0,0.56) !important;
  box-shadow: 0 3px 3px rgba(0,0,0,0.56) !important;
}
div.amazon-item div dl a {
  color: #FFF !important;
}
div.amazon-item div dl dt {
  margin: 0 !important;
  padding: 0 !important;
  color: #FFF !important;
  white-space: normal !important;
  font-weight: normal !important;
  background: transparent none !important;
  border: none !important;
  float: left !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
}
div.amazon-item div dl dt:after {
  content: " : ";
}
div.amazon-item div dl dd {
  margin: 0 !important;
  padding: 0 !important;
  color: #FFF !important;
  white-space: normal !important;
  font-weight: normal !important;
  background: transparent none !important;
  border: none !important;
}
div.amazon-item div dl dd.amazon-item-title, div.amazon-item div dl dd.amazon-item-price {
  font-weight: bold !important;
}

/* Yahoo 検索最近の検索ワード */
form#ysearch-form div#searchword-tip {
  position: absolute;
  background-image: url("../image/tri.gif");
  background-repeat: no-repeat;
  background-position: left top;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  -o-opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  display: none;
  padding-top: 9px;
}
form#ysearch-form div#searchword-tip span {
  padding: 5px;
  color: #FFF;
  font-size: 0.8em;
  background-color: #222;
  text-align: left;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
form#ysearch-form div#searchword-tip span a {
  color: #EEE;
  text-decoration: none;
}
form#ysearch-form div#searchword-tip span a:hover {
  color: #FFF;
  text-decoration: underline;
}
form#ysearch-form:hover div#searchword-tip {
  display: block;
}

/* ツールボタン */
input.tool, select.tool {
  font-size: 90%;
}
a.tool {
  color: #000;
  text-decoration: none;
  padding: 1px 0.5em;
  background-color: #eee;
  border-top: 2px solid #f8f8f8;
  border-right: 2px solid #bbb;
  border-bottom: 2px solid #888;
  border-left: 2px solid #bbb;
}
a.tool:link {
  color: #000;
  background-color: #eee;
  border-top: 2px solid #f8f8f8;
  border-right: 2px solid #bbb;
  border-bottom: 2px solid #888;
  border-left: 2px solid #bbb;
}
a.tool:visited {
  color: #000;
  background-color: #eee;
  border-top: 2px solid #f8f8f8;
  border-right: 2px solid #bbb;
  border-bottom: 2px solid #888;
  border-left: 2px solid #bbb;
}
a.tool:hover {
  color: #333;
  background-color: #eee;
  border-top: 2px solid #fff;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ddd;
}
a.tool:active {
  color: #000;
  background-color: #ccc;
  border-top: 2px solid #888;
  border-right: 2px solid #bbb;
  border-bottom: 2px solid #f8f8f8;
  border-left: 2px solid #bbb;
}

/* ボタン位置 */
form.user-generated-bargraph-form input,
table#accestat-env tr td input {
  vertical-align: top;
}

/* TableMaker */
div#top-item {
  margin-bottom: 20px;
}
.item-body {
  margin-bottom: 30px;
}
.item-titlebar {
  margin-bottom: 20px;
}
table.item-titlebar h1 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
table.tile-table {
  border-collapse: collapse;
  background: transparent none;
  border: none;
  empty-cells: show;
}
table.tile-table td.tile-cell {
  background: transparent none;
  border: none;
  padding: 8px;
  vertical-align: top;
}
ul.tile {
  padding: 0;
  list-style-type: none;
}
ul.tile li {
  margin: 8px;
  padding: 0;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  /display: inline;
  /zoom: 1;
  _display: inline;
  _zoom: 1;
}
ul.tile li ul li, ul.tile li ol li {
  display: block;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  text-align: left;
  background: transparent none;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

/* 不正なフィールド */
.invalid-field {
  background-color: #ffcccc;
}
table.invalid-field {
  border: #ff6666 1px solid;
}

/* 警告ダイアログ */
div#cgi-dialog-box {
  clear: both;
  width: 100%;
  height: 200px;
  cursor: pointer;
  border-bottom: 1px solid #000;
  -moz-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  -o-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  -ms-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  box-shadow: 0 8px 10px rgba(0,0,0,0.5);
}
div#cgi-dialog {
  background-color: #000;
  width: 100%;
  height: 200px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  -o-opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  text-align: left;
  color: #fff;
  overflow: auto;
}
div#cgi-dialog:hover {
  opacity: 0.9;
  -moz-opacity: 0.9;
  -webkit-opacity: 0.9;
  -o-opacity: 0.9;
  -ms-filter: "alpha(opacity=90)";
  filter: alpha(opacity=90);
}
div#cgi-dialog ol {
  margin: 0 0 20px 0;
  padding: 20px 10% 0;
  font-size: 14px;
}
div#cgi-dialog ol li {
  margin-bottom: 1em;
}
div#cgi-dialog ol ol {
  margin: 0;
  padding: 0.5em 3em;
  font-size: 13px;
}
div#cgi-dialog ol ol li {
  margin-bottom: 0.5em;
}
div#cgi-dialog a {
  color: #fff;
  text-decoration: underline;
}
div#cgi-dialog p#hide-cgi-dialog, div#cgi-dialog p#show-cgi-dialog {
  display: none;
  text-align: center;
  padding: 1em; 
}
div#cgi-dialog p#hide-cgi-dialog a, div#cgi-dialog p#show-cgi-dialog a {
  padding: 3px 0 3px 20px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  outline: none;
}
div#cgi-dialog p#hide-cgi-dialog a {
  background: transparent url("../image/closebox.png") center left no-repeat;
}
div#cgi-dialog p#show-cgi-dialog a {
  background: transparent url("../image/openbox.png") center left no-repeat;
}

/* カレンダーパネル */
div.calendar-palette {
  border: 1px solid #333;
  background-color: rgba(0, 0, 0, 0.8) !important;
  background-color: #000;
  width: 162px;
  text-align: center;
  color: #fff !important;
  padding: 8px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  -o-opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  filter: alpha(opacity=70);
  font-size: 12px;
}
div.calendar-palette:hover {
  -moz-box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
  -o-box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
  -ms-box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
  box-shadow: 3px 8px 10px rgba(0,0,0,0.5);
}
div.calendar-palette a, div.calendar-palette a:hover {
  cursor: pointer;
  color: #fff !important;
  font-size: 12px;
  text-decoration: none !important;
}
div.calendar-palette div.clplt-navi a {
  padding: 0 3px;
}
div.calendar-palette div.clplt-navi a:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-color: #222;
}
div.calendar-palette div.clplt-navi {
  margin-bottom: 5px;
  white-space: nowrap;
}
div.calendar-palette table.clplt-table {
  margin: 0 auto;
  background: transparent none;
  font-size: 12px;
  empty-cells: show;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #666;
}
div.calendar-palette table.clplt-table td, div.calendar-palette table.clplt-table th {
  padding: 0;
  background: transparent none;
  color: #fff !important;
  text-align: center;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  border: 1px solid #666;
}
div.calendar-palette table.clplt-table th {
  background-color: rgba(255, 255, 255, 0.3) !important;
  background-color: #333;
}
div.calendar-palette table.clplt-table tbody td:hover,
div.calendar-palette table.clplt-table tbody.clplt-weekly tr:hover td,
div.calendar-palette table.clplt-table tbody.clplt-monthly:hover td {
  background-color: rgba(255, 255, 255, 0.5) !important;
  background-color: #555;
}
div.calendar-palette table.clplt-table td.su, div.calendar-palette table.clplt-table td.ho {
  background-color: rgba(255, 255, 255, 0.2) !important;
  background-color: #222;
}
div.calendar-palette table.clplt-table td.to {
  background-color: rgba(255, 255, 255, 0.4) !important;
  background-color: #444;
}
div.calendar-palette table.clplt-table td.sa {
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-color: #111;
}
div.calendar-palette table.clplt-table td.rest a {
  color: #222 !important;
}
div.calendar-palette:hover {
  opacity: 0.9 !important;
  -moz-opacity: 0.9 !important;
  -webkit-opacity: 0.9 !important;
  -o-opacity: 0.9 !important;
  -ms-filter: "alpha(opacity=90)" !important;
  filter: alpha(opacity=90) !important;
}

/* カートを見る iframe */
div#shoppingcart-layer {
  width: 100%;
  height: 100%;
  position: fixed !important;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 1000001;
  opacity: 0.2;
  -moz-opacity: 0.2;
  -webkit-opacity: 0.2;
  -o-opacity: 0.2;
  -ms-filter:"alpha(opacity=20)";
  filter:alpha(opacity=20);
}
iframe#shoppingcart {
  position: fixed !important;
  position: absolute;
  z-index: 1000002;
  margin: 0;
  padding: 0;
  border: #e5e5e5 solid 1px;
  background: transparent none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.6);
  -ms-box-shadow: 0px 3px 8px rgba(0,0,0,0.6);
  -o-box-shadow: 0px 3px 8px rgba(0,0,0,0.6);
  box-shadow: 0px 3px 8px rgba(0,0,0,0.6);
  opacity: 0.9;
  -moz-opacity: 0.9;
  -webkit-opacity: 0.9;
  -o-opacity: 0.9;
  -ms-filter: "alpha(opacity=90) progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)";
  filter:
    alpha(opacity=90)
    progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=0,strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=3);
}
iframe.shoppingcart-modal, iframe#shoppingcart:hover {
  opacity: 1 !important;
  -moz-opacity: 1 !important;
  -webkit-opacity: 1 !important;
  -o-opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)" !important;
  filter:
    progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=0,strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=3) !important;
}
*:first-child+html iframe#shoppingcart {
  filter: none !important;
}
iframe.shoppingcart-top {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -ms-border-top-left-radius: 0 !important;
  -ms-border-top-right-radius: 0 !important;
  -o-border-top-left-radius: 0 !important;
  -o-border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
}
iframe.shoppingcart-right {
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -ms-border-top-right-radius: 0 !important;
  -ms-border-bottom-right-radius: 0 !important;
  -o-border-top-right-radius: 0 !important;
  -o-border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important;
}
iframe.shoppingcart-bottom {
  -moz-border-radius-bottomleft: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -ms-border-bottom-left-radius: 0 !important;
  -ms-border-bottom-right-radius: 0 !important;
  -o-border-bottom-left-radius: 0 !important;
  -o-border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
}
iframe.shoppingcart-left {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -ms-border-top-left-radius: 0 !important;
  -ms-border-bottom-left-radius: 0 !important;
  -o-border-top-left-radius: 0 !important;
  -o-border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: none !important;
}

/* カート 数量 */
form.showcase-form input[type="number"],
.sc-item-quantity input[type="number"] {
  width: 3.5em;
}
ul.proposal-text-menu {
  position: absolute;
  z-index: 99;
  margin: 0;
  padding: 3px 0;
  list-style-type: none;
  background: #fff none;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  -o-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  -ms-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  border-width: 1px\9;
  border-color: #d4d4d4\9;
  border-style: solid\9;
}
ul.proposal-text-menu:not(:target) {
  border: none;
}
ul.proposal-text-menu li {
  margin: 0;
  padding: 2px 3px;
  border: none;
  background: transparent none;
  text-align: left;
  color: #000;
  line-height: 1;
  font: 10px Avenir, "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
ul.proposal-text-menu li:hover {
  background: #676f79 none;
  color: #fff;
}

/* ドラッガブル・マップ */
div.imap-canvas {
  position: relative;
  overflow: hidden;
}

/* OpenID ロゴ */
input.open-id {
  background: url(../image/openid_logo.gif) no-repeat;
  background-color: #fff;
  background-position: 0 50%;
  color: #000;
  padding-left: 18px;
}

/* アクセス解析 */
noscript img {
  margin: 0 0 -1px -1px;
}

/* ロールバック情報 */
html body div#cms-rollback-information,
html body div#cms-estimatesheet-bar {
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: #333;
  border-bottom: 1px #000 solid;
  color: #FFF;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -o-opacity: 0.8;
  -ms-filter: alpha(opacity=80);
  filter: alpha(opacity=80);
  font-size: 13px;
  -moz-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  -o-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  -ms-box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  box-shadow: 0 8px 10px rgba(0,0,0,0.5);
  text-align: left;
}
html body div#cms-rollback-information {
  text-align: center;
}
html body div#cms-rollback-information strong,
html body div#cms-rollback-information a,
html body div#cms-rollback-information a:link {
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
}

/* モバイルモード切り替えボタン */
div#mobile-mode-toggler {
  position: fixed;
  right: 0;
  bottom: 0;
  border-top: 2px solid #CCC;
  border-left: 2px solid #CCC;
  margin: 0 0 0 auto;
  padding: 0.3em 0.8em;
  -moz-border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  font-weight; bold;
  color: #fff;
  background: #000 none;
  opacity: 0.8;
  z-index: 999999;
}
div#mobile-mode-toggler:after {
  content: " \203A";
}
div#mobile-mode-toggler:hover {
  color: #000;
  background: #fff none;
  opacity: 1;
  cursor: pointer;
}

/* プログレスバー */
div#progress-bar-box-bg {
  width: 100%;
  height: 100%;
  position: fixed !important;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 1000001;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  -o-opacity: 0.7;
  -ms-filter:"alpha(opacity=70)";
  filter:alpha(opacity=70);
}
div#progress-bar-box {
  width: 100%;
  height: 100%;
  position: fixed !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000002;
  color: #FFF;
  text-align: center;
}
div#progress-bar-dialog {
  text-align: left;
  padding-top: 200px;
  width: 482px;
  margin: 0 auto;
}
div#progress-bar-bg {
  text-align: left;
  width: 480px;
  height: 24px;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.5) !important;
  background-color: transparent;
  border: 1px #CCC solid;
}
div#progress-bar {
  width: 1px;
  height: 24px;
  margin: 0;
  background-color: #69F;
  border: none;
}