@charset "Shift_JIS";
/** *********************************************
共通
*******************************************************************/
#sysAll {
  padding: 0px;
  max-width: none;
}

#sysHeader, #sysFooter {
  background-color: #000;
}

#sysHeader, #sysFooter, #sysMain, #sysAside {
  padding: 0px;
  margin: 0px;
}

#sysHeader:after {
  content: "";
  display: block;
  clear: both;
  visibility:hidden;
}

#sysWrap {
  max-width: 990px;
  display: block;
  margin: 0px auto;
}

#sysWrap #sysMain, #sysWrap #sysAside {
  padding: 40px 0px;
}

#sysAll .sysContent
{
  padding: 0px;
}

/* ヘッダー */
.nl-header {
  max-width: 990px;
  display: block;
  margin: 0px auto;
}

/* ヘッダーロゴ */
.nl-header-logo {
  float: left;
  width: 207px;
  margin: 45px 0 15px 15px;
}

/* ヘッダーメインナビ */
.nl-header-main-nav {
  float: left;
  width: 376px;
  margin: 55px 0 0 95px;
  padding: 0px;
}

.nl-header-main-nav .gmenu li {
  float: left;
}

.nl-header-main-nav .gmenu li:not( :last-child ) {
  border-right: 1px solid #8d8d8d;
}

/* ヘッダーアカウントブロック */
.nl-header-account-block {
  float: right;
  text-align: right;
  margin: 8px 10px 8px 0px;
}

/* ヘッダーサブナビ */
.nl-header-sub-nav {
  margin-bottom: 8px;
}

.nl-header-account-block a {
  color: #8d8d8d;
}

.nl-header-account-block a:hover {
  color: #fff;
}

.nl-header-sub-nav li {
  font-size: 0.75em;
  line-height: 1.4;
}

.nl-header-sub-nav li {
  display: inline-block;
  padding: 0px 10px;
  border-right: 1px solid #8d8d8d;
  vertical-align: middle;
}

.nl-header-sub-nav li:last-child {
  padding-right: 0px;
  border-right: none;
}

.nl-header-sub-nav li a:link {
  color: #8d8d8d;
}

.nl-header-sub-nav li a:hover {
  color: #fff;
}

/* ヘッダーカート */
.nl-header-cart {
  color: #fff;
  font-size: 0.75em;
  text-align: right;
}

.nl-header-cart .sysCartInfoItemCount, .nl-header-cart .sysCartInfoCartIn {
  display: inline-block;
}

.nl-header-cart dl dt, .nl-header-cart dl dd {
  display: inline-block;
}

.nl-header-cart a:hover {
  color: #fff;
}

/* ヘッダーログイン */
.nl-header-login {
  color: #fff;
  font-size: 0.75em;
}

.nl-header-login .sysContent div:nth-child(2), .nl-header-login .sysContent div:nth-child(3) {
  display: none;
}

.nl-header-login .sysMailaddress, .nl-header-login .sysMemberPassword, .nl-header-login ul {
  display: none;
}

.nl-header-login input[type="submit"] {
  display: inline-block;
  padding: 0px 2px;
  background-color: #000;
  color: #8d8d8d;
  font-size: 0.8em;
  border: 1px solid #8d8d8d;
  cursor : pointer;
}

.nl-header-login input[type="submit"]:hover {
  color: #fff;
  border: 1px solid #fff;
}

/* ヘッダー パンくず */
.nl-header-breadcrumbs {
  clear: both;
  background-color: #2e2d2d;
}

.nl-header-breadcrumbs .sysContent {
  height: 20px;
  line-height: 20px;
  padding: 0px 10px !important;
  max-width: 990px;
  display: block;
  margin: 0px auto;
  color: #fff;
  font-size: 0.8em;
  text-align: left;
}

/* フッター */
.nl-footer {
  height: 25px;
  line-height: 25px;
  font-size: 0.75em;
  max-width: 990px;
  text-align: right;
  display: block;
  margin: 0px auto;
}

/* フッターナビ */
.nl-footer-nav {
  text-align: right;
  padding: 5px 0px;
}

.nl-footer-nav li {
  font-size: 0.75em;
}


.nl-footer-nav .sysContent {
  max-width: 990px;
  display: block;
  margin: 0px auto;
}

.nl-footer-nav ul li {
  display: inline-block;
  line-height: 11px;
  padding: 0px 8px;
}

.nl-footer-nav ul li:last-child {
  border-left: 1px dotted #8c8c8c;
}

.nl-footer-nav ul li a:hover {
  color: #fff;
}

.nl-footer-nav ul li img {
  width: 115px;
  height: 11px;
}

/* フッターコピーライト */
.nl-footer-copyright {
  background-color: #fff;
  color: #ababab;
  text-align: right;
  padding: 5px 0px;
}

.nl-footer-copyright p {
  font-size: 0.75em;
}

.nl-footer-copyright .sysContent {
  max-width: 990px;
  display: block;
  margin: 0px auto;
}

/* フリーエリア */
.sysFreeArea {
  margin-top: 20px;
}

/* セクションタイトル */
.nl-section-title {
  width: 100%;
  height: 100%;
  text-align: left;
  background-color: #000;
  color: #fff;
  line-height: 0;
}

/* .sysBox */
.sysBox {
  border: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-color: rgba( 0, 0, 0, 0 );
}

/** *********************************************
パーツ
*******************************************************************/
/* メイン ブランド画像リスト */
.nl-main-brand-list {
  margin-bottom: 60px;
}

.nl-main-brand-list img {
  width: 100%;
  height: auto;
}

/* メイン 仕様変更注意喚起文言 */
.nl-main-specifications-attention {
  font-size: 0.75em;
  text-align: right;
}

/* メイン 特定商取引法に基づく表記 */
.nl-main-leagal h3 {
  margin: 40px 0 20px 0;
  padding: 0;
  text-align: left;
}

.nl-main-leagal table {
  width: 100%;
  margin: 0 0 20px 0;
  border-top: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  font-size: 0.85em;
}

.nl-main-leagal table th, .nl-main-leagal table td {
  padding: 5px;
  background: #ffffff;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
}

.nl-main-leagal table th {
  background: #f1f1f1;
  font-weight: normal;
  width: 220px;
}

/* メイン 利用規約 */
.nl-main-terms {
  font-size: 0.9em;
}

.nl-main-terms h3 {
  margin: 40px 0 20px 0;
  padding: 0;
  text-align: left;
}

.nl-main-terms .nl-main-terms-list {
  margin: 0 20px 40px 20px;
  text-align: left;
}

.nl-main-terms .nl-main-terms-list h5 {
  margin: 20px 0 5px 0;
  padding: 0;
  font-weight: bold;
  color: #000000;
  font-size: 0.95em;
}

.nl-main-terms .nl-main-terms-list ul.num {
  margin: 0 0 0 20px;
}

.nl-main-terms .nl-main-terms-list ul.num li {
  list-style-type: decimal;
}

/* ページの先頭へボタン */
.nl-main-pagetop-btn {
  margin: 0 0 20px 0;
  font-size: 0.85em;
  text-align: right;
}

/* 商品ブロック */
.sysFuncItemBlock {
  margin-bottom: 20px;
}

.sysFuncItemBlock .sysHeadline {
  margin-bottom: 20px;
}

.sysFuncItemBlock .sysContent .sysHorizontal li {
  width: 25%;
  font-size: 0.8em;
}

.sysFuncItemBlock .sysContent .sysHorizontal li .sysItemImage {
  width: 105px;
  height: auto;
  display: block;
  margin: 0px auto;
}

/* ご利用ガイド・FAQ用サイドメニュー */
.nl-aside-guide-menu ul li.lag {
  font-size: 0.9em;
  font-weight: bold;
  margin: 0 0 20px 0;
}

.nl-aside-guide-menu ul li.sml{
  font-size: 0.8em;
  margin: 0 0 10px 0;
}

.nl-aside-guide-menu .nl-aside-guide-menu-content {
  width: 220px;
  padding: 20px 20px;
  background: #E0E0E0;
  text-align: left;
}

/* FAQ目次 */
.nl-main-faq-index-block {
  text-align: left;
  padding: 20px 10px 0px 10px;
}

.nl-main-faq-index-block ul {
  list-style-type: none;
  margin: 20px 0 40px 0;
}

.nl-main-faq-index-block ul li {
  background: #ffffff url(../../images/parts/faq_icon.gif) no-repeat;
  background-position: left center;
  margin: 0 0 5px 0;
  padding: 0 0 0 15px;
}

/* FAQ目次へ・ページの先頭へボタン */
.nl-main-faq-pagetop-btn {
  text-align: right;
  margin: 0 0 20px 0;
  font-size: 0.85em;
}

/* コンテンツ調整 */
.nl-content-coordination .sysContent {
  max-width: 990px;
  display: block;
  margin: 0px auto;
}

/** *********************************************
カテゴリーページ
*******************************************************************/
#sysItemCategory #sysMain {
  max-width: 960px;
  display: block;
  margin: 0px auto;
}

/* 商品リスト */
#sysItemCategory #sysMain .sysItemList {
  text-align: left;
}

#sysItemCategory #sysMain .sysItemList ul li {
  display: inline-block;
  width: auto;
  border: none;
  padding: 17px;
  font-size: 0.8em;
}

#sysItemCategory #sysMain .sysItemList ul li .sysThumbnailImage {
  float: none;
  display: block;
  margin: 0px auto;
  width: 200px;
  height: auto;
}

#sysItemCategory #sysMain .sysItemList ul li .sysRetailPrice {
  font-weight: bold;
}

#sysItemCategory #sysMain .sysItemList ul li .sysItemPrArea {
  margin: 12px 0 6px 0;
}

/** *********************************************
商品詳細ページ
*******************************************************************/
#sysItemDetail #sysWrap {
  max-width: 960px;
  display: block;
  margin: 0px auto;
  background-image : url(../img/parts/bg.gif);
}
#sysItemDetail #sysWrap:after {
  content: "";
  display: block;
  clear: both;
}

#sysItemDetail #sysWrap #sysMain {
  width: 30%;
  padding: 40px 10px;
  text-align: left;
}

#sysItemDetail #sysWrap #sysAside {
  width: 70%;
  padding: 40px 10px;
}

#sysItemDetail #sysMain .sysPr {
  margin-bottom: 3px;
}

#sysItemDetail #sysMain .sysItemName {
  margin-bottom: 10px;
}

#sysItemDetail #sysMain .sysItemName h1 {
  font-size: 1.0em;
  font-weight: bold;
}

#sysItemDetail #sysMain .sysRetailPrice, #sysItemDetail .sysItemId {
  font-size:0.8em;
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
}

#sysItemDetail #sysMain #sysDescription, #sysItemDetail #sysMain #sysExplanation {
  font-size: 0.75em;
  margin-bottom: 10px;
}

#sysItemDetail .sysItemImages .sysMainImage {
  max-width: 345px;
  float: right;
}
.sysImageDescription {
    text-align: left;
    margin: 20px 0;
    float: right;
    clear: both;
}
#sysItemDetail .sysItemImages .sysImageList {
  overflow: hidden;
}

#sysItemDetail .sysItemImages:after {
  content: "";
  display: block;
  clear: both;
}

#sysItemDetail .sysItemImages .sysImageList li {
  height: 66px;
  width: 47px;
  line-height: 1;
}

#sysItemDetail .sysItemImages .sysImageList li img {
  border: 1px solid #8d8d8d;
  cursor: pointer;
}

#sysItemDetail .sysItemImages .sysImageList li.sysCurrent img {
  border: 1px solid #000;
}

#sysItemDetail .sysForm #sysNumber,
#sysItemDetail .sysForm #sysVariation,
#sysItemDetail .sysForm #sysSelections {
  font-size: 0.85em;
}

#sysItemDetail .sysForm #sysVariation div, #sysItemDetail .sysForm #sysNumber {
  border-top: 1px solid #c6c6c6;
  padding: 20px 0;
}


