@charset "UTF-8";
<!-- {
load_hfdesign
}
-->
/*---------------------------------------------
Browser Default Initialization seo_n_red
---------------------------------------------*/
* {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
height: 100%;
}
div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {
margin: 0;
padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
object, embed {
vertical-align: top;
}
hr {
display: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
display: block;
}
img, abbr, acronym, fieldset {
border: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: none;
max-width: 100%;
}
ul li, ol li {
list-style-type: none;
}
input {
vertical-align: middle;
}
/*---------------------------------------------
body
---------------------------------------------*/
body {
margin: 0;
padding: 0;
/*border-top:3px solid #9a0f1f;*/
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
*font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif,;
color: #000;
font-size: 12px;
line-height: 150%;
text-align: left;
-webkit-text-size-adjust: 100%;
/* background-color: #FFF;*/
height: 100%;
word-wrap: break-word;
background-color: #F2F2F2;
}
/*---------------------------------------------
Anchor
---------------------------------------------*/
a {
outline: none;
color: #000000;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #9a0f1f;
}
a:hover img {
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cunster: pointer;
}
a:active {
text-decoration: underline;
color: #c00;
}
#bread-crumb {
display: none!important;
}
@media screen and (min-width:551px) {
.sp {
display: none!important;
}
footer .sp {
display: none!important;
}
#wrapper {
width: 1000px;
background-color: #FFF;
min-height: 100%;
margin-right: auto;
margin-left: auto;
}
/* Header
----------------------------------------------- */
div#wrapper div#enquete-header, div#wrapper > div#cart-header, header {
/* width: 100%;*/
background-color: #231814;
/*background-color: #FFF;*/
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/header_bg_menu_2.gif) repeat-x bottom !im----------------portant;*/
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 20px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#header-inner {
width: 1000px;
*zoom: 1;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
}
header #header-inner {
<!-- {
if $hfdesign.h_bgurl
}
-->
background:url()
<!-- {
$hfdesign.h_bgurlp|background_pos
}
-->
no-repeat;
<!-- {
/if
}
-->
}
#header-inner #logo, #hNav {
display: table-cell;
vertical-align: middle;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 20;
}
#header-inner #hNav {
/*width: 660px;*/
text-align: right;
width: 460px;
}
#header-inner #hNav a:link {
color: #FFF;
}
* html #header-inner div {
display: inline;
zoom: 1;
}
*:first-child+html #header-inner div {
display: inline;
zoom: 1;
}
#header-inner #logo {
/*width: 340px;*/
width: 501px;
padding-left: 20px;
}
#header-inner h1 {
/*max-width: 340px;*/
max-width: 501px;
background: none;
margin: 0;
padding: 0;
}
#header-inner h1 a img:hover, #header-inner h2 a img:hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#hNav #searchbox_wrap {
overflow: hidden;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;/* margin: 10px 0;*/
}
#hNav #searchbox {
line-height: 100%;
font-size: 65%;
color: #999;
align: right;
float: right;
overflow: hidden;
}
#hNav #searchbox p.cart-search {
margin-top: 0px;
}
#hNav #searchbox p {
float: left;
margin: 0px 5px 0 0;
}
#hNav #searchbox p img {
margin-top: 5px;
}
#hNav #searchbox form {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/searchbox.gif) no-repeat left top;
width: 230px;
height: 27px;
float: left;
}
#hNav #searchbox input.searchbox {
border: none;
width: 189px;
height: 17px;
padding: 0 5px;
}
#hNav #searchbox input.searchSubmit {
padding: 0;
}
#hNav ul#keyword {
line-height: 100%;
text-align: right;
margin-top: 5px;
margin-bottom: 10px;
}
#hNav ul#keyword li {
display: inline-block;
*display: inline;
*zoom: 1;
}
#hNav ul#keyword li a {
float: left;
font-size: 10px;
padding: 0 0 0 5px;
}
#hNav ul#keyword li a:hover {
color: #9a0f1f;
}
#hNav ul#header-nav {
line-height: 100%;
margin-bottom: 5px;
}
#hNav ul#header-nav li {
display: inline-block;
*display: inline;
*zoom: 1;
background: url("//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif") no-repeat 20px center;
font-size: 12px;
font-weight: bold;
height: 100%;
padding: 0px 0px 0 35px;
}
#hNav ul#header-nav li a:hover {
color: #9a0f1f;
text-decoration: none;
}
#g-nav {
width: 1000px;
background: #339999;
height: 44px;
}
#gnav div.cart-nav, #gnav nav {
width: 1000px;
/*height:44px;*/
height: 20px;
margin: 0 auto;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/header_bg_menu.gif) no-repeat;*/
overflow: hidden;
*zoom: 1;
position: relative;
}
#gnav div.cart-nav ul, #gnav nav ul {
float: left;
position: relative;
left: 50%;
}
#gnav div.cart-nav ul li, #gnav nav ul li {
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
float: left;
width: 180px;
text-align: center;
padding: 0;
margin: 0;
font-size: 12px; /*vertical-align:middle; height:44px; line-height:44px;*/
color: #FFFFFF;
position: relative;
left: -50%;
}
#gnav div.cart-nav ul li a:not(.sidebar_bn), #gnav nav ul li a:not(.sidebar_bn) {
display: block;
color: #FFFFFF;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #CCC;
border-left-color: #CCC;
margin-left: -1px;
}
#gnav div.cart-nav ul li a:link, #gnav div.cart-nav ul li a:visited, /* #gnav div.cart-nav ul li a:hover,*/
#gnav div.cart-nav ul li a:active, #gnav nav ul li a:link, #gnav nav ul li a:visited, /*#gnav nav ul li a:hover,*/
#gnav nav ul li a:active {
color: #FFFFFF;
text-decoration: none;
}
#gnav div.cart-nav ul li a:hover, #gnav nav ul li a:hover, {
color: #999999;
text-decoration: none;
}
/* Contents
----------------------------------------------- */
#contents {
width: 1000px;
margin: 0 auto;
overflow: auto;
*zoom: 1;
/*overflow: hidden;*/
padding-bottom: 0px;
clear: both;
}
#sub-column {
float: left;
width: 240px;
margin-right: 5px;
*zoom: 1;
word-break: break-all;
color: #FFF;
background-color: #E50020;
height: 1600px;/* margin-bottom: -32768px;
padding-bottom: 32768px;*/
}
#main-column {
float: right;
width: 730px;
/*width: 730px;*/
margin-right: 14px;
}
/* main-column
----------------------------------------------- */
#main-column-full {
width: 100%;
margin: 0 auto 60px;
background-color: #FFF;
}
div#wrapper div#enquete-section, article section {
padding: 0;
}
div#wrapper div#enquete-section:first-child, article section:first-child {
border-top: none;
}
div.cart-article p, article p {
font-size: 0.75rem;
}
div.cart-article p {
padding-bottom: 5px;
}
section .freeArea p {
font-size: 100%;
padding-left: 0;
}
.freeArea2 .free-contents img {
width: auto;
margin-bottom: 30px;
}
div.cart-article a:hover p, div#wrapper div#enquete-section ul, div.cart-article div.cart-section ul, article section ul {
font-size: 100%;
line-height: 100%;
}
#mainVisual {
width: 100%;
margin-bottom: 30px;
}
#bread-crumb {
margin: 0 0 20px 0;
padding-bottom: 6px;
border-bottom: 1px dotted #333333;
}
#bread-crumb-listTop, .bread-crumb-listCate {
width: 100%;
padding: 0;
margin: 0;
}
#bread-crumb-listTop ol, .bread-crumb-listCate ol {
width: 730px;
margin: 0;
padding: 0;
overflow: hidden;
*zoom: 1;
}
#bread-crumb-listTop ol li, .bread-crumb-listCate ol li {
float: left;
*float: none;
*display: inline;
padding: 0 10px 0px 13px;
margin-bottom: 4px;
line-height: 100%;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/breadcrumb_bg.gif) no-repeat left center;
*zoom: 1;
}
#bread-crumb-listTop ol li:first-child {
padding-left: 0;
background-image: none;
}
#bread-crumb-listTop, .bread-crumb-listCate {
padding: 0;
margin: 0;
}
.column-set {
width: 100%;
overflow: hidden;
*zoom: 1;
}
.column3 {
float: left;
width: 230px;
margin: 0 15px 20px 0;
padding-bottom: 20px;
}
.column3:nth-child(3n) {
margin: 0 0 20px 0;
}
.newItem .column3 .itemThumb-wrap {
margin: 0 0 10px 0;
}
.newItem .column3 .itemThumb {
display: table-cell;
text-align: center;
height: 230px;
width: 230px;
vertical-align: middle;
}
.column4 {
float: left;
width: 170px;
margin: 0 16px 20px 0;
}
.column4:nth-child(4n) {
margin: 0 0px 20px 0;
}
.column4 .itemThumb-wrap {
margin: 0 0 10px 0;
}
.column4 .itemThumb {
display: table-cell;
text-align: center;
height: 170px;
width: 170px;
vertical-align: top;
}
.column4 .item-list-span-img {
width: 170px;
display: inline-block;
}
.column5 .item-list-span-img {
width: 130px;
display: inline-block;
}
.column4 .itemThumb a img {
max-height: 170px;
max-width: 170px;
}
.column5 {
float: left;
width: 130px;
margin: 0 17px 20px 0;
padding-bottom: 10px;
}
.column5:nth-child(5n) {
margin-right: 1px;
}
.column5:nth-child(5n+1) {
clear: both;
}
.column5 .itemThumb-wrap {
margin: 0 0 10px 0;
}
.column5 .itemThumb {
display: table-cell;
height: 130px;
width: 130px;
text-align: center;
vertical-align: top;
}
.column5 img {
vertical-align: bottom;
}
.column5 .itemThumb a img {
max-height: 130px;
max-width: 130px;
}
.pickup .column5, .ranking .column5 {
margin-bottom: 20px;
}
.column3 h3, .column4 h3, .column5 h3 {
margin-bottom: 5px;
line-height: 125%;
font-size: 12px;
}
.column3 img, .column4 img, .column5 img {
vertical-align: bottom;
}
.column3 p.price, .column4 p.price, .column4 p.price {
margin-bottom: 3px;
}
.column3 p.sp_price, .column4 p.sp_price, .column5 p.sp_price {
color: #9a0f1f;
margin-top: 5px;
}
.column3 .badge {
padding: 6px 0 0 6px;
position: absolute;
z-index: 100;
}
.column4 .badge, .column5 .badge {
padding: 6px 0 0 6px;
position: absolute;
z-index: 100;
}
.pickup .column5 .itemThumb {
margin-bottom: 5px;
position: relative;
}
.pickup .column5 .badge {
padding: 6px 0 0 6px;
position: absolute;
z-index: 100;
display: none;
}
.ranking .column5 .itemThumb {
position: relative;
}
.ranking .column5 .badge {
padding: 6px 0 0 5px;
position: absolute;
z-index: 100;
}
p.fx_price span.strike {
text-decoration: line-through;
}
p.sp_price span.special_price_str, p.sp_price span.selling_price_str, p.sp_price span.selling_price, p.sp_price span.taxin, p.sp_price span.discount_rate {
color: #F00;
}
p.price span.selling_price, p.price span.taxin {
color: #F00;
}
/* TOP PAGE
----------------------------------------------- */
.half-cont_wrap01, .half-cont_wrap02 {
overflow: hidden;
}
.half-cont {
float: left;
width: 350px;
margin-right: 30px;
}
.half-cont:nth-child(2n) {
float: left;
width: 350px;
margin-right: 0;
}
section .newItem h2, section .pickup h2, section .ranking h2, section .group h2, section .category h2 {
font-size: 16px;
font-weight: bold;
line-height: 37px;
vertical-align: middle;
margin-bottom: 20px;
padding: 0 0 0 15px;
color: #666666;
background-color: #E0E0E0;
width: 715px;
height: 36px;
}
.newItem .new-Title {
display: none;
}
.newItem h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_newitem.gif) no-repeat; */
background-color: #E0E0E0;
}
.pickup .pickup-Title {
display: none;
}
.pickup h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_pickupitem.gif) no-repeat;*/
}
.ranking .ranking-Title {
display: none;
}
.ranking h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_rankingitem.gif) no-repeat ;*/
}
.news {
margin-bottom: 20px;
}
.news h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_news_s.gif) no-repeat;*/
display: block;
width: 350px;
height: 26px;
margin: 0 0 20px;
padding: 11px 0 0 45px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
color: #FFFFFF;
}
.news h2 img {
display: block;
height: 14px;
width: 56px;
margin-left: 50px;
}
.w100 .news {
float: none;
width: 100%;
margin-right: 0;
padding: 0 0 20px;
}
.w100 .news h2 {
<!--
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_news_l.gif) repeat-x left bottom;*/
-->
display: block;
width: 715px;
height: 26px;
margin: 0 0 20px;
padding: 11px 0 0 15px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
color: #FFFFFF;
}
.w100 .news h2 img {
display: block;
height: 14px;
width: 56px;
margin-left: 50px;
}
.news .news-contents {
overflow: hidden;
}
dl.news-box {
font-size: 12px;
padding: 10px 0;
border-bottom: 1px dotted #000;
}
dl.news-box:first-child {
padding: 0 0 10px 0;
}
.news-box dd {
line-height: 125%;
}
.news-box dd a:hover {
color: #9a0f1f;
}
.freeArea2 {
padding-bottom: 20px;
margin-bottom: 30px;
}
.freeArea2 h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_category_s.gif) repeat-x left bottom;*/
display: block;
/*width: 350px;*/
/*height: 30px;*/
border: none;
margin-top: 20;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding-top: 7px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.freeArea2 h2 img {
display: block;
height: 14px;
width: 96px;
margin-left: 50px;
}
.freeArea2 .free-contents {
padding-top: 10px;
}
.freeArea2 .free-contents p a {
text-decoration: underline;
}
.freeArea2 .free-contents ul {/*margin: 0px 40px;*/
}
.freeArea2 .free-contents ul li {
list-style-type: square;
}
.freeArea2 .free-contents ol {/*margin: 0px 40px;*/
}
.freeArea2 .free-contents ol li {
list-style-type: decimal;
}
.w100 .freeArea2 {
float: none;
width: 100%;
padding: 0 0 20px;
}
.w100 .freeArea2 h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_category_l.gif) no-repeat ;*/
display: block;
width: 730px;
height: 30px;
margin: 0 0 20px;
border: none;
font-size: 14px;
font-weight: bold;
vertical-align: middle;
color: #FFFFFF;
}
.w100 .freeArea2 h2 img {
display: block;
height: 14px;
width: 96px;
margin-left: 50px;
}
#main-column .w100 .freeArea2 .freeAreaTitle {
padding-left: 50px;
}
#main-column .half-cont .freeArea2 .freeAreaTitle {
padding-left: 45px;
font-size: 14px;
font-weight: bold;
line-height: 30px;
color: #FFFFFF;
}
.freeArea2 .free-banner {
margin-bottom: 10px;
}
.freeArea2 .free-contents p {
font-size: 12px;
line-height: 125%;
}
#sub-column section .freeArea2 .free-contents p img {
max-width: 100%;
width: auto;
height: auto;
}
.group {
margin-bottom: 20px;
}
.group .group-Title {
display: none;
}
.group h2 {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_group_s.gif) no-repeat;
margin: 0 0 20px;
}
.shopDiary .free-banner {
margin: 0;
}
.w100 .group {
float: none;
width: 100%;
margin-right: 0%;
margin-bottom: 20px;
}
.w100 .group .group-Title {
display: none;
}
.w100 .group h2 {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_group_l.gif) no-repeat;
}
.w100 .group h2 img {
display: block;
height: 20px;
width: 85px;
margin: 0 auto;
}
.group .group-banner {
margin-bottom: 5px;
}
.group ul {
line-height: 100%;
}
.group ul li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0px 15px 0px 15px;
margin: 0 0 9px 0;
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;*/
font-size: 12px;
line-height: 100%;
}
.category {
margin-bottom: 20px;
}
.category .category-Title {
display: none;
}
.category h2 {
<!--
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_category_s.gif) no-repeat;*/
-->
width:350px;
height: 37px;
}
.w100 .category {
position: relative;
float: none;
width: 100%;
margin-bottom: 20px;
}
.w100 .category h2 {
<!--
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_category_l.gif) no-repeat;*/
-->
}
.w100 .category h2 img {
display: none;
}
.w100 .category h3 {
font-weight: bold;
line-height: 120%;
font-size: 100%;
}
.category .category-banner {
margin-bottom: 5px;
}
.category ul {
line-height: 100%;
}
.category ul li {
display: inline-block;
*display: inline;
*zoom: 1;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;*/
font-size: 12px;
line-height: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 9px;
margin-left: 0;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
}
section.half-cont div.category section h3 {
font-weight: bold;
line-height: 120%;
font-size: 100%;
}
.freeArea {
width: 100%;
height: 300px;
}
.freeArea h2 {
font-size: 14px;
font-weight: bold;
line-height: 37px;
vertical-align: middle;
margin-bottom: 20px;
padding: 0 0 0 10px;
color: #FFFFFF;
width: 730px;
height: 37px;
<!--
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_bg.gif) no-repeat;*/
-->
}
/* Sub Column
----------------------------------------------- */
#sub-column .group, #sub-column .category, #sub-column #followUs, #sub-column .newItem {
width: 100%;
margin: 0 0 30px;
padding: 0;
}
#sub-column .link {
width: 100%;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}
#sub-column a:link {
color: #FFF;
text-decoration: none;
}
#sub-column a:visited {
color: #FFF;
text-decoration: none;
}
#sub-column a:hover {
color: #E50020;
background-color: #FFF;
display: block;
text-decoration: none;
padding-left: 10px;
margin-left: -10px;
}
#sub-column h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/side_ttl_bg.gif) repeat-x left bottom;*/
font-size: 120%;
color: #FFFFFF;
font-weight: bold;
width: 220px; /*height:35px;
line-height: 35px;*/
vertical-align: middle;
margin: 0;
padding: 0 0 0 20px;
}
#sub-column h2 a:visited {
color: #FFFFFF;
font-size: 100%;
}
#sub-column h2 a:link {
color: #FFFFFF;
font-size: 100%;
}
#sub-column .newItem h2, #sub-column .pickup h2, #sub-column .ranking h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/side_ttl_bg.gif) repeat-x left bottom;*/
font-size: 120%;
color: #FFFFFF;
font-weight: bold;
width: 220px;
height: 35px;
line-height: 35px;
vertical-align: middle;
margin: 0 0 10px 0;
padding: 0 0 0 20px;
}
/* #sub-column .freeArea2 {
margin: 0 0 30px;
padding: 0;
}*/
#sub-column .freeArea2 {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}
#sub-column .newItem, #sub-column .pickup, #sub-column .ranking {
margin: 0 0 30px;
line-height: 100%;
}
#sub-column .newItem .column3, #sub-column .newItem .column4 {
padding: 0;
margin: 0 auto 20px auto;
float: none;
width: 170px;
}
#sub-column .pickup .column5, #sub-column .ranking .column5 {
width: 130px;
float: none;
padding: 0;
margin: 0 auto 20px auto;
}
#sub-column .category h3 {
font-size: 120%;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
margin-left: 20px;
padding-top: 9px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0px;
margin-bottom: 8px;
}
#sub-column .group nav, #sub-column .category nav, #sub-column .link nav {
margin-bottom: 30px;
border-top: none;
}
#sub-column .category nav {
margin-bottom: 30px;
}
#sub-column .group nav ul, #sub-column .category nav ul, #sub-column .link nav ul {
line-height: 100%;
}
#sub-column .group nav ul li, #sub-column .category nav ul li, #sub-column .link nav ul li {
padding: 10px 0 9px 32px;
margin: 0px;
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat 18px center;*/
display: block;
font-size: 12px;
line-height: 100%;
}
#sub-column .link nav ul li {
line-height: 180%;
}
#sub-column .keyword nav ul li {
display: inline;
}
#sub-column .group nav ul li:last-child, #sub-column .category nav ul li:last-child, #sub-column .link nav ul li:last-child {
/*border-bottom: solid 1px #cacaca;*/
}
#sub-column .group nav ul li, #sub-column .category nav ul li, #sub-column .link nav ul li {
/*border-bottom: solid 1px #cacaca;*/
}
#sub-column .category nav ul li.listcat2 {
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat 46px center;*/
}
#sub-column .category nav ul li.listcat3 {
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat 75px center;*/
}
#sub-column .group nav, #sub-column .category nav, #sub-column .link nav {
border-top: none;
}
#sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
text-decoration: none;
line-height: 180%;
}
#sub-column .group nav ul li:first-child a, #sub-column .category nav ul li:first-child a, #sub-column .link nav ul li:first-child a {
border-top: none;
}
#sub-column .group nav ul li a:hover, #sub-column .group nav ul li a:active, #sub-column .category nav ul li a:hover, #sub-column .category nav ul li a:active, #sub-column .link nav ul li a:hover, #sub-column .link nav ul li a:active {
color: #9a0f1f;
text-decoration: none;
}
#sub-column #snav_calendar h2 {
background-image: none;
}
#sub-column #subc_calendar {
width: 240px;
margin-bottom: 30px;
}
#sub-column div.subc_cal_cont {
width: 240px;
padding: 0px;
}
#sub-column div#subc_calendar h2 {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/Title-scolumn_calendar.gif) no-repeat;
width: 240px;
text-align: center;
padding: 0;
margin: 0;
}
#sub-column div.cal_wrapper {
padding: 20px;
border-right: 1px solid #383838;
border-left: 1px solid #383838;
}
#sub-column div.cal_wrapper table.cal {
width: 100%;
line-height: 100%;
}
#sub-column div.cal_wrapper table.cal tr th p.month {
float: left;
width: 70%;
text-align: center;
font-size: 100%;
}
#sub-column div.cal_wrapper table.cal tr th input {
float: left;
border: none;
}
#sub-column div.cal_wrapper table.cal tr th input.prev {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/calendar_pleft.gif) no-repeat left bottom #FFF;
width: 15%;
height: 17px;
}
#sub-column div.cal_wrapper table.cal tr th input.next {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/calendar_pright.gif) no-repeat right bottom #FFF;
width: 15%;
height: 17px;
}
#sub-column div.cal_wrapper table.cal tr td {
border: solid 1px #CCC;
font-size: 100%;
text-align: center;
}
#sub-column div.cal_wrapper table.cal tr.headline td {
border: none;
padding: 10px 0 2px 0;
}
#sub-column div.cal_wrapper table.cal td {
border: none;
height: 18px;
vertical-align: middle;
line-height: 18px;
}
#sub-column div.cal_wrapper table.cal td div {
border: none;
height: 18px;
padding: 0;
}
#sub-column div.subc_cal_cont .cap {
font-size: 90%;
width: auto;
padding: 0 20px 20px 20px;
border-right: 1px solid #383838;
border-left: 1px solid #383838;
border-bottom: 1px solid #383838;
}
#sub-column div.subc_cal_cont .cap ul {
margin: 0px 0 0;
}
#sub-column div.subc_cal_cont .cap li {
display: inline-block;
line-height: 100%;
overflow: hidden;
}
#sub-column div.subc_cal_cont .cap li span {
margin: 0 10px 0 0;
}
.cap_txt span {
height: 13px;
vertical-align: middle;
}
#sub-column div.subc_cal_cont .cap .ico_cap01 {
width: 20px;
height: 13px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
color: #9a0f1f;
}
#sub-column div.subc_cal_cont .cap .ico_cap02 {
width: 20px;
height: 13px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
color: #9c8622;
}
#sub-column div.subc_cal_cont .cap .ico_cap02 {
width: 20px;
height: 13px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
color: #9c8622;
}
#sub-column div.subc_cal_cont .cap .cap-info {
line-height: 100%;
padding: 10px 0 0;
}
#sub-column div.cal_wrapper table.cal tr td div.Today {
background-color: #CCCCCC;
font-weight: bold;
}
#sub-column div.cal_wrapper table.cal tr td div.Deli {
background-color: #9c8622;
}
#sub-column div.cal_wrapper table.cal tr td div.Holyday {
background-color: #9a0f1f;
color: #FFFFFF;
}
#sub-column div.cal_wrapper table.cal tr td div.backward {
color: #CCC;
font-weight: normal;
background-color: #FFF;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer {
cursor: pointer;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer:hover {
background-color: #EEE;
}
#sub-column #snav_mailMag {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/Title-scolumn_mmag.gif) no-repeat;
padding: 35px 0 0;
width: 240px;
margin-bottom: 30px;
}
#sub-column #snav_mailMag h2 {
background-image: none;
}
#sub-column div.snav_mailMag_cont {
width: 240px;
padding: 10px 0 0;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/mail_magazine_bg.gif) repeat-y;
border-bottom: 1px solid #383838;
}
#sub-column div.snav_mailMag_cont h2 {
width: 240px;
text-align: center;
padding: 0;
margin: 0;
}
#sub-column div.snav_mailMag_cont p {
font-size: 100%;
line-height: 100%;
padding: 5px 0 10px;
margin: 10px 20px 0px 20px;
}
#sub-column div.snav_mailMag_cont input.mailAddress {
width: 150px;
height: 18px;
position: relative;
vertical-align: middle;
margin-left: 20px;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag {
width: 43px;
height: 21px;
text-align: center;
background-color: #9a0f1f;
border: none;
color: #FFF;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
background-color: #666;
}
#sub-column #snav_followUs {
margin: 0 0 20px 0;
}
#sub-column #snav_followUs nav ul {
overflow: hidden;
}
#sub-column #snav_followUs nav ul li {
float: left;
margin: 0 5px 0 0;
padding: 0;
}
#sub-column #snav_followUs nav ul li img {
vertical-align: bottom;
}
#sub-column #snav_followUs nav ul li a:hover img {
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cursor: pointer;
}
#subc_freeArea {
margin: 0 0 10px 0;
}
#subc_freeArea img {
margin-bottom: 10px;
}
/* Footer
----------------------------------------------- */
.footer_logo {
float: right;
margin-top: -50px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
width: 300px;
}
.footer_gnavi p {
font-size: 10px;
line-height: 14px;
color: #999;
}
div#enquete-footer, div#cart-footer, footer {
/* width: 100%; */
clear: both;
margin: 0 auto;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/footer_bg.gif) repeat-x left bottom !important; */
height: 95px;
background-color: #231814;
width: 1000px;
}
div#enquete-footer #footer-inner, div#cart-footer #footer-inner, #footer-inner {
width: 960px;
height: 100%;
margin: 0 auto;
overflow: hidden;
}
footer #footer-inner {
<!-- {
if $hfdesign.f_bgurl
}
-->
background:url()
<!-- {
$hfdesign.f_bgurlp|background_pos
}
-->
no-repeat;
<!-- {
/if
}
-->
}
.footer_gnavi {
float: left;
width: 500px;
}
#enquete-footer #footer-inner .footer_gnavi, div#cart-footer #footer-inner .footer_gnavi, footer #footer-inner .footer_gnavi {
padding-top: 20px;
margin: 0 auto;
}
#enquete-footer #footer-inner .footer_gnavi, div#cart-footer #footer-inner .footer_gnavi ul, footer #footer-inner .footer_gnavi ul {
margin: 0;
padding: 0;
}
#enquete-footer #footer-inner .footer_gnavi {
padding: 0 !important;
}
#enquete-footer #footer-inner .footer_gnavi ul li, div#cart-footer #footer-inner .footer_gnavi ul li, footer #footer-inner .footer_gnavi ul li {
display: inline-block;
*display: inline;
*zoom: 1;
*margin-bottom: 12px;
padding: 0 5px 0 9px;
line-height: 100%;
font-size: 10px;
color: #999999;
background: url(//www.arm-namadume.jp/hpgen/HPB/img/footer_mark2.gif) no-repeat left center;
}
#enquete-footer #footer-inner .footer_gnavi ul {
width: 960px;
margin: 0 auto;
padding: 20px 0 15px 0;
}
#enquete-footer #footer-inner .footer_gnavi ul li a, div#cart-footer #footer-inner .footer_gnavi ul li a, footer #footer-inner .footer_gnavi ul li a {
color: #999999;
}
footer #footer-inner .footer_gnavi ul li a:hover {
color: #50020;
text-decoration: none;
}
footer #footer-inner .footer_gnavi ul li a:link, footer #footer-inner .footer_gnavi ul li a:visited, footer #footer-inner .footer_gnavi ul li a:active {
color: #999999;
text-decoration: none;
}
div#cart-footer div.cart-nav, footer nav, #copyright {
margin: 10px 0 0 0;
float: right;
font-size: 8px;
text-align: right;
color: #999999;
}
#copyright ul {
width: 960px;
margin: 0 auto;
padding: 5px 0;
}
#copyright ul li {
color: #999999;
background-image: none;
padding: 0;
}
#enquete-footer #footer-inner .footer_gnavi ul li a:hover, div#cart-footer #footer-inner .footer_gnavi ul li a:hover {
color: #50020;
text-decoration: none;
}
footer #footer-inner .footer_gnavi ul li a:hover {
color: #999999;
text-decoration: none;
}
#enquete-footer #footer-inner .footer_gnavi {
border: none;
}
/* Page Top
----------------------------------------------- */
#page-top {
position: fixed;
bottom: 80px;
right: 20px;
z-index: 100;
}
#page-top a {
padding: 0;
display: block;
}
#page-top a:hover {
text-decoration: none;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/pagetop_on.gif) no-repeat;
}
#page-top a:hover img {
opacity: 0;
}
/*---------------------------------------------
itemDetail/itemList
---------------------------------------------*/
/* itemList
----------------------------------------------- */
#itemList_wrap {
margin: 0 0 20px 0;
}
#itemList {
margin: 15px 0 0 0;
position: relative;
}
article #main-column #itemList section {
margin: 0;
}
article #main-column #itemList h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
color: #666;
width: 720px;
height: 30px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_itemlist.gif) no-repeat;*/
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
}
.column4 h2 {
line-height: 130%;
margin-bottom: 3px;
background: none;
font-weight: normal;
padding: 0;
border: none;
}
article #main-column #itemList section.column4 {
overflow: hidden;
margin: 0 13px 20px 0;
}
article #main-column #itemList section.column4:nth-child(4n) {
margin: 0 1px 20px 0;
}
#itemList2 {
margin: 15px 0 0 0;
position: relative;
}
#itemList2 .column4 {
float: none;
width: 100%;
height: auto !important;
overflow: hidden;
*zoom:1;
}
#itemList2 .column4 .itemThumb-wrap {
float: left;
padding-right: 15px;
}
#itemList2 .column4 .inner-catch {
line-height: 160%;
margin-top: 3px;
}
#itemList_wrap #pager-top {
width: 100%;
padding: 0;
margin: 0 0 10px 0;
overflow: hidden;
line-height: 100%;
}
#itemList_wrap div.pagerlist #pager-bm {
width: 100%;
padding: 0;
margin: 0 0 20px 0;
overflow: hidden;
line-height: 100%;
}
#itemList_wrap #pager-top .quantity {
float: left;
font-size: 80%;
line-height: 100%;
}
#itemList_wrap #pager-bm .quantity {
float: left;
font-size: 80%;
line-height: 100%;
margin: 1px 30px 0 0;
}
#itemList_wrap #pager-top .selectbox, #itemList_wrap #pager-bm .selectbox {
font-size: 70%;
}
#itemList_wrap #pager-top .selectbox {
margin-bottom: 10px;
}
#itemList_wrap #pager-top .selectbox .select01 {
margin-right: 10px;
}
#itemList_wrap #pager-top .pagerlist, #itemList_wrap #pager-bm .pagerlist {
float: right;
}
#itemList_wrap #pager-top ul, #itemList_wrap #pager-bm ul {
margin: 0;
padding: 0;
overflow: hidden;
*zoom: 1;
}
#itemList_wrap #pager-top ul li, #itemList_wrap #pager-bm ul li {
float: left;
*float: none;
*display: inline;
padding: 0 4px;
margin: 0;
line-height: 100%;
*zoom: 1;
font-size: 100%;
}
#itemList_wrap #pager-top ul li.pagericon, #itemList_wrap #pager-bm ul li.pagericon {
float: left;
*float: none;
*display: inline;
padding: 0;
margin: 0;
line-height: 100%;
*zoom: 1;
}
#pager-top ul li.selected, #pager-bm ul li.selected {
font-weight: bold;
text-decoration: none;
}
/* itemDetail
----------------------------------- */
#itemDetail-cont {
overflow: hidden;
}
#itemDetail-cont .cartArea input:hover, #itemDetail-cont .cartArea .variation a:hover {
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cursor: pointer;
}
#itemDetail-cont .itemThumb-wrap {
float: left;
width: 350px;
margin: 0 20px 0 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {
text-align: center;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
height: auto;
margin: 0 0 5px 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
float: left;
padding: 0;
height: 66px;
width: 66px;
margin: 0 5px 5px 0;
overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
margin: 0 0 5px 0;
}
#itemDetail-cont .itemOutline {
float: left;
width: 350px;
}
#itemDetail-cont .itemOutline .icons {
margin: 0 0 10px 0;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod {
overflow: hidden;
margin: 0 0 10px 0;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod li {
float: left;
width: 81px;
height: 22px;
}
#itemDetail-cont .itemOutline ul.ico_itemType {
overflow: hidden;
}
#itemDetail-cont .itemOutline ul.ico_itemType li {
float: left;
height: 29px;
}
article#Detail #main-column .itemOutline h1 {
font-size: 16px;
font-weight: normal;
line-height: 100%;
padding: 0;
margin: 0 0 10px 0;
background: none;
height: 100%;
color: #000;
height: auto;
width: auto;
}
article#Detail #main-column h2 {
background: none;
margin: 0;
padding: 0;
font-weight: bold;
}
article#Detail section#itemDetail-wrap p.price {
text-decoration: line-through;
margin-bottom: 5px;
}
article#Detail section#itemDetail-wrap p.sp_price {
font-size: 14px;
color: #9a0f1f;
font-weight: bold;
margin-bottom: 10px;
}
article#Detail section#itemDetail-wrap p.regular_price {
margin-bottom: 10px;
color: #19479a;
}
section#itemDetail-wrap table.spec {
line-height: 250%;
margin: 15px 0 15px;
}
section#itemDetail-wrap table.spec tr {
border: none;
}
section#itemDetail-wrap table.spec tr.date {
line-height: 150%;
}
section#itemDetail-wrap table.spec th, section#itemDetail-wrap table.spec td {
padding: 0px 0;
}
section#itemDetail-wrap table.spec th {
vertical-align: top;
padding: 0 5px 0 0;
width: 40%;
}
section#itemDetail-wrap table.date, section#itemDetail-wrap table.mfr, section#itemDetail-wrap table.model, section#itemDetail-wrap table.jan, section#itemDetail-wrap table.count {
margin: 0;
}
section#itemDetail-wrap table.price {
font-size: 140%;
line-height: 170%;
margin: 0 0 20px;
}
section#itemDetail-wrap table.price th {
font-size: 70%;
padding: 0 0 1px;
}
section#itemDetail-wrap table.price td {
font-size: 80%;
}
table.price tr.fx_price span.strike span.fixed_price, table.price span.strike {
text-decoration: line-through;
}
table.price tr.price span.selling_price, table.price tr.price span.taxin, table.price tr.price span.discount_rate, table.price tr.sp_price span.special_price, table.price tr.sp_price span.taxin, table.price tr.sp_price span.discount_rate {
color: #FF0000;
font-size: 120%;
font-weight: bold;
margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price_str {
color: #2A78D0;
margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price, table.price tr.rg_price span.taxin {
color: #2A78D0;
margin-bottom: 3px;
}
table.price tr.rg_price span.publish_point {
color: inherit;
}
section#itemDetail-wrap table.count th, section#itemDetail-wrap table.count td {
padding: 5px 0;
}
section#itemDetail-wrap .cartArea {
margin: 10px 0 20px 0;
}
section#itemDetail-wrap .cartArea img {
width: 182px;
height: 40px;
}
section#itemDetail-wrap .cartArea img.nostock {
width: auto;
height: auto;
}
section#itemDetail-wrap .cartArea table.variation {
width: 100%;
word-break: break-all;
}
section#itemDetail-wrap .cartArea tr.t-variation {
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/valiation_bk.gif);
background-repeat: x-repeat;
background-position: left top;
}
section#itemDetail-wrap .cartArea table.variation th {
font-size: 10px;
font-weight: bold;
padding: 3px 5px;
text-align: center;
line-height: 150%;
background-color: #cacaca;
border: 1px solid #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr {
border-bottom: 1px dotted #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr.t-variation {
border: none;
}
section#itemDetail-wrap .cartArea table.variation td {
font-size: 10px;
padding: 5px 0;
text-align: center;
line-height: 150%;
border: 1px solid #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation td img {
vertical-align: middle;
width: 102px;
height: 25px;
}
section#itemDetail-wrap .cartArea table.variation span.nostock {
color: #9a0f1f;
}
section#itemDetail-wrap p.cancel {
padding-left: 13px;
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/ico_next.gif);
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 5px;
}
section#itemDetail-wrap p.review_txt {
padding-left: 13px;
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/ico_next.gif);
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 15px;
}
section#itemDetail-wrap p.cancel a, section#itemDetail-wrap p.review_txt a {
display: block;
}
.itemOutline ul.snsArea, article#Detail .itemOutline ul.infoArea {
overflow: hidden;
margin-bottom: 10px;
height: 30px;
}
section#itemDetail-wrap .itemOutline li {
float: left;
margin-right: 5px;
}
section#itemDetail-wrap .description {
margin: 20px 0;
width: 100%;
padding: 0;
}
section#itemDetail-wrap .description p {
line-height: 150%;
}
article#Detail #main-column .spec-g_txt_table_wrap {
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
article#Detail #main-column section.spec-g_txt h2, article#Detail #main-column .spec-g_txt_table_wrap h2, article#Detail #main-column section.spec-g_table h2 {
/* background:url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_spec_s.gif) no-repeat;*/
width: 350px;
height: 37px;
color: #FFF;
line-height: 37px;
vertical-align: middle;
padding: 0 0 0 15px;
margin-bottom: 10px;
}
article#Detail #main-column section.spec-g_txt {
float: left;
margin-right: 4%;
width: 48%;
}
article#Detail #main-column section.spec-g_txt p {
padding-top: 10px;
line-height: 150%;
}
article#Detail #main-column section.spec-g_table {
float: right;
width: 48%;
}
article#Detail #main-column section.spec-g_table table {
width: 100%;
}
article#Detail #main-column section.spec-g_table th {
width: 90px;
max-width: 90px;
min-width: 25px;
padding: 10px 0;
font-weight: bold;
}
article#Detail #main-column section.spec-g_table tr {
border-bottom: 1px dotted #000;
width: 100%;
}
article#Detail #main-column section.spec-g_table td {
padding: 10px 0;
}
article#Detail #main-column .w100 section.spec-g_txt {
float: none;
width: 100%;
}
article#Detail #main-column .spec-g_txt_table_wrap section:first-child:not(.spec-g_txt) h2 {
/* background:url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_spec_l.gif) no-repeat;*/
width: 730px;
height: 37px;
color: #FFF;
line-height: 37px;
vertical-align: middle;
padding: 0 0 0 15px;
margin-bottom: 10px;
}
article#Detail #main-column .w100 section.spec-g_txt h2, article#Detail #main-column .w100 section.spec-g_table h2 {
/* background:url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_spec_l.gif) no-repeat;*/
width: 730px;
height: 37px;
color: #FFF;
line-height: 37px;
vertical-align: middle;
padding: 0 0 0 15px;
margin-bottom: 10px;
}
article#Detail #main-column .w100 section.spec-g_txt p {
padding-top: 10px;
line-height: 150%;
}
article#Detail #main-column .w100 section.spec-g_table {
float: none;
width: 100%;
}
article#Detail #main-column .w100 table.spec-g_cont tr {
border-bottom: 1px dotted #000;
width: 100%;
}
article#Detail #main-column .w100 table.spec-g_cont th {
padding: 10px 0;
}
article#Detail #main-column .w100 table.spec-g_cont td {
padding: 10px 0;
}
section.userreview {
padding: 20px 0 0;
}
article#Detail #main-column section.userreview h2 {
/* background:url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_review.gif) no-repeat;*/
width: 730px;
height: 37px;
line-height: 37px;
vertical-align: middle;
color: #FFF;
font-size: 14px;
font-weight: bold;
padding: 0 0 0 50px;
margin-bottom: 20px
}
section.userreview table.userreview_list {
width: 100%;
margin: 0 0 10px 0;
line-height: 150%;
border-bottom: 1px dotted #000;
}
section.userreview div.more {
width: 101px;
height: 25px;
margin: 0px 0 30px 0;
float: right;
}
section.userreview div.more:after {
content: "";
display: block;
clear: both;
}
section.userreview table.userreview_list tr td.userreview_user {
text-align: left;
}
section.userreview table.userreview_list tr td.userreview_date {
text-align: right;
}
section.userreview table.userreview_list td.userreview_rate img {
vertical-align: middle;
line-height: 13px;
height: 13px;
margin-bottom: 3px;
}
section.userreview table.userreview_list td.userreview_comment {
padding: 10px 0 16px;
}
article#Detail #main-column section.recommend {
padding: 0;
clear: both;
}
article#Detail #main-column section.recommend h2 {
/* font-size: 14px;
font-weight: bold;
line-height: 37px;
vertical-align: middle;
margin-bottom: 20px;
padding: 0 0 0 50px;
color: #000000;
width: 730px;
height: 37px;*//* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_itemlist.gif) no-repeat;*/
}
article#Detail #main-column section.recommend h2 {
font-size: 16px;
font-weight: bold;
line-height: 37px;
vertical-align: middle;
margin-bottom: 20px;
padding: 0 0 0 15px;
color: #666666;
background-color: #E0E0E0;
width: 715px;
height: 36px;
}
article#Detail section.column5 {
border: none;
}
.column-set .quantityArea {
margin-top: 15px;
}
/* rating_all
----------------------------------------------- */
article #main-column .pageNav_top {
overflow: hidden;
padding-bottom: 0px;
margin-bottom: -10px;
}
article #main-column div.pageNav_top {
padding-bottom: 10px;
}
.pageNav form img {
float: right;
}
article #main-column .pageL {
float: left;
}
article #main-column .pageL {
width: 100%;
}
article #main-column .pageNav_top .pageL {
width: 50%;
}
.pageNav_top .pageL strong {
font-weight: bold;
}
article #main-column .pageR {
float: right;
}
article #main-column h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
color: #666;
width: 720px;
/*height: 30px;*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_bg.gif) no-repeat;*/
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
}
article #main-column section.rating {
border-bottom: 1px solid #cacaca;
padding-bottom: 30px;
margin-bottom: 10px;
}
article #main-column section.rating .reviewBox {
overflow: hidden;
margin: 30px 0 0 0;
padding: 20px;
background: #f1f1f1;
}
article #main-column section.rating .tmb {
float: left;
margin-right: 20px;
}
article #main-column section.rating .reviewTxt {
float: right;
width: 580px;
line-height: 150%;
}
article #main-column section.rating .ttlArea {
overflow: hidden;
}
article #main-column section.rating h2 {
float: left;
font-size: 14px;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
border-bottom: none;
}
article #main-column section.rating h2 a {
color: #9a0f1f;
}
article #main-column section.rating .btnMore {
float: right;
}
article #main-column section.rating .reviewTxt ul {
margin: 5px 0;
vertical-align: middle;
line-height: 120%;
overflow: hidden;
}
article #main-column section.rating ul li {
float: left;
margin-right: 5px;
}
article #main-column section.rating .comment p {
background: #eaeaea;
padding: 15px;
line-height: 150%;
}
article #main-column section.rating .comment h3 {
height: 28px;
line-height: 28px;
vertical-align: middle;
margin-top: 20px;
padding: 0px 0 0 35px;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/comment_mark.gif) no-repeat 10px center;
background-color: #cacaca;
font-weight: bold;
}
/* rating_item
----------------------------------------------- */
article #main-column section.rating .reviewBox_item h2 {
color: #0C3;
float: left;
font-size: 75%;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 150%;
border-bottom: none;
}
article #main-column section.rating .reviewBox_item {
margin: 15px 0;
line-height: 150%;
}
article #main-column section.rating .reviewBox_item ul {
overflow: hidden;
vertical-align: middle;
line-height: 120%;
}
article #main-column section.rating .reviewBox_item ul li {
float: left;
margin-right: 5px;
margin-bottom: 10px;
}
article #main-column section.rating .reviewBox_item ul li.point {
margin-right: 20px;
color: #F60;
font-weight: bold;
}
article #main-column section.rating ul li.space {
margin-right: 20px;
}
article #main-column #itemBox {
overflow: hidden;
margin-bottom: 15px;
}
article #itemBox h2 {
float: left;
font-size: 14px;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 120%;
padding-bottom: 3px;
border-bottom: none;
color: #9a0f1f;
}
article #itemBox p {
float: right;
}
/* shoppinguide
----------------------------------------------- */
#guide h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
color: #666;
width: 720px;
height: 30px;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_shop.gif) no-repeat;*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
}
section #guide p {
line-height: 150%;
background: #f1f1f1;
margin: 0;
padding: 20px 10px;
}
section #guide .guide01 {
margin-bottom: 30px;
}
section #guide .guide01 h2 {
background: #cacaca;
font-size: 12px;
line-height: 100%;
font-weight: bold;
padding: 8px 0 8px 15px;
width: 715px;
}
section #guide .guide01 ul {
list-style-type: disc;
margin-top: 0px;
background: #f1f1f1;
padding: 10px 10px 20px 10px;
}
section #guide .guide01 ul li {
line-height: 150%;
}
section #guide .inner {
overflow: hidden;
background: #f1f1f1;
}
section #guide .inner .fL {
float: left;
width: auto;
margin-right: 20px;
max-width: 335px;
}
section #guide .inner .fR {
float: right;
width: auto;
max-width: 335px;
}
/* business
----------------------------------------------- */
section #guide .chart .ttlShop {
background: #cacaca;
font-size: 12px;
line-height: 100%;
font-weight: bold;
padding: 8px 0 8px 10px;
width: 100%;
}
section #guide table {
line-height: 120%;
border-bottom: 1px dotted #000000;
}
section #guide table th {
background-color: #EEEEEE;
border-top: 1px dotted #000000;
color: #2B2B2B;
font-weight: bold;
padding: 15px 20px;
width: 100px;
}
section #guide table th.shopGuidePointClass {
width: 250px;
}
section #guide table td {
border-top: 1px dotted #000000;
padding: 15px 20px;
width: 530px;
}
/* diary
----------------------------------------------- */
#Diary h1, #DiaryList h1, #JournalList h1, #Journal h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
padding: 0 0 0 10px;
color: #666;
width: 720px;
height: 30px;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_diary.gif) no-repeat;*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
}
#DiaryList h2, #Diary h2, #JournalList article h2, #Journal article h2 {
background: #cacaca;
font-size: 12px;
line-height: 100%;
font-weight: bold;
margin-bottom: 20px;
width: 720px;
padding-top: 8px;
padding-right: 0;
padding-bottom: 8px;
padding-left: 10px;
}
#DiaryList .Diary-cont, #Diary .Diary-cont, #JournalList .journal-cont {
margin: 0 0 15px;
line-height: 150%;
}
#DiaryList article {
margin: 0 0 40px;
}
.state_l {
border-top: 1px dotted #333;
padding: 10px 0 0;
font-size: 10px;
width: 100%;
text-align: right;
}
.state_l:after {
content: "";
display: block;
clear: both;
}
.state_r {
border-top: 1px dotted #333;
padding: 10px 0 0;
margin: 0 0 25px;
text-align: right;
}
.state_l ul, .state_r ul {
line-height: 90%;
}
.state_l li, .state_r li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 3px 0 0;
}
.state_l li.comment, .state_r li.comment {
border-left: 1px solid #333;
padding: 0 0 0 5px;
}
.state_l li.cate, .state_r li.cate {
border-left: 1px solid #333;
padding: 0 5px;
}
.state_l li.name {
border-right: 1px solid #333;
padding: 0 5px 0;
margin: 0 5px 0 0;
}
#Diary .more, #Journal .more {
display: block;
width: 160px;
height: 22px;
color: #FFF;
text-align: center;
vertical-align: middle;
margin: 10px 0 0;
padding: 3px 0 0;
}
#Diary a, #Journal a {
text-decoration: none;
}
#Diary a .more:hover, #Journal a .more:hover {
width: 160px;
height: 22px;
}
#Diary .more img, #Journal .more img {
padding: 0 5px 0;
vertical-align: middle;
}
#DiaryList .comment-t, #Diary .comment-t, #JournalList .comment-t, #Journal .comment-t {
font-weight: bold;
margin: 0 0 10px 0;
}
#Diary .comment-cont, #Journal .comment-cont {
margin: 0 0 15px;
}
#Diary fieldset, #Journal fieldset {
margin-bottom: 5px;
}
#Diary legend, #Journal legend {
background: none repeat scroll 0 0 transparent;
line-height: 200%;
padding: 0;
width: 100%;
}
#Diary fieldset p, #Journal fieldset p {
margin-bottom: 5px;
}
#Diary fieldset input, #Journal fieldset input {
margin: 0 3px 2px 0;
}
#Diary input.name, #Journal input.name {
width: 215px;
height: 16px;
padding: 2px 5px;
margin: 0;
}
#Diary input.url, #Journal input.url {
width: 215px;
height: 16px;
padding: 2px 5px;
margin: 0;
}
#Diary textarea, #Journal textarea {
width: 360px;
height: 100px;
margin: 0;
padding: 5px;
}
#Diary .btn-confirm, #Journal .btn-confirm {
margin: 10px 0 0 120px;
}
.btn-confirmPost {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
#comment-form legend {
background: none repeat scroll 0 0 transparent;
line-height: 200%;
padding: 0;
width: 100%;
font-weight: bold;
}
#comment-form p {
margin-bottom: 15px;
}
#comment-form .name {
width: 215px;
height: 16px;
}
#comment-form .comment-txt {
width: 360px;
padding: 0;
height: auto;
}
#comment-post {
margin: 35px 0;
}
.comment-box {
margin: 30px 0 0;
}
.comment-box .state_l {
border-top: 1px solid #cacaca;
text-align: left;
padding-left: 0;
font-size: 10px;
}
.comment-box .state_l ul {
margin: 0;
padding: 0;
}
.comment-box .state_l ul li {
margin: 0;
padding: 0 5px;
}
.comment-box .state_l ul li:first-child {
padding-left: 0;
}
div.caution p {
color: #d51414;
line-height: 145%;
}
.btn-confirmBack {
height: 25px;
width: 80px;
color: #FFF;
padding: 0 0 0 8px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-back_bg.gif) no-repeat left top;
border: none;
margin: 0 5px 0 0;
}
.btn-confirmBack:hover {
}
@-moz-document url-prefix() {
.btn-confirmPost {
padding: 0 5px 2px;
}
.btn-confirmBack {
padding: 0 2px 2px 8px;
}
}
/*JournalList
----------------------------------------------- */
#JournalList .journal-cont, #Journal .journal-cont {
margin: 0 0 15px;
}
#JournalList article {
margin: 0 0 40px;
}
#JournalList .journal-cont ul, #Journal .journal-cont ul {
margin: 0px 40px;
}
#JournalList .journal-cont ul li, #Journal .journal-cont ul li {
list-style-type: square;
}
#JournalList .journal-cont ol, #Journal .journal-cont ol {
margin: 0px 40px;
}
#JournalList .journal-cont ol li, #Journal .journal-cont ol li {
list-style-type: decimal;
}
/* sitemap
----------------------------------------------- */
section#document_wrap h2 {
background: #cacaca;
font-size: 12px;
line-height: 100%;
font-weight: bold;
margin-bottom: 20px;
width: 95%;
clear: both;
margin-right: auto;
margin-left: auto;
padding-top: 8px;
padding-right: 0;
padding-bottom: 8px;
padding-left: 10px;
}
section#document_wrap h3 {
font-size: 100%;
}
section #document li {
font-size: 75%;
font-size: 0.75rem;
}
section#document_wrap #document li {
font-size: 100%;
}
section #document .txt-list01 {
padding-bottom: 30px;
}
section #document .txt-list01 li.c1, section #document .txt-list03 li.c1 {
display: inline-block;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;
font-weight: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 30px;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
}
section #document .txt-list02 li.c1 {
padding: 0px 15px;
margin: 0 0 5px 0;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;
font-weight: normal;
}
section #document .txt-list02 {
padding-bottom: 10px;
overflow: hidden;
}
section #document .txt-list02 h3 {
font-weight: bold;
padding-bottom: 5px;
}
section #document .txt-list02 section.tree00 {
float: left;
width: 156px;
margin-left: 30px;
padding-top: 0;
padding-right: 35px;
padding-bottom: 20px;
padding-left: 10px;
}
#main-column-full section #document .txt-list02 section.tree00 {
padding: 0 35px 5px 0;
}
section #document .txt-list02 ul.tree01 {
overflow: hidden;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0px;
}
section #document .txt-list02 ul.tree01 li.c2 {
padding: 0 0 0 14px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.c3 {
padding: 0 0 0 28px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.c4 {
padding: 0 0 0 42px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 {
padding: 0 0 0 56px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp1 {
float: left;
padding: 0 0 0 14px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp2 {
float: left;
padding: 0 0 0 2px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp3 {
float: left;
padding: 0 0 0 2px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 a {
display: inline;
*display: inline;
*zoom: 1;
padding: 0 10px 0 0;
font-size: 110%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.iB {
padding: 5px 0 0 12px;
float: left;
line-height: 150%;
}
section #document .txt-list02 ul.iB li {
padding: 0 10px 0 0;
float: left;
line-height: 150%;
}
section #document .txt-list03 h3 {
font-weight: bold;
}
section #document .txt-list03 {
padding-bottom: 30px;
overflow: hidden;
}
section #document .txt-list03 section.tree00 {
float: left;
width: 156px;
margin-left: 30px;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0;
}
section #document .txt-list03 ul.tree01 li {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;
width: 95%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 15px;
line-height: 150%;
}
#document h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
color: #666;
width: 95%;
height: 30px;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_sitemap.gif) no-repeat;*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
margin-right: auto;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
}
/*---------------------------------------------
form
---------------------------------------------*/
#contact h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
padding: 0 0 0 10px;
color: #666;
width: 720px;
height: 30px;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_contact.gif) no-repeat;*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
}
#contact div.caution {
margin-bottom: 15px;
}
#contact div.caution p {
color: #a31021;
font-size: 10px;
line-height: 150%;
}
#formArea_cc #contact form {
margin-top: 30px;
}
#contents-pop #contact {
width: 730px;
margin: 10px auto;
}
.cart-section #contact {
margin: 0 auto;
}
/* contact
----------------------------------------------- */
#contact {
width: 720px;
margin: 0 auto;
}
#contact .txtBox {
margin: 25px 0 10px;
}
section #contact .text-center {
text-align: center;
margin: 50px 0;
}
#contact .txtBox p.txt-T {
margin-bottom: 5px;
}
section #document li {
font-size: 0.75rem;
}
#contact table {
width: 100%;
margin: 10px 0 0;
border-collapse: collapse;
word-break: break-all;
}
#contents-pop table {
width: 100%;
}
#contact table th {
width: 28%;
padding: 20px;
font-size: 14px;
background-color: #EEE;
border-top: dotted 1px #000;
border-bottom: dotted 1px #000;
font-weight: bold;
line-height: 150%;
}
#contact em {
color: #C23E42;
margin-left: 5px;
font-size: 14px;
}
#contact table td {
width: 72%;
padding: 20px;
font-size: 100%;
}
#contact table td.backcolor2 p {
padding-top: 10px;
}
#contact table td input.name, #contact table td input.tel {
height: 16px;
width: 40%;
padding: 2px 5px;
}
#contact table td input.mailAddress, #contact table td input.mailAddress2 {
height: 20px;
width: 55%;
padding: 2px 5px;
}
#contact .weaktxt {
color: #333;
font-size: 12px;
padding: 5px 0;
}
#contact .note {
color: #333;
font-size: 95%;
font-size: 0.7rem;
line-height: 150%;
margin: 0 0 15px;
}
#contact table td textarea {
height: 150px;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #999;
}
#contact table td .text-area {
display: block;
margin: 0 0 15px;
}
#contact td.btn-confirm, #contact section.bg_eee div.btn-confirm, #contact div.btn-confirm {
text-align: center;
padding: 20px;
border-bottom: none;
border-top: none;
}
#contact .btn-confirm-enq {
padding: 20px;
font-size: 100%;
}
input.btn-confirmNext, #contact td.btn-confirm input.btn-confirmNext, #contact section.bg_eee div.btn-confirm input.btn-confirmReg {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
div.btn-enq {
width: 100%;
margin: 0 auto;
padding: 20px 0;
text-align: center;
}
#contact div.btn-enq {
width: 100%;
margin: 0 auto;
padding: 20px 0;
text-align: center;
}
#contact .btn-enq input.btn-confirmNext {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 auto;
}
#contact input.btn-confirmBack {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
margin: 10px auto\9;
}
input.btn-confirmBack {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
margin: 10px auto\9;
}
#contact td.btn-confirm input.btn-confirmBack, #contact div.btn-enq input.btn-confirmBack {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
#contact input.btn-confirmCancel {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: 1px 1px 3px #000;
}
input.btn-confirmCancel {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: 1px 1px 3px #000;
}
#contact .btn-confirmClose {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
input.btn-confirmClose {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
@-moz-document url-prefix() {
#contact .btn-enq input.btn-confirmNext {
padding: 0 5px 2px;
}
#contact input.btn-confirmNext {
padding: 0 5px 2px;
}
#contact input.btn-confirmBack {
padding: 0 2px 2px 8px;
}
#contact input.btn-confirmCancel {
padding: 0 2px 3px 8px;
}
#contact input.btn-confirmClose {
padding: 0 2px 4px 8px;
}
}
/*
----------------------------------------------- */
#contact fieldset {
margin-bottom: 25px;
}
#contact legend {
background: #cacaca;
line-height: 100%;
font-weight: bold;
margin-bottom: 20px;
padding: 8px 0 8px 10px;
width: 100%;
}
#contact legend em {
font-size: 10px;
}
#contact fieldset p {
margin-bottom: 5px;
}
#contact fieldset ul {
overflow: hidden;
}
#contact fieldset li {
margin-bottom : 10px;
}
#contact fieldset li.fL {
float: left;
margin-right: 20px;
}
#contact fieldset input {
margin: 0 3px 2px 0;
}
#contact fieldset label {
margin-right: 10px;
font-size: 100%;
font-size: 0.75rem;
}
#contact fieldset p {
margin-bottom: 10px;
}
#contact fieldset p input.Add1, #contact fieldset p input.Add2, #contact fieldset p input.Add3 {
margin: 0 0 5px 0;
}
#contact input.txtF {
height: 16px;
margin: 0;
padding: 2px 5px;
}
#contact input.mailAddress {
margin: 0;
}
#contact input.name_sei {
margin: 0 10px 0 0;
}
#contact select {
margin: 0 0 5px;
padding: 3px 1px;
min-width: 110px;
}
#contact fieldset textarea {
width: 90%;
height: 150px;
padding: 5px;
}
textArea, #contact textArea.textArea {
width: 90%;
}
#contact .commentItem {
padding: 10px 0 0;
}
/*
----------------------------------------------- */
#contact table td.commentWite {
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;
font-size: 100%;
padding: 15px 20px 20px;
width: 72%;
}
#contact .commentItem {
font-weight: 150%;
}
#contact .memberF {
margin-top: 30px;
}
#contact .memberF h2 {
background: #cacaca;
font-size: 12px;
line-height: 100%;
font-weight: bold;
padding: 8px 0 8px 10px;
width: 100%;
margin-bottom: 20px;
}
#contact .atttxt {
color: #333;
font-size: 12px;
padding: 5px 0 0;
}
#contact .memberF input {
width: 40%;
height: 16px;
margin: 0;
padding: 2px 5px;
}
#contact .memberF th {
padding: 10px 20px;
}
#contact .memberF td {
padding: 10px 20px;
font-size: 100%;
}
.memberName {
border-bottom: 1px dotted;
font-size: 75%;
line-height: 200%;
margin-bottom: 5px;
padding: 0;
}
#contact td.commentWite input.btn-confirm160, #contact td.btn-confirm input.btn-confirm160 {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
input.btn-confirm160 {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
input.btn-confirm120 {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
#contact input.btn-confirmReg {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
#contact input.btn-confirmBackItem {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
input.btn-confirmBackItem {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
@-moz-document url-prefix() {
#contact input.btn-confirm120, #contact input.btn-confirm160, #contact input.btn-confirmReg {
padding: 0 5px 2px;
}
#contact input.btn-confirmBackItem {
padding: 0 2px 2px 8px;
}
}
/*
----------------------------------------------- */
#contact .mailm:first-child {
margin: 3px 0 0;
}
#contact .mailm {
margin: 30px 0 0 0;
}
#contact .mailm .txtBox {
margin: 0;
clear: both;
}
.txtBox p {
line-height: 150%;
margin-bottom: 20px;
}
#contact .mailm .txtBox h2 {
border-bottom: none;
margin: 0;
font-weight: normal;
}
#contact .mailm .caution {
margin: 0 0 5px;
}
#contact table.mailMF td {
overflow: hidden;
font-size: 100%;
border-top: dotted 1px #000;
border-bottom: dotted 1px #000;
}
#contact table.mailMF input {
height: 24px;
margin: 0 10px 0 0;
padding: 0;
width: 57%;
}
#contact table.mailMF input.mailAddress {
margin: 0 10px 0 0;
float: left;
}
#contact table.mailMF span.btn-confirm {
display: block;
float: left;
padding: 0;
}
#contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {
float: left;
height: 29px;
width: 131px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg_02.gif) no-repeat;
border: none;
margin: -2px 0 0 5px;
text-shadow: none;
}
@-moz-document url-prefix() {
#contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {
padding: 0 5px 3px;
}
}
#contact table.mailMF td.n1 {
border-bottom: none;
padding: 20px 20px 10px;
}
#contact table.mailMF td.n2 {
border-top: none;
padding: 10px 20px 20px;
}
#contact table.mailMF td p {
float: left;
padding: 2px 0 0;
margin-right: 10px;
}
#contact input.mailAddress_new {
height: 20px;
width: 55%;
margin: 0 10px 0 0;
float: left;
}
#contact .mailMC span.btn-confirm {
display: block;
padding: 0;
}
#contact .freeArea {
margin: 60px 50px 0;
width: 620px;
}
/*
----------------------------------------------- */
#contact .ann-input {
margin: 5px 0 0;
font-size: 100%;
}
#contact .ann-input input {
margin: 0 3px 2px 0;
}
#contact #center1 .centerbox {
margin: 0px;
}
#contact #center1 .centerbox .mainCont .step_navi01 {
background-image: url("../img/navi01.gif");
background-repeat: no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi02 {
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/navi02.gif);
background-repeat: no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi03 {
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/navi03.gif);
background-repeat: no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi04 {
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/navi04.gif);
background-repeat: no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi01, #contact #center1 .centerbox .mainCont .step_navi02, #contact #center1 .centerbox .mainCont .step_navi03, #contact #center1 .centerbox .mainCont .step_navi04 {
height: 83px;
text-align: center;
width: 100%;
}
#contact #center1 .centerbox .mainCont input[type="button"], #contact #center1 .centerbox .mainCont input[type="submit"] {
height: 25px;
color: rgb(255, 255, 255);
padding: 0px 8px;
font-size: 0.8rem;
text-align: center;
background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
border: medium none;
margin: 5px 5px;
width: auto;
}
#contact #center1 .centerbox .mainCont input[type="button"]:hover, #contact #center1 .centerbox .mainCont input[type="submit"]:hover {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact #center1 .center {
text-align: center!important;
}
#contact #center1 p.center a#logout {
float: none;
}
#deli_scadule .deli_plan_box {
width: auto;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.day, #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sat, #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sun, #center3 .centerbox table td[align="right"], #center3 .centerbox .right, #contact #center1 .right {
text-align: right!important;
}
#center-seo .centerbox .backcolor3 .deli_plan_box table.layoutp5 th, #center-seo .centerbox table th[align="left"], #center-seo .centerbox table td[align="left"], #center3 .centerbox .backcolor3 .deli_plan_box table.layoutp5 th, #center3 .centerbox table th[align="left"], #center3 .centerbox table td[align="left"], #contact #center1 .left {
text-align: left!important;
}
#contact #center1 .left {
padding-top: 5px;
}
#center-seo .centerbox a, #center3 .centerbox a {
text-decoration: underline;
}
#contact #center1 .middle {
vertical-align: middle!important;
}
#contact #center1 .buttom {
vertical-align: bottom!important;
}
#contact #center1 .float_left {
float: left!important;
}
#contact #center1 .centerbox .title1 {
padding: 15px 0px 12px 8px;
margin: 0px;
width: auto;
line-height: 100%;
font-weight: bold;
font-size: 12px;
vertical-align: middle;
letter-spacing: 0.2em;
color: #000000;
background-color: #D6D6D6;
}
#contact #center1 .centerbox .title1 a {
color: #000000;
text-decoration: underline;
}
#contact #center1 .centerbox .title1 a:hover {
color: #000000;
text-decoration: underline;
font-weight: bold;
}
#contact #center1 .centerbox .mainCont {
padding-top: 10px;
padding-left: 10px;
margin: 0px;
width: auto;
background-color: #FFFFFF;
}
.backcolor1 strong, .backcolor2 strong {
font-weight: bold;
}
#contact #center1 .centerbox .mainFrame .mainCont #confirm .right {
width: 100%!important;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table {
font-size: 100%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 {
padding: 5px;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 th {
padding: 7.3px;
border: 1px solid #999999;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td {
padding: 2px 4px;
border: 1px solid #999999;
font-size: 0.75rem;
line-height: 125%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td div img {
max-width: 600px;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first, #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second, #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third, #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.deli_plan_calday, #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
border: none;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .side {
padding: 10px 15px;
}
#contact #center1 .backcolor3 {
background: #D7EBF4;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor1 {
width: 35%;
background: #DDDDDD
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 {
background: #DDDDDD
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 td {
text-align: center;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 {
vertical-align: middle;
background: #FFFFFF;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2[width="17%"] {
width: 1%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="text"], #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="password"] {
padding: 2px 1px;
height: 16px;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1 {
background: #DDDDDD;
width: 100%\9;
}
#deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1 {
width: 18%!important;
}
#deli_scadule .deli_scadule_box table.layoutp5.deli_cycle tbody tr td.backcolor1 {
width: 35%\9!important;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="PREV_ENQUETE"] + form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1 {
background: #DDDDDD;
width: 30%\9!important;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td {
width: 15%;
#width:100%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td {
width: 25%;
#width:100%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td {
width: 12%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td {
width: 26%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td {
width: 12%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td + td {
width: 10%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td {
width: 8%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td + td {
width: 10%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 form[name="NEXTM"] table.border tbody tr td {
width: auto;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .bordlayoutp3 table.border tbody tr td {
width: auto;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td.backcolor1.center, #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"], #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td + td[width="49%"] {
width: 49%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td, #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td, #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td.backcolor2 + td {
width: 2%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td +td.backcolor1.center {
width: 49%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td {
width: auto;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=right] {
text-align: right;
}
#deli_scadule table.deli_plan_cal tbody tr td {
vertical-align: top;
}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border {
border: 1px solid #999999;
width: 100%!important
}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td.backcolor2 table.layoutp3 {
margin-top: 0px;
}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td {
border: none;
padding: 2px 9px;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_day th {
font-size: 100%;
background-color: inherit;
border: none;
}
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 form[name=list] table[align=center], table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center form table[align=center], table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center table[align=center] {
width: auto;
margin: 0 auto;
}
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 hr {
display: block;
margin: 5px;
}
table#enter #center-seo .centerbox .mainCont div.bordlayoutp3, table#enter #center3 .centerbox .mainCont div.bordlayoutp3 {
padding: 5px 0;
}
table#enter {
background: none repeat scroll 0 0 #FFFFFF;
text-align: left;
width: 100%;
}
table#enter #center3 .centerbox form[name="NEXT"] .mainCont .bordlayoutp3 table tbody td div.send_info {
width: 75% !important;
margin: 0 54px !important;
}
#contact #center1 .centerbox .mainCont input[name="PZIP_SEEK"] {
width: 180px !important;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table caption, #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td[align="center"], #center3 .centerbox .bordlayoutp3 table td[align="center"], #center3 .centerbox .bordlayoutp3 table tr.center td, #center3 .mainCont > .center, #center-seo .centerbox .center, #center3 .centerbox .center, #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] {
text-align: center
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] p font[color=red] strong {
font-weight: bold;
}
#contact #center1 .float_right, table#enter td#center3 div.centerbox form div.mainCont input.float_right {
float: right!important;
}
table#enter td#center3 div.centerbox form div.mainCont div {
width: 100%!important;
}
table#enter td#center3 div.centerbox form div.mainCont input.float_right {
position: absolute;
right: 19px;
top: 60px;
}
table#enter td#center3 div.centerbox input[type=checkbox] {
margin-top: 5px;
}
#contact #center1 .centerbox .mainFrame {
margin: 0px;
padding: 1px;
background-color: #EBEBEB;
}
#contact #center1 .box_in_box {
text-align: center!important;
}
#contact .layoutp3 table.layoutp3 tbody td, #contact .layoutp3 table.layoutp5 tbody td, #contact .bordlayoutp3 table tbody td {
text-align: left
}
#contact .layoutp3 table.layoutp3 tbody td, #contact .layoutp3 table.layoutp5 tbody td {
padding: 5px
}
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td.center, #contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td.center {
width: 2%;
}
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td label, #contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td label strong {
font-size: 0.75rem;
}
#contact .mainFrame .mainCont #tradesafe_div1 {
font-size: 100% !important;
line-height: 142% !important;
}
#center3 .centerbox .red, #contact #center1 .red {
color: #CC0000;
font-size: 0.75rem!important;
}
#center3 .layoutp3 textArea {
width: initial;
}
#contact #center1 .point {
font-size: 120%;
color: red;
font-weight: 900;
}
#contact #center1 .pointline {
font-size: 100%;
color: #FFFFFF;
font-weight: 900;
padding: 5px;
padding-bottom: 5px;
background-color: #666666;
margin-top: 5px;
margin-bottom: 5px;
}
#contact .mainFrame .mainCont a {
color: #333333;
font-size: 0.75rem;
text-decoration: underline !important;
}
#contact .mainFrame .mainCont div.layoutp3 table tbody tr td {
border: none;
}
#contact .mainFrame .mainCont a:hover {
color: #666666;
text-decoration: underline;
}
#contact .mainFrame .mainCont h4 {
font-size: 0.75rem;
font-weight: bold;
}
#center1 .mainCont .mainFrame .mainCont .comment_box table tbody tr td textarea {
width : initial !important
}
;
#contents div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame {
border: 1px solid #EBEBEB;
margin: 0;
padding: 10px;
background-color: #fff;
}
#contents .enquete-section #contact table tbody tr td div.mainCont:first-child {
padding: 5px 0 0 10px;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] p {
margin: 5px 0;
padding: 2px 0;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td:first-child {
width: 45%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table {
width: 50%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table tbody tr td {
padding: 1px;
text-align: left;
vertical-align: top;
word-break: break-all;
border: none;
font-size: 100%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame {
border: soild 1px;
}
div.enquete-section #contact {
width: 100%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="text"], div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="password"], div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select {
height: 20px;
padding: 0;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] h4.title {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted;
font-size: 110%;
font-weight: bold;
line-height: 200%;
margin-bottom: 10px;
padding: 0;
width: 100%;
}
#enquete-header {
width: 960px;
margin: 0 auto;
background-color: #FFF;
<!-- {
if $hfdesign.h_bgurl
}
-->
background:url()
<!-- {
$hfdesign.h_bgurlp|background_pos
}
-->
no-repeat;
<!-- {
else
}
-->
background:url(//www.arm-namadume.jp/hpgen/HPB/theme/img/header_bg.gif) repeat-x left top;
<!-- {
/if
}
-->
}
#enquete-header #logo {
margin: 0 auto;
width: 960px;
padding-top: 10px;
}
#enquete-header #logo .shoplogo img {
display: table-cell;
vertical-align: middle;
padding: 5px 0;
}
#enquete-header #logo .shoplogo h1 {
max-width: 340px;
background: none;
margin: 0;
padding-top: 5px;
}
#enquete-header #logo .shoplogo h1 a:hover img, #enquete-header #logo h1 a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#enquete-header #logo .shoplogo img.float_right {
float: right;
}
#enquete-header #logo .shoplogo img.float_left {
float: left;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=radio], div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=checkbox] {
margin: 0px 5px 3px 5px;
}
div.enquete-section {
padding: 0;
}
div.enquete-section #contact table td {
border: none;
}
div.enquete-section #center1 .centerbox .mainCont h3 {
display: block;
width: 100%;
}
div.enquete-section #contact table tbody tr td#center1 .centerbox .mainCont h3.title1 {
line-height: 43px;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_bg_ll.gif) no-repeat;
vertical-align: middle;
padding : 10px 0 0 10px !important;
color: #663e00;
font-size: 100%;
color: #fff;
font-weight: bold;
line-height: 100%;
letter-spacing: 0.1em;
}
div.enquete-section #contact table tbody tr td {
width: 100%;
border-top: none;
padding: 0px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_1] {
margin-left: 22px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_2], div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_3] {
margin-left: 11px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select[name=ANS5_1] {
margin-left: 13px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_2] {
margin-left: 25px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_3] {
margin-left: 2px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_4] {
margin-left: 26px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] strong {
font-weight: bold;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] textarea {
height: 150px;
padding: 5px;
width: 70%;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit] {
background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
border: medium none;
color: #FFFFFF;
font-size: 0.75rem;
height: 25px;
margin: 0 5px;
padding: 0;
width: 200px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]:hover {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg_on.gif) repeat-x left top;
}
.shoplogo {
width: 340px;
}
#center-seo .centerbox, #center3 .centerbox {
word-break: break-all;
font-size: 100%;
line-height: 200%;
margin: 0px;
padding: 0 10px 10px;
}
#center-seo h3.title1, #center3 h3.title1 {
display: block;
height: 26px;
margin: 5px 0 5px;
padding: 11px 0 0 10px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
color: #FFFFFF;
background-color: #a31021;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
.popItemh3 h3.title1 {
height: 100% !important;
}
#center-seo #bread, #center3 #bread {
margin: 0px;
padding: 3px 15px;
text-align: left;
font-size: 100%;
line-height: 200%;
vertical-align: middle;
}
#center-seo .mainCont, #center3 .mainCont {
padding: 0 10px 10px;
margin: 0px;
width: auto;
}
#center-seo .centerbox .caution, #center3 .centerbox .caution {
font-weight: bold;
color: #d51414;
}
#center-seo .centerbox table th, #center-seo .centerbox table td, #center3 .centerbox table th, #center3 .centerbox table td {
word-break: break-all;
vertical-align: top;
text-align: left;
padding: 1px;
}
#center3 .centerbox table td[width="5%"] {
width: 10%;
}
#center-seo .centerbox .backcolor1, #center3 .centerbox .backcolor1 {
background-color: #EEEEEE;
}
#center-seo .centerbox .bordlayoutp3 table th, #center3 .centerbox .bordlayoutp3 table th {
color: #2B2B2B;
font-weight: bold;
text-align: center;
word-break: normal;
}
#center3 .layoutp3 table th, form[name$="FORM"]~tbody #center3 .layoutp3 table th {
width: 25%;
font-weight: bold;
*width: 0%;
}
#center-seo .centerbox th.backcolor1, #center-seo .bordlayoutp3 th, #center-seo .bordlayoutp3 td, #center3 .centerbox th.backcolor1, #center3 .bordlayoutp3 th, #center-seo .bordlayoutp3 td, #center3 .bordlayoutp3 td {
border: 1px solid #999999;
vertical-align: middle;
}
#center3 .bordlayoutp3 .layoutp3 th, #center3 .bordlayoutp3 .layoutp3 td {
padding: 0px;
border: none;
}
#center3 .bordlayoutp3 .layoutp3 td.send_info {
border: 1px solid #999999;
}
#center3 .bordlayoutp3 .layoutp3 td.send_info+td {
*width: 70%;
}
#center3 .centerbox strong, #center3 .centerbox h4 {
text-align: left;
font-weight: bold;
}
#center-seo .centerbox .layoutp3 + .bordlayoutp3>table, #center3 .centerbox .layoutp3 + .bordlayoutp3>table {
width: 95%;
}
#center-seo input[type="submit"], #center-seo input[type="button"], #center3 input[type="submit"], #center3 input[type="button"] {
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
width: auto;
width: initial;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select, #center-seo select, #center-seo input[type="text"], #center3 select, #center3 input[type="text"], #center3 input[type="password"] {
height: 20px;
line-height: 20px;
padding: 0px;
margin: 2px 0px;
min-width: inherit;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select, #center-seo select, #center-seo textarea, #center3 select, #center3 textarea {
padding: 1px;
margin: 2px 0px;
}
#center3 select[name="SEL_CARD"] {
margin-left: 5px;
padding: 1px;
}
#center-seo input[type="submit"]:hover, #center-seo input[type="button"]:hover, #center3 input[type="submit"]:hover, #center3 input[type="button"]:hover {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg_on.gif) repeat-x left top;
}
#center-seo .centerbox table td input[type="radio"], #center3 .centerbox table td input[type="radio"] {
margin: -3px 3px 0px 5px;
}
table#enter form[name="NEWMEM"] #center3 .centerbox .bordlayoutp3 table td[colspan="2"] input[type="checkbox"] {
margin: -3px 4px 0px 0px;
}
#center-seo p, #center3 p {
margin: 5px 0px;
padding: 2px 0px;
}
#center3 .centerbox .bordlayoutp3 table td.backcolor2 div form {
display: inline-block;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td {
background-color: #FFFFFF;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td input[type="radio"], #contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="button"], #contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="submit"] {
margin: 0px 3px;
height: 20px;
margin-right: 10px;
}
section .freeTop h2 {
border: medium none;
font-size: 90%;
font-weight: bold;
line-height: 165%;
margin-bottom: 10px !important;
}
.leftSearch {
overflow: hidden;
}
.leftSearch #searchbox_wrap {
/*margin: 0 0 30px;*/
overflow: hidden;
margin: 0px;
padding: 0px;
}
.leftSearch #searchbox_wrap #searchbox p img {
display: none;
}
.leftSearch searchbox {
color: #999999;
float: right;
font-size: 65%;
line-height: 160%;
overflow: hidden;
text-align: right;
}
.leftSearch #searchbox form {
/*border: 1px solid #777777;*/
float: left;
height: 27px;
width: 230px;
}
.leftSearch #searchbox input.searchbox {
border: medium none;
margin-left: 1px;
padding: 0 5px;
width: 187px;
height: 100%;
line-height: 27px;
}
.leftSearch #searchbox input.searchSubmit {
height: 100%;
float: right;
}
.leftSearch #searchbox p {
float: left;
margin: 5px 5px 0 0;
}
#header-inner h2 {
max-width : 340px;
}
.siteName {
margin: 0px;
padding: 10px 10px 5px 10px;
font-size: 100%;
line-height: 1em;
}
.siteName a {
color: black;
text-decoration: none;
}
.siteName a:hover {
color: blue;
text-decoration: underline;
}
.sitecopy {
padding: 10px 10px 5px 5px;
margin: 0px;
color: #999999;
font-size: 80%;
line-height: 1em;
}
.sitecopy a {
color: black;
text-decoration: none;
}
.sitecopy a:hover {
color: blue;
text-decoration: underline;
}
.header_area {
text-align: left;
width: 100%;
margin: 0px 5px 0px 5px;
padding: 0px;
}
.footer_area {
text-align: left;
/* width:100%;*/
width: 1000px;
margin: 0px 5px 0px 5px;
padding: 0px;
}
.cart-section .header_area {
margin: 0 auto;
}
.cart-section .footer_area {
margin: 0 auto;
}
.pageNav form img {
float: right;
}
#sub-column .category .fukidashi nav, #sub-column .category .tatenarabi nav {
margin-bottom: 0;
}
#sub-column .category .fukidashi nav:last-child, #sub-column .category .tatenarabi nav:last-child {
margin-bottom: 20px;
}
#sub-column .category .fukidashi ul {
zoom: 1;
}
#sub-column .category .fukidashi nav {
position: relative;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
width: 100%;
position: absolute;
top: 0;
left: 100%;
display: none;
}
#sub-column .category .fukidashi nav:hover .sps-itemCategorySub {
display: block;
z-index: 999;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
padding: 5px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
background: #fff;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
color: #000000;
font-weight: normal;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a:hover {
color: #9a0f1f;
font-weight: normal;
}
#sub-column .category nav ul li:first-child {
border-top: none;
}
#sub-column .category nav ul li.listcat1 {
border-bottom: solid 1px #cacaca;
}
#sub-column .category nav ul li.listcat2 {
border-bottom: solid 1px #cacaca;
}
#sub-column .category nav ul li.listcat3 {
border-bottom: 0px;
}
#sub-column .category nav ul li.listcat2 a {
zoom: 1;
display: block;
padding: 3px 2px 3px 0px;
margin: 0px 0;
line-height: 100%;
color: #000;
text-decoration: none;
}
#sub-column .category nav ul li.listcat3 a {
zoom: 1;
display: block;
padding: 3px 2px 3px 25px;
margin: 0px 0;
line-height: 100%;
color: #000;
text-decoration: none;
}
#sub-column .category nav ul li.child a {
color: #000;
<!--
background:url(none);
-->
font-weight:bold;
}
#sub-column .category .sps-allList+#sps-itemListAllCategory {
display: none;
}
#center1 .centerbox .mainCont {
width: 600px;
padding: 10px;
}
#center1 .centerbox .mainCont h3 {
height: 43px;
line-height: 43px;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_bg.gif) no-repeat;
margin-bottom: 0;
padding: 0 0 0 10px;
vertical-align: middle;
font-size: 100%;
font-weight: bold;
}
#center1 .centerbox .mainCont h3.title1 {
color: #FFF;
}
.mainCont .comment_box td.backcolor1 {
background-color: #EEEEEE;
border: 1px solid #999999;
color: #2B2B2B;
font-weight: bold;
text-align: center;
word-break: normal;
}
.mainCont .comment_box td.backcolor2 {
background-color: #fff;
border: 1px solid #999999;
color: #2B2B2B;
font-weight: normal;
text-align: center;
word-break: normal;
}
.mainCont .comment_box td.backcolor2 div.float_left {
text-align: left;
}
.mainCont .comment_box td.backcolor2 div.float_left a {
text-decoration: underline;
}
.mainCont .comment_box td.backcolor1, .mainCont .comment_box td.backcolor2 {
text-align: left;
}
.mainCont .comment_box td.center {
text-align: center !important;
}
.mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"], .mainCont .comment_box td.backcolor2 div.write_comment input[type="button"] {
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
}
.mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"]:hover, .mainCont .comment_box td.backcolor2 div.write_comment input[type="button"]:hover {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg_on.gif) repeat-x left top;
}
div.mainCont input[type="button"], div.mainCont input[type="submit"] {
width: 150px;
width: auto\9;
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 0.8rem;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
}
div.mainCont input[type="button"]:hover, div.mainCont input[type="submit"]:hover {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg_on.gif) repeat-x left top;
}
div.mainFrame .mainCont .center {
text-align: center;
}
div.cart-section div#contact img[height="1"] {
display: none;
}
div#sub-column .category nav ul li.listcat2 a:hover, div#sub-column .category nav ul li.listcat3 a:hover {
color: #9a0f1f;
}
div#sub-column .category .sps-itemCategorySub li div {
padding-left: 30px;
}
div#sub-column .category .sps-itemCategorySub li {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat 40px center;
}
div#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
padding-left: 0px;
}
div#sub-column .category .fukidashi nav .sps-itemCategorySub li {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;
padding-left: 10px;
}
#sub-column .link nav ul, #sub-column .link nav ul li, #sub-column .link nav ul li:last-child {
border-bottom: none;
}
#sub-column .link nav {
padding-top: 0px;
}
#sub-column .link h2 {
font-size: 14px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
margin-left: 20px;
padding-top: 0px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0px;
margin-top: 20px;
margin-bottom: 8px;
line-height: 100%;
}
#sub-column .link nav ul li a:hover {
text-decoration: underline;
}
#sub-column .category nav ul li {
padding: 5px 0 5px 32px;
}
#sub-column .category nav ul li.listcat2 a {
padding: 3px 2px 3px 30px;
}
#sub-column .category nav ul li.listcat3 a {
padding: 3px 2px 3px 60px;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
text-decoration: none;
}
div#sub-column .category nav ul li.listcat2 a {
font-weight: bold;
}
.itemDescFc {
position: absolute;
margin-left: 5px;
}
.itemThumb-wrap-left {
width: 170px;
padding-left: 10px;
}
.itemThumb-wrap-right {
width: 70%;
word-break: break-all;
margin-left: 210px;
}
#enter #contents {
width: auto;
}
.mainFrame .mainCont p {
line-height: 150%;
}
.text-center {
text-align: center;
}
/* メインslider*/
/*メインスライダー*/
#mainvi {
text-align: center;
width: 100%;
max-height: 250px;/* position: relative;*/
}
#mainvi ul {
list-style-type: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
max-width: 730px;
max-height: 250px;
z-index: 0;
margin-right: auto;
margin-left: auto;
}
#mainvi li {
list-style-type: none;
padding: 0px;
max-height: 250px;
max-width: 730px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
z-index: 0;
}
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
/*.bx-wrapper {
position: relative;
padding: 0;
*zoom: 1;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
}*/
.bx-wrapper {
position: relative;
margin: 0 auto 0px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
margin-right: auto;
margin-left: auto;
*margin-left: -40px;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
/* -moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
left: -5px;*/
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
background-color: #000;/* text-align: center;*/
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 0px;
width: 100%;/* text-align: center;
margin-right: auto;
margin-left: auto;*/
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;/* padding-top: 20px; */
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #282828;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
#top_u_btn {
background-color: #FFF;
margin-top: 40px;
}
#top_u_btn a {
color: #333;
display: block;
padding: 3px;
height: 30px;
width: 250px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
border: 3px solid #C60;
text-align: center;
margin-left: auto;
background-color: #FFFEEC;
line-height: 30px;
font-size: 14px;
text-decoration: none;
}
#top_u_btn a:visited {
color: #333;
display: block;
padding: 3px;
height: 30px;
width: 250px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
border: 3px solid #C60;
text-align: center;
margin-left: auto;
background-color: #FFFEEC;
line-height: 30px;
font-size: 14px;
}
#top_u_btn a:hover {
color: #333;
display: block;
padding: 3px;
height: 30px;
width: 250px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
border: 3px solid #C00;
text-align: center;
margin-left: auto;
background-color: #FFFFFF;
line-height: 30px;
font-size: 14px;
}
#top_u_btn p {
text-align: center;
padding-top: 5px;
font-size: 12px;
}
#top_fr_2 {
background-color: #FFF;
}
.img_ct {
text-align: center;
margin-right: auto;
margin-left: auto;
width: 700px;
padding: 0px;
}
#top_s_t {
height: 20px;
width: 600px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #999;
text-align: center;
font-size: 14px;
}
.t_lf {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 300px;
}
.t_lf2 {
padding: 0px;
float: left;
margin-top: 40px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.t_lf2 em {
margin: 0px;
padding: 0px;
float: left;
font-size: 10px;
}
.t_cl {
clear: both;
}
.com_dtl, #faq {
background-color: #FFF;
}
.com_summary {
width: 95%;
margin-right: auto;
margin-left: auto;
}
#faq h3 {
border: 1px solid #666;
margin-left: 10px;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
width: 200px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.faq-box {
width: 95%;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}
.faq-box dt {
font-size: 16px;
background-image: url(//www.arm-namadume.jp/pic-labo/llimg/q.gif);
background-repeat: no-repeat;
padding-left: 40px;
margin-bottom: 10px;
line-height: 30px;
}
.faq-box dd {
font-size: 12px;
background-image: url(//www.arm-namadume.jp/pic-labo/llimg/a.gif);
background-repeat: no-repeat;
padding-left: 40px;
color: #666;
line-height: 16px;
}
.com_summary table {
padding: 0px;
margin: 0px;
}
.com_summary th {
background-color: #E8E8E8;
padding: 10px;
}
.com_summary td {
background-color: #F7F7F7;
padding: 10px;
}
.maker_tbl a:link {
color: #24496F !important;
text-decoration: underline !important;
}
.maker_tbl a:visited {
color: #24496F !important;
text-decoration: underline !important;
}
.maker_tbl a:hover {
color: #990000 !important;
text-decoration: underline !important;
}
.maker_tbl a:hover {
color: #990000;
text-decoration: underline;
}
.maker_tbl table {
text-align: center;
width: 730px;
border: 2px solid #CCC;
}
.maker_tbl th {
text-align: center;
color: #666;
}
.maker_tbl th, .maker_tbl td, .maker_tbl tr {
padding: 5px;
border: 1px solid #CCC;
}
.txt_w {
color: #FFF;
}
#chara {
background-color: #FFF;
height: 100%;
width: 100%;
}
#chara h3 {
font-size: 16px;
border: 2px solid #69C;
width: 80px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-right: auto;
margin-left: auto;
background-color: #EEF7FF;
padding-top: 10px;
padding-bottom: 10px;
}
.chara_in {
clear: both;
height: auto;
width: 730px;
background-color: #FFF;
}
.chara_in2 {
clear: both;
height: auto;
width: 730px;
padding-top: 30px;
background-color: #FFF;
}
#chara .namatume_img {
float: left;
}
#chara .namatume_img2 {
float: left;
padding-left: 40px;
background-color: #FFF;
}
#chara .namatume_img3 {
float: left;
clear: both;
}
#chara .namatume_txt {
float: left;
width: 480px;
}
#chara .namatume_txt p {
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
#chara .namatume_txt em a {
border: 2px solid #999;
display: block;
background-color: #FFF;
width: 200px;
text-decoration: none;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
}
.n_t_line {
border: 2px solid #999;
display: block;
background-color: #FFF;
width: 200px;
text-decoration: none;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
}
#chara .namatume_txt em a:hover {
border: 2px solid #999;
background-color: #FFC;
display: block;
}
#sp_order {
text-align: center;
width: 730px;
list-style-type: none;
}
#sp_order p {
margin-bottom: 20px;
}
#sp_order ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#sp_order ul li {
list-style-type: none;
}
#sp_order .odr_img {
float: left;
margin-right: 5px;
margin-left: 7px;
margin-bottom: 20px;
list-style-type: none;
height: auto;
width: 225px;
}
.cl_a {
clear: both;
}
.sidebar_bn {
width: 180px !important;
margin-left: 30px;
height: 180px !important;
display: inline-block !important;
}
.sidebar_bn a:hover {
width: 180px !important;
margin-left: 30px;
height: 180px !important;
display: inline-block !important;
}
#sp_form {
width: 730px;
}
#sp_form form {
width: 700px;
background-color: #FFF;
margin-right: auto;
margin-left: auto;
line-height: 200%;
}
#sp_form .sp_fm_m {
padding-top: 3px;
padding-bottom: 3px;
clear: both;
float: left;
width: 180px;
margin-bottom: 15px;
}
#sp_form .sp_fm_ip {
padding-top: 3px;
padding-bottom: 3px;
float: left;
width: 500px;
margin-bottom: 15px;
}
#sp_form form .sp_fm_m {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #369;
padding-left: 8px;
}
#sp_form form .fm_btn {
border: 1px double #033;
height: 40px;
width: 180px;
margin-left: 260px;
margin-top: 20px;
margin-bottom: 50px;
clear: both;
background-color: #366;
color: #FFF;
}
#sp_form input[type=text],#sp_form textarea {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #CCC;
margin-right: 5px;
margin-left: 5px;
}
#sp_form input[type=radio] {
margin-right: 5px;
margin-left: 5px;
}
/*sidebar search*/
#side_searchup p{
font-size: 10px;
padding: 0px;
margin-top: -20px;
margin-right: 0px;
margin-bottom: -4px;
margin-left: 10px;
}
#side_searchdown {
font-size: 10px;
padding: 0px;
margin-top: -8px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 10px;
line-height: 12px;
}
.txt_l20 {
font-size: 20px;
line-height: 20px;
}
/* フォームテーブル */
table.form {
/* border: 1px solid #CCCCCC;*/
border-collapse: collapse;
margin-top: 1em;
width: 700px;
margin-right: auto;
margin-left: auto;
}
table.form th, table.form td {
text-align: left;
padding: 8px;
font-weight: normal;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
table.form th {
white-space: nowrap;
background-color: #E8E8E8;
width: 200px;
}
table.form td {
background-color: #F7F7F7;
}
/* タイトル装飾 */
strong.ttl {
text-align: left;
border-left: solid 4px #cc0000;
display: block;
padding: 2px 5px;
margin-top: 2em;
}
/* メッセージ */
p.msg {
color: #dd0000;
margin: 2em;
}
span.msg {
color: #dd0000;
}
/* 戻りボタン */
form.back {
margin-top: 2em;
}
.fm_btn {
border: 1px double #033;
height: 40px;
width: 180px;
margin-left: 260px;
margin-top: 30px;
margin-bottom: 50px;
clear: both;
background-color: #366;
color: #FFF;
cursor: pointer;
}
.fm_btn:hover{
background-color: #438787 !important;
}
/* フォーム終了 */
#namatume_hinban {
width: 730px;
background-color: #FFF;
}
#namatume_hinban h3{
font-weight: bold;
padding-left: 10px;
line-height: 24px;
height: 24px;
border: 1px solid #999;
width: 700px;
}
.namatume_hinban_com {
width: 710px;
background-color: #FFF;
margin-right: auto;
margin-left: auto;
clear: both;
height: auto;
margin-bottom: 20px;
}
.namatume_hinban_l {
width: 350px;
float: left;
}
.namatume_hinban_r {
width: 360px;
float: right;
}
#namatume_hinban ul {
display: none;
list-style-type: none !important;
}
#namatume_hinban li {
cursor: pointer;
list-style-type: none !important;
}
#namatume_hinban span {
display: block;
padding: 8px 4px;
cursor: pointer
}
#namatume_hinban span:before {
padding: 0 8px 0 0;
vertical-align: middle;
content: url("//www.arm-namadume.jp/pict/arrow_right.gif")
}
#namatume_hinban span.selected:before {
content: url("//www.arm-namadume.jp/pict/arrow_down.gif")
}
#namatume_hinban span:hover,#namatume_hinban li:hover {
color: #900;
}
#namatume_hinban li {
cursor: pointer;
list-style-type: none !important;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 4px;
padding-left: -30px;
}
#namatume_hinban li:before {
padding: 0 8px 0 0;
vertical-align: middle;
content: url("//www.arm-namadume.jp/pict/arrow_right.gif");
list-style-type: none;
}
#namatume_hinban li.selected:before {
content: url("//www.arm-namadume.jp/pict/arrow_down.gif");
list-style-type: none;
}
.link32mm {
position: relative;
left: 565px;
top: -960px;
text-align: left;
text-decoration: underline;
}
#item_d_txt {
border: 1px solid #CCC;
height: auto;
width: 330px;
float: right;
margin-top: -60px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.description {
clear: both;
}
#sitemap .tree01 {
margin: 0px!important;
padding: 0px!important;
}
#sitemap .txt-list01 ul {
margin: 0px!important;
padding: 0px!important;
}
#sitemap .txt-list01 h2 {
width: 710px!important;
}
#print_logo {
display: none;
}
}
/*----------------------------------------- SP用 -------------------------------------------*/
/*----------------------------------------- ------------------------------------------------*/
@media screen and (max-width:550px) {
.pc {
display: none!important;
}
footer .pc {
display: none!important;
}
img {
max-width: 100%;
height: auto;
}
#wrapper {
width: 100%;
background-color: #FFF;
min-height: 100%;
margin-right: auto;
margin-left: auto;
}
/* Header
----------------------------------------------- */
div#wrapper div#enquete-header, div#wrapper > div#cart-header, header {
/* width: 100%;*/
background-color: #231814;
/*background-color: #FFF;*/
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/header_bg_menu_2.gif) repeat-x bottom !important;*/
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 10px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#header-inner {
width: 100%;
*zoom: 1;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
}
header #header-inner {
<!-- {
if $hfdesign.h_bgurl
}
-->
background:url()
<!-- {
$hfdesign.h_bgurlp|background_pos
}
-->
no-repeat;
<!-- {
/if
}
-->
}
#header-inner #logo, #hNav {
/* display: table-cell;*/
vertical-align: middle;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 20;
}
#header-inner #hNav {
/*width: 660px;*/
text-align: center;
width: 100% !important;
clear: both !important;
}
#header-inner #hNav a:link {
color: #FFF;
}
* html #header-inner div {
display: inline;
zoom: 1;
}
*:first-child+html #header-inner div {
display: inline;
zoom: 1;
}
#header-inner #logo {
/*width: 340px;*/
width: 100%;
padding-left: 10px;
margin-left: 0px;
}
#header-inner h1 {
/*max-width: 340px;*/
max-width: 100%;
background: none;
margin: 0;
padding: 0;
}
#header-inner h1 a img:hover, #header-inner h2 a img:hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#hNav #searchbox_wrap {
overflow: hidden;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 10px;/* margin: 10px 0;*/
}
#hNav #searchbox {
line-height: 100%;
font-size: 65%;
color: #999;
/* align: right;
float: right !important;*/
/* overflow: hidden;
margin-left: 20px!important;
padding-left: 20px!important;*/
}
#hNav #searchbox p.cart-search {
margin-top: 0px;
}
#hNav #searchbox p {
margin: 0px;
}
#hNav #searchbox p img {
margin-top: 5px;
}
#hNav #searchbox form {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/searchbox.gif) no-repeat left top;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/searchbox.gif) no-repeat left top;*/
width: 230px;
height: 27px;
}
#hNav #searchbox input.searchbox {
border: none;
width: 189px;
height: 17px;
padding-top: 0;
padding-right: 5px;
padding-bottom: 0;
padding-left: 5px ;
}
#hNav #searchbox input.searchSubmit {
padding: 0;
}
#hNav ul#keyword {
line-height: 100%;
text-align: right;
margin-top: 5px;
margin-bottom: 10px;
}
#hNav ul#keyword li {
/* display: inline-block;*/
*display: inline;
*zoom: 1;
}
#hNav ul#keyword li a {
float: left;
font-size: 10px;
padding: 0 0 0 5px;
}
#hNav ul#keyword li a:hover {
color: #9a0f1f;
}
#hNav ul#header-nav {
line-height: 100%;
margin-bottom: 5px;
width: 100%;
text-decoration: none;
height: auto;
}
#hNav ul#header-nav li {
display: inline-block;
*display: inline;
*zoom: 1;
/* background: url("//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif") no-repeat 20px left*/;
font-size: 12px;
height: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
width: 100%t;
}
#hNav ul#header-nav li a:hover {
color: #9a0f1f;
text-decoration: none;
}
#g-nav {
width: 100%;
background: #339999;
height: 44px;
}
#gnav div.cart-nav, #gnav nav {
width: 100%;
/*height:44px;*/
height: 20px;
margin: 0 auto;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/header_bg_menu.gif) no-repeat;*/
/* overflow: hidden;
*zoom: 1;
position: relative;*/
}
#gnav div.cart-nav ul, #gnav nav ul {
/* float: left;*/
/* position: relative;*/
/* left: 50%;*/
}
#gnav div.cart-nav ul li, #gnav nav ul li {
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
float: left;
width: 20%;
text-align: center;
padding: 0;
margin: 0;
font-size: 12px; /*vertical-align:middle; height:44px; line-height:44px;*/
color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;/* position: relative;*/
background-color: #231814;/* left: -50%;*/
border-right-style: none !important;
border-left-style: none !important;
}
#gnav div.cart-nav ul li a:not(.sidebar_bn), #gnav nav ul li a:not(.sidebar_bn) {
display: block;
color: #FFFFFF;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-color: #CCC;
border-left-color: #CCC;
margin-left: -1px;
}
#gnav div.cart-nav ul li a:link, #gnav div.cart-nav ul li a:visited, /* #gnav div.cart-nav ul li a:hover,*/
#gnav div.cart-nav ul li a:active, #gnav nav ul li a:link, #gnav nav ul li a:visited, /*#gnav nav ul li a:hover,*/
#gnav nav ul li a:active {
color: #FFFFFF;
text-decoration: none;
}
#gnav div.cart-nav ul li a:hover, #gnav nav ul li a:hover, {
color: #999999;
text-decoration: none;
}
/* Contents
----------------------------------------------- */
#contents {
width: 100%;
margin: 0 auto;
/* overflow: auto;
*zoom: 1;
overflow: hidden;*/
padding-bottom: 0px;
clear: both;
}
#sub-column {
/* float: left;*/
width: 100%;
*zoom: 1;
word-break: break-all;
color: #FFF;
background-color: #E50020;
padding-bottom: 20px;
}
#main-column {
/* float: right;*/
width: 95%;
margin-left: 2.5%;
}
/* main-column
----------------------------------------------- */
#main-column-full {
width: 100%;
margin: 0 auto 60px;
background-color: #FFF;
}
div#wrapper div#enquete-section, article section {
padding: 0;
}
div#wrapper div#enquete-section:first-child, article section:first-child {
border-top: none;
}
div.cart-article p, article p {
font-size: 0.75rem;
}
div.cart-article p {
padding-bottom: 5px;
}
section .freeArea p {
font-size: 100%;
padding-left: 0;
}
.freeArea2 .free-contents img {
width: auto;
margin-bottom: 0px;
}
div.cart-article a:hover p, div#wrapper div#enquete-section ul, div.cart-article div.cart-section ul, article section ul {
font-size: 100%;
line-height: 100%;
}
#mainVisual {
width: 100%;
margin-bottom: 30px;
}
#bread-crumb {
margin: 0 0 20px 0;
padding-bottom: 6px;
border-bottom: 1px dotted #333333;
}
#bread-crumb-listTop, .bread-crumb-listCate {
width: 100%;
padding: 0;
margin: 0;
}
#bread-crumb-listTop ol, .bread-crumb-listCate ol {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
*zoom: 1;
}
#bread-crumb-listTop ol li, .bread-crumb-listCate ol li {
float: left;
*float: none;
*display: inline;
padding: 0 10px 0px 13px;
margin-bottom: 4px;
line-height: 100%;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/breadcrumb_bg.gif) no-repeat left center;
*zoom: 1;
}
#bread-crumb-listTop ol li:first-child {
padding-left: 0;
background-image: none;
}
#bread-crumb-listTop, .bread-crumb-listCate {
padding: 0;
margin: 0;
}
.column-set {
width: 100%;
overflow: hidden;
*zoom: 1;
}
.column3 {
/* float: left;*/
width: 230px;
margin: 0 15px 20px 0;
padding-bottom: 20px;
}
.column3:nth-child(3n) {
margin: 0 0 20px 0;
}
.newItem .column3 .itemThumb-wrap {
margin: 0 0 10px 0;
}
.newItem .column3 .itemThumb {
display: table-cell;
text-align: center;
height: 230px;
width: 230px;
vertical-align: middle;
}
.column4 {
/* float: left;*/
width: 170px;
margin: 0 16px 20px 0;
}
.column4:nth-child(4n) {
margin: 0 0px 20px 0;
}
.column4 .itemThumb-wrap {
margin: 0 0 10px 0;
}
.column4 .itemThumb {
display: table-cell;
text-align: center;
height: 170px;
width: 170px;
vertical-align: top;
}
.column4 .item-list-span-img {
width: 170px;
display: inline-block;
}
.column5 .item-list-span-img {
width: 130px;
display: inline-block;
}
.column4 .itemThumb a img {
max-height: 170px;
max-width: 170px;
}
.column5 {
float: left;
width: 45%;
padding-bottom: 10px;
margin-top: 0;
margin-right: 2%;
margin-bottom: 20px;
margin-left: 2%;
}
.column5:nth-child(5n) {
margin-right: 1px;
}
.column5:nth-child(5n+1) {
clear: both;
}
.column5 .itemThumb-wrap {
margin: 0 0 0 0;
}
.column5 .itemThumb {
display: table-cell;
height: 130px;
width: 130px;
text-align: center;
vertical-align: top;
}
.column5 img {
vertical-align: bottom;
}
.column5 .itemThumb a img {
max-height: 130px;
max-width: 130px;
display: block;
margin-right: auto;
margin-left: auto;
}
.pickup .column5, .ranking .column5 {
margin-bottom: 15px;
}
.column3 h3, .column4 h3, .column5 h3 {
margin-bottom: 0px;
line-height: 125%;
font-size: 12px;
}
.column3 img, .column4 img, .column5 img {
vertical-align: bottom;
}
.column3 p.price, .column4 p.price, .column4 p.price {
margin-bottom: 3px;
}
.column3 p.sp_price, .column4 p.sp_price, .column5 p.sp_price {
color: #9a0f1f;
margin-top: 5px;
}
.column3 .badge {
padding: 6px 0 0 6px;
position: absolute;
z-index: 100;
}
.column4 .badge, .column5 .badge {
position: absolute;
z-index: 100;
padding-top: 6px;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
}
.pickup .column5 .itemThumb {
margin-bottom: 5px;
position: relative;
}
.pickup .column5 .badge {
padding: 6px 0 0 10px;
position: absolute;
z-index: 100;
display: none;
}
.ranking .column5 .itemThumb {
position: relative;
}
.ranking .column5 .badge {
padding: 6px 0 0 10px;
position: absolute;
z-index: 100;
}
p.fx_price span.strike {
text-decoration: line-through;
}
p.sp_price span.special_price_str, p.sp_price span.selling_price_str, p.sp_price span.selling_price, p.sp_price span.taxin, p.sp_price span.discount_rate {
color: #F00;
}
p.price span.selling_price, p.price span.taxin {
color: #F00;
}
/* TOP PAGE
----------------------------------------------- */
.half-cont_wrap01, .half-cont_wrap02 {
overflow: hidden;
}
.half-cont {
/* float: left;*/
width: 100%;
margin-right: 30px;
}
.half-cont:nth-child(2n) {
/* float: left;*/
width: 100%;
margin-right: 0;
}
section .newItem h2, section .pickup h2, section .ranking h2, section .group h2, section .category h2 {
font-size: 16px;
font-weight: bold;
line-height: 37px;
vertical-align: middle;
margin-bottom: 20px;
padding: 0 0 0 15px;
color: #666666;
background-color: #E0E0E0;
width: 100%;
height: 36px;
}
.newItem .new-Title {
display: none;
}
.newItem h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_newitem.gif) no-repeat; */
background-color: #E0E0E0;
}
.pickup .pickup-Title {
display: none;
}
.pickup h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_pickupitem.gif) no-repeat;*/
}
.ranking .ranking-Title {
display: none;
}
.ranking h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_rankingitem.gif) no-repeat ;*/
}
.news {
margin-bottom: 20px;
}
.news h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_news_s.gif) no-repeat;*/
display: block;
width: 100%;
height: 26px;
margin: 0 0 20px;
padding: 11px 0 0 45px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
color: #FFFFFF;
}
.news h2 img {
display: block;
height: 14px;
width: 56px;
margin-left: 50px;
}
.w100 .news {
float: none;
width: 100%;
margin-right: 0;
padding: 0 0 20px;
}
.w100 .news h2 {
<!--
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_news_l.gif) repeat-x left bottom;
-->
display: block;
width: 95%;
height: 26px;
margin: 0 0 20px;
padding: 11px 0 0 15px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
color: #FFFFFF;
}
.w100 .news h2 img {
display: block;
height: 14px;
width: 56px;
margin-left: 50px;
}
.news .news-contents {
overflow: hidden;
}
dl.news-box {
font-size: 12px;
padding: 10px 0;
border-bottom: 1px dotted #000;
}
dl.news-box:first-child {
padding: 0 0 10px 0;
}
.news-box dd {
line-height: 125%;
}
.news-box dd a:hover {
color: #9a0f1f;
}
.freeArea2 {
padding-bottom: 0px;
margin-bottom: 0px;
}
.freeArea2 h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_category_s.gif) repeat-x left bottom;*/
display: none;
width: 100%;
height: 30px;
border: none;
margin-top: 20;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding-top: 7px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.freeArea2 h2 img {
display: block;
height: 14px;
width: 96px;
margin-left: 50px;
}
.freeArea2 .free-contents {
padding-top: 0px;
}
.freeArea2 .free-contents p a {
text-decoration: underline;
}
.freeArea2 .free-contents ul {/*margin: 0px 40px;*/
}
.freeArea2 .free-contents ul li {
list-style-type: square;
}
.freeArea2 .free-contents ol {/*margin: 0px 40px;*/
}
.freeArea2 .free-contents ol li {
list-style-type: decimal;
}
.w100 .freeArea2 {
float: none;
width: 100%;
padding: 0 0 20px;
}
.w100 .freeArea2 h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_category_l.gif) no-repeat ;*/
display: block;
width: 100%;
height: 30px;
margin: 0 0 20px;
border: none;
font-size: 14px;
font-weight: bold;
vertical-align: middle;
color: #FFFFFF;
}
.w100 .freeArea2 h2 img {
display: block;
height: 14px;
width: 96px;
margin-left: 50px;
}
#main-column .w100 .freeArea2 .freeAreaTitle {
padding-left: 50px;
}
#main-column .half-cont .freeArea2 .freeAreaTitle {
padding-left: 45px;
font-size: 14px;
font-weight: bold;
line-height: 30px;
color: #FFFFFF;
}
.freeArea2 .free-banner {
margin-bottom: 10px;
}
.freeArea2 .free-contents p {
font-size: 12px;
line-height: 125%;
}
#sub-column section .freeArea2 .free-contents p img {
max-width: 100%;
width: auto;
height: auto;
}
.group {
margin-bottom: 20px;
}
.group .group-Title {
display: none;
}
.group h2 {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_group_s.gif) no-repeat;
margin: 0 0 20px;
}
.shopDiary .free-banner {
margin: 0;
}
.w100 .group {
float: none;
width: 100%;
margin-right: 0%;
margin-bottom: 20px;
}
.w100 .group .group-Title {
display: none;
}
.w100 .group h2 {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_group_l.gif) no-repeat;
}
.w100 .group h2 img {
display: block;
height: 20px;
width: 85px;
margin: 0 auto;
}
.group .group-banner {
margin-bottom: 5px;
}
.group ul {
line-height: 100%;
}
.group ul li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0px 15px 0px 15px;
margin: 0 0 9px 0;
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;*/
font-size: 12px;
line-height: 100%;
}
.category {
margin-bottom: 20px;
}
.category .category-Title {
display: none;
}
.category h2 {
<!--
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_category_s.gif) no-repeat;
-->
width:100%;
height: 37px;
}
.w100 .category {
position: relative;
float: none;
width: 100%;
margin-bottom: 20px;
}
.w100 .category h2 {
<!--
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_category_l.gif) no-repeat;
-->
}
.w100 .category h2 img {
display: none;
}
.w100 .category h3 {
font-weight: bold;
line-height: 120%;
font-size: 100%;
}
.category .category-banner {
margin-bottom: 5px;
}
.category ul {
line-height: 100%;
}
.category ul li {
display: inline-block;
*display: inline;
*zoom: 1;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;*/
font-size: 12px;
line-height: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 9px;
margin-left: 0;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
}
section.half-cont div.category section h3 {
font-weight: bold;
line-height: 120%;
font-size: 100%;
}
.freeArea {
width: 100%;
height: auto;
}
.freeArea h2 {
font-size: 14px;
font-weight: bold;
line-height: 37px;
vertical-align: middle;
margin-bottom: 20px;
padding: 0 0 0 10px;
color: #FFFFFF;
width: 100%;
height: 37px;
<!--
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_bg.gif) no-repeat;
-->
}
/* Sub Column
----------------------------------------------- */
#sub-column .group, #sub-column .category, #sub-column #followUs, #sub-column .newItem {
width: 100%;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}
#sub-column .link {
width: 100%;
margin: 0;
padding-top: 5px !important;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
#sub-column a:link {
color: #FFF;
text-decoration: none;
}
#sub-column a:visited {
color: #FFF;
text-decoration: none;
}
#sub-column a:hover {
color: #E50020;
background-color: #FFF;
display: block;
text-decoration: none;
padding-left: 10px;
margin-left: -10px;
}
#sub-column h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/side_ttl_bg.gif) repeat-x left bottom;*/
font-size: 120%;
color: #FFFFFF;
font-weight: bold;
width: 90%; /*height:35px;
line-height: 35px;*/
vertical-align: middle;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 5%;
}
#sub-column h2 a:visited {
color: #FFFFFF;
font-size: 100%;
}
#sub-column h2 a:link {
color: #FFFFFF;
font-size: 100%;
}
#sub-column .newItem h2, #sub-column .pickup h2, #sub-column .ranking h2 {
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/side_ttl_bg.gif) repeat-x left bottom;*/
font-size: 120%;
color: #FFFFFF;
font-weight: bold;
width: 90%;
height: 35px;
line-height: 35px;
vertical-align: middle;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
padding-top: 0;
padding-right: 5%;
padding-bottom: 0;
padding-left: 0;
}
/* #sub-column .freeArea2 {
margin: 0 0 30px;
padding: 0;
}*/
#sub-column .freeArea2 {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}
#sub-column .newItem, #sub-column .pickup, #sub-column .ranking {
line-height: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}
#sub-column .newItem .column3, #sub-column .newItem .column4 {
padding: 0;
margin: 0 auto 20px auto;
float: none;
width: 170px;
}
#sub-column .pickup .column5, #sub-column .ranking .column5 {
width: 130px;
float: none;
padding: 0;
margin: 0 auto 20px auto;
}
#sub-column .category h3 {
font-size: 100%;
font-weight: bold;
width: 95%;
/*background-color: #231814;*/
text-align: center;
line-height: 250%;
margin-right: auto;
margin-left: auto;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: double;
border-bottom-style: double;
border-top-color: #231814;
border-bottom-color: #231814;
}
#sub-column .group nav, #sub-column .category nav, #sub-column .link nav {
margin-bottom: 0px;
border-top: none;
}
#sub-column .category nav {
margin-bottom: 0px;
}
#sub-column .group nav ul, #sub-column .category nav ul, #sub-column .link nav ul {
line-height: 100%;
}
#sub-column .group nav ul li, #sub-column .category nav ul li, #sub-column .link nav ul li {
/*padding: 10px 0 9px 32px;*/
padding: 0px;
margin: 0px;
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat 18px center;*/
display: block;
font-size: 12px;
line-height: 100%;
}
#sub-column .link nav ul li {
line-height: 180%;
}
#sub-column .keyword nav ul li {
display: inline;
}
#sub-column .group nav ul li:last-child, #sub-column .category nav ul li:last-child, #sub-column .link nav ul li:last-child {
/*border-bottom: solid 1px #cacaca;*/
}
#sub-column .group nav ul li, #sub-column .category nav ul li, #sub-column .link nav ul li {
/*border-bottom: solid 1px #cacaca;*/
}
#sub-column .category nav ul li.listcat2 {
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat 46px center;*/
}
#sub-column .category nav ul li.listcat3 {
/*background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat 75px center;*/
}
#sub-column .group nav, #sub-column .category nav, #sub-column .link nav {
border-top: none;
}
#sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
text-decoration: none;
line-height: 180%;
}
#sub-column .group nav ul li:first-child a, #sub-column .category nav ul li:first-child a, #sub-column .link nav ul li:first-child a {
border-top: none;
}
#sub-column .group nav ul li a:hover, #sub-column .group nav ul li a:active, #sub-column .category nav ul li a:hover, #sub-column .category nav ul li a:active, #sub-column .link nav ul li a:hover, #sub-column .link nav ul li a:active {
color: #9a0f1f;
text-decoration: none;
}
#sub-column #snav_calendar h2 {
background-image: none;
}
#sub-column #subc_calendar {
width: 240px;
margin-bottom: 30px;
}
#sub-column div.subc_cal_cont {
width: 240px;
padding: 0px;
}
#sub-column div#subc_calendar h2 {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/Title-scolumn_calendar.gif) no-repeat;
width: 240px;
text-align: center;
padding: 0;
margin: 0;
}
#sub-column div.cal_wrapper {
padding: 20px;
border-right: 1px solid #383838;
border-left: 1px solid #383838;
}
#sub-column div.cal_wrapper table.cal {
width: 100%;
line-height: 100%;
}
#sub-column div.cal_wrapper table.cal tr th p.month {
/* float: left;*/
width: 70%;
text-align: center;
font-size: 100%;
}
#sub-column div.cal_wrapper table.cal tr th input {
/* float: left;*/
border: none;
}
#sub-column div.cal_wrapper table.cal tr th input.prev {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/calendar_pleft.gif) no-repeat left bottom #FFF;
width: 15%;
height: 17px;
}
#sub-column div.cal_wrapper table.cal tr th input.next {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/calendar_pright.gif) no-repeat right bottom #FFF;
width: 15%;
height: 17px;
}
#sub-column div.cal_wrapper table.cal tr td {
border: solid 1px #CCC;
font-size: 100%;
text-align: center;
}
#sub-column div.cal_wrapper table.cal tr.headline td {
border: none;
padding: 10px 0 2px 0;
}
#sub-column div.cal_wrapper table.cal td {
border: none;
height: 18px;
vertical-align: middle;
line-height: 18px;
}
#sub-column div.cal_wrapper table.cal td div {
border: none;
height: 18px;
padding: 0;
}
#sub-column div.subc_cal_cont .cap {
font-size: 90%;
width: auto;
padding: 0 20px 20px 20px;
border-right: 1px solid #383838;
border-left: 1px solid #383838;
border-bottom: 1px solid #383838;
}
#sub-column div.subc_cal_cont .cap ul {
margin: 0px 0 0;
}
#sub-column div.subc_cal_cont .cap li {
display: inline-block;
line-height: 100%;
overflow: hidden;
}
#sub-column div.subc_cal_cont .cap li span {
margin: 0 10px 0 0;
}
.cap_txt span {
height: 13px;
vertical-align: middle;
}
#sub-column div.subc_cal_cont .cap .ico_cap01 {
width: 20px;
height: 13px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
color: #9a0f1f;
}
#sub-column div.subc_cal_cont .cap .ico_cap02 {
width: 20px;
height: 13px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
color: #9c8622;
}
#sub-column div.subc_cal_cont .cap .ico_cap02 {
width: 20px;
height: 13px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
color: #9c8622;
}
#sub-column div.subc_cal_cont .cap .cap-info {
line-height: 100%;
padding: 10px 0 0;
}
#sub-column div.cal_wrapper table.cal tr td div.Today {
background-color: #CCCCCC;
font-weight: bold;
}
#sub-column div.cal_wrapper table.cal tr td div.Deli {
background-color: #9c8622;
}
#sub-column div.cal_wrapper table.cal tr td div.Holyday {
background-color: #9a0f1f;
color: #FFFFFF;
}
#sub-column div.cal_wrapper table.cal tr td div.backward {
color: #CCC;
font-weight: normal;
background-color: #FFF;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer {
cursor: pointer;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer:hover {
background-color: #EEE;
}
#sub-column #snav_mailMag {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/Title-scolumn_mmag.gif) no-repeat;
padding: 35px 0 0;
width: 240px;
margin-bottom: 30px;
}
#sub-column #snav_mailMag h2 {
background-image: none;
}
#sub-column div.snav_mailMag_cont {
width: 240px;
padding: 10px 0 0;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/mail_magazine_bg.gif) repeat-y;
border-bottom: 1px solid #383838;
}
#sub-column div.snav_mailMag_cont h2 {
width: 240px;
text-align: center;
padding: 0;
margin: 0;
}
#sub-column div.snav_mailMag_cont p {
font-size: 100%;
line-height: 100%;
padding: 5px 0 10px;
margin: 10px 20px 0px 20px;
}
#sub-column div.snav_mailMag_cont input.mailAddress {
width: 150px;
height: 18px;
position: relative;
vertical-align: middle;
margin-left: 20px;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag {
width: 43px;
height: 21px;
text-align: center;
background-color: #9a0f1f;
border: none;
color: #FFF;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
background-color: #666;
}
#sub-column #snav_followUs {
margin: 0 0 20px 0;
}
#sub-column #snav_followUs nav ul {
overflow: hidden;
}
#sub-column #snav_followUs nav ul li {
/* float: left;*/
margin: 0 5px 0 0;
padding: 0;
}
#sub-column #snav_followUs nav ul li img {
vertical-align: bottom;
}
#sub-column #snav_followUs nav ul li a:hover img {
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cursor: pointer;
}
#subc_freeArea {
margin: 0 0 10px 0;
}
#subc_freeArea img {
margin-bottom: 10px;
}
/* Footer
----------------------------------------------- */
.footer_logo {
/* float: right;*/
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
width: 200px;
}
.footer_gnavi p {
font-size: 10px;
line-height: 14px;
color: #999;
}
div#enquete-footer, div#cart-footer, footer {
/* width: 100%; */
clear: both;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/footer_bg.gif) repeat-x left bottom !important; */
height: auto;
background-color: #231814;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
div#enquete-footer #footer-inner, div#cart-footer #footer-inner, #footer-inner {
width: 95%;
height: 100%;
margin: 0 auto;
overflow: hidden;
}
footer #footer-inner {
<!-- {
if $hfdesign.f_bgurl
}
-->
background:url()
<!-- {
$hfdesign.f_bgurlp|background_pos
}
-->
no-repeat;
<!-- {
/if
}
-->
}
.footer_gnavi {
/* float: left;*/
width: 100%;
}
#enquete-footer #footer-inner .footer_gnavi, div#cart-footer #footer-inner .footer_gnavi, footer #footer-inner .footer_gnavi {
padding-top: 20px;
margin: 0 auto;
}
#enquete-footer #footer-inner .footer_gnavi, div#cart-footer #footer-inner .footer_gnavi ul, footer #footer-inner .footer_gnavi ul {
margin: 0;
padding: 0;
}
#enquete-footer #footer-inner .footer_gnavi {
padding: 0 !important;
}
#enquete-footer #footer-inner .footer_gnavi ul li, div#cart-footer #footer-inner .footer_gnavi ul li, footer #footer-inner .footer_gnavi ul li {
display: inline-block;
*display: inline;
*zoom: 1;
*margin-bottom: 12px;
padding: 0 5px 0 9px;
line-height: 100%;
font-size: 10px;
color: #999999;
background: url(//www.arm-namadume.jp/hpgen/HPB/img/footer_mark2.gif) no-repeat left center;
}
#enquete-footer #footer-inner .footer_gnavi ul {
width: 95%;
margin: 0 auto;
padding: 0px 0 15px 0;
}
#enquete-footer #footer-inner .footer_gnavi ul li a, div#cart-footer #footer-inner .footer_gnavi ul li a, footer #footer-inner .footer_gnavi ul li a {
color: #999999;
}
footer #footer-inner .footer_gnavi ul li a:hover {
color: #50020;
text-decoration: none;
}
footer #footer-inner .footer_gnavi ul li a:link, footer #footer-inner .footer_gnavi ul li a:visited, footer #footer-inner .footer_gnavi ul li a:active {
color: #999999;
text-decoration: none;
}
div#cart-footer div.cart-nav, footer nav, #copyright {
margin: 10px 0 0 0;
/* float: right;*/
font-size: 8px;
text-align: right;
color: #999999;
}
#copyright ul {
width: 95%;
margin: 0 auto;
padding: 5px 0;
}
#copyright ul li {
color: #999999;
background-image: none;
padding: 0;
}
#enquete-footer #footer-inner .footer_gnavi ul li a:hover, div#cart-footer #footer-inner .footer_gnavi ul li a:hover {
color: #50020;
text-decoration: none;
}
footer #footer-inner .footer_gnavi ul li a:hover {
color: #999999;
text-decoration: none;
}
#enquete-footer #footer-inner .footer_gnavi {
border: none;
}
/* Page Top
----------------------------------------------- */
#page-top {
position: fixed;
bottom: 80px;
right: 20px;
z-index: 100;
}
#page-top a {
padding: 0;
display: block;
}
#page-top a:hover {
text-decoration: none;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/pagetop_on.gif) no-repeat;
}
#page-top a:hover img {
opacity: 0;
}
/*---------------------------------------------
itemDetail/itemList
---------------------------------------------*/
/* itemList
----------------------------------------------- */
#itemList_wrap {
margin: 0 0 20px 0;
}
#itemList {
margin: 15px 0 0 0;
position: relative;
}
article #main-column #itemList section {
margin: 0;
}
article #main-column #itemList h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
color: #666;
width: 95%;
height: 30px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_itemlist.gif) no-repeat;*/
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
}
.column4 h2 {
line-height: 130%;
margin-bottom: 3px;
background: none;
font-weight: normal;
padding: 0;
border: none;
}
article #main-column #itemList section.column4 {
overflow: hidden;
margin: 0 13px 20px 0;
}
article #main-column #itemList section.column4:nth-child(4n) {
margin: 0 1px 20px 0;
}
#itemList2 {
margin: 15px 0 0 0;
position: relative;
}
#itemList2 .column4 {
float: none;
width: 100%;
height: auto !important;
overflow: hidden;
*zoom:1;
}
#itemList2 .column4 .itemThumb-wrap {
float: left;
padding-right: 15px;
}
#itemList2 .column4 .inner-catch {
line-height: 160%;
margin-top: 3px;
}
#itemList_wrap #pager-top {
width: 100%;
padding: 0;
margin: 0 0 10px 0;
overflow: hidden;
line-height: 100%;
}
#itemList_wrap div.pagerlist #pager-bm {
width: 100%;
padding: 0;
margin: 0 0 20px 0;
overflow: hidden;
line-height: 100%;
}
#itemList_wrap #pager-top .quantity {
/* float: left;*/
font-size: 80%;
line-height: 100%;
}
#itemList_wrap #pager-bm .quantity {
/* float: left;*/
font-size: 80%;
line-height: 100%;
margin: 1px 30px 0 0;
}
#itemList_wrap #pager-top .selectbox, #itemList_wrap #pager-bm .selectbox {
font-size: 70%;
}
#itemList_wrap #pager-top .selectbox {
margin-bottom: 10px;
}
#itemList_wrap #pager-top .selectbox .select01 {
margin-right: 10px;
}
#itemList_wrap #pager-top .pagerlist, #itemList_wrap #pager-bm .pagerlist {
float: right;
}
#itemList_wrap #pager-top ul, #itemList_wrap #pager-bm ul {
margin: 0;
padding: 0;
overflow: hidden;
*zoom: 1;
}
#itemList_wrap #pager-top ul li, #itemList_wrap #pager-bm ul li {
/* float: left;*/
*float: none;
*display: inline;
padding: 0 4px;
margin: 0;
line-height: 100%;
*zoom: 1;
font-size: 100%;
}
#itemList_wrap #pager-top ul li.pagericon, #itemList_wrap #pager-bm ul li.pagericon {
/* float: left;*/
*float: none;
*display: inline;
padding: 0;
margin: 0;
line-height: 100%;
*zoom: 1;
}
#pager-top ul li.selected, #pager-bm ul li.selected {
font-weight: bold;
text-decoration: none;
}
/* itemDetail
----------------------------------- */
#itemDetail-cont {
overflow: hidden;
}
#itemDetail-cont .cartArea input:hover, #itemDetail-cont .cartArea .variation a:hover {
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cursor: pointer;
}
#itemDetail-cont .itemThumb-wrap {
<!-- float: left;-->
width: 100%;
margin: 0 20px 0 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {
text-align: center;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
height: auto;
margin: 0 0 5px 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
/* float: left;*/
padding: 0;
height: 66px;
width: 66px;
margin: 0 5px 5px 0;
overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
margin: 0 0 5px 0;
}
#itemDetail-cont .itemOutline {
/* float: left;*/
width: 100%;
}
#itemDetail-cont .itemOutline .icons {
margin: 0 0 10px 0;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod {
overflow: hidden;
margin: 0 0 10px 0;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod li {
/* float: left;*/
width: 81px;
height: 22px;
}
#itemDetail-cont .itemOutline ul.ico_itemType {
overflow: hidden;
}
#itemDetail-cont .itemOutline ul.ico_itemType li {
float: left;
height: 29px;
}
article#Detail #main-column .itemOutline h1 {
font-size: 16px;
font-weight: normal;
line-height: 100%;
padding: 0;
margin: 0 0 10px 0;
background: none;
height: 100%;
color: #000;
height: auto;
width: auto;
}
article#Detail #main-column h2 {
background: none;
margin: 0;
padding: 0;
font-weight: bold;
}
article#Detail section#itemDetail-wrap p.price {
text-decoration: line-through;
margin-bottom: 5px;
}
article#Detail section#itemDetail-wrap p.sp_price {
font-size: 14px;
color: #9a0f1f;
font-weight: bold;
margin-bottom: 10px;
}
article#Detail section#itemDetail-wrap p.regular_price {
margin-bottom: 10px;
color: #19479a;
}
section#itemDetail-wrap table.spec {
line-height: 250%;
margin: 15px 0 15px;
}
section#itemDetail-wrap table.spec tr {
border: none;
}
section#itemDetail-wrap table.spec tr.date {
line-height: 150%;
}
section#itemDetail-wrap table.spec th, section#itemDetail-wrap table.spec td {
padding: 0px 0;
}
section#itemDetail-wrap table.spec th {
vertical-align: top;
padding: 0 5px 0 0;
width: 40%;
}
section#itemDetail-wrap table.date, section#itemDetail-wrap table.mfr, section#itemDetail-wrap table.model, section#itemDetail-wrap table.jan, section#itemDetail-wrap table.count {
margin: 0;
}
section#itemDetail-wrap table.price {
font-size: 140%;
line-height: 170%;
margin: 0 0 20px;
}
section#itemDetail-wrap table.price th {
font-size: 70%;
padding: 0 0 1px;
}
section#itemDetail-wrap table.price td {
font-size: 80%;
}
table.price tr.fx_price span.strike span.fixed_price, table.price span.strike {
text-decoration: line-through;
}
table.price tr.price span.selling_price, table.price tr.price span.taxin, table.price tr.price span.discount_rate, table.price tr.sp_price span.special_price, table.price tr.sp_price span.taxin, table.price tr.sp_price span.discount_rate {
color: #FF0000;
font-size: 120%;
font-weight: bold;
margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price_str {
color: #2A78D0;
margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price, table.price tr.rg_price span.taxin {
color: #2A78D0;
margin-bottom: 3px;
}
table.price tr.rg_price span.publish_point {
color: inherit;
}
section#itemDetail-wrap table.count th, section#itemDetail-wrap table.count td {
padding: 5px 0;
}
section#itemDetail-wrap .cartArea {
margin: 10px 0 20px 0;
}
section#itemDetail-wrap .cartArea img {
width: 182px;
height: 40px;
}
section#itemDetail-wrap .cartArea img.nostock {
width: auto;
height: auto;
}
section#itemDetail-wrap .cartArea table.variation {
width: 100%;
word-break: break-all;
}
section#itemDetail-wrap .cartArea tr.t-variation {
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/valiation_bk.gif);
background-repeat: x-repeat;
background-position: left top;
}
section#itemDetail-wrap .cartArea table.variation th {
font-size: 10px;
font-weight: bold;
padding: 3px 5px;
text-align: center;
line-height: 150%;
background-color: #cacaca;
border: 1px solid #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr {
border-bottom: 1px dotted #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr.t-variation {
border: none;
}
section#itemDetail-wrap .cartArea table.variation td {
font-size: 10px;
padding: 5px 0;
text-align: center;
line-height: 150%;
border: 1px solid #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation td img {
vertical-align: middle;
width: 102px;
height: 25px;
}
section#itemDetail-wrap .cartArea table.variation span.nostock {
color: #9a0f1f;
}
section#itemDetail-wrap p.cancel {
padding-left: 13px;
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/ico_next.gif);
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 5px;
}
section#itemDetail-wrap p.review_txt {
padding-left: 13px;
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/ico_next.gif);
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 15px;
}
section#itemDetail-wrap p.cancel a, section#itemDetail-wrap p.review_txt a {
display: block;
}
.itemOutline ul.snsArea, article#Detail .itemOutline ul.infoArea {
overflow: hidden;
margin-bottom: 10px;
height: 30px;
}
section#itemDetail-wrap .itemOutline li {
float: left;
margin-right: 5px;
}
section#itemDetail-wrap .description {
margin: 20px 0;
width: 100%;
padding: 0;
}
section#itemDetail-wrap .description p {
line-height: 150%;
}
article#Detail #main-column .spec-g_txt_table_wrap {
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
article#Detail #main-column section.spec-g_txt h2, article#Detail #main-column .spec-g_txt_table_wrap h2, article#Detail #main-column section.spec-g_table h2 {
/* background:url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_spec_s.gif) no-repeat;*/
width: 100%;
height: 37px;
color: #FFF;
line-height: 37px;
vertical-align: middle;
padding: 0 0 0 15px;
margin-bottom: 10px;
}
article#Detail #main-column section.spec-g_txt {
float: left;
margin-right: 4%;
width: 48%;
}
article#Detail #main-column section.spec-g_txt p {
padding-top: 10px;
line-height: 150%;
}
article#Detail #main-column section.spec-g_table {
/* float: right;*/
width: 48%;
}
article#Detail #main-column section.spec-g_table table {
width: 100%;
}
article#Detail #main-column section.spec-g_table th {
width: 90px;
max-width: 90px;
min-width: 25px;
padding: 10px 0;
font-weight: bold;
}
article#Detail #main-column section.spec-g_table tr {
border-bottom: 1px dotted #000;
width: 100%;
}
article#Detail #main-column section.spec-g_table td {
padding: 10px 0;
}
article#Detail #main-column .w100 section.spec-g_txt {
float: none;
width: 100%;
}
article#Detail #main-column .spec-g_txt_table_wrap section:first-child:not(.spec-g_txt) h2 {
/* background:url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_spec_l.gif) no-repeat;*/
width: 100%;
height: 37px;
color: #FFF;
line-height: 37px;
vertical-align: middle;
padding: 0 0 0 15px;
margin-bottom: 10px;
}
article#Detail #main-column .w100 section.spec-g_txt h2, article#Detail #main-column .w100 section.spec-g_table h2 {
/* background:url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_spec_l.gif) no-repeat;*/
width: 100%;
height: 37px;
color: #FFF;
line-height: 37px;
vertical-align: middle;
padding: 0 0 0 15px;
margin-bottom: 10px;
}
article#Detail #main-column .w100 section.spec-g_txt p {
padding-top: 10px;
line-height: 150%;
}
article#Detail #main-column .w100 section.spec-g_table {
float: none;
width: 100%;
}
article#Detail #main-column .w100 table.spec-g_cont tr {
border-bottom: 1px dotted #000;
width: 100%;
}
article#Detail #main-column .w100 table.spec-g_cont th {
padding: 10px 0;
}
article#Detail #main-column .w100 table.spec-g_cont td {
padding: 10px 0;
}
section.userreview {
padding: 20px 0 0;
}
article#Detail #main-column section.userreview h2 {
/* background:url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_review.gif) no-repeat;*/
width: 100%;
height: 37px;
line-height: 37px;
vertical-align: middle;
color: #FFF;
font-size: 14px;
font-weight: bold;
padding: 0 0 0 50px;
margin-bottom: 20px
}
section.userreview table.userreview_list {
width: 100%;
margin: 0 0 10px 0;
line-height: 150%;
border-bottom: 1px dotted #000;
}
section.userreview div.more {
width: 101px;
height: 25px;
margin: 0px 0 30px 0;
/* float: right;*/
}
section.userreview div.more:after {
content: "";
display: block;
clear: both;
}
section.userreview table.userreview_list tr td.userreview_user {
text-align: left;
}
section.userreview table.userreview_list tr td.userreview_date {
text-align: right;
}
section.userreview table.userreview_list td.userreview_rate img {
vertical-align: middle;
line-height: 13px;
height: 13px;
margin-bottom: 3px;
}
section.userreview table.userreview_list td.userreview_comment {
padding: 10px 0 16px;
}
article#Detail #main-column section.recommend {
padding: 0;
clear: both;
}
article#Detail #main-column section.recommend h2 {
/* font-size: 14px;
font-weight: bold;
line-height: 37px;
vertical-align: middle;
margin-bottom: 20px;
padding: 0 0 0 50px;
color: #000000;
width: 730px;
height: 37px;*//* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_itemlist.gif) no-repeat;*/
}
article#Detail #main-column section.recommend h2 {
font-size: 16px;
font-weight: bold;
line-height: 37px;
vertical-align: middle;
margin-bottom: 20px;
padding: 0 0 0 15px;
color: #666666;
background-color: #E0E0E0;
width: 95%;
height: 36px;
}
article#Detail section.column5 {
border: none;
}
.column-set .quantityArea {
margin-top: 15px;
}
/* rating_all
----------------------------------------------- */
article #main-column .pageNav_top {
overflow: hidden;
padding-bottom: 0px;
margin-bottom: -10px;
}
article #main-column div.pageNav_top {
padding-bottom: 10px;
}
.pageNav form img {
/* float: right;*/
}
article #main-column .pageL {
/* float: left;*/
}
article #main-column .pageL {
width: 100%;
}
article #main-column .pageNav_top .pageL {
width: 50%;
}
.pageNav_top .pageL strong {
font-weight: bold;
}
article #main-column .pageR {
/* float: right;*/
}
article #main-column h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
color: #666;
width: 95%;
height: 30px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_bg.gif) no-repeat;*/
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
}
article #main-column section.rating {
border-bottom: 1px solid #cacaca;
padding-bottom: 30px;
margin-bottom: 10px;
}
article #main-column section.rating .reviewBox {
overflow: hidden;
margin: 30px 0 0 0;
padding: 20px;
background: #f1f1f1;
}
article #main-column section.rating .tmb {
/* float: left;*/
margin-right: 20px;
}
article #main-column section.rating .reviewTxt {
/* float: right;*/
width: 580px;
line-height: 150%;
}
article #main-column section.rating .ttlArea {
overflow: hidden;
}
article #main-column section.rating h2 {
/* float: left;*/
font-size: 14px;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
border-bottom: none;
}
article #main-column section.rating h2 a {
color: #9a0f1f;
}
article #main-column section.rating .btnMore {
/* float: right;*/
}
article #main-column section.rating .reviewTxt ul {
margin: 5px 0;
vertical-align: middle;
line-height: 120%;
overflow: hidden;
}
article #main-column section.rating ul li {
/* float: left;*/
margin-right: 5px;
}
article #main-column section.rating .comment p {
background: #eaeaea;
padding: 15px;
line-height: 150%;
}
article #main-column section.rating .comment h3 {
height: 28px;
line-height: 28px;
vertical-align: middle;
margin-top: 20px;
padding: 0px 0 0 35px;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/comment_mark.gif) no-repeat 10px center;
background-color: #cacaca;
font-weight: bold;
}
/* rating_item
----------------------------------------------- */
article #main-column section.rating .reviewBox_item h2 {
color: #0C3;
float: left;
font-size: 75%;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 150%;
border-bottom: none;
}
article #main-column section.rating .reviewBox_item {
margin: 15px 0;
line-height: 150%;
}
article #main-column section.rating .reviewBox_item ul {
overflow: hidden;
vertical-align: middle;
line-height: 120%;
}
article #main-column section.rating .reviewBox_item ul li {
/* float: left;*/
margin-right: 5px;
margin-bottom: 10px;
}
article #main-column section.rating .reviewBox_item ul li.point {
margin-right: 20px;
color: #F60;
font-weight: bold;
}
article #main-column section.rating ul li.space {
margin-right: 20px;
}
article #main-column #itemBox {
overflow: hidden;
margin-bottom: 15px;
}
article #itemBox h2 {
/* float: left;*/
font-size: 14px;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 120%;
padding-bottom: 3px;
border-bottom: none;
color: #9a0f1f;
}
article #itemBox p {
float: right;
}
/* shoppinguide
----------------------------------------------- */
#guide h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
color: #666;
width: 95%;
height: 30px;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_shop.gif) no-repeat;*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
}
section #guide p {
line-height: 150%;
background: #f1f1f1;
margin: 0;
padding: 20px 10px;
}
section #guide .guide01 {
margin-bottom: 30px;
}
section #guide .guide01 h2 {
background: #cacaca;
font-size: 12px;
line-height: 100%;
font-weight: bold;
padding: 8px 0 8px 15px;
width: 90%;
}
section #guide .guide01 ul {
list-style-type: disc;
margin-top: 0px;
background: #f1f1f1;
padding: 10px 10px 20px 10px;
}
section #guide .guide01 ul li {
line-height: 150%;
}
section #guide .inner {
overflow: hidden;
background: #f1f1f1;
}
section #guide .inner .fL {
/* float: left;*/
width: auto;
margin-right: 20px;
max-width: 335px;
}
section #guide .inner .fR {
/* float: right;*/
width: auto;
max-width: 335px;
}
/* business
----------------------------------------------- */
section #guide .chart .ttlShop {
background: #cacaca;
font-size: 12px;
line-height: 100%;
font-weight: bold;
padding: 8px 0 8px 10px;
width: 100%;
}
section #guide table {
line-height: 120%;
border-bottom: 1px dotted #000000;
}
section #guide table th {
background-color: #EEEEEE;
border-top: 1px dotted #000000;
color: #2B2B2B;
font-weight: bold;
padding: 15px 20px;
width: 100px;
}
section #guide table th.shopGuidePointClass {
width: 250px;
}
section #guide table td {
border-top: 1px dotted #000000;
padding: 15px 20px;
max-width: 530px;
}
/* diary
----------------------------------------------- */
#Diary h1, #DiaryList h1, #JournalList h1, #Journal h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
padding: 0 0 0 10px;
color: #666;
width: 95%;
height: 30px;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_diary.gif) no-repeat;*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
}
#DiaryList h2, #Diary h2, #JournalList article h2, #Journal article h2 {
background: #cacaca;
font-size: 12px;
line-height: 100%;
font-weight: bold;
margin-bottom: 20px;
width: 95%;
padding-top: 8px;
padding-right: 0;
padding-bottom: 8px;
padding-left: 10px;
}
#DiaryList .Diary-cont, #Diary .Diary-cont, #JournalList .journal-cont {
margin: 0 0 15px;
line-height: 150%;
}
#DiaryList article {
margin: 0 0 40px;
}
.state_l {
border-top: 1px dotted #333;
padding: 10px 0 0;
font-size: 10px;
width: 100%;
text-align: right;
}
.state_l:after {
content: "";
display: block;
clear: both;
}
.state_r {
border-top: 1px dotted #333;
padding: 10px 0 0;
margin: 0 0 25px;
text-align: right;
}
.state_l ul, .state_r ul {
line-height: 90%;
}
.state_l li, .state_r li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 3px 0 0;
}
.state_l li.comment, .state_r li.comment {
border-left: 1px solid #333;
padding: 0 0 0 5px;
}
.state_l li.cate, .state_r li.cate {
border-left: 1px solid #333;
padding: 0 5px;
}
.state_l li.name {
border-right: 1px solid #333;
padding: 0 5px 0;
margin: 0 5px 0 0;
}
#Diary .more, #Journal .more {
display: block;
width: 160px;
height: 22px;
color: #FFF;
text-align: center;
vertical-align: middle;
margin: 10px 0 0;
padding: 3px 0 0;
}
#Diary a, #Journal a {
text-decoration: none;
}
#Diary a .more:hover, #Journal a .more:hover {
width: 160px;
height: 22px;
}
#Diary .more img, #Journal .more img {
padding: 0 5px 0;
vertical-align: middle;
}
#DiaryList .comment-t, #Diary .comment-t, #JournalList .comment-t, #Journal .comment-t {
font-weight: bold;
margin: 0 0 10px 0;
}
#Diary .comment-cont, #Journal .comment-cont {
margin: 0 0 15px;
}
#Diary fieldset, #Journal fieldset {
margin-bottom: 5px;
}
#Diary legend, #Journal legend {
background: none repeat scroll 0 0 transparent;
line-height: 200%;
padding: 0;
width: 100%;
}
#Diary fieldset p, #Journal fieldset p {
margin-bottom: 5px;
}
#Diary fieldset input, #Journal fieldset input {
margin: 0 3px 2px 0;
}
#Diary input.name, #Journal input.name {
width: 215px;
height: 16px;
padding: 2px 5px;
margin: 0;
}
#Diary input.url, #Journal input.url {
width: 215px;
height: 16px;
padding: 2px 5px;
margin: 0;
}
#Diary textarea, #Journal textarea {
max-width: 360px;
height: 100px;
margin: 0;
padding: 5px;
}
#Diary .btn-confirm, #Journal .btn-confirm {
margin: 10px 0 0 120px;
}
.btn-confirmPost {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
#comment-form legend {
background: none repeat scroll 0 0 transparent;
line-height: 200%;
padding: 0;
width: 100%;
font-weight: bold;
}
#comment-form p {
margin-bottom: 15px;
}
#comment-form .name {
width: 215px;
height: 16px;
}
#comment-form .comment-txt {
max-width: 360px;
padding: 0;
height: auto;
}
#comment-post {
margin: 35px 0;
}
.comment-box {
margin: 30px 0 0;
}
.comment-box .state_l {
border-top: 1px solid #cacaca;
text-align: left;
padding-left: 0;
font-size: 10px;
}
.comment-box .state_l ul {
margin: 0;
padding: 0;
}
.comment-box .state_l ul li {
margin: 0;
padding: 0 5px;
}
.comment-box .state_l ul li:first-child {
padding-left: 0;
}
div.caution p {
color: #d51414;
line-height: 145%;
}
.btn-confirmBack {
height: 25px;
width: 80px;
color: #FFF;
padding: 0 0 0 8px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-back_bg.gif) no-repeat left top;
border: none;
margin: 0 5px 0 0;
}
.btn-confirmBack:hover {
}
@-moz-document url-prefix() {
.btn-confirmPost {
padding: 0 5px 2px;
}
.btn-confirmBack {
padding: 0 2px 2px 8px;
}
}
/*JournalList
----------------------------------------------- */
#JournalList .journal-cont, #Journal .journal-cont {
margin: 0 0 15px;
}
#JournalList article {
margin: 0 0 40px;
}
#JournalList .journal-cont ul, #Journal .journal-cont ul {
margin: 0px 40px;
}
#JournalList .journal-cont ul li, #Journal .journal-cont ul li {
list-style-type: square;
}
#JournalList .journal-cont ol, #Journal .journal-cont ol {
margin: 0px 40px;
}
#JournalList .journal-cont ol li, #Journal .journal-cont ol li {
list-style-type: decimal;
}
/* sitemap
----------------------------------------------- */
section#document_wrap h2 {
background: #cacaca;
font-size: 12px;
line-height: 100%;
font-weight: bold;
margin-bottom: 20px;
width: 95%;
clear: both;
margin-right: auto;
margin-left: auto;
padding-top: 8px;
padding-right: 0;
padding-bottom: 8px;
padding-left: 10px;
}
section#document_wrap h3 {
font-size: 100%;
}
section #document li {
font-size: 75%;
font-size: 0.75rem;
}
section#document_wrap #document li {
font-size: 100%;
}
section #document .txt-list01 {
padding-bottom: 30px;
}
section #document .txt-list01 li.c1, section #document .txt-list03 li.c1 {
display: inline-block;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;
font-weight: normal;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 30px;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
}
section #document .txt-list02 li.c1 {
padding: 0px 15px;
margin: 0 0 5px 0;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;
font-weight: normal;
}
section #document .txt-list02 {
padding-bottom: 10px;
overflow: hidden;
}
section #document .txt-list02 h3 {
font-weight: bold;
padding-bottom: 5px;
}
section #document .txt-list02 section.tree00 {
/* float: left;*/
width: 156px;
margin-left: 30px;
padding-top: 0;
padding-right: 35px;
padding-bottom: 20px;
padding-left: 10px;
}
#main-column-full section #document .txt-list02 section.tree00 {
padding: 0 35px 5px 0;
}
section #document .txt-list02 ul.tree01 {
overflow: hidden;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0px;
}
section #document .txt-list02 ul.tree01 li.c2 {
padding: 0 0 0 14px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.c3 {
padding: 0 0 0 28px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.c4 {
padding: 0 0 0 42px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 {
padding: 0 0 0 56px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp1 {
/* float: left;*/
padding: 0 0 0 14px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp2 {
/* float: left;*/
padding: 0 0 0 2px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp3 {
/* float: left;*/
padding: 0 0 0 2px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 a {
display: inline;
*display: inline;
*zoom: 1;
padding: 0 10px 0 0;
font-size: 110%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.iB {
padding: 5px 0 0 12px;
float: left;
line-height: 150%;
}
section #document .txt-list02 ul.iB li {
padding: 0 10px 0 0;
float: left;
line-height: 150%;
}
section #document .txt-list03 h3 {
font-weight: bold;
}
section #document .txt-list03 {
padding-bottom: 30px;
overflow: hidden;
}
section #document .txt-list03 section.tree00 {
/* float: left;*/
width: 156px;
margin-left: 30px;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0;
}
section #document .txt-list03 ul.tree01 li {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;
width: 95%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 15px;
line-height: 150%;
}
#document h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
color: #666;
width: 95%;
height: 30px;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_sitemap.gif) no-repeat;*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
margin-right: auto;
margin-left: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 10px;
}
/*---------------------------------------------
form
---------------------------------------------*/
#contact h1 {
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
padding: 0 0 0 10px;
color: #666;
width: 95%;
height: 30px;
/* background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_contact.gif) no-repeat;*/
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
}
#contact div.caution {
margin-bottom: 15px;
}
#contact div.caution p {
color: #a31021;
font-size: 10px;
line-height: 150%;
}
#formArea_cc #contact form {
margin-top: 30px;
}
#contents-pop #contact {
width: 100%;
margin: 10px auto;
}
.cart-section #contact {
margin: 0 auto;
}
/* contact
----------------------------------------------- */
#contact {
width: 95%;
margin: 0 auto;
}
#contact .txtBox {
margin: 25px 0 10px;
}
section #contact .text-center {
text-align: center;
margin: 50px 0;
}
#contact .txtBox p.txt-T {
margin-bottom: 5px;
}
section #document li {
font-size: 0.75rem;
}
#contact table {
width: 100%;
margin: 10px 0 0;
border-collapse: collapse;
word-break: break-all;
}
#contents-pop table {
width: 100%;
}
#contact table th {
width: 100%;
padding: 20px;
font-size: 14px;
background-color: #EEE;
border-top: dotted 1px #000;
border-bottom: dotted 1px #000;
font-weight: bold;
line-height: 150%;
}
#contact em {
color: #C23E42;
margin-left: 5px;
font-size: 14px;
}
#contact table td {
width: 100%;
padding: 20px;
font-size: 100%;
}
#contact table td.backcolor2 p {
padding-top: 10px;
}
#contact table td input.name, #contact table td input.tel {
height: 16px;
width: 100%;
padding: 2px 5px;
}
#contact table td input.mailAddress, #contact table td input.mailAddress2 {
height: 20px;
width: 100%;
padding: 2px 5px;
}
#contact .weaktxt {
color: #333;
font-size: 12px;
padding: 5px 0;
}
#contact .note {
color: #333;
font-size: 95%;
font-size: 0.7rem;
line-height: 150%;
margin: 0 0 15px;
}
#contact table td textarea {
height: 150px;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #999;
}
#contact table td .text-area {
display: block;
margin: 0 0 15px;
}
#contact td.btn-confirm, #contact section.bg_eee div.btn-confirm, #contact div.btn-confirm {
text-align: center;
padding: 20px;
border-bottom: none;
border-top: none;
}
#contact .btn-confirm-enq {
padding: 20px;
font-size: 100%;
}
input.btn-confirmNext, #contact td.btn-confirm input.btn-confirmNext, #contact section.bg_eee div.btn-confirm input.btn-confirmReg {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
div.btn-enq {
width: 100%;
margin: 0 auto;
padding: 20px 0;
text-align: center;
}
#contact div.btn-enq {
width: 100%;
margin: 0 auto;
padding: 20px 0;
text-align: center;
}
#contact .btn-enq input.btn-confirmNext {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 auto;
}
#contact input.btn-confirmBack {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
margin: 10px auto\9;
}
input.btn-confirmBack {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
margin: 10px auto\9;
}
#contact td.btn-confirm input.btn-confirmBack, #contact div.btn-enq input.btn-confirmBack {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
#contact input.btn-confirmCancel {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: 1px 1px 3px #000;
}
input.btn-confirmCancel {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: 1px 1px 3px #000;
}
#contact .btn-confirmClose {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
input.btn-confirmClose {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
@-moz-document url-prefix() {
#contact .btn-enq input.btn-confirmNext {
padding: 0 5px 2px;
}
#contact input.btn-confirmNext {
padding: 0 5px 2px;
}
#contact input.btn-confirmBack {
padding: 0 2px 2px 8px;
}
#contact input.btn-confirmCancel {
padding: 0 2px 3px 8px;
}
#contact input.btn-confirmClose {
padding: 0 2px 4px 8px;
}
}
/*
----------------------------------------------- */
#contact fieldset {
margin-bottom: 25px;
}
#contact legend {
background: #cacaca;
line-height: 100%;
font-weight: bold;
margin-bottom: 20px;
padding: 8px 0 8px 10px;
width: 100%;
}
#contact legend em {
font-size: 10px;
}
#contact fieldset p {
margin-bottom: 5px;
}
#contact fieldset ul {
overflow: hidden;
}
#contact fieldset li {
margin-bottom : 10px;
}
#contact fieldset li.fL {
float: left;
margin-right: 20px;
}
#contact fieldset input {
margin: 0 3px 2px 0;
}
#contact fieldset label {
margin-right: 10px;
font-size: 100%;
font-size: 0.75rem;
}
#contact fieldset p {
margin-bottom: 10px;
}
#contact fieldset p input.Add1, #contact fieldset p input.Add2, #contact fieldset p input.Add3 {
margin: 0 0 5px 0;
}
#contact input.txtF {
height: 16px;
margin: 0;
padding: 2px 5px;
}
#contact input.mailAddress {
margin: 0;
}
#contact input.name_sei {
margin: 0 10px 0 0;
}
#contact select {
margin: 0 0 5px;
padding: 3px 1px;
min-width: 110px;
}
#contact fieldset textarea {
width: 90%;
height: 150px;
padding: 5px;
}
textArea, #contact textArea.textArea {
width: 90%;
}
#contact .commentItem {
padding: 10px 0 0;
}
/*
----------------------------------------------- */
#contact table td.commentWite {
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;
font-size: 100%;
padding: 15px 20px 20px;
width: 72%;
}
#contact .commentItem {
font-weight: 150%;
}
#contact .memberF {
margin-top: 30px;
}
#contact .memberF h2 {
background: #cacaca;
font-size: 12px;
line-height: 100%;
font-weight: bold;
padding: 8px 0 8px 10px;
width: 100%;
margin-bottom: 20px;
}
#contact .atttxt {
color: #333;
font-size: 12px;
padding: 5px 0 0;
}
#contact .memberF input {
width: 40%;
height: 16px;
margin: 0;
padding: 2px 5px;
}
#contact .memberF th {
padding: 10px 20px;
}
#contact .memberF td {
padding: 10px 20px;
font-size: 100%;
}
.memberName {
border-bottom: 1px dotted;
font-size: 75%;
line-height: 200%;
margin-bottom: 5px;
padding: 0;
}
#contact td.commentWite input.btn-confirm160, #contact td.btn-confirm input.btn-confirm160 {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
input.btn-confirm160 {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
input.btn-confirm120 {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
#contact input.btn-confirmReg {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
#contact input.btn-confirmBackItem {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
input.btn-confirmBackItem {
height: 35px;
width: 141px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg.gif) no-repeat;
border: none;
margin: 0 5px;
text-shadow: none;
}
@-moz-document url-prefix() {
#contact input.btn-confirm120, #contact input.btn-confirm160, #contact input.btn-confirmReg {
padding: 0 5px 2px;
}
#contact input.btn-confirmBackItem {
padding: 0 2px 2px 8px;
}
}
/*
----------------------------------------------- */
#contact .mailm:first-child {
margin: 3px 0 0;
}
#contact .mailm {
margin: 30px 0 0 0;
}
#contact .mailm .txtBox {
margin: 0;
clear: both;
}
.txtBox p {
line-height: 150%;
margin-bottom: 20px;
}
#contact .mailm .txtBox h2 {
border-bottom: none;
margin: 0;
font-weight: normal;
}
#contact .mailm .caution {
margin: 0 0 5px;
}
#contact table.mailMF td {
overflow: hidden;
font-size: 100%;
border-top: dotted 1px #000;
border-bottom: dotted 1px #000;
}
#contact table.mailMF input {
height: 24px;
margin: 0 10px 0 0;
padding: 0;
width: 57%;
}
#contact table.mailMF input.mailAddress {
margin: 0 10px 0 0;
/* float: left;*/
}
#contact table.mailMF span.btn-confirm {
display: block;
/* float: left;*/
padding: 0;
}
#contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {
/* float: left;*/
height: 29px;
width: 131px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn_bg_02.gif) no-repeat;
border: none;
margin: -2px 0 0 5px;
text-shadow: none;
}
@-moz-document url-prefix() {
#contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {
padding: 0 5px 3px;
}
}
#contact table.mailMF td.n1 {
border-bottom: none;
padding: 20px 20px 10px;
}
#contact table.mailMF td.n2 {
border-top: none;
padding: 10px 20px 20px;
}
#contact table.mailMF td p {
/* float: left;*/
padding: 2px 0 0;
margin-right: 10px;
}
#contact input.mailAddress_new {
height: 20px;
width: 55%;
margin: 0 10px 0 0;
float: left;
}
#contact .mailMC span.btn-confirm {
display: block;
padding: 0;
}
#contact .freeArea {
margin: 60px 50px 0;
width: 620px;
}
/*
----------------------------------------------- */
#contact .ann-input {
margin: 5px 0 0;
font-size: 100%;
}
#contact .ann-input input {
margin: 0 3px 2px 0;
}
#contact #center1 .centerbox {
margin: 0px;
}
#contact #center1 .centerbox .mainCont .step_navi01 {
background-image: url("../img/navi01.gif");
background-repeat: no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi02 {
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/navi02.gif);
background-repeat: no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi03 {
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/navi03.gif);
background-repeat: no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi04 {
background-image: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/navi04.gif);
background-repeat: no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi01, #contact #center1 .centerbox .mainCont .step_navi02, #contact #center1 .centerbox .mainCont .step_navi03, #contact #center1 .centerbox .mainCont .step_navi04 {
height: 83px;
text-align: center;
width: 100%;
}
#contact #center1 .centerbox .mainCont input[type="button"], #contact #center1 .centerbox .mainCont input[type="submit"] {
height: 25px;
color: rgb(255, 255, 255);
padding: 0px 8px;
font-size: 0.8rem;
text-align: center;
background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
border: medium none;
margin: 5px 5px;
width: auto;
}
#contact #center1 .centerbox .mainCont input[type="button"]:hover, #contact #center1 .centerbox .mainCont input[type="submit"]:hover {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact #center1 .center {
text-align: center!important;
}
#contact #center1 p.center a#logout {
float: none;
}
#deli_scadule .deli_plan_box {
width: auto;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.day, #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sat, #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sun, #center3 .centerbox table td[align="right"], #center3 .centerbox .right, #contact #center1 .right {
text-align: right!important;
}
#center-seo .centerbox .backcolor3 .deli_plan_box table.layoutp5 th, #center-seo .centerbox table th[align="left"], #center-seo .centerbox table td[align="left"], #center3 .centerbox .backcolor3 .deli_plan_box table.layoutp5 th, #center3 .centerbox table th[align="left"], #center3 .centerbox table td[align="left"], #contact #center1 .left {
text-align: left!important;
}
#contact #center1 .left {
padding-top: 5px;
}
#center-seo .centerbox a, #center3 .centerbox a {
text-decoration: underline;
}
#contact #center1 .middle {
vertical-align: middle!important;
}
#contact #center1 .buttom {
vertical-align: bottom!important;
}
#contact #center1 .float_left {
float: left!important;
}
#contact #center1 .centerbox .title1 {
padding: 15px 0px 12px 8px;
margin: 0px;
width: auto;
line-height: 100%;
font-weight: bold;
font-size: 12px;
vertical-align: middle;
letter-spacing: 0.2em;
color: #000000;
background-color: #D6D6D6;
}
#contact #center1 .centerbox .title1 a {
color: #000000;
text-decoration: underline;
}
#contact #center1 .centerbox .title1 a:hover {
color: #000000;
text-decoration: underline;
font-weight: bold;
}
#contact #center1 .centerbox .mainCont {
padding-top: 10px;
padding-left: 10px;
margin: 0px;
width: auto;
background-color: #FFFFFF;
}
.backcolor1 strong, .backcolor2 strong {
font-weight: bold;
}
#contact #center1 .centerbox .mainFrame .mainCont #confirm .right {
width: 100%!important;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table {
font-size: 100%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 {
padding: 5px;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 th {
padding: 7.3px;
border: 1px solid #999999;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td {
padding: 2px 4px;
border: 1px solid #999999;
font-size: 0.75rem;
line-height: 125%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td div img {
max-width: 600px;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.first, #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.second, #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.third, #contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td.deli_plan_calday, #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.border_none td {
border: none;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 .side {
padding: 10px 15px;
}
#contact #center1 .backcolor3 {
background: #D7EBF4;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor1 {
width: 35%;
background: #DDDDDD
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 {
background: #DDDDDD
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 td {
text-align: center;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 {
vertical-align: middle;
background: #FFFFFF;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2[width="17%"] {
width: 1%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="text"], #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="password"] {
padding: 2px 1px;
height: 16px;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1 {
background: #DDDDDD;
width: 100%\9;
}
#deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1 {
width: 18%!important;
}
#deli_scadule .deli_scadule_box table.layoutp5.deli_cycle tbody tr td.backcolor1 {
width: 35%!important;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="PREV_ENQUETE"] + form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1 {
background: #DDDDDD;
width: 30%!important;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td {
width: 15%;
#width:100%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td {
width: 25%;
#width:100%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td {
width: 12%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td {
width: 26%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td {
width: 12%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="MODIFY"] .bordlayoutp3 table.border tbody tr td + td + td + td + td + td {
width: 10%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td {
width: 8%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td + td + td + td + td {
width: 10%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 form[name="NEXTM"] table.border tbody tr td {
width: auto;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] .bordlayoutp3 table.border tbody tr td {
width: auto;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td.backcolor1.center, #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"], #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td + td[width="49%"] {
width: 49%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td, #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td[width="49%"] + td, #contact #center1 .centerbox .mainFrame .mainCont table.border tbody tr td.backcolor2 + td {
width: 2%;
}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXTM"] table.border tbody tr td + td +td.backcolor1.center {
width: 49%;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td {
width: auto;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=right] {
text-align: right;
}
#deli_scadule table.deli_plan_cal tbody tr td {
vertical-align: top;
}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border {
border: 1px solid #999999;
width: 100%!important
}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td.backcolor2 table.layoutp3 {
margin-top: 0px;
}
#contact #center1 .centerbox .mainFrame .mainCont div.layoutp3 table.border tbody tr td {
border: none;
padding: 2px 9px;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_day th {
font-size: 100%;
background-color: inherit;
border: none;
}
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 form[name=list] table[align=center], table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center form table[align=center], table#enter #center3 .centerbox .mainCont div.bordlayoutp3.center table[align=center] {
width: auto;
margin: 0 auto;
}
table#enter #center3 .centerbox .mainCont div.bordlayoutp3 hr {
display: block;
margin: 5px;
}
table#enter #center-seo .centerbox .mainCont div.bordlayoutp3, table#enter #center3 .centerbox .mainCont div.bordlayoutp3 {
padding: 5px 0;
}
table#enter {
background: none repeat scroll 0 0 #FFFFFF;
text-align: left;
width: 100%;
}
table#enter #center3 .centerbox form[name="NEXT"] .mainCont .bordlayoutp3 table tbody td div.send_info {
width: 75% !important;
margin: 0 54px !important;
}
#contact #center1 .centerbox .mainCont input[name="PZIP_SEEK"] {
width: 180px !important;
}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table caption, #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td[align="center"], #center3 .centerbox .bordlayoutp3 table td[align="center"], #center3 .centerbox .bordlayoutp3 table tr.center td, #center3 .mainCont > .center, #center-seo .centerbox .center, #center3 .centerbox .center, #contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] {
text-align: center
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.border tbody tr td[align=center] p font[color=red] strong {
font-weight: bold;
}
#contact #center1 .float_right, table#enter td#center3 div.centerbox form div.mainCont input.float_right {
/* float: right!important;*/
}
table#enter td#center3 div.centerbox form div.mainCont div {
width: 100%!important;
}
table#enter td#center3 div.centerbox form div.mainCont input.float_right {
position: absolute;
right: 19px;
top: 60px;
}
table#enter td#center3 div.centerbox input[type=checkbox] {
margin-top: 5px;
}
#contact #center1 .centerbox .mainFrame {
margin: 0px;
padding: 1px;
background-color: #EBEBEB;
}
#contact #center1 .box_in_box {
text-align: center!important;
}
#contact .layoutp3 table.layoutp3 tbody td, #contact .layoutp3 table.layoutp5 tbody td, #contact .bordlayoutp3 table tbody td {
text-align: left
}
#contact .layoutp3 table.layoutp3 tbody td, #contact .layoutp3 table.layoutp5 tbody td {
padding: 5px
}
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td.center, #contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td.center {
width: 2%;
}
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td label, #contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td label strong {
font-size: 0.75rem;
}
#contact .mainFrame .mainCont #tradesafe_div1 {
font-size: 100% !important;
line-height: 142% !important;
}
#center3 .centerbox .red, #contact #center1 .red {
color: #CC0000;
font-size: 0.75rem!important;
}
#center3 .layoutp3 textArea {
width: initial;
}
#contact #center1 .point {
font-size: 120%;
color: red;
font-weight: 900;
}
#contact #center1 .pointline {
font-size: 100%;
color: #FFFFFF;
font-weight: 900;
padding: 5px;
padding-bottom: 5px;
background-color: #666666;
margin-top: 5px;
margin-bottom: 5px;
}
#contact .mainFrame .mainCont a {
color: #333333;
font-size: 0.75rem;
text-decoration: underline !important;
}
#contact .mainFrame .mainCont div.layoutp3 table tbody tr td {
border: none;
}
#contact .mainFrame .mainCont a:hover {
color: #666666;
text-decoration: underline;
}
#contact .mainFrame .mainCont h4 {
font-size: 0.75rem;
font-weight: bold;
}
#center1 .mainCont .mainFrame .mainCont .comment_box table tbody tr td textarea {
width : initial !important
}
;
#contents div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame {
border: 1px solid #EBEBEB;
margin: 0;
padding: 10px;
background-color: #fff;
}
#contents .enquete-section #contact table tbody tr td div.mainCont:first-child {
padding: 5px 0 0 10px;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] p {
margin: 5px 0;
padding: 2px 0;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name="ENQ"] table tbody tr td:first-child {
width: 45%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table {
width: 50%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] table tbody tr td {
padding: 1px;
text-align: left;
vertical-align: top;
word-break: break-all;
border: none;
font-size: 100%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame {
border: soild 1px;
}
div.enquete-section #contact {
width: 100%;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="text"], div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type="password"], div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select {
height: 20px;
padding: 0;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] h4.title {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted;
font-size: 110%;
font-weight: bold;
line-height: 200%;
margin-bottom: 10px;
padding: 0;
width: 100%;
}
#enquete-header {
width: 95%;
margin: 0 auto;
background-color: #FFF;
<!-- {
if $hfdesign.h_bgurl
}
-->
background:url()
<!-- {
$hfdesign.h_bgurlp|background_pos
}
-->
no-repeat;
<!-- {
else
}
-->
background:url(//www.arm-namadume.jp/hpgen/HPB/theme/img/header_bg.gif) repeat-x left top;
<!-- {
/if
}
-->
}
#enquete-header #logo {
margin: 0 auto;
width: 95%;
padding-top: 10px;
}
#enquete-header #logo .shoplogo img {
display: table-cell;
vertical-align: middle;
padding: 5px 0;
}
#enquete-header #logo .shoplogo h1 {
max-width: 340px;
background: none;
margin: 0;
padding-top: 5px;
}
#enquete-header #logo .shoplogo h1 a:hover img, #enquete-header #logo h1 a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#enquete-header #logo .shoplogo img.float_right {
/* float: right;*/
}
#enquete-header #logo .shoplogo img.float_left {
/* float: left;*/
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=radio], div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=checkbox] {
margin: 0px 5px 3px 5px;
}
div.enquete-section {
padding: 0;
}
div.enquete-section #contact table td {
border: none;
}
div.enquete-section #center1 .centerbox .mainCont h3 {
display: block;
width: 100%;
}
div.enquete-section #contact table tbody tr td#center1 .centerbox .mainCont h3.title1 {
line-height: 43px;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_bg_ll.gif) no-repeat;
vertical-align: middle;
padding : 10px 0 0 10px !important;
color: #663e00;
font-size: 100%;
color: #fff;
font-weight: bold;
line-height: 100%;
letter-spacing: 0.1em;
}
div.enquete-section #contact table tbody tr td {
width: 100%;
border-top: none;
padding: 0px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_1] {
margin-left: 22px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_2], div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_3] {
margin-left: 11px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select[name=ANS5_1] {
margin-left: 13px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_2] {
margin-left: 25px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_3] {
margin-left: 2px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_4] {
margin-left: 26px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] strong {
font-weight: bold;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] textarea {
height: 150px;
padding: 5px;
width: 70%;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit] {
background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
border: medium none;
color: #FFFFFF;
font-size: 0.75rem;
height: 25px;
margin: 0 5px;
padding: 0;
width: 200px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]:hover {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg_on.gif) repeat-x left top;
}
.shoplogo {
max-width: 340px;
}
#center-seo .centerbox, #center3 .centerbox {
word-break: break-all;
font-size: 100%;
line-height: 200%;
margin: 0px;
padding: 0 10px 10px;
}
#center-seo h3.title1, #center3 h3.title1 {
display: block;
height: 26px;
margin: 5px 0 5px;
padding: 11px 0 0 10px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
color: #FFFFFF;
background-color: #a31021;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
.popItemh3 h3.title1 {
height: 100% !important;
}
#center-seo #bread, #center3 #bread {
margin: 0px;
padding: 3px 15px;
text-align: left;
font-size: 100%;
line-height: 200%;
vertical-align: middle;
}
#center-seo .mainCont, #center3 .mainCont {
padding: 0 10px 10px;
margin: 0px;
width: auto;
}
#center-seo .centerbox .caution, #center3 .centerbox .caution {
font-weight: bold;
color: #d51414;
}
#center-seo .centerbox table th, #center-seo .centerbox table td, #center3 .centerbox table th, #center3 .centerbox table td {
word-break: break-all;
vertical-align: top;
text-align: left;
padding: 1px;
}
#center3 .centerbox table td[width="5%"] {
width: 10%;
}
#center-seo .centerbox .backcolor1, #center3 .centerbox .backcolor1 {
background-color: #EEEEEE;
}
#center-seo .centerbox .bordlayoutp3 table th, #center3 .centerbox .bordlayoutp3 table th {
color: #2B2B2B;
font-weight: bold;
text-align: center;
word-break: normal;
}
#center3 .layoutp3 table th, form[name$="FORM"]~tbody #center3 .layoutp3 table th {
width: 25%;
font-weight: bold;
*width: 0%;
}
#center-seo .centerbox th.backcolor1, #center-seo .bordlayoutp3 th, #center-seo .bordlayoutp3 td, #center3 .centerbox th.backcolor1, #center3 .bordlayoutp3 th, #center-seo .bordlayoutp3 td, #center3 .bordlayoutp3 td {
border: 1px solid #999999;
vertical-align: middle;
}
#center3 .bordlayoutp3 .layoutp3 th, #center3 .bordlayoutp3 .layoutp3 td {
padding: 0px;
border: none;
}
#center3 .bordlayoutp3 .layoutp3 td.send_info {
border: 1px solid #999999;
}
#center3 .bordlayoutp3 .layoutp3 td.send_info+td {
*width: 70%;
}
#center3 .centerbox strong, #center3 .centerbox h4 {
text-align: left;
font-weight: bold;
}
#center-seo .centerbox .layoutp3 + .bordlayoutp3>table, #center3 .centerbox .layoutp3 + .bordlayoutp3>table {
width: 95%;
}
#center-seo input[type="submit"], #center-seo input[type="button"], #center3 input[type="submit"], #center3 input[type="button"] {
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
width: auto;
width: initial;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select, #center-seo select, #center-seo input[type="text"], #center3 select, #center3 input[type="text"], #center3 input[type="password"] {
height: 20px;
line-height: 20px;
padding: 0px;
margin: 2px 0px;
min-width: inherit;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select, #center-seo select, #center-seo textarea, #center3 select, #center3 textarea {
padding: 1px;
margin: 2px 0px;
}
#center3 select[name="SEL_CARD"] {
margin-left: 5px;
padding: 1px;
}
#center-seo input[type="submit"]:hover, #center-seo input[type="button"]:hover, #center3 input[type="submit"]:hover, #center3 input[type="button"]:hover {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg_on.gif) repeat-x left top;
}
#center-seo .centerbox table td input[type="radio"], #center3 .centerbox table td input[type="radio"] {
margin: -3px 3px 0px 5px;
}
table#enter form[name="NEWMEM"] #center3 .centerbox .bordlayoutp3 table td[colspan="2"] input[type="checkbox"] {
margin: -3px 4px 0px 0px;
}
#center-seo p, #center3 p {
margin: 5px 0px;
padding: 2px 0px;
}
#center3 .centerbox .bordlayoutp3 table td.backcolor2 div form {
display: inline-block;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td {
background-color: #FFFFFF;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td input[type="radio"], #contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="button"], #contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="submit"] {
margin: 0px 3px;
height: 20px;
margin-right: 10px;
}
section .freeTop h2 {
border: medium none;
font-size: 90%;
font-weight: bold;
line-height: 165%;
margin-bottom: 10px !important;
}
.leftSearch {
overflow: hidden;
}
.leftSearch #searchbox_wrap {
/*margin: 0 0 30px;*/
overflow: hidden;
margin: 0px;
padding: 0px;
}
.leftSearch #searchbox_wrap #searchbox p img {
display: none;
}
.leftSearch searchbox {
color: #999999;
/* float: right;*/
font-size: 65%;
line-height: 160%;
overflow: hidden;
text-align: right;
}
.leftSearch #searchbox form {
/*border: 1px solid #777777;*/
/* float: left;*/
height: 27px;
width: 230px;
}
.leftSearch #searchbox input.searchbox {
border: medium none;
margin-left: 1px;
padding: 0 5px;
width: 187px;
height: 100%;
line-height: 27px;
}
.leftSearch #searchbox input.searchSubmit {
height: 100%;
float: right;
}
.leftSearch #searchbox p {
/* float: left;*/
margin: 5px 5px 0 0;
}
#header-inner h2 {
max-width : 340px;
}
.siteName {
margin: 0px;
padding: 10px 10px 5px 10px;
font-size: 100%;
line-height: 1em;
}
.siteName a {
color: black;
text-decoration: none;
}
.siteName a:hover {
color: blue;
text-decoration: underline;
}
.sitecopy {
padding: 10px 10px 5px 5px;
margin: 0px;
color: #999999;
font-size: 80%;
line-height: 1em;
}
.sitecopy a {
color: black;
text-decoration: none;
}
.sitecopy a:hover {
color: blue;
text-decoration: underline;
}
.header_area {
text-align: left;
width: 100%;
margin: 0px 5px 0px 5px;
padding: 0px;
}
.footer_area {
text-align: left;
/* width:100%;*/
width: 100%;
margin: 0px 5px 0px 5px;
padding: 0px;
}
.cart-section .header_area {
margin: 0 auto;
}
.cart-section .footer_area {
margin: 0 auto;
}
.pageNav form img {
/* float: right;*/
}
#sub-column .category .fukidashi nav, #sub-column .category .tatenarabi nav {
margin-bottom: 0;
}
#sub-column .category .fukidashi nav:last-child, #sub-column .category .tatenarabi nav:last-child {
margin-bottom: 20px;
}
#sub-column .category .fukidashi ul {
zoom: 1;
}
#sub-column .category .fukidashi nav {
position: relative;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
width: 100%;
position: absolute;
top: 0;
left: 100%;
display: none;
}
#sub-column .category .fukidashi nav:hover .sps-itemCategorySub {
display: block;
z-index: 999;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
padding: 5px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
background: #fff;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
color: #000000;
font-weight: normal;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a:hover {
color: #9a0f1f;
font-weight: normal;
}
#sub-column .category nav ul li:first-child {
border-top: none;
}
#sub-column .category nav ul li.listcat1 {
border-bottom: solid 1px #cacaca;
}
#sub-column .category nav ul li.listcat2 {
border-bottom: solid 1px #cacaca;
}
#sub-column .category nav ul li.listcat3 {
border-bottom: 0px;
}
#sub-column .category nav ul li.listcat2 a {
zoom: 1;
display: block;
padding: 3px 2px 3px 0px;
margin: 0px 0;
line-height: 100%;
color: #000;
text-decoration: none;
}
#sub-column .category nav ul li.listcat3 a {
zoom: 1;
display: block;
padding: 3px 2px 3px 25px;
margin: 0px 0;
line-height: 100%;
color: #000;
text-decoration: none;
}
#sub-column .category nav ul li.child a {
color: #000;
<!--
background:url(none);
-->
font-weight:bold;
}
#sub-column .category .sps-allList+#sps-itemListAllCategory {
display: none;
}
#center1 .centerbox .mainCont {
width: 600px;
padding: 10px;
}
#center1 .centerbox .mainCont h3 {
height: 43px;
line-height: 43px;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/main_ttl_bg.gif) no-repeat;
margin-bottom: 0;
padding: 0 0 0 10px;
vertical-align: middle;
font-size: 100%;
font-weight: bold;
}
#center1 .centerbox .mainCont h3.title1 {
color: #FFF;
}
.mainCont .comment_box td.backcolor1 {
background-color: #EEEEEE;
border: 1px solid #999999;
color: #2B2B2B;
font-weight: bold;
text-align: center;
word-break: normal;
}
.mainCont .comment_box td.backcolor2 {
background-color: #fff;
border: 1px solid #999999;
color: #2B2B2B;
font-weight: normal;
text-align: center;
word-break: normal;
}
.mainCont .comment_box td.backcolor2 div.float_left {
text-align: left;
}
.mainCont .comment_box td.backcolor2 div.float_left a {
text-decoration: underline;
}
.mainCont .comment_box td.backcolor1, .mainCont .comment_box td.backcolor2 {
text-align: left;
}
.mainCont .comment_box td.center {
text-align: center !important;
}
.mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"], .mainCont .comment_box td.backcolor2 div.write_comment input[type="button"] {
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
}
.mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"]:hover, .mainCont .comment_box td.backcolor2 div.write_comment input[type="button"]:hover {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg_on.gif) repeat-x left top;
}
div.mainCont input[type="button"], div.mainCont input[type="submit"] {
width: 150px;
width: auto\9;
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 0.8rem;
text-align: center;
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
}
div.mainCont input[type="button"]:hover, div.mainCont input[type="submit"]:hover {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/btn-confirm_bg_on.gif) repeat-x left top;
}
div.mainFrame .mainCont .center {
text-align: center;
}
div.cart-section div#contact img[height="1"] {
display: none;
}
div#sub-column .category nav ul li.listcat2 a:hover, div#sub-column .category nav ul li.listcat3 a:hover {
color: #9a0f1f;
}
div#sub-column .category .sps-itemCategorySub li div {
padding-left: 0px;
}
div#sub-column .category .sps-itemCategorySub li {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat 40px center;
}
div#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
padding-left: 30px;
}
div#sub-column .category .fukidashi nav .sps-itemCategorySub li {
background: url(//www.arm-namadume.jp/hpgen/HPB/theme/img/listmark_01.gif) no-repeat left center;
padding-left: 10px;
}
#sub-column .link nav ul, #sub-column .link nav ul li, #sub-column .link nav ul li:last-child {
border-bottom: none;
}
#sub-column .link nav {
padding-top: 0px;
}
#sub-column .link h2 {
font-size: 100%;
font-weight: bold;
width: 95%;
/*background-color: #231814;*/
text-align: center;
line-height: 250%;
padding: 0px;
margin-top: -5px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: double;
border-bottom-style: double;
border-top-color: #231814;
border-bottom-color: #231814;
}
#sub-column .link nav ul li a:link {
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 30px;
display: block;
background-color: #E50020;
line-height: 3em;
margin: 0px;
}
#sub-column .link nav ul li a:hover {
background-color: #CCC;
}
#sub-column .category nav ul li a:link{
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 30px;
display: block;
background-color: #E50020;
line-height: 3em;
margin: 0px;
}
#sub-column .category nav ul li a:hover{
background-color: #CCC;
}
#sub-column .category nav ul li.listcat2 a {
padding: 3px 2px 3px 30px;
}
#sub-column .category nav ul li.listcat3 a {
padding: 3px 2px 3px 60px;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
text-decoration: none;
}
div#sub-column .category nav ul li.listcat2 a {
font-weight: bold;
}
.itemDescFc {
position: absolute;
margin-left: 5px;
}
.itemThumb-wrap-left {
width: 170px;
padding-left: 10px;
}
.itemThumb-wrap-right {
width: 70%;
word-break: break-all;
margin-left: 210px;
}
#enter #contents {
width: auto;
}
.mainFrame .mainCont p {
line-height: 150%;
}
.text-center {
text-align: center;
}
/* メインslider*/
/*メインスライダー*/
#mainvi {
text-align: center;
width: 100%;
max-height: 250px;/* position: relative;*/
}
#mainvi ul {
list-style-type: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
max-width: 730px;
max-height: 250px;
z-index: 0;
margin-right: auto;
margin-left: auto;
}
#mainvi li {
list-style-type: none;
padding: 0px;
max-height: 250px;
max-width: 730px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
z-index: 0;
}
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
/*.bx-wrapper {
position: relative;
padding: 0;
*zoom: 1;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
}*/
.bx-wrapper {
position: relative;
margin: 0 auto 0px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
margin-right: auto;
margin-left: auto;
*margin-left: -40px;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
/* -moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
left: -5px;*/
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
background-color: #000;/* text-align: center;*/
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 0px;
width: 100%;/* text-align: center;
margin-right: auto;
margin-left: auto;*/
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;/* padding-top: 20px; */
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #282828;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
#top_u_btn {
background-color: #FFF;
margin-top: 40px;
}
#top_u_btn a {
color: #333;
display: block;
padding: 3px;
height: 30px;
width: 250px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
border: 3px solid #C60;
text-align: center;
margin-left: auto;
background-color: #FFFEEC;
line-height: 30px;
font-size: 14px;
text-decoration: none;
}
#top_u_btn a:visited {
color: #333;
display: block;
padding: 3px;
height: 30px;
width: 250px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
border: 3px solid #C60;
text-align: center;
margin-left: auto;
background-color: #FFFEEC;
line-height: 30px;
font-size: 14px;
}
#top_u_btn a:hover {
color: #333;
display: block;
padding: 3px;
height: 30px;
width: 250px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
border: 3px solid #C00;
text-align: center;
margin-left: auto;
background-color: #FFFFFF;
line-height: 30px;
font-size: 14px;
}
#top_u_btn p {
text-align: center;
padding-top: 5px;
font-size: 12px;
}
#top_fr_2 {
background-color: #FFF;
}
.img_ct {
text-align: center;
margin-right: auto;
margin-left: auto;
max-width: 700px;
padding: 0px;
}
#top_s_t {
height: 20px;
max-width: 600px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #999;
text-align: center;
font-size: 14px;
}
.t_lf {
margin: 0px;
padding: 0px;
/* float: left;*/
height: auto;
width: 300px;
}
.t_lf2 {
padding: 0px;
/* float: left;*/
margin-top: 40px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.t_lf2 em {
margin: 0px;
padding: 0px;
/* float: left;*/
font-size: 10px;
}
.t_cl {
clear: both;
}
.com_dtl, #faq {
background-color: #FFF;
}
.com_summary {
width: 95%;
margin-right: auto;
margin-left: auto;
}
#faq h3 {
border: 1px solid #666;
margin-left: 10px;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
width: 200px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
.faq-box {
width: 95%;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}
.faq-box dt {
font-size: 16px;
background-image: url(//www.arm-namadume.jp/pic-labo/llimg/q.gif);
background-repeat: no-repeat;
padding-left: 40px;
margin-bottom: 10px;
line-height: 30px;
}
.faq-box dd {
font-size: 12px;
background-image: url(//www.arm-namadume.jp/pic-labo/llimg/a.gif);
background-repeat: no-repeat;
padding-left: 40px;
color: #666;
line-height: 16px;
}
.com_summary table {
padding: 0px;
margin: 0px;
}
.com_summary th {
background-color: #E8E8E8;
padding: 10px;
width: 25%;
}
.com_summary td {
background-color: #F7F7F7;
padding: 10px;
}
.maker_tbl a:link {
color: #24496F !important;
text-decoration: underline !important;
}
.maker_tbl a:visited {
color: #24496F !important;
text-decoration: underline !important;
}
.maker_tbl a:hover {
color: #990000 !important;
text-decoration: underline !important;
}
.maker_tbl a:hover {
color: #990000;
text-decoration: underline;
}
.maker_tbl table {
text-align: center;
width: 98%;
border: 2px solid #CCC;
}
.maker_tbl th {
text-align: center;
color: #666;
}
.maker_tbl th, .maker_tbl td, .maker_tbl tr {
padding: 5px;
border: 1px solid #CCC;
}
.txt_w {
color: #FFF;
}
#chara {
background-color: #FFF;
height: 100%;
width: 100%;
}
#chara h3 {
font-size: 16px;
border: 2px solid #69C;
width: 80px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
margin-right: auto;
margin-left: auto;
background-color: #EEF7FF;
padding-top: 10px;
padding-bottom: 10px;
}
.chara_in {
clear: both;
height: auto;
width: 100%;
background-color: #FFF;
}
.chara_in2 {
clear: both;
height: auto;
width: 100%;
padding-top: 30px;
background-color: #FFF;
}
.ab-nama_in h3 {
font-size: 1.2em;
text-align: left;
color: #000000 !important;
}
.ab-nama_in p {
line-height: 1.8em;
padding-bottom: 20px;
}
#chara .namatume_img {
/* float: left;*/
}
#chara .namatume_img2 {
/* float: left;*/
padding-left: 40px;
background-color: #FFF;
}
#chara .namatume_img3 {
/* float: left;*/
clear: both;
}
#chara .namatume_txt {
/* float: left;*/
max-width: 480px;
}
#chara .namatume_txt p {
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
#chara .namatume_txt em a {
border: 2px solid #999;
display: block;
background-color: #FFF;
width: 200px;
text-decoration: none;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
}
.n_t_line {
border: 2px solid #999;
display: block;
background-color: #FFF;
width: 200px;
text-decoration: none;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
}
#chara .namatume_txt em a:hover {
border: 2px solid #999;
background-color: #FFC;
display: block;
}
#sp_order {
text-align: center;
width: 95%;
list-style-type: none;
margin-right: auto;
margin-left: auto;
}
#sp_order p {
margin-bottom: 20px;
}
#sp_order ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#sp_order ul li {
list-style-type: none;
}
#sp_order .odr_img {
/* float: left;*/
margin-right: 5px;
margin-left: 7px;
margin-bottom: 20px;
list-style-type: none;
height: auto;
width: 45%;
}
.cl_a {
clear: both;
}
.sidebar_bn {
width: 180px;
margin-left: auto;
height: 180px;
/* display: inline-block !important;*/
margin-right: auto;
margin-bottom: 0px;
display: block;
margin-top: 20px;
padding-bottom: 0px;
}
.sidebar_bn a:hover {
width: 180px !important;
height: 180px !important;
}
#sp_form {
width: 100%;
}
#sp_form form {
width: 95%;
background-color: #FFF;
margin-right: auto;
margin-left: auto;
line-height: 200%;
}
#sp_form .sp_fm_m {
padding-top: 3px;
padding-bottom: 3px;
clear: both;
/* float: left;*/
width: 100%;
margin-bottom: 15px;
margin-right: 10%;
}
#sp_form .sp_fm_ip {
padding-top: 3px;
padding-bottom: 3px;
/* float: left;*/
width: 90%;
margin-bottom: 15px;
}
.ip_txt {
width: 90%;
}
#sp_form form .sp_fm_m {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #369;
padding-left: 8px;
}
#sp_form form .fm_btn {
border: 1px double #033;
height: 40px;
width: 60%;
/* margin-left: 260px;*/
margin-top: 20px;
margin-bottom: 50px;
clear: both;
background-color: #366;
color: #FFF;
margin-right: 20%;
margin-left: 20%;
}
#sp_form input[type=text],#sp_form textarea {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #CCC;
margin-right: 5px;
margin-left: 5px;
}
#sp_form input[type=radio] {
margin-right: 5px;
margin-left: 5px;
}
/*sidebar search*/
.leftSearch {
margin-left: 30px;
}
#side_searchup p{
font-size: 10px;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: -3px;
margin-left: 30px;
}
#side_searchup h3{
font-size: 100%;
padding: 0px;
line-height: 250%;
font-weight: bold;
/*background-color: #231814;*/
text-align: center;
display: block;
width: 95%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: double;
border-bottom-style: double;
border-top-color: #231814;
border-bottom-color: #231814;
}
#side_searchdown {
font-size: 10px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 30px;
line-height: 12px;
}
.txt_l20 {
font-size: 20px;
line-height: 20px;
}
/* フォームテーブル */
table.form {
/* border: 1px solid #CCCCCC;*/
border-collapse: collapse;
margin-top: 1em;
width: 95%;
margin-right: auto;
margin-left: auto;
}
table.form th, table.form td {
text-align: left;
padding: 8px;
font-weight: normal;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
table.form th {
white-space: nowrap;
background-color: #E8E8E8;
width: 40%;
}
table.form td {
background-color: #F7F7F7;
}
/* タイトル装飾 */
strong.ttl {
text-align: left;
border-left: solid 4px #cc0000;
display: block;
padding: 2px 5px;
margin-top: 2em;
}
/* メッセージ */
p.msg {
color: #dd0000;
margin: 2em;
}
span.msg {
color: #dd0000;
}
/* 戻りボタン */
form.back {
margin-top: 2em;
}
.fm_btn {
border: 1px double #033;
height: 40px;
width: 60%;
margin-left: 20%;
margin-top: 30px;
margin-bottom: 50px;
clear: both;
background-color: #366;
color: #FFF;
cursor: pointer;
margin-right: 20%;
}
.fm_btn:hover{
background-color: #438787 !important;
}
/* フォーム終了 */
#namatume_hinban {
width: 100%;
background-color: #FFF;
}
#namatume_hinban h3{
font-weight: bold;
padding-left: 10px;
line-height: 24px;
height: 24px;
border: 1px solid #999;
width: 90%;
}
.namatume_hinban_com {
width: 93%;
background-color: #FFF;
margin-right: auto;
margin-left: auto;
clear: both;
height: auto;
margin-bottom: 20px;
}
.namatume_hinban_l {
max-width: 350px;
/* float: left;*/
}
.namatume_hinban_r {
max-width: 360px;
/* float: right;*/
}
#namatume_hinban ul {
display: none;
list-style-type: none !important;
}
#namatume_hinban li {
cursor: pointer;
list-style-type: none !important;
}
#namatume_hinban span {
display: block;
padding: 8px 4px;
cursor: pointer
}
#namatume_hinban span:before {
padding: 0 8px 0 0;
vertical-align: middle;
content: url("//www.arm-namadume.jp/pict/arrow_right.gif")
}
#namatume_hinban span.selected:before {
content: url("//www.arm-namadume.jp/pict/arrow_down.gif")
}
#namatume_hinban span:hover,#namatume_hinban li:hover {
color: #900;
}
#namatume_hinban li {
cursor: pointer;
list-style-type: none !important;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 4px;
padding-left: -30px;
}
#namatume_hinban li:before {
padding: 0 8px 0 0;
vertical-align: middle;
content: url("//www.arm-namadume.jp/pict/arrow_right.gif");
list-style-type: none;
}
#namatume_hinban li.selected:before {
content: url("//www.arm-namadume.jp/pict/arrow_down.gif");
list-style-type: none;
}
.link32mm a{
position: relative;
top: -1032px;
text-decoration: underline;
left: 50%;
}
#item_d_txt {
border: 1px solid #CCC;
height: auto;
width: 95%;
margin-top: -60px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
}
.description {
clear: both;
}
#sitemap .tree01 {
margin: 0px!important;
padding: 0px!important;
}
#sitemap .txt-list01 ul {
margin: 0px!important;
padding: 0px!important;
}
#sitemap .txt-list01 h2 {
width: 100%!important;
}
.foot_add a{
color: #999;
}
#print_logo {
display: none;
}
#header-nav-mypage {
margin-right: 10px;
}
#header-nav-cart {
margin-left: 10px;
}
}