@charset "utf-8";
/*
*html5doctor 1.6.1: CSS Reset
*/
@import "css/reset-html5.css";
/*
*CSS START
*/
/* ----- パンくず ----- */
@import url("css/breadcrumbs.css");
html { font-size: 62.5%; }
body {
color: #1b1b1b;
-webkit-text-size-adjust: 100%;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-top: 4px solid #cf4c42;
}
p {
font-size: 1.4rem;
line-height: 24px;
margin-top: 15px;
}
a img:hover, .hl01:hover, .tog:hover, input[type="image"]:hover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
a {
outline: none;
color: #3366FF;
text-decoration: underline;
}
a:hover {
color: #cf4c42;
text-decoration: none;
}
em {
font-style: normal;
color: #F90;
font-weight: bold;
}
input[type="image"] {
-webkit-appearance: none;
border-radius: 0;
}
.tog { cursor: pointer; }
/*.tog.active { background: #ffc300; }*/
.etcimg.tog.active { background: #ffc300; }
header {
width: 310px;
margin-right: auto;
margin-left: auto;
padding: 0px 5px;
overflow: hidden;
}
.hl00 {
width: 310px;
margin-top: 10px;
}
.sc { padding-left: 4px; }
.topNavi { overflow: hidden; }
.topNavi a {
float: left;
display: block;
}
.contents {
width: 310px;
margin: 0px auto;
padding: 0px 5px;
}
.mhla {
color: #cf4c42;
font-size: 1.4rem;
line-height: 14px;
letter-spacing: 5px;
text-align: center;
border: 1px solid #cf4c42;
margin-top: 15px;
padding: 4px 0px;
font-weight: bold;
clear: both;
}
.mhlb {
font-size: 1.6rem;
font-weight: bold;
color: #FFF;
background: #cf4c42;
letter-spacing: 3px;
text-align: center;
padding: 8px 0px;
margin-top: 4px;
line-height: 16px;
clear: both;
}
.menulist {
width: 310px;
margin-top: 10px;
color: #212121;
font-size: 1.6rem;
line-height: 22px;
font-weight: bold;
overflow: hidden;
}
.menulist li {
height: 63px;
width: 152px;
float: left;
position: relative;
margin: 0px 6px 6px 0px;
}
.menulist li:nth-child(even) { margin-right: 0px; }
.menulist li a {
color: #212121;
text-decoration: none;
display: block;
background: url(images/sp/bg-menu-01a.png) no-repeat left top;
height: 63px;
width: 152px;
background-size: 152px 63px;
}
.menulist li .bgm1 {
background: url(images/sp/bg-menu-02a.png);
background-size: 152px 63px;
}
.menulist li .bgm2 {
background: url(images/sp/bg-menu-03a.png);
background-size: 152px 63px;
}
.menulist li .bgm3 {
background: url(images/sp/bg-menu-04a.png);
background-size: 152px 63px;
}
.menulist li .bgm4 {
background: url(images/sp/bg-menu-05a.png);
background-size: 152px 63px;
}
.menulist li .bgm4_1 {
background: url(images/sp/bg-menu-05a-1.png);
background-size: 152px 63px;
}
.menulist li .bgm4_2 {
background: url(images/sp/bg-menu-05a-2.png);
background-size: 152px 63px;
}
.menulist li .bgm4_3 {
background: url(images/sp/bg-menu-05a-3.png);
background-size: 152px 63px;
}
.menulist li .bgm5 {
background: url(images/sp/bg-menu-06a.png);
background-size: 152px 63px;
}
.menulist li .bgm6 {
background: url(images/sp/bg-menu-07a.png);
background-size: 152px 63px;
}
.menulist li .bgm7 {
background: url(images/sp/bg-menu-08a.png);
background-size: 152px 63px;
}
.menulist li .bgm8 {
background: url(images/sp/bg-menu-09a.png);
background-size: 152px 63px;
}
.menulist li .bgm9 {
background: url(images/sp/bg-menu-10a.png);
background-size: 152px 63px;
}
.menulist li .bgm9_1 {
background: url(images/sp/bg-menu-10a-1.png);
background-size: 152px 63px;
}
.menulist li .bgm9_2 {
background: url(images/sp/bg-menu-10a-2.png);
background-size: 152px 63px;
}
.menulist li .bgm9_3 {
background: url(images/sp/bg-menu-10a-3.png);
background-size: 152px 63px;
}
.menulist li .bgm9_4 {
background: url(images/sp/bg-menu-10a-4.png);
background-size: 152px 63px;
}
.menulist li .bgm10 {
background: url(images/sp/bg-menu-11a.png);
background-size: 152px 63px;
}
.menulist li .bgm15 {
background: url(images/sp/bg-menu-15a-0.png);
background-size: 152px 63px;
}
.menulist li .bgm15_1 {
background: url(images/sp/bg-menu-15a-1.png);
background-size: 152px 63px;
}
.menulist li .bgm15_2 {
background: url(images/sp/bg-menu-15a-2.png);
background-size: 152px 63px;
}
.menulist li .bgm15_3 {
background: url(images/sp/bg-menu-15a-3.png);
background-size: 152px 63px;
}
.menulist li .bgm15_4 {
background: url(images/sp/bg-menu-15a-4.png);
background-size: 152px 63px;
}
.menulist li .bgm15_5 {
background: url(images/sp/bg-menu-15a-5.png);
background-size: 152px 63px;
}
.menulist li .bgm15_6 {
background: url(images/sp/bg-menu-15a-6.png);
background-size: 152px 63px;
}
.menulist li .bgm15_7 {
background: url(images/sp/bg-menu-15a-7.png);
background-size: 152px 63px;
}
.menulist li .bgm15_8 {
background: url(images/sp/bg-menu-15a-8.png);
background-size: 152px 63px;
}
.menulist li a:hover {
color: #777777;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
.menulist span {
display: table-cell;
width: 100px;
height: 61px;
vertical-align: middle;
padding-left: 40px;
padding-right: 12px;
padding-top: 2px;
}
.menulist span.sofa1 { padding-left: 56px; }
.menu-catalog { margin: 10px 0 0px; }
.menu-catalog li { margin-top: -1px; }
.menu-mid {
width: 310px;
margin-top: 1px;
font-weight: bold;
}
.menu-mid li {
background: url(images/sp/bg-catalog-menu.png) no-repeat left top;
background-size: 310px 41px;
height: 41px;
width: 310px;
font-size: 1.8rem;
line-height: 18px;
text-align: center;
margin-top: -1px;
}
.menu-mid li a {
display: table-cell;
vertical-align: middle;
height: 38px;
width: 310px;
text-decoration: none;
color: #333;
padding-top: 3px;
}
.menu-mid li:hover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
.menu-mid li a:hover { color: #666; }
.ohla {
font-size: 1.6rem;
font-weight: bold;
color: #cf4c42;
text-align: center;
padding: 8px 0px;
margin-top: 15px;
line-height: 16px;
clear: both;
border-top: 4px solid #cf4c42;
border-bottom: 4px solid #cf4c42;
}
.ohlb {
font-size: 1.6rem;
font-weight: bold;
color: #cf4c42;
padding: 8px 0px;
margin-top: 15px;
line-height: 24px;
clear: both;
border-top: 4px solid #cf4c42;
border-bottom: 4px solid #cf4c42;
}
.hotitem, .catitemlist {
width: 310px;
margin-top: 15px;
overflow: hidden;
font-size: 1.4rem;
line-height: 22px;
letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
clear: both;
}
.hotitem li, .catitemlist li {
width: 150px;
display: inline-block;
letter-spacing: normal;
margin: 0px 8px 10px 0px;
vertical-align: top;
}
.hotitem li span, .catitemlist li span {
color: #F00;
font-size: 1.2rem;
}
.hotitem li:nth-child(even), .catitemlist li:nth-child(even) { margin-right: 0; }
.hotimg, .catitemlist li a:nth-child(1) img {
border: 1px solid #999;
height: 148px;
width: 148px;
margin-bottom: 8px;
}
.information {
width: 310px;
overflow: auto;
height: 150px;
margin-top: 10px;
font-size: 1.4rem;
line-height: 18px;
border: 1px solid #CCC;
}
.information dt { margin: 10px 0px 0px 10px; }
.information dd {
background: #f6f6f6;
padding: 10px;
margin: 5px 10px 10px 10px;
}
dl.information dd p {
font-size: 1.4rem;
line-height: 22px;
margin-top: 0px;
}
.menu-bot {
width: 310px;
margin-top: 16px;
}
.menu-bot li {
background: url(images/sp/bg-menu-bot.png) no-repeat left top;
background-size: 310px 41px;
height: 41px;
width: 310px;
font-size: 1.8rem;
line-height: 18px;
text-align: center;
margin-top: -1px;
}
.menu-bot li a {
display: table-cell;
vertical-align: middle;
height: 38px;
width: 310px;
text-decoration: none;
color: #333;
padding-top: 3px;
}
.menu-bot li:hover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
.menu-bot li a:hover { color: #666; }
.tel-bot {
border: 3px solid #7E6B5A;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 15px;
}
.tel-bot img { margin-bottom: 10px; }
.tel-bot p {
line-height: 24px;
font-size: 1.6rem;
color: #666666;
margin-top: 10px;
}
.item-bot {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 15px;
}
.item-bot img { margin-bottom: 10px; }
.item-bot p {
line-height: 24px;
font-size: 1.6rem;
color: #666;
margin-top: 10px;
}
.gotop {
text-align: center;
display: block;
width: 310px;
font-size: 1.4rem;
line-height: 20px;
color: #333;
text-decoration: underline;
margin-top: 0px;
}
/* ページャー */
.pager {
margin-top: 15px;
font-size: 1.4rem;
zoom: 1;
}
.pager a, .pager span {
display: block;
float: left;
margin-right: 0.9em;
padding: 0.5em 0.7em;
margin-bottom: 0.6em;
}
.pager a.num {
border: 1px solid #cf4c42;
background-color: #FFF;
color: #cf4c42;
text-decoration: none;
}
.pager a.num:hover {
background-color: #cf4c42;
color: #FFF;
}
.pager .current {
border: 1px solid #cf4c42;
background-color: #cf4c42;
color: #FFF;
font-weight: bold;
}
.pager .dot { color: #333; }
.pager .nextprev {
border: 1px solid #cf4c42;
background-color: #FFF;
color: #cf4c42;
}
.pager a.nextprev {
border: 1px solid #cf4c42;
background-color: #FFF;
text-decoration: none;
}
.pager a.nextprev:hover {
background-color: #cf4c42;
color: #FFF;
}
.pager .separator { }
.pager:after {
content: '';
display: block;
clear: both;
}
/* パンくず */
/*.breadcrumb, .breadcrumb2 {
overflow: hidden;
font-size: 1.4rem;
line-height: 14px;
color: #333;
margin-top: 15px;
}
.breadcrumb a, .breadcrumb2 a {
color: #333;
text-decoration: underline;
float: left;
}
.breadcrumb a:hover, .breadcrumb2 a:hover {
color: #27498F;
text-decoration: none;
}
.breadcrumb div, .breadcrumb2 div {
float: left;
margin-right: 10px;
margin-bottom: 5px;
display: block;
}
.breadcrumb2 div { margin-bottom: 5px; }
.ob1 {
margin: 0px 5px 5px;
float: left;
}
.ob2 {
margin: 0px 9px 10px;
float: left;
}*/
.breadcrumb, .breadcrumb2 {
overflow: hidden;
font-size: 1.4rem;
line-height: 28px;
color: #333;
margin-top: 15px;
}
.breadcrumb a, .breadcrumb2 a {
color: #333;
text-decoration: underline;
}
.breadcrumb a:hover, .breadcrumb2 a:hover {
color: #27498F;
text-decoration: none;
}
.breadcrumb div, .breadcrumb2 div {
margin-right: 0px;
margin-bottom: 0px;
display: inline;
}
.breadcrumb2 div { margin-bottom: 5px; }
/*.ob1 { margin: 0px 5px 5px; }
.ob2 {
margin: 0px 5px;
font-weight: bold;
color: #000;
font-size: 1.8rem;
}*/
.ob1 {
  margin: 0px 5px 5px;
  float: left;
}
.ob2 {
  margin: 0px 0px 0px;
  padding: 0px 0 0 0;
  float: left;
  display: inline-block;
}
/*■画像追加サムネイル*/
#box_item_center, .shohinimg { margin-top: 15px; }
.shohin_image_l, .shohin_image_s, .shohinimg li {
font-style: normal;
font-weight: normal;
text-decoration: none;
margin: 0 0 10px 0;
padding: 0;
color: #999999;
width: 148px;
border: 1px solid #dfdfdf;
float: left;
margin-right: 10px;
}
.shohin_image_l:nth-child(even), .shohin_image_s:nth-child(even), .shohinimg li:nth-child(even) { margin-right: 0; }
.shohin_image_l a img, .shohin_image_s a img, .shohinimg li a img {
width: 148px;
height: auto;
}
.etcimg {
font-size: 1.6rem;
line-height: 16px;
background: #cf4c42;
text-align: center;
color: #FFF;
text-decoration: underline;
padding-top: 6px;
padding-bottom: 6px;
clear: both;
margin: 0px 0px 10px;
}
#box_item_right, .shohindetail {
font-size: 1.4rem;
line-height: 22px;
border: 1px solid #CCC;
padding: 9px;
clear: both;
overflow: hidden;
}
#box_item_right .kakaku, .shohindetail .price3 {
font-size: 1.8rem;
line-height: 24px;
font-weight: bold;
color: #f05c00;
margin-bottom: 15px;
}
.shohindetail h2, .shohindetail .price2 {
font-weight: normal;
font-size: 1.3rem;
color: #707070;
}
input[name="frame_color_num"], input[name="cloth_color_num"] {
width: 162px;
height: 20px;
}
.btn-item-cart, #inquiry {
width: 290px;
margin: 0px auto 15px;
text-align: center;
}
.btn-item-cart input:hover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
.goprev {
cursor: pointer;
background: url(images/sp/icon-1.png) no-repeat 10px center;
background-size: 19px 19px;
text-align: center;
font-size: 1.6rem;
line-height: 16px;
text-decoration: underline;
padding-top: 12px;
padding-bottom: 10px;
border: 1px solid #333;
}
.goprev:hover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
.mhlc {
font-size: 1.4rem;
line-height: 14px;
text-align: center;
padding-top: 10px;
border-top: 5px solid #cf4c42;
margin: 10px 0px 10px;
clear: both;
}
/* ナビゲーション */
#navi {
margin: 15px 0px 0px;
font-size: 1.3rem;
line-height: 13px;
overflow: hidden;
}
#navi .page {
float: left;
color: #bfbfbf;
background: #FFF;
min-width: 50px;
max-width: 150px;
border: 1px solid #AAA;
margin-bottom: 5px;
}
#navi .separator {
width: 18px;
float: left;
}
#navi .separator p { font-size: 1.0rem; }
#navi p {
text-align: center;
margin-top: 0px;
padding: 0px 5px;
}
#navi a {
display: block;
background-color: #FFF;
color: #111;
text-align: center;
text-decoration: none;
padding: 5px;
}
#navi a:hover {
color: #FFF;
background: #cf4c42;
}
#navi #now {
color: #FFF;
background: #cf4c42;
font-size: 1.3rem;
line-height: 13px;
padding: 5px;
}
.float-clear { clear: left; }
#hl {
font-size: 1.6rem;
line-height: 20px;
}
.explain {
font-size: 1.4rem;
line-height: 24px;
margin-top: 15px;
}
.shopping-next-btn { text-align: center; }
.shopping-next-btn input {
width: 290px;
height: 34px;
}
.shopping-update-btn { text-align: center; }
.shopping-tbl {
border-collapse: collapse;
border: solid 1px #CCC;
font-size: 1.4rem;
line-height: 20px;
width: 290px;
margin: 15px auto 0px;
text-align: center;
font-weight: bold;
}
.shopping-tbl td, .shopping-tbl th {
border: 1px solid #CCC;
padding: 5px;
}
.shopping-tbl td img {
width: 200px;
height: auto;
}
.carta { background: #ffd700; }
.cartb { color: #448aca; }
.cartc {
color: #448aca;
text-align: left;
}
.cartd {
background: #FF3300;
color: #FFF;
}
.carte {
font-size: 1.6rem;
color: #F00;
}
.cartf {
background: #FF0000;
color: #FFF;
}
.cartg {
font-size: 1.8rem;
color: #333;
}
.carth {
font-size: 1.2rem;
background: #FF0000;
color: #FFF;
}
.carti {
text-align: left;
font-weight: normal;
}
.cartj { background: #EEE; }
.cartbox, .mail, .txtbox {
border: 1px solid #CCC;
padding: 9px;
clear: both;
margin-top: 15px;
overflow: hidden;
}
.warning {
font-weight: bold;
color: #F00;
}
.kome, .kome2 {
margin-left: 2px;
color: #F00;
}
.infoinput th {
background-color: #EEE;
font-weight: bold;
color: #555;
}
.infokakunin th {
background-color: #EEE;
color: #666;
}
.infokakunin td {
text-align: left;
color: #039;
}
.infoinput input { height: 20px; }
.mail-tbl input[type="submit"] {
height: 36px;
letter-spacing: 0.3em;
}
.infoinput input[name="name"], .infoinput input[name="ruby"], .infoinput input[name="addr"], .infoinput input[name="email"], .infoinput input[name="send_name"], .infoinput input[name="send_ruby"], .infoinput input[name="send_addr"], .infoinput textarea[name="msg"], .infoinput input[name="text_1"], .infoinput input[name="text_2"], .infoinput input[name="text_3"], .infoinput input[name="text_4"], .infoinput input[name="email_1"], .infoinput textarea[name="textarea_1"], .mail-tbl input[type="submit"] { width: 270px; }
.infoinput input[name="zip1"], .infoinput input[name="send_zip1"] { width: 40px; }
.infoinput input[name="zip2"], .infoinput input[name="send_zip2"] { width: 60px; }
.infoinput input[type="radio"] { vertical-align: bottom; }
.notice li, .notice {
text-align: left;
font-weight: normal;
color: #F00;
font-size: 1.2rem;
margin-top: 5px;
}
.mail-tbl {
border-collapse: collapse;
border: solid 1px #CCC;
font-size: 1.4rem;
line-height: 20px;
width: 290px;
margin: 15px auto 0px;
text-align: center;
font-weight: bold;
}
.mail-tbl td, .mail-tbl th {
border: 1px solid #CCC;
padding: 5px;
}
.ehla {
font-size: 1.6rem;
line-height: 22px;
color: #cf4c42;
padding-left: 12px;
border-left: 5px solid #cf4c42;
margin-top: 30px;
}
.etc-tbl {
border-collapse: collapse;
border: solid 1px #CCC;
font-size: 1.3rem;
line-height: 16px;
width: 290px;
margin: 15px auto 0px;
text-align: left;
}
.etc-tbl td, .etc-tbl th {
border: 1px solid #CCC;
padding: 5px;
}
.etc-tbl th {
background-color: #EEE;
width: 80px;
}
.lista {
font-size: 1.4rem;
line-height: 24px;
list-style: circle outside;
margin: 15px 0px 0px 18px;
}
footer {
width: 320px;
margin-right: auto;
margin-left: auto;
padding-top: 15px;
padding-bottom: 0px;
clear: both;
}
p.ue {
font-size: 1.8rem;
text-align: center;
margin-right: auto;
background: #FFC300;
width: 200px;
margin-left: auto;
margin-top: 0px;
clear: left;
padding-top: 5px;
padding-bottom: 5px;
}
.cr {
font-size: 1.6rem;
text-align: center;
background: #cf4c42;
color: #FFF;
padding-top: 20px;
padding-bottom: 14px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Google カスタムサーチ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gSearch {
width: auto;
height: 32px;
font-size: 16px!important;
line-height: 16px!important;
text-align: left;
margin-bottom: 15px;
clear: both;
}
input.gsc-input {
/*height: 30px!important;*/
height: 18px!important;
}
button.gsc-search-button, button.gsc-search-button-v2 {
padding: 11px 20px 10px!important;
}
@media all and (-ms-high-contrast: none) {	/* IE10以上 */
button.gsc-search-button, button.gsc-search-button-v2 {
padding: 11px 20px 2px!important;
}
}
/*カタログ請求フォーム*/
.hl--catalog__h2 {
font-size: 16px;
color: #333;
margin: 0 10px 10px;
clear: both;
}
.list--catalog__ul {
margin: 0 5px 20px;
overflow: hidden;
}
.list--catalog__ul li {
float: left;
margin-right: 35px;
text-align: center;
line-height: 28px;
font-size: 14px;
font-weight: bold;
}
.list--catalog__ul li:last-child { margin-right: 0px; }
.list--catalog__ul li img { border: 1px solid #DDD; }
.txt--catalog__p {
font-size: 14px;
color: #464646;
margin: 0 10px 20px;
line-height: 24px;
}
.txt--catalog__p strong {
color: #F00;
font-weight: normal;
}
.btn--catalog {
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
-webkit-box-shadow: 0px 3px 0px #333;
-moz-box-shadow: 0px 3px 0px #333;
box-shadow: 0px 3px 0px #333;
color: #464646;
font-size: 18px;
background: #FFF;
padding: 10px 0;
border: solid #CCC 1px;
text-decoration: none;
display: block;
width: 250px;
text-align: center;
margin: 0 auto 30px;
font-weight: bold;
}
.btn--catalog:hover {
color: #111;
background: #EEE;
text-decoration: none;
}
/* 汎用 */
.dis_bl { display: block; }
.dis_no { display: none; }
.mgt0 { margin-top: 0; }
.mgt5 { margin-top: 5px; }
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt30 { margin-top: 30px; }
.mgt40 { margin-top: 40px; }
.mgb0 { margin-bottom: 0; }
.mgt5 { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
.mgb20 { margin-bottom: 20px; }
.mgb30 { margin-bottom: 30px; }
.mgb40 { margin-bottom: 40px; }
/* 画像サイズ指定 */
.is01 {
/*width: 240px;
height: 64px;*/
width: 189px;
height: 53px;
}
.is02 {
width: 310px;
height: 66px;
}
.is03 {
width: 310px;
height: 51px;
clear: both;
}
.is04 {
width: 57px;
height: 19px;
vertical-align: middle;
}
.is05 {
width: 290px;
height: 44px;
}
.is06 {
width: 130px;
height: 30px;
}
.is07 {
width: 290px;
height: 65px;
}
.shopping-tbl caption {
font-size: 1.6rem;
line-height: 20px;
}
.lista li {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px dotted #999;
}
/*張地サンプル*/
.mhlb {
font-size: 1.6rem;
font-weight: bold;
color: #FFF;
background: #cf4c42;
letter-spacing: 3px;
text-align: center;
padding: 8px 0px;
margin-top: 4px;
line-height: 16px;
clear: both;
}
.mhld {
font-size: 1.6rem;
font-weight: bold;
background: url(images/sp/icon-01.png) no-repeat left 0px;
background-size: 15px 15px;
line-height: 16px;
border-bottom: 1px solid #333;
padding: 0px 0px 10px 24px;
margin-top: 15px;
}
.mhle {
font-size: 1.6rem;
line-height: 22px;
border-left: 5px solid #666;
margin: 0px 0px 10px;
padding: 8px 0px 7px 10px;
font-weight: bold;
text-align: left;
background: url(images/sp/bg-catalog-img.png) left top;
}
.colorsample {
background: #FFF;
margin-top: 10px;
overflow: hidden;
padding-bottom: 10px;
border-bottom: 1px solid #BBB;
}
.colorsample ul {
width: 310px;
letter-spacing: -0.4em;
}
.colorsample li {
vertical-align: top;
display: inline-block;
width: 100px;
letter-spacing: 0em;
margin: 0px 4px 10px 0px;
}
.colorsample li:nth-child(3n) { margin-right: 0; }
.colorsample.hayashi li {
width: 150px;
margin: 0px 10px 10px 0px;
}
.colorsample.hayashi li:nth-child(3n) { margin-right: 10px; }
.colorsample.hayashi li:nth-child(2n) { margin-right: 0; }
.txt1 {
display: block;
padding-top: 5px;
font-size: 10px;
line-height: 16px;
}
/*張地表*/
#tbl_hariji {
width: 100%;
border-collapse: collapse;
border: solid 1px #CCC;
font-size: 12px;
line-height: 16px;
margin: 20px 0px 5px;
}
#tbl_hariji th, #tbl_hariji td {
border: 1px solid #CCC;
padding: 5px 2px;
}
#tbl_hariji th { background: #F3F3F3; }
#tbl_hariji td {
text-align: center;
vertical-align: middle;
}
#tbl_hariji td:nth-child(4n) {
font-weight: bold;
color: #ff8b51;
background: #fffcda;
/*font-size: 14px;*/
letter-spacing: 0.05em;
}
#tbl_hariji th.col_rank { vertical-align: middle; }
#tbl_hariji th.col_list_price { vertical-align: middle; }
#tbl_hariji th.col_our_price {
vertical-align: middle;
font-weight: bold;
}
.rank_text_price {
font-weight: bold;
color: #ff8b51;
background: #fffcda;
}
/* エラー */
#error {
margin-top: 15px;
margin-bottom: 20px;
padding: 0px 15px 15px;
background-color: #FEE;
border: solid 1px #F99;
font-size: 14px;
text-align: left;
}
#error p {
color: #F00;
font-size: 16px;
}
#error ul {
margin-top: 10px;
margin-left: 0px;
}
#error ul li {
margin-bottom: 5px;
color: #000;
font-size: 14px;
line-height: 16px
}