/* バリエーション選択 */

/*
#sysItemDetail .sysForm #sysVariation select {
  display: none;
}
*/

#sysItemDetail .sysForm #sysVariation ul {
  margin-top: 10px;
}

#sysItemDetail .sysForm #sysVariation ul li {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #dddddd;
  cursor: pointer;
  margin-right: 4px;
}

#sysItemDetail .sysForm #sysVariation ul li.selected {
  border: 1px solid #000;
}

/* バリエーションカラーボックス */
#sysItemDetail .sysForm #sysVariation .nl-color-box {
  border: 3px solid #fff;
  padding: 0px;
  color: rgba( 0, 0, 0, 0 );
  overflow: hidden;
  height: 100%;
  width: 100%;
}

/* オプション選択 */
#sysItemDetail .sysForm #sysSelections {
  border-right: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
}

#sysItemDetail .sysForm #sysSelections > div {
  padding: 5px;
}

#sysItemDetail .sysForm #sysSelections > div:not( :last-child ) {
  border-bottom: 1px solid #c6c6c6;
}

#sysItemDetail .sysForm #sysSelections .sysSelectionDescription {
  margin-top: 5px;
}

/* 項目タイトル */
#sysItemDetail .sysForm #sysSelections .nl-section-title {
  padding: 0px;
}

/* 関連項目表示＆非表示 */
#sysItemDetail .sysForm #sysSelections .nl-relatedtopic-visible {
  display: block;
}

#sysItemDetail .sysForm #sysSelections .nl-relatedtopic-hidden {
  display: none;
}

/* オプション選択 選択画像リスト */
#sysItemDetail .sysForm #sysSelections .sysSelectionDescription .nl-selection-description-imglist {
  margin: 5px;
}

#sysItemDetail .sysForm #sysSelections .sysSelectionDescription .nl-selection-description-imglist li {
   padding: 10px;
   text-align: center;
   border: 1px dotted #0a3696;
   display: none;
   line-height: 0;
}

#sysItemDetail .sysForm #sysSelections .sysSelectionDescription .nl-selection-description-imglist li.selected {
  display: block;
}

/* 合計 */
#sysItemDetail .sysForm #sysSubtotal {
  padding: 5px;
  text-align: right;
  border: 1px solid #c6c6c6;
}

/* 送信ボタン */
#sysItemDetail .sysForm #sysSubmit {
  border-left: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
}

#sysItemDetail .sysForm #sysSubmit .sysCartInButton {
  color: rgba( 0,0,0,0 );
  background-color: #595757;
  background-image: url( "../img/parts/btn_incart.gif" );
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  border: none;
  width: 100%;
  height: 24px;
}

#sysItemDetail .sysForm #sysSubmit .sysCartInButton:hover {
  background-color: #000;
  background-image: url( "../img/parts/btn_incart_ov.gif" );
}

/* 商品オプション詳細モーダル */
div[class*=nl-product-option-detail-] {
  visibility: hidden;
  position: absolute;
  width: 440px;
  border: 1px solid #fdfdfd;
  background: #fff;
  box-shadow: 0 0 10px #999;
  padding: 10px;
  text-align: left;
}

div[class*=nl-product-option-detail-] .close {
  text-align: right;
  margin: 0 0 5px 0;
}

div[class*=nl-product-option-detail-] .custom-des {
  width: 100%;
}

div[class*=nl-product-option-detail-] .tooltip-img {
  text-align: center;
}

div[class*=nl-product-option-detail-] table.custom-02-table th {
  width: 140px;
  padding: 0 0 10px 0;
  vertical-align: top;
}

div[class*=nl-product-option-detail-] table.custom-02-table td {
  width: auto;
  padding: 0 0 10px 0;
  vertical-align: top;
  text-align: left;
  font-size: 0.75em;
}

div[class*=nl-product-option-detail-] table.custom-06-table {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  font-size: 0.85em;
}

div[class*=nl-product-option-detail-] table.custom-06-table td {
  padding: 0 6px 10px 6px;
}

div[class*=nl-product-option-detail-] table.custom-06-table {
  max-width: 100%;
  height: auto;
}

/** *********************************************
カタログページ
*******************************************************************/
[class^="nl-catalog-"] .slider-pro, [class*=" nl-catalog-"] .slider-pro {
  display: block;
  margin: 20px auto !important;
}

/** *********************************************
ご利用ガイド
*******************************************************************/
.nl-main-guide-block p, .nl-main-guide-block h5 {
  font-size: 0.85em;
  text-align: left;
}

.nl-main-guide-block p {
  margin-bottom: 20px;
}

.nl-main-guide-block h5 {
  margin-bottom: 5px;
}

.nl-main-guide-block h4 {
  margin: 40px 0 20px 0;
  padding: 0;
  text-align: left;
  font-size: 0.8em;
}

.nl-main-guide-block table {
  width: 100%;
  margin: 0 0 20px 0;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  font-size: 0.85em;
}

.nl-main-guide-block table th, .nl-main-guide-block table td {
  padding: 5px;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  text-align: left;
  background: #ffffff;
}

.nl-main-guide-block table th {
  background: #f1f1f1;
  font-weight: normal;
  width: 60px;
}

.nl-main-guide-block .table02 th {
  padding: 5px 0;
  background: #ffffff;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
  width: 110px;
}

.nl-main-guide-block .table02, .nl-main-guide-block .table02 th, .nl-main-guide-block .table02 td {
  border: none;
}

/** *********************************************
FAQ
*******************************************************************/
#faq .nl-section-title {
  margin-bottom: 20px;
}

.nl-main-faq-section-title {
  text-align: left;
}

.nl-main-faq-block {
  text-align: left;
  padding: 0px 10px;
}

.nl-main-faq-block .question {
  padding: 0 0 5px 0;
  margin: 40px 0 10px 0;
  border-bottom: 1px solid #000000;
  font-weight: bold;
}

.nl-main-faq-block .answer {
  padding: 0;
  margin: 20px 20px 60px 20px;
}

/* お問い合わせリンク */
.nl-main-faq-inquiry {
    text-align: left;
}

/** *********************************************
ショッピングカートページ
*******************************************************************/
/* フリーエリア上 */
#sysBasket #sysMain .sysFreeArea {
  text-align: left;
  margin: 0px;
}

.sysCart #sysMain {
  max-width: 990px;
  display: block;
  margin: 0px auto;
  padding: 30px 0px;
}

/* 商品リストエリアタイトル */
#sysBasket #sysMain .sysItemListArea .sysCartTitle {
  color: rgba( 0, 0, 0, 0 );
  background: url( "../img/parts/title_cart.gif" );
  background-repeat: no-repeat;
  background-position: left;
  background-color: #000;
  height: 20px;
}

/* 商品リストエリア */
#sysBasket #sysMain .sysItemListArea {
  border: 1px solid #c6c6c6;
  text-align: left;
}

#sysBasket #sysMain .sysItemListArea ul li:not( :last-child ) {
  border-bottom: 1px solid #c6c6c6;
}

#sysBasket #sysMain .sysItemListArea ul {
  border-top: 1px solid #c6c6c6;
  margin-top: 1em;
}

/* 商品 */
#sysBasket #sysMain .sysItemListArea .sysBox {
  border: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

/* 商品画像 */
#sysBasket #sysMain .sysItemListArea .sysBox .sysProductImg {
  width: 105px;
  height: auto;
}

/* フリーエリア下 */
#sysBasket #sysMain .sysFreeAreaBottom {
  text-align: right;
}

/* ボタン */
.sysCart #sysMain input[type=submit], .sysCart #sysMain button[type=submit], .sysCart #sysMain button {
  border-radius: 0px;
  text-shadow: none;
  background: none;
  background-color: #595757;
  border: none;
  color: #fff;
  font-size: 1em;
  height: auto;
  padding: 2px 0px;
}

.sysCart #sysMain input[type=submit]:hover, .sysCart #sysMain button[type=submit]:hover, .sysCart #sysMain button:hover {
  background-color: #000;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  border-radius: 0px;
  text-shadow: none;
  background: none;
  background-color: #595757;
  border: none;
  color: #fff;
  font-size: 1em;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit:hover {
  background-color: #000;
}

/* 入力フォーム */
.sysCart #sysMain input[type=text], .sysCart #sysMain input[type=password], .sysCart #sysMain input[type=email], .sysCart #sysMain input[type=number], .sysCart #sysMain input[type=tel], .sysCart #sysMain input[type=search], .sysCart #sysMain textarea {
  border-radius: 0px;
}

.sysCart #sysMain .sysSelectPaymentArea,
.sysCart #sysMain .sysSelectDeliveryArea,
.sysCart #sysMain .sysRemarksArea,
.sysCart #sysMain .sysSelectOptionArea,
.sysCart #sysMain .sysOrder,
.sysCart #sysMain .sysDetail,
.sysCart #sysMain .sysAcceptDomainArea,
.sysCart #sysMain .sysProduct,
.sysCart #sysMain .sysForm
{
  font-size: 0.85em;
  text-align: left;
}

.sysCart #sysMain .sysFormItem {
  margin-bottom: 10px;
}

.sysCart #sysMain select {
  width: auto;
}

.sysCart #sysMain .sysConfirmButton input[type=submit] {
  width: auto;
}

/** *********************************************
レジページ
*******************************************************************/
#sysRegi #sysMain {
  max-width: 990px;
  display: block;
  margin: 0px auto;
  padding: 30px 0px;
  background: url( "../img/parts/bg.gif" );
  background-repeat: repeat-y;
}

#sysRegi #sysMain #sysPurchaseAuthMember {
  float: right;
  width: 50%;
  padding: 10px;
  text-align: left;
}

#sysRegi #sysMain #sysRegisterForm {
  width: 50%;
  padding: 10px;
  text-align: left;
}

#sysRegi #sysMain .sysBackSubmitArea {
  clear: both;
}

.sysCart #sysMain h2.sysCartTitle {
  background-color: rgba( 0, 0, 0, 0 );
  padding: 6px 0px;
  border-bottom: 1px solid #000;
  font-size: 0.8em;
  color: #000;
  text-align: left;
  line-height: 0.8em;
  font-weight: bold;
  margin-bottom: 20px;
}

#sysRegi #sysMain .sysForm .sysFormItem {
  margin-bottom: 12px;
}

/** *********************************************
会員登録
*******************************************************************/
.sysMemberRegister #sysMain {
  display: block;
  max-width: 990px;
  margin: 0px auto;
  padding: 30px 0px;
  background: url( "../img/parts/bg.gif" );
  background-repeat: repeat-y;
}

/* タイトル */
.sysMemberRegister #sysMain h2 {
  background: url( "../img/parts/title_register_member.gif" );
  background-repeat: no-repeat;
  background-position: left;
  background-color: #000;
  color: rgba( 0, 0, 0, 0 );
  height: auto;
  margin-bottom: 30px;
}

.sysMemberRegister .sysForm {
  margin: 0px 40px 20px 40px;
  text-align: left;
}

.sysMemberRegister .sysForm .sysFormItem {
  margin-bottom: 20px;
}

/* ボタン */
.sysMemberRegister .sysNextSubmit, .sysMemberRegister .sysButton {
  border-radius: 0px;
  text-shadow: none;
  background: none;
  background-color: #595757;
  border: none;
  color: #fff;
  font-size: 0.85em;
  padding: 2px 10px;
  cursor: pointer;
}

.sysMemberRegister .sysNextSubmit:hover, .sysMemberRegister .sysButton:hover {
  background-color: #000;
}

/** *********************************************
マイページ
*******************************************************************/
.sysMypage #sysMain {
  display: block;
  max-width: 990px;
  margin: 0px auto;
  padding: 30px 0px;
  background: url( "../img/parts/bg.gif" );
  background-repeat: repeat-y;
}

/* タイトル */
h2.sysMypageMajorHeadLine {
  background: url( "../img/parts/title_mypage.gif" );
  background-repeat: no-repeat;
  background-position: left;
  background-color: #000;
  color: rgba( 0, 0, 0, 0 );
  height: auto;
  margin-bottom: 30px;
}

.sysMypage .sysLoginForm,
.sysMypage .sysOrderHistory,
.sysMypage .sysMypageNav,
.sysMypage .sysRemindForm,
.sysMypage .sysForm,
.sysMypage .sysOtherAddress,
.sysMypage .sysMypageMajorHeadLine,
.sysMypage .sysMypageMinorHeadLine,
.sysMypage  h3,
.sysMypage #sysMain p
{
  text-align: left;
}

.sysMypage #sysMain form, .sysMypage #sysMain p {
  margin-bottom: 10px;
}

 {
  margin-bottom: 10px;
}

.sysMypage  .sysOrderHistory, .sysMypage .sysMypageNav form, .sysMypage .sysWithdrawal form {
  margin-bottom: 10px;
}

.sysMypage .sysWithdrawal p {
  margin-bottom: 10px;
}

/* ボタン */
.sysMypage .sysButton {
  border-radius: 0px;
  text-shadow: none;
  background: none;
  background-color: #595757;
  border: none;
  color: #fff;
  font-size: 0.85em;
  padding: 2px 10px;
  cursor: pointer;
}

.sysMypage .sysButton:hover {
  background-color: #000;
}

.sysMypage  h3 {
  background-color: rgba( 0, 0, 0, 0 );
  padding: 6px 0px;
  border-bottom: 1px solid #000;
  font-size: 0.8em;
  color: #000;
  text-align: left;
  line-height: 0.8em;
  font-weight: bold;
  margin-bottom: 20px;
}

.sysMypage .sysFormItem {
  margin-bottom: 10px;
}

.sysMypage .sysSelectAddress {
  margin-bottom: 20px;
}

/* チェック一覧 */
.sysMypage .sysItemList {
  margin-bottom: 20px;
}

.sysMypage .sysItemList ul.sysList li div {
  text-align: left;
}

/** *********************************************
お問い合わせページ
*******************************************************************/
.form-inquiry #sysMain {
  display: block;
  max-width: 990px;
  margin: 0px auto;
  padding: 30px 0px;
  background: url( "../img/parts/bg.gif" );
  background-repeat: repeat-y;
}

/* タイトル */
#sysFormIndex.form-inquiry #sysMain h2 {
  background: url( "../img/parts/title_inquiry.gif" );
  background-repeat: no-repeat;
  background-position: left;
  background-color: #000;
  color: rgba( 0, 0, 0, 0 );
  height: auto;
  margin-bottom: 30px;
}

.form-inquiry .sysForm {
  text-align: left;
}

.form-inquiry .sysForm .sysFormItem {
  margin-bottom: 10px;
}

/* テキスト入力 */
.form-inquiry .sysForm input[type=text] {
  width: 20em;
}

/* テキストエリア */
.form-inquiry .sysForm textarea {
  width: 50%;
  height: 8em;
}

/** *********************************************
適応寸法ページ
*******************************************************************/
#sizechart #sysMain {
  padding: 0px;
}

div[id*="nl-sizechart-table-"] {
  display: none;
}

/** *********************************************
SliderPro用CSS  https://github.com/bqworks/slider-pro
*******************************************************************/
/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden;direction:ltr}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-rtl .sp-thumbnail-container{float:right}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-rtl .sp-buttons{direction:rtl}.sp-full-screen .sp-buttons{display:none}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px;right:auto}.sp-horizontal .sp-next-arrow,.sp-horizontal.sp-rtl .sp-previous-arrow{right:20px;left:auto}.sp-horizontal.sp-rtl .sp-next-arrow{left:20px;right:auto}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-horizontal.sp-rtl .sp-previous-arrow,.sp-next-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sp-horizontal.sp-rtl .sp-next-arrow{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none}

/** *********************************************
SliderProカスタマイズ
*******************************************************************/
/* ガイドボタン */
.sp-buttons {
  text-align: right;
}

.sp-button {
  border-width: 1px;
  border-radius: 0px;
}

/* 矢印ボタン */
.sp-next-arrow, .sp-previous-arrow {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right: 10px solid #4d4d4d;
}

.sp-horizontal .sp-previous-arrow {
    left: -24px;
    right: auto;
}

.sp-horizontal .sp-next-arrow, .sp-horizontal.sp-rtl .sp-previous-arrow {
    right: -24px;
    left: auto;
}

.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {
  background-color: #4d4d4d;
}

/** *********************************************
デフォルト設定
*******************************************************************/
html{
	height:100%;
}

body {
	height:100%;
	margin:0;	padding:0;
	background-color:#ffffff;
/*
	background-image : url(../img/bg.gif);
	background-repeat: repeat;
*/

	color:#000000;
	font-size:0.85em;
	line-height:1.4;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3" , "ＭＳ Ｐゴシック" , "Osaka", "Osaka−等幅", sans-serif;
	text-align:center;
}


table{
border-collapse: collapse;
font-family: inherit;
}
input,textarea,select{
	font-family: inherit;
}


#wrapper{
	width: 100%;
	min-height:100%;
}

/* clearfix
--------------------------------------*/
.clr{clear:both;}

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
/*¥*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/**/


/* For IE7 Page Zoom */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/*IE7 ページズーム用*/
label {
	zoom: 1;
}


/**----------------------------------------------------------------------
 フォント
----------------------------------------------------------------------**/
p,div,dd,dt,dl,ul,li,ol,td,input,select,textarea {
	margin:0;	padding:0;
}
form {margin: 0;} 

h1{font-size:1.2em;	margin:0;padding:0;	font-weight:normal;}
h2{font-size:1.0em;	margin:0;padding:0;	font-weight:normal;}
h3{font-size:0.8em;	margin:0;padding:0;	font-weight:normal;}
h4{font-size:0.8em;	margin:0;padding:0;	font-weight:normal;}

strong {font-size:1.0em;	margin:0;padding:0;	font-weight: bold;}
big {font-size:0.9em;	margin:0;padding:0;	font-weight: bold;}
small {font-size:0.65em;	margin:0;padding:0;	font-weight: normal;}
small.big {font-size:0.8em;	margin:0;padding:0;	font-weight: normal;}

/***************** フォント スタイル *****************/
.bold { font-weight: bold; }
.underline { text-decoration: underline; }

.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }


/***************** エラー スタイル *****************/
div.alert{
	font-weight: bold;
	color:#a90020;
	margin: 5px 0 5px 20px;
}

/**----------------------------------------------------------------------
 リンク
----------------------------------------------------------------------**/
a:link {color:#8d8d8d; background-color: transparent; text-decoration: none; }
a:visited { color:#8d8d8d; background-color: transparent; text-decoration: none; }
a:hover { color:#000000; background-color: transparent; text-decoration: none; cursor:hand; }
a:active { color:#000000; background-color: transparent; text-decoration: none; cursor:hand; }
/* リンク　強調 */
a.emp:link {color:#8d8d8d; background-color: transparent; text-decoration: none; }
a.emp:visited { color:#8d8d8d; background-color: transparent; text-decoration: none; }
a.emp:hover { color:#0a3696; background-color: transparent; text-decoration: none; cursor:hand; }
a.emp:active { color:#0a3696; background-color: transparent; text-decoration: none; cursor:hand; }

/* リンク　下線なし */
a.noul:link {text-decoration: none; }
a.noul:visited {text-decoration: none; }
a.noul:hover {text-decoration: none; }
a.noul:active {text-decoration: none; }

/* リンクアクティブの非表示 */
a,area{	outline:0px none transparent}


/**----------------------------------------------------------------------
 セッティング
----------------------------------------------------------------------**/
.left { float: left; display: block;}
.right { float: right; display: block;}


img{border: 0;}

/**----------------------------------------------------------------------
 マージン
----------------------------------------------------------------------**/
.mgnT5 { margin: 5px 0px 0px 0px; }
.mgnT10 { margin: 10px 0px 0px 0px; }
.mgnT15 { margin: 15px 0px 0px 0px; }
.mgnT20 { margin: 20px 0px 0px 0px; }
.mgnT30 { margin: 30px 0px 0px 0px; }

.mgnB5 { margin: 0px 0px 5px 0px; }
.mgnB10 { margin: 0px 0px 10px 0px; }
.mgnB15 { margin: 0px 0px 15px 0px; }
.mgnB20 { margin: 0px 0px 20px 0px; }
.mgnB30 { margin: 0px 0px 30px 0px; }

.mgnR5 { margin: 0px 5px 0px 0px; }
.mgnR10 { margin: 0px 10px 0px 0px; }
.mgnR15 { margin: 0px 15px 0px 0px; }
.mgnR20 { margin: 0px 20px 0px 0px; }
.mgnR30 { margin: 0px 30px 0px 0px; }

.mgnL5 { margin: 0px 0px 0px 5px; }
.mgnL10 { margin: 0px 0px 0px 10px; }
.mgnL15 { margin: 0px 0px 0px 15px; }
.mgnL20 { margin: 0px 0px 0px 20px; }
.mgnL30 { margin: 0px 0px 0px 30px; }


/**----------------------------------------------------------------------
 カラー
----------------------------------------------------------------------**/
.red { color: #ff0000;}
.white { color: #ffffff;}
.black { color: #000000;}
.gray { color: #666666;}
.orange { color: #ff9900;}
.blue { color: #0033cc;}
.yellow { color: #ffff00;}
.pink { color: #ff0066;}
.green { color: #006600;}





/* border: 1px solid #AACBEE; */


/**----------------------------------------------------------------------
 ベース 
----------------------------------------------------------------------**/
#BASE {
	width: 100%;
/*
	min-height:100%;
*/
	margin: 0;
	padding: 0;
	text-align: center;
}
/* IE6 */
*html #BASE{height:100%;}

#CONTENTS {
	width: 990px;
	background : url(../../images/parts/bg.gif) repeat-y;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;

}


#LEFT { float: left;
	width: 400px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#RIGHT { float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: left;
}

/**----------------------------------------------------------------------
 ヘッダー 
----------------------------------------------------------------------**/
#HEADER-wrap {
/*
	background-image : url(../../images/parts/header_bg.gif);
	background-repeat: repeat-x;
*/
	background:#000000;
	width: 100%;
	min-width: 990px;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}
#HEADER {
	width: 990px;
	hegit:200px;
	margin: 0 auto;
	padding: 0 auto;
	color: #8d8d8d;
	text-align: center;
}
#HEADER h1{
	float: left;
	width:207px;
	margin: 45px 0 15px 15px;
	padding: 0 0 0 0;
	text-align: left;

}

/*グローバルメニュー*/
#HEADER .gmenu{
	float: left;
	width:376px;
	margin: 55px 0 0 95px;
	padding: 0 0 0 0;
}
#HEADER .gmenu ul{
	list-style-type: none; 
}
#HEADER .gmenu li{
	float: left;
	border-right: 1px solid #8d8d8d;
}
#HEADER .gmenu li.noline{
	border-right: 1px solid transparent;
}


/*アカウントブロック*/
#HEADER .account-block{
	width:240px;
	float: right;
	margin: 10px 15px 5px 0;
	padding: 0 0 0 0;
	font-size:0.75em;
	text-align: right;
}
#HEADER .account-block .cart{
	margin: 15px 0 0 0;
	text-align: right;
	color:#ffffff;
}
#HEADER .account-block .loginname{
	margin:0 0 0 0;
	text-align: right;
}

#HEADER .account-block li{
	list-style-type: none; 
	display: -moz-inline-box;
	display: inline-block;
	/display:inline;
/* IE6 & IE7 and below */
	zoom: 1;
	*display:inline;
	margin:0 0;
	text-align: left;
}
#HEADER .account-block li.naka{
	border-left: 1px solid #8d8d8d;
	border-right: 1px solid #8d8d8d;
	padding:0 10px;
	margin:0 10px;
}
#HEADER .account-block li.last{
	border-left: 1px solid #8d8d8d;
	padding:0 0 0 10px;
	margin:0 0 0 10px;
}

#HEADER .account-block a:link {color:#8d8d8d; background-color: transparent; text-decoration: none; }
#HEADER .account-block a:visited { color:#8d8d8d; background-color: transparent; text-decoration: none; }
#HEADER .account-block a:hover { color:#ffffff; background-color: transparent; text-decoration: none; cursor:hand; }
#HEADER .account-block a:active { color:#ffffff; background-color: transparent; text-decoration: none; cursor:hand; }

#HEADER .account-block .cart a:link {color:#ffffff; background-color: transparent; text-decoration: none; }
#HEADER .account-block .cart a:visited { color:#ffffff; background-color: transparent; text-decoration: none; }
#HEADER .account-block .cart a:hover { color:#8d8d8d; background-color: transparent; text-decoration: none; cursor:hand; }
#HEADER .account-block .cart a:active { color:#8d8d8d; background-color: transparent; text-decoration: none; cursor:hand; }

#HEADER .account-block .loginbtn a:link {color:#ffffff; background-color: transparent; text-decoration: none; }
#HEADER .account-block .loginbtn a:visited { color:#ffffff; background-color: transparent; text-decoration: none; }
#HEADER .account-block .loginbtn a:hover { color:#8d8d8d; background-color: transparent; text-decoration: none; cursor:hand; }
#HEADER .account-block .loginbtn a:active { color:#8d8d8d; background-color: transparent; text-decoration: none; cursor:hand; }



/*パンくずリスト*/
#BAR-wrap{
/*
	background : url(../../images/parts/bar_bg.gif) repeat-x;
*/
	background:#2e2d2d;
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}
#BAR{
/*
	background : url(../../images/parts/bar_bg.gif) repeat-x;
*/
	background:#2e2d2d;
	width: 990px;
	height:20px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-indent:15px;
	color: #aaaaaa;
	text-align: left;
	font-size:0.8em;
	line-height:1.9em;
}
#BAR .current{
	color:#ffffff;
	font-weight: bold;
}

#BAR a:link {color:#8d8d8d; background-color: transparent; text-decoration: none; }
#BAR a:visited { color:#8d8d8d; background-color: transparent; text-decoration: none; }
#BAR a:hover { color:#dadada; background-color: transparent; text-decoration: none; cursor:hand; }
#BAR a:active { color:#dadada; background-color: transparent; text-decoration: none; cursor:hand; }

/**----------------------------------------------------------------------
 フッター 
----------------------------------------------------------------------**/
#FOOTER-wrap {
	width: 100%;
	min-width: 990px;
	background-color: #000000;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
	font-size:0.75em;

}
#FOOTER {
	width: 990px;
	height: 25px;
	margin: 0 auto;
	padding: 0;
	color: #FFFFFF;
	text-align: right;
}

#FOOTER .fmenu{
	margin:0 0 0 0;
	text-align: right;
}

#FOOTER .fmenu ul{
	padding:5px 0 0 0;
/*
	line-height:0;
	text-align: right;
	list-style-type: none;
	margin:0 0 0 0;
*/
}
#FOOTER .fmenu li{
	display: -moz-inline-box;
	display: inline-block;
	/display:inline;
/* IE6 & IE7 and below */
	zoom: 1;
	*display:inline;
	margin:0 15px 0 0;
}

#FOOTER .fmenu li.line{
	border-left: 1px dotted #8c8c8c;
	padding:0 0 0 15px;
}


.copyright{
	width:960px;
	margin: 5px auto;
	padding: 0 auto;
	color:#ababab;
	font-size:0.75em;
	text-align: right;
}

#FOOTER a:link {color:#8d8d8d; background-color: transparent; text-decoration: none; }
#FOOTER a:visited { color:#8d8d8d; background-color: transparent; text-decoration: none; }
#FOOTER a:hover { color:#ffffff; background-color: transparent; text-decoration: none; cursor:hand; }
#FOOTER a:active { color:#ffffff; background-color: transparent; text-decoration: none; cursor:hand; }

/**----------------------------------------------------------------------
 共通パーツ 
----------------------------------------------------------------------**/


/*フォーム*/
.inputSS{
	width: 40px;
	text-align: center;
	margin:2px;
}
.inputS{
	width: 80px;
	margin:2px;
}
.inputM{
	width: 150px;
	margin:1px;
	font-size:10px;
}
.inputM2{
	width: 165px;
	margin:1px;
	font-size:10px;
}
.inputM3{
	width: 155px;
	margin:1px;
	font-size:10px;
}
.inputL{
	width: 180px;
	margin:2px;
}
.inputLL{
	width: 200px;
	margin:2px;
}


input.inputField, /* with input[type="text"] */
textarea.inputField,
select.selectbox {
background-color : #ffffff;
color : #000000; 
border: 1px solid #000000;
	line-height: 1.25;
	vertical-align: middle;
}





/*以下から柴田追加分*/
.inputSSS{
	width: 30px;
	margin:2px;
}
.inputLLL{
	width: 350px;
	margin:2px;
}

/**----------------------------------------------------------------------
★フォーム説明共通フォント定義
----------------------------------------------------------------------**/
/*注釈*/
.annotation{
	font-size:0.85em;
	color: #444444;
}
/**----------------------------------------------------------------------
★完了画面共通枠
----------------------------------------------------------------------**/
.box-line-comp{
	width: 500px;
	margin:30px auto ;
	padding:20px 20px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #c6c6c6;
}
/**----------------------------------------------------------------------
★共通グレーライン
----------------------------------------------------------------------**/
/*840pxグレーライン*/
.line-840{
	width: 840px;
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #c6c6c6;
}
/*940pxグレーライン*/
.line-940{
	width: 940px;
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #c6c6c6;
}
/*960pxグレーライン*/
.line-960{
	width: 960px;
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #c6c6c6;
}
/**----------------------------------------------------------------------
★共通系FR-04定義 
----------------------------------------------------------------------**/
#CONTENTS-02 {/*背景白　使わない？*/
	width: 990px;
	margin: 0 auto -20px auto;
	padding: 0 auto;
	text-align: center;

}

#COMMON-AREA {
	width:960px;
	margin:0 15px;
	padding:45px 0;
}

/*フォームエリア*/
#COMMON-AREA.common-block{
	margin:20px 0px;
}
.common-block-left{
	width: 250px;
	margin:0px;
	padding:0px;
	float: left;
}
.common-block-right{
	width: 550px;
	margin:0px;
	padding:0px;
	float: right;
}

/*ページタイトル画像*/
#PAGE-TITLE{
	margin-bottom: 30px;
}

.contents-error-text{
	width: 500px;
	padding:20px 0;
	margin:0 auto;
	font-size:1.2em;
	font-weight: bold;
	color: #a90020;
	text-align: center;
}


/*郵便番号検索*/
.table-rule{
	margin: 5px auto;
	border-collapse: separate;
	border-spacing: 15px;
	font-size:1.0em;
	line-height:1.4;
}
/*郵便番号検索下の説明枠*/
.note{
	width: 460px;
	padding:20px 20px;
	margin:30px auto;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #c6c6c6;
}
/*郵便番号検索結果ページング*/
.search-result-navi{
	width: 500px;
	padding:0;
	margin:30px auto;
	font-size:0.85em;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #c6c6c6;
}
.search-result-navi-left{
	padding:5px 0px;
	padding:10px;
	float: left;
}
.search-result-navi-right{
	padding:5px 0px;
	padding:10px;
	float: right;
}
#COMMON-AREA .pastlist a,
#COMMON-AREA .pastlist a:link,
#COMMON-AREA .pastlist a:visited{
	 text-decoration: underline;
}

/*検索結果一覧*/
.search-result{
	width: 500px;
	padding:0px;
	margin:0px auto;
	text-align: left;
	border-bottom: 1px dotted #c6c6c6;
}
.search-result-left{
	width: 450px;
	padding:10px 0px;
	float: left;
}
.search-result-right{
	width: 50px;
	padding:10px 0px;
	float: right;
}

/*幅840px*/
.box-840{
	width: 840px;
	padding:10px 0px;
	margin:10px auto 10px auto;
	text-align: left;
}

/*お問い合わせ */
/*フォームブロック*/

.form-block{
	margin:20px 0px;
}
.form-block-left{
	width: 210px;
	margin:0px;
	padding:0px;
	float: left;
}
.form-block-right{
	width: 590px;
	margin:0px;
	padding:0px;
	text-align: left;
	float: right;
}




/*前のバージョンで使用
#COMMON-AREA h2{
	width: 600px;
	margin: 10px auto;
	padding: 0;
	font-weight: bold;
	text-align: left;
}
.contact-table{
	width: 600px;
	margin: 0px auto 30px auto;
	border-collapse: collapse;
	font-size:1.0em;
	line-height:1.4;
	background-color: #FFFFFF;
	border: 1px solid #c6c6c6;
}
.contact-table td{/
	padding: 15px;
}
.td-left{
	background-color: #F0F0F0;
}
前のバージョンで使用*/

/*画像添付参照*/
ul .attach01{
	list-style-type: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:0;
}
.attach01 li{
	list-style-type: none;
	margin:0 0 10px 0;
}

/*画像添付確認*/
ul .attach02{
	list-style-type: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:0;
}
.attach02 li{
	margin:0 10px 10px 0;
	float: left;
	display: inline;
}


/*ページング*/
.order-info-navi{
	width: 960px;
	padding:0;
	margin:30px auto;
	font-size:0.85em;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #c6c6c6;
}
.order-info-navi-left{
	padding:5px 0px;
	padding:10px;
	float: left;
}
.order-info-navi-right{
	padding:5px 0px;
	padding:10px;
	float: right;
}
#MEMBER-AREA .pastlist{
	margin:0;
	padding:0;
}
#MEMBER-AREA .pastlist a,
#MEMBER-AREA .pastlist a:link,
#MEMBER-AREA .pastlist a:visited{
	 text-decoration: underline;
}


/**----------------------------------------------------------------------
 [FR-01-01] トップ 
----------------------------------------------------------------------**/
#INDEXPAGE {
	width:990px;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}
#INDEXPAGE ul{
	width:990px;
	margin:0;	padding:0;
	list-style-type: none; 
}
#INDEXPAGE li{
	margin:0;	padding:0;
	height:273px;
}



#index-news{
	width:900px;
	margin:10px auto;
	text-align: left;
	padding:30px 0;
}
#index-news h3{
	float:left;
	width:145px;
	padding:5px 0 0 0;

}
#index-news .news-whatnew{
	float:left;
	width:605px;
	margin:0;
}
#index-news .news-list{
	float:left;
	width:144px;
	text-align: right;
	font-size:0.85em;
}

#index-news .news-whatnew a,
#index-news .news-whatnew a:link,
#index-news .news-whatnew a:visited{
	color:#8d8d8d;
	text-decoration: none;
}
#index-news .news-whatnew a:hover,
#index-news .news-whatnew a:active{
	color:#000000;
	text-decoration: none;
}

/**----------------------------------------------------------------------
 [FR-01-02] ニュース詳細 
----------------------------------------------------------------------**/
#NEWSPAGE {
	width:990px;
	background:url(../../images/parts/news_bg.gif) repeat-y;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}
#NEWSPAGE h4{
	font-size:1em;
	font-weight: bold;
	color:#4D4D4D;
	margin:0 0 15px 0;
}
#NEWSPAGE .pastnews-block{
	float:left;
	width:285px;
	margin:0 auto;
	padding:0;
	background:#E0E0E0;
	text-align: center;
}
#NEWSPAGE .pastnews-block h3{
	margin:60px 0 10px 55px;
	text-align: left;
	font-size:0.85em;
	font-weight: bold;
	color:#000000;
}

#NEWSPAGE .pastnews-block ul{
	list-style-type: none;
	margin: 0 55px 60px 55px;
	padding:0;
	text-align: left;
}
#NEWSPAGE .pastnews-block li{
	list-style-type: none;
	margin:0 0 10px 0;
	text-align: left;
	font-size:0.85em;
}

#NEWSPAGE .pastnews-block a,
#NEWSPAGE .pastnews-block a:link,
#NEWSPAGE .pastnews-block a:visited{
	color:#595757;
}
#NEWSPAGE .pastnews-block a:hover,
#NEWSPAGE .pastnews-block a:active{
	color:#000000;
}


#NEWSPAGE .main-block{
	float:left;
	width:705px;
	margin:0 0 0 0;
	padding:0;
	text-align: left;
}
#NEWSPAGE .main-block h3{
	margin:60px auto 60px auto;
	text-align: center;
}
#NEWSPAGE .main-block .pastlist{
	margin:0 25px 20px 0;
	padding:0;
	text-align: right;
	font-size:0.85em;
}
#NEWSPAGE .main-block .pastlist a,
#NEWSPAGE .main-block .pastlist a:link,
#NEWSPAGE .main-block .pastlist a:visited{
	 text-decoration: underline;
}



#NEWSPAGE .main-block .newsblock{
	width:535px;
	margin:0 85px 50px 85px;
	padding:0;
	text-align: left;
}
.newsblock .pic{
	float:right;
	width:220px;
	margin:0;
	padding:0;
	text-align: right;
}
.newsblock .date{
	color:#999999;
	font-size:0.85em;
}
.newsblock p{
	font-size:0.85em;
}
.newsblock .btn{
	margin:30px 0 0 0;
}
.newsblock .line{
	margin:30px 0;
}


/**----------------------------------------------------------------------
 [FR-01-03] 商品一覧 
----------------------------------------------------------------------**/
#PRODUCTSLIST {
	width:960px;
	margin:0 auto;
	padding:45px 0 20px 0;
	text-align: left;
}

#PRODUCTSLIST ul{
	width: 960px;
}

#PRODUCTSLIST li{
	width: 200px;
	list-style-type: none;
	display: -moz-inline-box;
	display: inline-block;
	/display:inline;
/* IE6 & IE7 and below */
	zoom: 1;
	*display:inline;

	margin:20px 17px;
	text-align: left;
	font-size:0.8em;
}

#PRODUCTSLIST .icon{
	margin:12px 0 6px 0;
}

#PRODUCTSLIST a img ,
#PRODUCTSLIST a:link img ,
#PRODUCTSLIST a:visited img{


}
#PRODUCTSLIST a:hover img ,
#PRODUCTSLIST a:active img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

#PRODUCTSLIST .pagelist{
	margin:10px 20px 0 0;
	font-size: 0.85em;
	text-align: right;
}
#PRODUCTSLIST .pagelist a ,
#PRODUCTSLIST .pagelist a:link ,
#PRODUCTSLIST .pagelist a:visited{
	text-decoration: underline;

}
#PRODUCTSLIST .pagelist a:hover ,
#PRODUCTSLIST .pagelist a:active{
	text-decoration: none;
}




/**----------------------------------------------------------------------
 [FR-01-06] 商品詳細 
----------------------------------------------------------------------**/
#PRODUCTS {
	width:960px;
	margin:0 15px;
	padding:45px 0;
}

/*写真ブロック*/
#PRODUCTS #PHOTO{
	float: left;
	width:680px;
/*	height: 495px;*/
	text-align: left;
}
#PRODUCTS #PHOTO .thumbnail{
	float: left;
	width:293px;
	margin:140px 0 0 0;
	text-align: right;
}
#PRODUCTS #PHOTO .mainpic{
	float: left;
	width:347px;
	padding:0 20px;
}


/*サムネイルレイアウト*/
#PRODUCTS #PHOTO .thumbnail .sub{
	float : right;
}
#PRODUCTS #PHOTO .thumbnail .sub a img,
#PRODUCTS #PHOTO .thumbnail .sub a:link img,
#PRODUCTS #PHOTO .thumbnail .sub a:visited img{
	border: 1px solid #8d8d8d;
	 text-decoration: none;
	margin:5px 0 0 5px;
}
#PRODUCTS #PHOTO .thumbnail .sub a:hover img,
#PRODUCTS #PHOTO .thumbnail .sub a:active img{
	border: 1px solid #000000;
	 text-decoration: none;
	margin:5px 0 0 5px;
}





#PRODUCTS #PHOTO .thumbnail ul{
	width:208px;
	margin:140px 20px 0 85px;
	list-style-type: none; 
}
#PRODUCTS #PHOTO .thumbnail li{
	display: -moz-inline-box;
	display: inline-block;

/* for Modern Browser */
    display:table-cell;
    
/* for IE */
    *display:inline;
    *zoom:1;
	text-align: left;
	margin: 0 0 0 0;
}

#PRODUCTS #PHOTO .thumbnail li a img,
#PRODUCTS #PHOTO .thumbnail li a:link img,
#PRODUCTS #PHOTO .thumbnail li a:visited img{
	border: 1px solid #8d8d8d;
	 text-decoration: none;
	margin:5px 0 0 5px;
}
#PRODUCTS #PHOTO .thumbnail li a:hover img,
#PRODUCTS #PHOTO .thumbnail li a:active img{
	border: 1px solid #000000;
	 text-decoration: none;
	margin:5px 0 0 5px;
}


/*詳細ブロック*/
#PRODUCTS #TXT{
	float: right;
	width:280px;
	text-align: left;
}

#PRODUCTS #TXT .item-icon{
	margin:0 0 3px 0;
}
#PRODUCTS #TXT .item-icon img{
	margin:0 5px 0 0;
}

#PRODUCTS #TXT h3{
	font-weight: bold;
	font-size:1.0em;
}
#PRODUCTS #TXT .price{
	font-weight: bold;
	font-size:0.8em;
	margin:10px 0;
}
#PRODUCTS #TXT .no{
	font-weight: bold;
	font-size:0.8em;
	margin: 0 0 10px 0;
}
#PRODUCTS #TXT .description{
	font-weight: normal;
	font-size:0.75em;
}


/*もっとよむ*/
.description-more{
	display:none;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	width:280px;
	background: #dadada;
	color:#000000;
	padding:10px;
	font-size:0.75em;
}
.description-more .close{
	text-align: right;
	margin:0 0 5px 0;
}

/*注意事項*/
.notes{
	margin:10px 0 0 0;
	color:#a90020;
	font-size:0.75em;
}

.notes a,
.notes a:link,
.notes a:visited{
	color:#a90020;
	 text-decoration: none;
}
.notes a:hover,
.notes a:active{
	color:#a90020;
	 text-decoration: underline;
}

/*カラー*/
#PRODUCTS #TXT .select-color{
	border-top: 1px solid #c6c6c6;
	padding:20px 0;
	margin:20px 0 0 0;
}
#PRODUCTS #TXT .select-color ul{
	list-style-type: none; 
	margin:10px 0 0 0;
}
#PRODUCTS #TXT .select-color li{
	display: -moz-inline-box;
	display: inline-block;

	/display:inline;
}
#PRODUCTS #TXT .select-color li img{
	margin:4px 0 0 0;
}





/*サイズ*/

.select-txt{
	font-size:0.85em;
}
.show-size{
	font-size:0.75em;
}

#PRODUCTS #TXT .select-size{
	border-top: 1px solid #c6c6c6;
	padding:20px 0;
	margin:0 0 0 0;
}
#PRODUCTS #TXT .select-size ul{
	list-style-type: none;
	margin:10px 0 0 0;
}
#PRODUCTS #TXT .select-size li{
	display: -moz-inline-box;
	display: inline-block;

	/display:inline;
}


/*サイズ表*/
ul.selectchip {
position: relative;
margin: 13px -10px -6px -2px;
*margin: 13px -10px 0 -2px;
}

ul.selectchip li {
background: url(../../images/parts/chip_bg.gif) no-repeat;
position: relative;
float: left;
margin: 0 6px 6px 0;
text-align: center;
}

ul.selectchip li a {
background: url(../../images/parts/chip_bg.gif) no-repeat -9999px 0;
display: block;
position: relative;
width: 30px;
height: 30px;
color: #000000;
text-decoration: none;
outline: none;
}
ul.selectchip li a:hover,
ul.selectchip li a:visited { color: #000000; text-decoration: none; }

ul.selectchip li a:hover,
ul.selectchip li.selected a { background-position: -30px 0; }

ul.selectchip li em {
	display: block;
	margin-bottom: 1px;
	padding-top: 12px;
	font-size: 12px;
	line-height: 0.7;
	font-style: normal;

}

ul.selectchip li a.noStock:hover,
ul.selectchip li.selected a.noStock { background-position: 0 0; cursor: default;}

/*サイズを見る*/

table.size-table {
	width:260px;
	text-align: center;
	margin:0 auto;
	font-size:0.85em;
border-collapse:separate;
border-spacing:1px;
}

table.size-table td{
	padding:1px 0;
}
table.size-table .bg01{
	background:#c8c9ca;
}
table.size-table .bg02{
	background:#ffffff;
}
table.size-table .bg03{
	background:#ffffff;
}



.size-more{
	display:none;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	width:280px;
	background: #dadada;
	color:#000000;
	padding:10px;
	font-size:0.85em;
}
.size-more .close{
	text-align: right;
	margin:0 0 5px 0;
}

.size-more table.custom-table {
	text-align: center;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:2px;
	background:#ffffff;
}

.size-more table.custom-table td{
	padding:1px 0;

}
.size-more table.custom-table .bg01{
	background:#c8c9ca;
}
.size-more table.custom-table .bg02{
	background:#eeeeef;
}
.size-more table.custom-table .bg03{
	background:#eeeeef;
/*
	background:#dbdcdc;
*/
}
#templateForCatalog .size-more table.custom-table .bg03{
	background:#f6fbfc;
}


/*数量*/
.select-num{
	border-top: 1px solid #c6c6c6;
	padding:20px 0;
	margin:0 0 0 0;
	font-size:0.85em;
}



.customize{
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	padding:0;
	font-size:0.85em;
}
.customize-title{
	width:280px;	height:24px;
	background : url(../../images/parts/title_customize.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
/*
	background: #000000;
	color:#ffffff;
	padding:3px;
*/
}


/*カスタマイズ tooltipis */
.tooltip {
  position: relative;
}

.tooltip-block {
  visibility: hidden;
  position: absolute;
  top: -150px;
  left: -700px;
  width: 440px;
  border: 1px solid #fdfdfd;
  padding: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px #999;
  -moz-box-shadow: 0 0 10px #999;
  box-shadow: 0 0 10px #999;
/*
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
*/
}
.tooltip-block p{
	text-align: center;
	margin:0 0 15px 0;
}

.tooltip-block .close{
	text-align: right;
	margin:0 0 5px 0;
}

a.openButton,
a.closeButton {
  cursor: pointer;
}

h3.tooltip-title{
	padding:0 0 10px 0;
	margin:20px 0 20px 0;
	border-bottom: 5px solid #000000;
}

.tooltip-block table.custom-01-table ,
.tooltip-block table.custom-02-table {
	width:400px;
	text-align: center;
	margin:0 auto;
}
.tooltip-block table.custom-01-table th,
.tooltip-block table.custom-02-table th{
	width:140px;
	padding:0 0 10px 0;
	vertical-align: top; 
}
.tooltip-block table.custom-01-table td,
.tooltip-block table.custom-02-table td{
	width:260px;
	padding:0 0 10px 0;
	vertical-align: top;
	text-align: left;
	font-size:0.75em;
}
.tooltip-block table td p{
	text-align: left;
}

.tooltip-block table.custom-03-table {
	width:400px;
	text-align: center;
	margin:0 auto;
	font-size:0.8em;
border-collapse:separate;
border-spacing:2px;
}

.tooltip-block table.custom-03-table td{
	padding:1px 0;

}
.tooltip-block table.custom-03-table .bg01{
	background:#c8c9ca;
}
.tooltip-block table.custom-03-table .bg02{
	background:#eeeeef;
}
.tooltip-block table.custom-03-table .bg03{
	background:#eeeeef;
/*
	background:#dbdcdc;
*/
}

.tooltip-block table.custom-06-table {
	width:400px;
	text-align: center;
	margin:0 auto;
	font-size:0.85em;
}
.tooltip-block table.custom-06-table td{
	padding:0 5px
}
.tooltip-block table.custom-062-table {
	width:400px;
	text-align: center;
	margin:0 auto;
	font-size:0.85em;
}
.tooltip-block table.custom-062-table td{
	padding:0 5px 10px 5px;
}

.tooltip-block table.custom-063-table {
	width:400px;
	text-align: center;
	margin:0 auto;
	font-size:0.85em;
}
.tooltip-block table.custom-063-table td{
	padding:0 5px 10px 5px;
}





/*カスタムブロック*/
.custom-num ,
.custom-01 ,
.custom-02 ,
.custom-03 ,
.custom-04 {
	margin:0 0 0 0;
	border-bottom: 1px solid #c6c6c6;
	padding:0;
}
.custom-naire {
	margin:0 0 0 0;
	padding:0;
}
.customize-left{
	float:left;
	width:210px;
	padding:5px;

}
.customize-right{
	float:right;
	width:52px;
	padding:4px 0 0 0;

}


.custom-des{
	width:400px;
	text-align: left;
	margin:0 auto 20px auto;
}
.custom-des2{
	text-align: left;
	margin:5px 0;
}




/*
#PRODUCTS #TXT dl {
	position: relative;
	margin:0 0 0 0;
	padding:5px 0 5px 0;
}
#PRODUCTS #TXT dl dt {
	padding: 0 0 0 10px;
	position: absolute;
	width: 200px;
}
#PRODUCTS #TXT dl dd {
	padding: 5px 0 0 210px;
}
*/

/*選択されたアイテム*/
.select-item{
	text-align: center;
	margin:10px;
	border: 1px dotted #0a3696;
	padding:10px;
	font-weight: bold;
}

/*名入れ・刺繍*/
.naire-title{
	width:280px;	height:24px;
	background : url(../../images/parts/title_naire.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
/*
	background: #000000;
	color:#ffffff;
	padding:3px;
*/
}

.secondpulldown {
	display: none;
}
.naire-block{
	border-top: 1px dotted #c6c6c6;
	margin:10px 0 0 0;
	background: #f5f5f5;
}

.custom-naire-02 ,
.custom-naire-03 ,
.custom-naire-04  {
	margin:5px 0 0 0;
	padding:3px 0;
}

.inputtit{
	display : inline-block;
	width:54px;
	text-align: left;
}


.custom-naire-04-form{
	margin:0 0 0 0;
	text-align: center;
}
.custom-naire-04-form-txt{
	margin:5px 25px;
	text-align: left;
}

.total{
	margin:0 0 0 0;
	padding:5px 10px 5px 0;
	background: #ffffff;
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
	color:#000000;
	text-align: right;
}
.incart{
	margin:0 0 0 0;
	padding:0;
/*
	background: #000000;
*/
	color:#ffffff;
	text-align: right;
}


#PRODUCTS .aleart{
	font-weight: bold;
	color:#a90020;
	margin: 5px 0 5px 20px;
}







/*サブブロック*/
#SUBBLOCK{
	width:660px;
	float:left;
	margin: 0 0 0 0;
}
#SUBBLOCK2{
	width:960px;
	margin: 0 auto;
	padding: 0;
}
#SUBBLOCK3{
	width:660px;
	margin: 0 auto;
	padding: 0;
}


/*おすすめ商品*/
.recommend-block{
	margin:20px 0 0 0;
}
.recommend-block .title{

}
.recommend-block ul,
.check-block ul{
	margin:0 auto;
	text-align: left;
	vertical-align: top; 
}


.recommend-block li,
.check-block li{
	width: 150px;
	
	list-style-type: none; 
	display: -moz-inline-box;
	display: inline-block;
	/display:inline;
/* IE6 & IE7 and below */
	zoom: 1;
	*display:inline;
	margin:20px 5px;
	text-align: left;
	vertical-align: top; 
	font-size:0.8em;
}


/*最近チェックした商品*/
.check-block{
	margin:20px 0 0 0;
	
}
.check-block .title{

}

.recommend-block a img ,
.recommend-block a:link img ,
.recommend-block a:visited img ,
.check-block a img ,
.check-block a:link img ,
.check-block a:visited img{
/*
	border: 1px solid transparent;
*/

}
.recommend-block a:hover img ,
.recommend-block a:active img ,
.check-block a:hover img ,
.check-block a:active img{
/*
	border: 1px solid #000000;
*/
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/*
.recommend-block a ,
.recommend-block a:link ,
.recommend-block a:visited ,
.recommend-block a:hover ,
.recommend-block a:active ,
.check-block a ,
.check-block a:link ,
.check-block a:visited ,
.check-block a:hover ,
.check-block a:active{
	color:#000000; background-color: transparent; text-decoration: none;
}
*/

/**----------------------------------------------------------------------
 [FR-01-06] サイズチャート 
----------------------------------------------------------------------**/
#SIZECHART{
	width:750px;
	margin:0 auto;
	text-align: center;
/*
	background : url(../../images/parts/sizechart_bg.jpg) no-repeat;
*/
}
#SIZECHART h2{
	margin:0 0 10px 0;
	padding:20px 0 10px 20px;
	border-bottom: 5px solid #000000;
	font-weight: bold;
	font-size:1.2em;
	text-align: left;
}
#SIZECHART h3{
	margin:20px 0 10px 0;
	padding:0 0 0 0;
	font-weight: bold;
	font-size:1.1em;
	text-align: left;
}

#SIZECHART .txt{
	font-size:0.8em;
	text-align: left;
	padding:10px 0 0 0;
}

.sizechart-block{
	width:770px;
}
.size-left{
	float:left;
	width:90px;
	text-align: left;
}
.size-right{
	float:left;
	width:400px;
	min-height:460px;
	height: auto !important;
	height: 460px;
	text-align: left;
	padding:0 0 0 20px;
	border-left: 1px solid #000000;
}
.size-torso{
	float:left;
	width:280px;
	margin:20px 0 0 0;
	text-align: center;
}
.size-left ul{
	list-style-type: none; 
}
.size-left li{
	margin:25px 0 0 25px;
}

.sizechart-list{
	width:370px;
	margin:0 0 0 0;
	text-align: center;
	font-size:0.75em;
}
.sizechart-list td{
	padding:1px 0;
	border: 2px solid #ffffff;
}
.sizechart-list .bg01{
	background:#c8c9ca;
}
.sizechart-list .bg02{
	background:#eeeeef;
}
.sizechart-list .bg03{
	background:#dbdcdc;
}


/**----------------------------------------------------------------------
 [FR-01-13] ご利用ガイド 
----------------------------------------------------------------------**/
/*共通*/
#FR0113{
	width:990px;
	margin:0 auto;
	text-align: center;
}
#FR0113 .index-block{
	float:left;
	width:270px;
	margin:0 0 0 0;
	padding:0;
	text-align: left;
}


#FR0113 .index-block .mokuji{
	width:220px;
	margin:40px 0 0 0;
	padding:20px 0;
	background:#E0E0E0;
	text-align: left;
}
#FR0113 .index-block .mokuji ul{
	margin:0 20px;
	list-style-type: none; 
}
#FR0113 .index-block .mokuji li{
	margin:0;
}
#FR0113 .index-block .mokuji li.lag{
	font-size:0.9em;
	font-weight: bold;
	margin:0 0 20px 0;
}
#FR0113 .index-block .mokuji li.sml{
	font-size:0.8em;
	margin:0 0 10px 0;
}
#FR0113 .index-block .mokuji li.pos{
	font-size:0.8em;
	margin:0 0 5px 0;
	font-weight: bold;
	color:#000000;
}


#FR0113 .main-block{
	float:left;
	width:720px;
	margin:0 0 0 0;
	padding:0;
	text-align: left;
}
#FR0113 h3{
	margin:40px 0 20px 0;
	padding:0;
	text-align: left;
}

#FR0113 h4{
	margin:40px 0 20px 0;
	padding:0;
	text-align: left;
}

#FR0113 h5{
	margin:0 0 5px 0;
	padding:0;
	font-weight: bold;
	color:#000000;
	text-align: left;
}

#FR0113 p{
	margin:0 0 20px 0;
	font-size:0.85em;
	text-align: left;
}

#FR0113 .btn-pagetop{
	margin:0 0 20px 0;
	font-size:0.85em;
	text-align: right;
}

/*ご利用ガイド*/
#FR0113 .main-block .guide-block {
	margin:0 20px 0;
}

#FR0113 .main-block .table01 {
	width: 100%;
	margin:0 0 20px 0;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size:0.85em;
}

#FR0113 .main-block .table01 th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background: #f1f1f1;
	font-weight: normal;
	text-align: left;
	width:60px;
}
#FR0113 .main-block .table01 td {
	padding: 5px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background: #ffffff;
	text-align: left;
}

#FR0113 .main-block .table02 {
	width: 100%;
	margin:0 0 20px 0;

	font-size:0.85em;
}

#FR0113 .main-block .table02 th {
	padding: 5px 0;
	background: #ffffff;
	font-weight: normal;
	text-align: right;
	vertical-align: top; 
	width:110px;
}
#FR0113 .main-block .table02 td {
	padding: 5px 0;

	background: #ffffff;
	text-align: left;
	vertical-align: top; 
}
/*特定商取引に基づく表記*/
#FR0113 .tokusho-block {
	
}

#FR0113 .tokusho-block .tokusho-list {
	width: 100%;
	margin:0 0 20px 0;
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	font-size:0.85em;
}

#FR0113 .tokusho-block .tokusho-list th {
	padding: 5px;
	background: #f1f1f1;
	font-weight: normal;
	text-align: left;
	vertical-align: top; 
	width:220px;
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}
#FR0113 .tokusho-block .tokusho-list td {
	padding: 5px;

	background: #ffffff;
	text-align: left;
	vertical-align: top; 
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}

/*FAQ*/
#FR0113 .main-block .faq-block {
	margin:0 10px;
}
#FR0113 .main-block ul.faq-list {
	list-style-type: none;
	margin:20px 0 40px 0;
}
#FR0113 .main-block ul.faq-list li{
	background: #ffffff url(../../images/parts/faq_icon.gif) no-repeat;
	background-position:left center;
	margin:0 0 5px 0;
	padding:0 0 0 15px;
}


#FR0113 .main-block .question{
	padding:0 0 5px 0;
	margin:40px 0 10px 0;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}
#FR0113 .main-block .answer{
	padding:0;
	margin:20px 20px 60px 20px;
}

/*ご利用規約*/
.kiyaku-block-wrap{
	text-align: left;
}
.kiyaku-block{
	font-size:0.9em;
	margin:0 20px 40px 20px;
}

#FR0113 .kiyaku-block h5{
	margin:20px 0 5px 0;
	padding:0;
	font-weight: bold;
	color:#000000;
	font-size:0.95em;
	text-align: left;
}
#FR0113 .kiyaku-block p{
	
}

.kiyaku-block ul.num{
	list-style-type:decimal;
	margin:0 0 0 20px;
}
.kiyaku-block ul.num li{

}



/**----------------------------------------------------------------------
 [FR-01-14] カテゴリートップ 
----------------------------------------------------------------------**/
#CATTOP{
	width:960px;
	margin: 0 auto;
	padding:20px 0 100px 0;
}

.slider-wrap {
	margin: 0;
	position: relative;
	width: 960px;
	height: 615px;
	overflow:hidden!important;
}

/*
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
*/

.stripViewer {/*メインブロック*/
	position: relative;
	overflow: hidden; 
	margin: 0 0 0 0;
	padding:0 auto;
	width: 960px;
/*
	height: 620px;
*/
	clear: both;
}

.stripViewer .panelContainer {
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;

}
.stripViewer .panelContainer .panel {
	float:left;
	position: relative;
	width: 960px;
	margin:0 0 20px 0;
}

.page-prev{
	float:left;
	width:20px;
	margin:270px 0 0 0;
}
.page-next{
	float:left;
	width:20px;
	margin:270px 0 0 0;
}

.panel .block{
	float:left;
	width: 920px;
	margin:0 auto;
	text-align: center;
}

#CATTOP .block a:hover img ,
#CATTOP .block a:active img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}


#CATTOP .pagenavi{
	width:920px;
	margin:0 auto;
	text-align: right;
}

.stripNav {
	margin:0;
}
.stripNav ul {
	list-style: none;
}
.stripNav ul li {
	float: left;
	margin-right: 2px; 
}
.stripNav a { /* The nav links */
	font-size: 1px;
	background: #ffffff;
	color: #fff;
	text-decoration: none;
	display: none;
	padding: 0;
}


/*矢印*/

.stripNavL {
	left: 0;
}
.stripNavR {
	right: 0;
}

.stripNavL, .stripNavR {
	position: absolute;
	top: 150px;
	text-indent: -9000em;
}
#sysItemDetail div#sysAll div#sysWrap div#sysMain .sysForm form#sysCartInForm.sysCartInForm div#sysSubmit div input.sysCartButton.sysGoCartButton,
#sysMypageLogin.sysMypage div#sysAll div#sysMain div.sysLoginForm form input.sysLoginButton{
	background-color:#595757;
	border:none;
	color:#fff;
	text-align:center;
	margin: 0 0.3em;
	font-size:0.85em;
    padding: 2px 10px;
}
#sysItemDetail div#sysAll div#sysWrap div#sysMain .sysForm form#sysCartInForm.sysCartInForm div#sysSubmit div input.sysCartButton.sysGoCartButton:hover,
#sysMypageLogin.sysMypage div#sysAll div#sysMain div.sysLoginForm form input.sysLoginButton:hover{
	background-color:#000000 !important;
	color:#fff;
}
#sysItemDetail div#sysAll div#sysWrap div#sysMain .sysForm form#sysCartInForm.sysCartInForm div#sysNumber div.sysNumArea{
display:none;
}

/*セキュリティコードの説明画像を支払選択画面「セキュリティコード」に挿入*/
.sysSelectPayment li[data-payment-method-code="51"] div:nth-child(9):before {
    content: url(https://www.nagaileben.net/img/security_code2.jpg);
}

/*「配送希望日」「配送時間帯」を非表示にする*/
#sysConfirm .sysDetail ul li:nth-child(4) {
    display: none;
}

.m24p {
margin-bottom: 24px;
}
.m24w {
margin: 0 20px;
}

tr.teiban-gai td{background-color:#fffcc9!important;}

.size-ex-gray-wrapper{margin:10px 0;}
.gray-p01{margin-bottom:10px;border-left:15px solid #f6fbfc;padding-left:3px;}
.green-p01{margin-bottom:10px;border-left:15px solid #fffcc9;padding-left:3px;}


.relatedProducts112 {
 margin: 20px 0;
 text-align: left;
}

#sysItemCategory #sysAside .sysHeadline a{
    color: #ffffff;
    text-decoration: none;
}

/* カタログページCSS 211106*/
.h_top {
    margin: 40px auto;
}
.h_logo {
    width: 176px;
    margin: 40px 0;
}
.header_2111 {
    float: left;
    width: 240px;
}
.header_search {
    float: right;
    width: 240px;
    margin: 40px auto;
}
.header_search input{
   padding: 4px;
   font-size: 10px;
   border-radius:6px;
   border: 1px solid #8d8d8d;
   color: #8d8d8d;
}
.header_search input.sysSearchButton {
    display: none;
}

.menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
}

.menu > li {
    float: left;
    width: 25%; /* グローバルナビ4つの場合 */
    height: 50px;
    line-height: 50px;
    background: #fff;
}

.menu > li a {
    display: block;
    text-align: left;
    font-weight: bold;
    color: #000;
    padding: 0 6px;
}
.menu > li p {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #000;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 2;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #8d8d8d;
    border-bottom: 1px solid #8d8d8d;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-top: 1px #aaaaaa solid;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

#search div#sysMain,
#sysItemSearch div#sysMain{
    width: 100%;
    margin: 0;
    padding: 0;
}

#search #sysHeader {
    border-bottom: 0px solid #aaaaaa;
    padding-bottom: 6px!important;
}

#search #sysWrap #sysAside{
    display: none;
}

#sysItemSearch #sysMain h2,
#sysItemSearch #sysMain span.sysItemSearchFormItemCategoryGroupsTitle{
    display: none;
}
.sysItemSearchFormItemCategoryGroups > div {
    width: 25%;
    float: left;
    margin: 20px 0;
    padding: 0 20px;
    text-align: left;
   font-size: 12px;
}
.sysItemSearchFormItemCategoryGroups ul {
     border-top: 1px solid #8d8d8d;
     padding: 20px 0;
     margin: 6px 0;
}
#sysItemSearch #sysMain form.sysItemSearchForm {
    margin: 20px 0;
    padding: 0 20px;
}

#sysItemSearch #sysMain span{
    font-size: 12px;
    font-weight: bold;
}
.sysItemSearchFormInput input.sysSearchButton {
    background: #000;
    color: #fff;
    margin: 20px;
    padding: 4px 80px;
    font-size: 12px;
    border-radius:6px;
    border: 0px;
    box-shadow: 2px 2px 4px grey;
    -webkit-appearance: none;
}
#displayCount {
    display: none;
}
.n-sbn {
    background: #AAA;
    background-image: url(https://www.nagaileben.net/img/search_1.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 50px 8px;
    color: #fff;
    margin: 40px 0 0 0px;
    padding: 4px 40px 4px 52px;
    font-size: 12px;
    border-radius: 6px 6px 0 0;
    border: none;
    width: 200px;
    float: right;
}
#sysItemSearch #sysHeader {
        padding-bottom: 0!important;
}
.toggle_open .sysContent{
    margin: 0;
    padding: 0;
}
.sysItemList ul.sysThumbnail li {
    float: left;
    width: 25%;
    padding: 20px 12px;
    overflow:hidden;
    height: 378px;
}
.sysItemList ul.sysThumbnail li .sysItemName{
    font-size: 12px;
}
.sysItemList ul.sysThumbnail li .sysThumbnailImage img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}
#sysItemSearch .sysPagination ul li {
    width: 4%;
}
#sysItemSearch .sysPagination a.sysCurrent {
    background-color: #fff;
    text-decoration: none;
}
#sysItemSearch .sysPagination a {
    border: 0px solid lightgray;
    font-weight: bold;
}
.catalog_top_slider{
    margin: 40px 0 100px;
}
.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid #fff; */
    background: #fff;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    opacity: 0.5;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ddd;
}

#sysFooter nav {
  float: left;
  list-style: none;
  overflow: hidden;
}
 
#sysFooter nav  li {
  text-align: left;
  float: left;
  height: 50px;
  padding: 20px;
  margin-right: 2px;
}
 
#sysFooter nav  li a {
  text-decoration: none;
  font-weight: bold;
}
#sysFooter p{
  float: right;
  height: 50px;
  padding: 20px;
}

.sysItemSearchFormItemCategoryGroups ul{
  height: 450px;
}
.sysItemSearchFormItemCategoryGroups ul li{
  padding: 4px 0;
}
.bx-wrapper .bx-controls-direction a {
    z-index: 0;
}


/**----------------------------------------------------------------------
 [ナガイレーベン追加] colorbox追加 
----------------------------------------------------------------------**/
.bg_nblack {
    background-color:<img src="http://www.nagaileben.net/img/tempCatalog/beige_royalblue.gif">;
}
.bg_ay_purple {
    background-color:rgb(51,26,43);
}

.bg_ay_beige {
    background-color:rgb(175,124,63);
}

.bg_ay_olive {
    background-color:rgb(74,81,7);
}

.bg_rf_beige {
    background-color:rgb(181,143,60);
}

.bg_rf_purple {
    background-color:rgb(51,26,43);
}

.bg_rf_olive {
    background-color:rgb(91,109,44);
}

.bg_rf_pink {
    background-color:rgb(237,116,116);
}

.bg_rf_blue {
    background-color:rgb(68,124,158);
}

.bg_jd_pink {
    background-color:rgb(247,89,131);
}

.bg_jd_blue {
    background-color:rgb(142,230,244);
}

.bg_mfg_green {
    background-color:rgb(150,203,128);
}


.bg_ay_lavender {
    background-color:rgb(198,179,215);
}

.bg_ay_skyblue {
    background-color:rgb(168,191,218);
}

.bg_mpa_powderblue {
    background-color:rgb(168,191,218);
}

.bg_mpa_lightmauve {
    background-color:rgb(210,171,193);
}

.bg_mpa_bottlegreen {
    background-color:rgb(47,68,65);
}

.bg_mpa_jaffaorange {
    background-color:rgb(197,77,55);
}

.bg_mpa_brown {
    background-color:rgb(92,81,78);
}

.bg_cfs_green {
    background-color:rgb(217,233,227);
}


.n-sbn::before {
      background: url(https://owl-stock.work/wp-content/uploads/2020/03/00022-tmb.png) no-repeat center center / auto 100%;
}
.n-sbn::before {
  content: "";           /* 疑似要素に必須 */
  width: 16px;           /* アイコンの横幅 */
  height: 16px;          /* アイコンの高さ */
  background: url(https://owl-stock.work/wp-content/uploads/2020/03/00022-tmb.png) no-repeat center center / auto 100%; /* 背景にアイコン画像を配置 */
  display: inline-block; /* 高さを持たせるためにインラインブロック要素にする */
  position: absolute;    /* 相対位置に指定 */
  top: 4px;              /* アイコンの位置。微調整してね */
  left: 5px;             /* アイコンの位置。微調整してね */
}


/*きせかえ*/

option.optionStyle {
	color: #202020;
	background: #D0D0D0;
}

.kisekae {
	width: 500px;
	margin: 40px auto;
}
.kisekae_side {
	display: inline-flex;
	float: left;
	width: 200px;
}

.kisekae_side div.kisekae_mi {
	margin: 10px 0;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	width: 100%;
	min-width: 200px;
	color: #494949;/*文字色*/
	background: #f4f4f4;/*背景色*/
	border-left: solid 5px #aaaaaa;/*左線*/
}
.kisekae_side select {
	width: 100%;
	padding: 8px 0;
	max-width: 200px;
	border: #aaa 1px solid;
	margin-bottom: 20px;
}
.kisekae_main {
	display: inline-flex;
	position: relative;
	top: 10px;
	width: 270px;
	height: 440px;
	z-index: 1;
}

.kisekae_footer{
	width: 100%;
	text-align: center;
}

img.wallPaper {
	width: 270px;
	height: 432px;
	position: absolute;
	z-index: 1;
	object-fit: cover;
}

img.topWare {
	position: absolute;
	margin-top: 20px;
    margin-left: 20px;
	width: 240px;
	height: 400px;
	z-index: 3;
}

img.bottomWare {
	position: absolute;
	margin-top: 20px;
    margin-left: 20px;
	width: 240px;
	height: 400px;
	z-index: 2;
}

[id^="kisekae_"] div#sysMain{
   float: none; 
   width: 100%;
}
.kisekae_kobetsu {
   float: left;
}
.kisekae_sysItemList{
    width: 480px;
    margin: 40px 0;
    float: right;
}
.kisekae_sysItemList .sysItemList ul.sysList li{
    float: left;
    height: 240px;
    border-top: 0px solid lightgray!important;
}

.kisekae_sysItemList .sysItemList ul.sysList li:last-child {
    border-bottom: 0px solid lightgray;
}

.kisekae_sysItemList .sysItemList ul.sysList li .sysThumbnailImage {
    width: 140px;
}

.kisekae_sysItemList .sysItemList ul.sysList li .sysItemName{
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
}

.kisekae_sysItemList .menu {
	list-style-type:none;
}
.kisekae_sysItemList .menu > li {
	display:inline-block;
	border: #aaa 1px solid;
	position:relative;
	height: 30px;
	line-height: 30px;
	width: 50%;
}
.kisekae_sysItemList .menu > li > ul {
	display:none;
	line-height: normal; 
	height: auto; 
	background: #fff;
	width: 100%;
}
.kisekae_sysItemList .menu > li > ul > li {
	height: 30px;
	line-height: 30px;
}
.kisekae_sysItemList .menu > li:hover ul {
	display:block;
	position:absolute;
	padding: 0px;
	margin:0;
	left:0;
	list-style-type:none;
	border: #aaa 1px solid;
}
.kisekae_sysItemList .menu > li a{
    color: #8d8d8d;
}
@media screen and (max-width:480px){
.nl-header-main-nav {
  margin: 0px;
}

/** *********************************************
フォーム
*******************************************************************/
/* テキスト入力 */
input[type=text], input[type=password], input[type=tel], input[type=email] {
  padding: 6px;
}

/* テキストエリア */
textarea {
  width: 100%;
  padding: 6px;
}

/** *********************************************
アイテムブロック
*******************************************************************/
.sysFuncItemBlock .sysContent .sysHorizontal li {
  width: 50%;
}

/** *********************************************
カテゴリーページ
*******************************************************************/
#sysItemCategory #sysMain .sysItemList ul li {
  width: 100%;
}

/** *********************************************
商品詳細ページ
*******************************************************************/
#sysItemDetail #sysWrap #sysMain {
  width: 100%;
  margin-top: 780px;
  background-color: #fff;
}

#sysItemDetail #sysWrap #sysAside {
  float: none;
  width: 100%;
}

#sysItemDetail .sysItemImages .sysMainImage {
  float: none;
  max-width: none;
}

/* 商品画像 */
#sysItemDetail #sysWrap #sysAside .sysItemImages {
  position: absolute;
  background-color: #fff;
  height: 780px;
  width: 100%;
  left: 0px;
}

.sysImageDescription {
    text-align: left;
    margin: 20px;
    float: none;
}

/* 商品オプション詳細モーダル */
div[class*=nl-product-option-detail-] {
  width: 90%;
  box-shadow: 0 0 4px #999;
}

/* 適応寸法モーダル */
#sizechart .nl-main-sizechart #SIZECHART {
  width: 100%;
}

#sizechart .nl-main-sizechart .sizechart-block {
  width: 100%;
}

#sizechart .nl-main-sizechart .sizechart-block .size-left {
  width: 100%;
  float: none;
}

#sizechart .nl-main-sizechart .sizechart-block .size-right {
  width: 100%;
  height: auto;
  min-height: initial;
  min-height: auto;
  float: none;
  border: none;
}

#sizechart .nl-main-sizechart .sizechart-block .size-left li {
  display: inline-block;
}

/** *********************************************
カートページ
*******************************************************************/
.sysCart #sysWrap #sysMain {
  padding: 40px 16px;
}

.sysCart #sysAll > #sysMain {
  padding-left: 16px;
  padding-right: 16px;
}

#sysBasket #sysMain .sysFreeAreaBottom {
  text-align: left;
}

.sysCart .sysBox img.sysProductImg {
  float: none;
}

.sysCart .sysBox .sysProduct {
  float: none;
}

#sysRegi #sysMain #sysPurchaseAuthMember, #sysRegi #sysMain #sysRegisterForm {
  width: 100%;
  float: none;
}

/** *********************************************
マイページ
*******************************************************************/
.sysMypage #sysMain > h3,
.sysMypage #sysMain .sysLoginForm,
.sysMypage #sysMain .sysOrderHistory,
.sysMypage #sysMain .sysMypageNav,
.sysMypage #sysMain .sysWithdrawal,
.sysMypage #sysMain .sysItemList,
.sysMypage #sysMain > div,
.sysMypage #sysMain > p,
.sysMypage #sysMain > form
{
  margin-left: 16px !important;
  margin-right: 16px !important;
}

/** *********************************************
ご利用ガイド
*******************************************************************/
#gide #sysMain, #gide #sysAside {
  width: 100%;
  float: none;
  padding: 20px 0px;
}

#gide .nl-main-guide-block {
  padding: 0px 16px;
}

#gide .nl-aside-guide-menu-content {
  width: 100%;
}

/** *********************************************
特定商取引法に基づく表記ページ
*******************************************************************/
#leagal .nl-main-leagal table {
  width: 90%;
  margin: 0px auto;
}

#leagal .nl-main-leagal table th, #leagal .nl-main-leagal table td {
  display: block;
  width: 100%;
}

/** *********************************************
お問い合わせページ
*******************************************************************/
.form-inquiry .sysForm {
  padding: 0px 16px;
}

.form-inquiry .sysForm textarea {
  width: 100%;
}
.footerCnt .sysHeadline {
font-size: xx-small;
}

/* ++++ ++++ ++++ ++++ ++++ 
トグルボタン 
++++ ++++ ++++ ++++ ++++ */

#navTgl {
	display: none;
}
label.open,
label.close {
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
	border-bottom: 0px solid #ccc;
}
label.open:after,
label.close:after {
    content: '';
}
.open {
	z-index: 2;
	width: 60px;
	height: 48px;
	transition: background .5s, transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
}
.open::before,
.open::after {
	content: "";
}
.open span,
.open::before,
.open::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid #000;
	transition: transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
}
.open::before {
	transform: translateY(-8px);
}
.open::after {
	transform: translateY(8px);
}
.close {
	z-index: 1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: background .5s;
}
#navTgl:checked + .open span {
	transform: scaleX(0);
}
#navTgl:checked + .open::before {
	transform: rotate(45deg);
}
#navTgl:checked + .open::after {
	transform: rotate(-45deg);
}
#navTgl:checked ~ .close {
	background: #fff;
}
.menu {
	z-index: 1;
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 6%;
	margin: 0;
	box-sizing: border-box;
	transform: translateX(-100%);
	transition: transform .5s cubic-bezier(0.33, 1.01, 0.33, 0.97);
}
.menu h2,
.menu a {
	color: #000;
}
.menu h2 {
	text-align: center;
}
.menu ul {
	padding: 0 0 12px;
	text-align: left;
	margin: 0 auto;
}
.menu li {
	font-size: 14px;
	line-height: 0.8;
}
.menu a {
	display: block;
	padding: 1.4em 2em;
	text-decoration: inherit;
	transition: background .5s;
}
.menu li:hover:after {
	display: block;
	content: '';
	width: 100px;
	margin: 0 auto;
}
#navTgl:checked ~ .menu {
	transform: none;
}
label.t_o {
    display: block;
    margin: 0 0 1px 0;
    padding :20px 10px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
  }
label.t_o:after {
    content: 'v';
    position: absolute;
    right: 10%;
    color: #ccc;
}
#menu_bar1:checked + label:after,
#menu_bar2:checked + label:after,
#menu_bar3:checked + label:after,
#menu_bar4:checked + label:after {
    transition: all 0.5s;
}
#menu_bar1:checked + label:after,
#menu_bar2:checked + label:after,
#menu_bar3:checked + label:after,
#menu_bar4:checked + label:after {
    transform: rotateX(180deg);
    position: absolute;
    right: 10%;
}
.menu input {
    display: none;
}
.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu li {
    max-height: 0;
    overflow-y: hidden;
    transition: all 1s;
    font-size: 14px;
}
#menu_bar1:checked ~ #links1 li,
#menu_bar2:checked ~ #links2 li,
#menu_bar3:checked ~ #links3 li,
#menu_bar4:checked ~ #links4 li {
    max-height: 100px;
    opacity: 1;
}
.menu h2 {
    width: 176px;
    margin: 20px;
}
.menu h2 a {
    padding: 0;
}

/* ++++ ++++ ++++ ++++ ++++ 
絞り込み検索
++++ ++++ ++++ ++++ ++++ */

.sysItemSearchFormItemCategoryGroups > div {
    width: 100%;
}
.sysItemSearchFormItemCategoryGroups ul {
    height: auto; 
}
.sysItemSearchFormItemCategoryGroups > div {
    margin: 0;
}

#sysItemSearch .sysItemList ul.sysThumbnail li {
    width: 50%;
}
/* ++++ ++++ ++++ ++++ ++++ 
その他
++++ ++++ ++++ ++++ ++++ */

.h_logo {
    margin: 20px;
}
#sysFooter {
    text-align: center;
    line-break: strict;
}
#sysFooter p{
     float: none;
    text-align: center;
    line-height: 2;
    line-break: strict;
    height: 80px;
}
#sysFooter nav ul {
    text-align: center;
}
#sysFooter nav li {
    text-align: center;
    float: left;
    height: 30px;
    padding: 12px;
}

.header_search {
    float: none;
    width: 80%;
    margin: 0 auto;
}

#tempCatTop {
    margin-top: 40px;
}

.sysFuncItemBlock .sysContent .sysHorizontal li {
    width: 33%!important;
    height: 240px;
}

.sysExplanation {
    margin: 100px auto 0;
}

.vimeo_24 iframe{
    position: static!important;
}

div[class*="vimeo_"] iframe{
    position: static!important;
}

.kisekae {
    width: 100%;
}
.kisekae_side {
    display: block;
    float: none;
    width: 200px;
    margin: 0 auto;
}
.sysItemList {
    margin: 10%;
}

.kisekae_sysItemList{
    width: 100%;
    max-width: 480px;
    float: none;
}
}
@media screen and (min-width:481px) and (max-width:481px){
/** *********************************************
カテゴリーページ
*******************************************************************/
#sysItemCategory #sysMain .sysItemList ul li {
  width: 33%;
}

/** *********************************************
カートページ
*******************************************************************/
.sysCart #sysWrap #sysMain {
  padding: 40px 16px;
}

.sysCart #sysAll > #sysMain {
  padding-left: 16px;
  padding-right: 16px;
}

/** *********************************************
マイページ
*******************************************************************/
.sysMypage #sysMain > h3,
.sysMypage #sysMain .sysLoginForm,
.sysMypage #sysMain .sysOrderHistory,
.sysMypage #sysMain .sysMypageNav,
.sysMypage #sysMain .sysWithdrawal,
.sysMypage #sysMain .sysItemList,
.sysMypage #sysMain > div,
.sysMypage #sysMain > p,
.sysMypage #sysMain > form
{
  margin-left: 16px !important;
  margin-right: 16px !important;
}

/** *********************************************
ご利用ガイド
*******************************************************************/
#gide #sysMain, #gide #sysAside {
  width: 100%;
  float: none;
  padding: 20px 0px;
}

#gide .nl-main-guide-block {
  padding: 0px 16px;
}

#gide .nl-aside-guide-menu-content {
  width: 100%;
}

/** *********************************************
特定商取引法に基づく表記ページ
*******************************************************************/
#leagal .nl-main-leagal table {
  width: 90%;
  margin: 0px auto;
}

/** *********************************************
お問い合わせページ
*******************************************************************/
.form-inquiry .sysForm {
  padding: 0px 16px;
}
}
@media screen and (min-width:482px){
/** *********************************************
カテゴリーページ
*******************************************************************/
#sysItemCategory #sysMain .sysItemList ul li {
  width: 33%;
}
}
/* #END_OF_RESOURCE_FILE */
