@charset "UTF-8";
@charset "UTF-8" ;
/*---------------------------------------------
Browser Default Initialization seo_p_blue
---------------------------------------------*/
* {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: 70%;
font-weight: normal;
}
img, abbr, acronym, fieldset {
border: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: none;
}
ul li, ol li {
list-style-type: none;
}
input {
vertical-align: middle;
}
/*---------------------------------------------
body
---------------------------------------------*/
body {
margin: 0;
padding: 0;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #626262;
font-size: 16px;
line-height: 125%;
text-align: left;
-webkit-text-size-adjust: 100%;
background-color: #FFF;
height: 100%;
word-wrap: break-word;
}
/*---------------------------------------------
Anchor
---------------------------------------------*/
a {
outline: none;
}
a:link {
text-decoration: none;
color: #616161; /* サイド見出し（名入れオプションサービス～当社ウェブサイトについて） */
}
a:visited {
text-decoration: none;
color: #714571; /* サイド（カメレオンのしっぽ～よくあるご質問） */
}
a:hover {
text-decoration: ; /* underline サイド見出し（カメレオンのしっぽ～よくあるご質問） */
color: #c2b2c7; /* サイド（カメレオンのしっぽ～よくあるご質問） */
}
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: #b8b8b8; /* サイド見出し（名入れオプションサービス～当社ウェブサイトについて） */
}
/* General Settings
----------------------------------------------- */
img {
max-width: 100%;
height: auto;
width: auto;
}
.text-center {
text-align: center;
}
#wrapper {
width: 100%;
background: #FFF ; /* 両サイド＋上 の色 */
min-height: 100%; /* ？？？？？？？？？？？？？？？？？？ */
}
article h1 {
padding: 0 0 2px 0; /* 0 0 12px 0 ★★ */
color: :#626262;
font-size: 90%;
line-height: 165%;
}
article h2 {
background: none repeat scroll 0 0 transparent;
font-size: 65%;
line-height: 200%;
margin-bottom: 5px;
padding: 0;
}
#sub-column h2 {
font-size: 90%; /* 80% サイド見出し（ショッピングガイド他） */
line-height: 165%;
}
.w100 {
width: 100%;
}
.bold {
font-weight: bold;
}
#contents-pop {
padding-top: 20px;
width: auto;
}
/* Header
----------------------------------------------- */
div#wrapper div#enquete-header,
div#wrapper > div#cart-header,
header {
width: 100%;
height:85px; /*？？ */
background-color: #FFF;
background:url(../img/header_bg.gif) repeat-x left top !important;
}
div#wrapper div#enquete-header {
width: 100%;
background-color: #FFF;
border-bottom: 1px solid #60005f;
}
#header-inner {
width: 1000px;
margin: 0 auto;
*zoom: 1;
}
header #header-inner{
background:url(https://www.violaflex.co.jp/pic-labo/violaflex-2logo1000a.jpg) right no-repeat;
}
#header-inner #logo, #hNav {
display: table-cell;
vertical-align: middle;
padding: 20px 0 0px 0; /* 5px 0 ヘッダーの高さ 2012.1.2 */
}
#header-inner #hNav {
width: 1000px;
text-align: right;
}
* html #header-inner div {
display: inline;
zoom: 1;
}
*:first-child+html #header-inner div {
display: inline;
zoom: 1;
}
#header-inner #logo {
width: 560px; /* 340px 2012.1.2 */
}
#header-inner h1 {
max-width: 560px; /* 340px 2012.1.2 */
background: none;
margin: 0;
padding: 0px 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: 0px 0;
}
#hNav #searchbox {
line-height: 160%; /* 変化なし 2012.1.2 */
font-size: 65%;
color: #999;
align:right;
float: right;
overflow: hidden;
}
#hNav #searchbox p.cart-search {
margin-top: 10px; /* 変化なし */
}
#hNav #searchbox p {
display: none;
}
#hNav #searchbox p img {
display:none;
}
#hNav #searchbox form{
background: url(../img/searchbox.gif) no-repeat left top;
width: 172px; /* 172px 2012.1.2 */
height: 25px; /* 25px 2012.1.2 変化なし */
float: left;
}
#hNav #searchbox input.searchbox {
border: none;
width: 128px; /* 128px変化なし 2012.1.2 */
height: 15px; /* 15px変化なし 2012.1.2 */
padding: 2px 10px 2px 0;
margin-right: 3px;
}
#hNav ul#keyword {
line-height: 80%;
color: #626262; /* ？？？？？色 */
text-align: right;
margin-top: 5px;
}
#hNav ul#keyword li {
display: inline-block;
*display: inline;
*zoom: 1;
}
#hNav ul#keyword li a {
float: left;
font-size: 60%;
padding: 0 0 0 0px;
}
#hNav ul#keyword li a:hover {
padding: 0 0 0 0px;
color: #626262;
}
#hNav ul#header-nav {
line-height: 100%;
color: #626262;
margin: 0px 0 0px 0;
}
#hNav ul#header-nav li#header-nav-cart{
background: url(../img/header_icon_cart.png) no-repeat left; /* カートの中身（画像：隠し中） */
}
#hNav ul#header-nav li a.header-cart{
padding-left: 3px; /* 2 */
}
#hNav ul#header-nav li#header-nav-mypage{
background: url(../img/header_icon_mypage.png) no-repeat left; /* マイページヘノログイン（画像） */
}
#hNav ul#header-nav li a.header-mypage{
padding-left: 3px;
}
#hNav ul#header-nav li {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 65%; /*マイページヘノログイン、カートの中身（文字） */
height: 21px; /* 変化なし */
padding: 10px 0 1px 20px; /* padding: 10px 0 1px 20px; 変化なし 2019.2.12 */
}
#hNav ul#header-nav li a:hover {
background-color: #ddd7dd;
color: #60005f;
text-decoration: none;
}
#gnav {
width: 100%;
background-color:#cbabcb; /*ﾎｰﾑ・利用規約・お問い合わせ・商品ﾚﾋﾞｭｰ・ｻｲﾄﾏｯﾌﾟ（フレームの両側） */
border-bottom: solid 2px #b98cb9;
min-width: 1000px; /* 1000 2019.2.12*/
}
#gnav div.cart-nav,
#gnav nav {
width: 1000px; /* 1000 ﾎｰﾑ・利用規約・お問い合わせ・商品ﾚﾋﾞｭｰ・ｻｲﾄﾏｯﾌﾟ（フレームの幅） 990*/
height: 50px; /*height: 30px; height: 60px; 25px ？？？40*/
background:#cbabcb; /*ﾎｰﾑ・利用規約・お問い合わせ・商品ﾚﾋﾞｭｰ・ｻｲﾄﾏｯﾌﾟ（フレーム） */
border-left: solid 1px #ffffff ; /* 左サイドの影線*/
border-right: solid 1px #c197b8 ; /* 右サイドの影線*/
border-bottom: solid 3px #dbdce0;
margin: 0 auto; /* margin: 0 auto; auto消したらヘッド全体が左寄りになった・center入れても左寄り 2019.2.12*/
overflow: ; /* overflow: hidden; お買物カゴの下の英字Shopping Cartが出てきたけど上がってこない */
*zoom: 1;
}
#gnav div.cart-nav ul,
#gnav nav ul {
width: 1000px; /* width: 1000px; 850にしたら全体を左に押されただけ ・ここをいじると変になる（縦の白線が消える） 2019.2.12 */
height: 50px; /* height: 30px; height: 60px; 2019.2.13 25px */
margin:0 auto;
}
#gnav div.cart-nav ul li,
#gnav nav ul li {
float: left; /* float: center; にしたらﾄｯﾌﾟ以外が白線と共に消えた 2019.2.12*/
width:16%; /* 14.1% 2019.2.12 */
height: 60px; /* height: 60px; 2019.2.13 ★狭くするとバーの英字が隠れてしまう ・ここをいじると縦の白線が消える！ */
background:url(../img/header_bg_border.png) no-repeat left; /* background: url(../img/header_bg_border.png) no-repeat left; url(../img/header_bg_border.png)を消すとお買物カゴの右の白線以外のすべての白線が消える ・ left消すとお買物カゴ以外が白線と共に上へ上がる・ここをいじると縦の白線が消える 2019.2.12*/
font-size: 70%; /* 70% 2019.2.13 */
overflow: hidden; /* overflow: hidden; hiddenを消すと、お買物カゴとShoppingCartの文字と一緒に白線が下がった*/
}
#gnav div.cart-nav ul,#gnav nav ul {
background: url(../img/header_bg_border.png) no-repeat right; /* no-repeat right; 消すとヘッダの下地の薄紫色が消えちゃう */
}
#gnav div.cart-nav ul li a,
#gnav div.cart-nav ul li span,
#gnav nav ul li a,
#gnav nav ul li span {
display:block;
width: 135px; /* width: 135px; 以上にすると買物カゴが下にずれる ﾄｯﾌﾟ・商品一覧・利用規約・お問い合わせ・会社概要・ﾛｸﾞｲﾝン・お買物ｶｺﾞのマスの中文字の左の空白の幅 2019.2.12*/
height: 30px; /*height: 40px; height: 60px; 2019.2.13 25px 変化なし */
padding-top: 6px; /* 13px ﾄｯﾌﾟ・商品一覧・利用規約・お問い合わせ・会社概要・ﾛｸﾞｲﾝン・お買物ｶｺﾞ 上のすき間が開くだけでお買物カゴの文字も下がるだけ*/
text-align:center; /* text-align:center; フレーム内の字の横の位置が中央になる */
/* text-valign:center; 新規挿入しても 変化なし */
}
#gnav div.cart-nav ul li a:link,
#gnav div.cart-nav ul li a:visited,
#gnav nav ul li a:link,
#gnav nav ul li a:visited {
color:#ffffff ; /* 字 */
text-decoration: none;
}
#gnav div.cart-nav ul li span,
#gnav div.cart-nav ul li a:hover,
#gnav nav ul li span,
#gnav nav ul li a:hover {
background: #b98cb9; /* ﾌｰﾊﾞｰ ﾎｰﾑ・利用規約・お問い合わせ・商品ﾚﾋﾞｭｰ・ｻｲﾄﾏｯﾌﾟ */
color: #ffffff; /* 字 */
margin:0 auto;
}
#gnav div.cart-nav ul li span,
#gnav nav ul li span {
cursor: default;
}
#gnav div.cart-nav a:active,
#gnav nav a:active {
color: #d5cad9; /* 背景色 */
text-decoration: none;
background-color: #d5cad9; /* ﾎｰﾑ・利用規約・お問い合わせ・商品ﾚﾋﾞｭｰ・ｻｲﾄﾏｯﾌﾟ フレーム内背景色 */
border-radius: 3px; /* 変化なし */
text-align: center;
vertical-align:middle; /* vertical-align:middle; 消しても変化なし 2019.2.12*/
}
/* Contents
----------------------------------------------- */
#contents {
width: 1000px;
margin: 0 auto;
padding-top: 0px; /* 50px; ﾍｯﾄﾞ（ﾎｰﾑ・利用規約 ～ カート） と ﾛｺﾞ・ｼｮｯﾋﾟﾝｸﾞｶﾞｲﾄﾞ等との間 */
overflow: auto;
*zoom: 1;
overflow: auto;
padding-bottom: 50px; /* 50px; 変化なし いじるな */
background-color: #FFF; /* センター 背景色 */
border-left: solid 0px #777777 ; /* 左サイドの影線*/
border-right: solid 0px #777777 ; /* 右サイドの影線*/
}
#sub-column {
float: left;
width: 210px;
margin: 0 0 0 20px;
padding: 0 0 60px 0;
*zoom: 1;
word-break:break-all;
}
#main-column {
float: right;
width: 750px;
margin-right: 20px;
}
#main-column-full {
width: 100%;
margin: 0 auto 60px;
}
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 {
color: #626262;
font-size: 0.75rem;
}
div.cart-article a:hover p,
article a:hover p {
color: #60005f;
}
div#wrapper div#enquete-section ul,
div.cart-article div.cart-section ul,
article section ul {
font-size: 90%;
font-size: 0.9rem;
line-height: 160%;
color: #626262; /* ？？？？？色 */
}
#mainVisual {
width: 730px;
line-height:0;
margin-left: 20px;
}
#bread-crumb {
margin: 0 20px 20px 20px;
padding-bottom:10px;
border-bottom: solid 1px #93749d;
}
#bread-crumb-listTop, .bread-crumb-listCate {
width: 100%;
padding: 0;
margin: 0;
}
#bread-crumb-listTop ol, .bread-crumb-listCate ol {
width: 720px;
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: 5px 10px 0 13px;
font-size: 60%;
line-height: 120%;
background: url(../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 0 3px 0;
}
.column-set {
width: 100%;
overflow: hidden;
*zoom: 1;
}
.column3 {
float: left;
width: 235px;
padding:0 8px 0 0;
}
.column3:nth-child(3n) {
margin: 0 0 15px 1px;
}
.newItem .column3 .itemThumb-wrap {
margin: 25px 0 10px 0;
}
.newItem .column3 .itemThumb {
display: table-cell;
text-align: center;
height: 235px;
width: 235px;
vertical-align: middle;
margin-bottom: 5px;
}
.column5 .itemThumb a img {
max-height: 235px;
max-width: 235px;
overflow: hidden;
}
.column3 h3 {
font-size: 70%;
line-height: 120%;
margin-bottom: 3px;
}
.column3 p {
font-size: 70%;
}
.column3 img {
vertical-align: bottom;
}
.column3 p.price {
margin-bottom: 3px;
}
.column3 p.sp_price {
color: #4e4e4e;
}
.column4 {
float: left;
width: 170px;
padding:0 15px 0 0;
}
.column4:nth-child(4n) {
padding:0 0 0 3px;
}
.column4 .itemThumb-wrap {
margin: 25px 0 10px 0;
}
.column4 .itemThumb {
display: table-cell;
text-align: center;
height: 170px;
width: 170px;
vertical-align: middle;
margin-bottom: 5px;
}
.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;
}
.column4 h3 {
font-size: 70%;
line-height: 130%;
margin-bottom: 3px;
}
.column4 p {
font-size: 70%;
}
.column4 img {
vertical-align: bottom;
}
.column4 p.sp_price {
color: #4e4e4e;
}
.column5 {
float: left;
width: 135px;
padding:0 13px 0 0;
}
.column5:nth-child(5n) {
padding: 0 0 0 3px;
}
.column5 .itemThumb-wrap {
margin: 25px 0 10px 0;
}
.column5 .itemThumb {
display: table-cell;
height: 135px;
width: 135px;
margin-bottom: 5px;
text-align: center;
vertical-align: middle;
}
.column5 .itemThumb a img {
max-height: 135px;
max-width: 135px;
}
.column5 h3 {
font-size: 70%;
line-height: 130%;
margin-bottom: 3px;
}
.column5 p {
font-size: 70%;
padding:0;
}
.column5 img {
vertical-align: bottom;
}
.column5 p.sp_price {
color: #4e4e4e;
}
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: #4e4e4e;
}
p.price span.selling_price,
p.price span.taxin{
color: #4e4e4e;
}
/* TOP PAGE
----------------------------------------------- */
section .newItem h2, section .pickup h2, section .ranking h2, section .group h2, section .category h2 {
border: none;
font-size: 90%;
line-height: 165%;
margin-bottom: 10px;
padding: 0 0 10px 0;
color:#616161; /* 商品カテゴリ字色*/
}
#main-column .newItem {
position: relative;
width:730px;
margin: 30px 0 10px 20px;
padding:0px 0 12px 0; /* 記載なし */
background: url(../img/Title-new.gif) no-repeat; /* 変化なし */
overflow: hidden;
}
#main-column .newItem .new-Title {
position: absolute;
height: 35px;
top: 0;
}
#main-column .newItem h2 {
margin: 0 0 0 107px; /* 0 0 0 151px */
padding: 4px 0 20px 0;
font-size: 80%; /* 変化なし */
color:#7a4171; /* NEW ARRIVAL 新商品発売のお知らせ 字色*/
}
#main-column .column3 .badge {
padding: 6px 0 0 6px;
position: absolute;
z-index: 100;
}
#main-column .column4 .badge,
#main-column .column5 .badge {
padding: 3px 0 0 3px;
position: absolute;
z-index: 100;
}
#main-column .pickup {
position: relative;
width:730px;
margin: 30px 0 10px 20px;
padding:0px 0 12px 0;
background: url(../img/Title-pickup.gif) no-repeat;
overflow: hidden;
}
#main-column .pickup .pickup-Title {
position: absolute;
height: 35px;
top: 0;
}
#main-column .pickup h2 {
margin: 0 0 0 107px; /* 0 0 0 151px */
padding: 4px 0 20px 0;
font-size: 80%;
color:#7a4171; /* PICK UP！ おすすめ商品 字色*/
}
#main-column .pickup .column5 {
margin-bottom: 20px;
}
#main-column .pickup .column5 .itemThumb {
margin-bottom: 5px;
position: relative;
}
#main-column .pickup .column5 .badge {
padding: 3px 0 0 3px;
position: absolute;
z-index: 100;
}
#main-column .ranking {
position: relative;
width:730px;
margin: 30px 0 10px 20px;
background: url(../img/Title-ranking.gif) no-repeat;
overflow: hidden;
}
#main-column .ranking .ranking-Title {
position: absolute;
height: 35px;
top: 0;
}
#main-column .ranking h2 {
margin: 0 0 0 107px;
padding: 4px 0 20px 0;
font-size: 80%;
color:#7a4171; /*RANKING 人気ランキング 字色*/
}
#main-column .ranking .column5 {
margin-bottom: 20px;
}
#main-column .ranking .column5 .itemThumb {
position: relative;
}
#main-column .ranking .column5 .badge {
padding: 3px 0 0 3px;
position: absolute;
z-index: 100;
}
#main-column .half-cont_wrap01, .half-cont_wrap02 {
overflow: hidden;
}
#main-column .half-cont {
float: left;
width: 48%;
}
#main-column .half-cont:nth-child(2n) {
float: left;
width: 48%;
margin: 10px 0 10px 10px;
}
#main-column .half-cont_wrap01 .half-cont:first-child,
#main-column .half-cont_wrap02 .half-cont:first-child {
margin: 10px 0 10px 20px;
}
#main-column .news {
width:730px; /* width: 350px; */
}
#main-column .news h2 {
display: block;
width: auto;
margin: 0 0 10px;
padding: 0;
border: none; /* 削除しても変化なし */
height: 35px; /* 削除しても変化なし */
padding-left: 0px; /* padding-left: 79px; 変化なし */
background: url("../img/Title-news.gif") no-repeat scroll 0 0 transparent; /* ヴィオラフレックスジャパンからのお知らせ*/
font-size: 85%;
color:#7a4171; /* 記載なし 変化なし*/
}
#main-column .news h2 img {
display: block;
width: 63px;
height: 35px;
}
#main-column .news .news-contents {
overflow: hidden;
vertical-align: top;
}
#main-column dl.news-box {
font-size: 80%;
color:#7a4171; /* （ｼｮｯﾌﾟからのおしらせ）会場:幕張メッセ字色*/
padding: 0;
margin:0 0 10px 0;
border-bottom: 1px dotted #60005f;
}
#main-column .news-box dd {
line-height: 145%;
margin-left:10px;
padding-bottom:10px;
}
#main-column .news-box dd a {
font-size: 80%; /* 記載なし */
color:#7a4171; /* ？？？？色*/
}
#main-column .news-box dd a:hover {
color: #93749d;
}
#main-column .w100 .news {
width: 730px;
margin: 10px 0 10px 20px;
background: url(../img/Title-news.gif) no-repeat; /* NEWS ？？？ */
padding-bottom: 10px;
font-size: 80%; /* 記載なし 変化なし*/
color:#7a4171; /* 記載なし 変化なし*/
}
#main-column .w100 .news h2 {
display: block;
margin: 0 0 10px;
padding-left: 79px;
border: none;
}
#main-column .w100 .news h2 img {
display: block;
width: 63px;
height: 35px;
}
#main-column .w100 .news .news-contents {
width: 730px;
overflow: hidden;
padding-right:20px;
}
#main-column .freeArea2 {
width: 340px;
background: url(../img/side_ttl_bg.gif) no-repeat top;
padding-bottom: 10px;
}
#main-column .freeArea2 h2 {
display: block;
width: 350px;
margin: 0 0 20px;
padding: 0;
border: none;
}
#main-column .freeArea2 h2 img {
display: block;
width: 63px;
height: 35px;
}
#main-column .freeArea2 .free-banner {
margin: 0 0 5px 13px;
width: 337px;
}
#main-column .freeArea2 .free-contents p {
font-size:80%;
line-height: 160%;
width: 337px;
margin-left: 13px;
}
#main-column .w100 .freeArea2 {
width: 730px;
margin: 10px 0 10px 20px;
background: url(../img/side_ttl_bg.gif) repeat-x top;
padding-bottom: 10px;
}
#main-column .w100 .freeArea2 h2 {
display: block;
width: 730px;
margin: 0 0 20px;
padding: 0;
border: none;
background: url("../img/Title-shop.gif") no-repeat;
}
#main-column .w100 .freeArea2 h2 img {
display: block;
width: 63px;
height: 35px;
}
#main-column .w100 .free-contents p {
font-size: 70%;
line-height: 150%;
margin-left: 16px;
width:730px;
}
#main-column .group {
position: relative;
width: 350px;
padding-bottom: 10px;
}
#main-column .group .group-Title {
position: absolute;
height: 35px;
top: 0;
}
#main-column .group h2 {
font-size: 70%;
color:#7a4171;
background: url(../img/Title-group.gif) no-repeat;
padding: 3px 0 35px 80px;
}
#main-column .group .group-banner {
margin-bottom: 5px;
}
#main-column .group ul {
padding: 1px 0 0 10px;
list-style-type: none;
margin:0px 8px 8px 0;
}
#main-column .group li {
background: url(../img/arrw.png) no-repeat left;
float: left;
font-size: 70%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
}
#main-column .group a {
display: block;
}
#main-column .w100 .group {
position: relative;
width: 730px;
margin: 20px 0 10px 20px;
padding-bottom: 10px;
overflow:hidden;
}
#main-column .w100 .group .group-Title {
position: absolute;
top: 0;
}
#main-column .w100 .group h2 {
padding: 3px 0 15px 80px;
font-size: 70%;
color:#7a4171; /* ？？色*/
}
#main-column .w100 .group h2 img {
display: block;
height: 48px;
width: 730px;
margin: 0 auto;
}
#main-column .w100 .group ul {
padding: 15px 0 0 10px;
list-style-type: none;
margin:5px 8px 8px 0;
}
#main-column .w100 .group li {
background: url(../img/arrw.png) no-repeat left;
float: left;
font-size: 75%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
height: 25px;
}
#main-column .w100 .group a {
display: block;
height: 25px;
}
#main-column .category {
position: relative;
width: 340px;
padding-bottom: 10px;
}
#main-column .category .category-Title {
position: absolute;
top: 0;
}
#main-column .category h2 {
padding: 3px 0 35px 130px;
font-size: 65%;
color:#626262; /* ？？色*/
background: url(../img/Title-category.gif) no-repeat;
}
#main-column .category .category-banner {
margin-bottom: 5px;
}
#main-column .category ul {
list-style-type: none;
overflow:hidden;
}
#main-column .category li {
background: url(../img/arrw.png) no-repeat left;
float: left;
font-size: 75%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
height: 25px;
}
#main-column .category a {
display: block;
height: 25px;
}
#main-column .w100 .category {
position: relative;
width:730px;
margin: 20px 20px 10px 20px;
overflow:hidden;
padding-bottom: 10px;
}
#main-column .w100 .category .category-Title {
position: absolute;
top: 0;
}
#main-column .w100 .category h2 {
padding: 3px 0 35px 130px;
font-size: 65%;
color:#626262; /* ？？色*/
}
#main-column .w100 .category h2 img {
display: block;
height: 48px;
width: 730px;
margin: 0 auto;
}
#main-column .w100 .category ul {
list-style-type: none;
}
#main-column .w100 .category li {
background: url(../img/arrw.png) no-repeat left;
float: left;
font-size: 75%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
height: 25px;
}
#main-column .w100 .category a {
display: block;
height: 25px;
}
#main-column .w100 .category h3{
font-weight: bold;
line-height: 120%;
font-size: 80%;
}
#main-column .freeArea {
width: 730px;
height: 300px;
background-color: #FFF;
margin-left: 20px;
}
/* Sub Column
----------------------------------------------- */
#sub-column .group, #sub-column .category, #sub-column #followUs, #sub-column .link {
width: 210px;
border: none;
top: 0;
left: 0;
margin-bottom: 30px;
padding: 0;
}
#sub-column .group h2 {
width: 185px;
background: url(../img/side_ttl_ico.gif) no-repeat left;
height: 32px;
border-bottom: solid 1px #93749d;
border-top: solid 1px #93749d;
line-height: 330%;
padding-left: 15px;
}
#sub-column .category h2 {
width: 185px;
background: url(../img/side_ttl_ico.gif) no-repeat left;
height: 32px;
border-bottom: solid 1px #d7d7d7;
border-top: solid 1px #d7d7d7;
line-height: 330%;
padding-left: 15px;
}
#sub-column .link h2 {
width: 185px;
background: url(../img/side_ttl_ico.gif) no-repeat left;
height: 42px; /* 注目キーワード上下線幅 いじると下線が消える */
border-bottom: solid 1px #d7d7d7;
border-top: solid 1px #d7d7d7; /* 注目キーワード上下線色 */
line-height: 330%;
padding-left: 15px;
margin-bottom: 10px;
}
#sub-column .category h3 {
font-size: 80%;
padding:0 0 8px 0;
color:#626262; /* ？？？？？？？色*/
}
#sub-column .group nav, #sub-column .category nav, #sub-column .link nav {
margin-bottom: 20px;
border-top: none;
}
#sub-column .group nav ul, #sub-column .category nav ul, #sub-column .link nav ul {
line-height: 160%;
}
#sub-column .group nav ul li, #sub-column .category nav ul li, #sub-column .link nav ul li {
padding: 2px 0 2px 10px;
font-size: 75%;
}
#sub-column .link nav ul li {
line-height:180%;
}
#sub-column .keyword nav ul li {
display: inline;
}
#sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
color: #845084; /* ｻｲﾄﾞ・ご注文・支払方法以下字色 */
text-decoration: none;
padding: 3px 0;
line-height: 130%;
padding: 5px 0 5px 20px;
background: url(https://www.violaflex.co.jp/pic-labo/arrow9.png ) no-repeat left center; /* サイド矢印 */
}
#sub-column .group nav ul li:first-child a, #sub-column .link nav ul li:first-child a {
border-top: none;
}
#sub-column .category nav ul li:first-child a{}
#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: #c2b2c7; /* ｻｲﾄﾞ・ご注文・支払方法以下字色フーバー */
text-decoration:underline;
font-weight: ; /* bold サイド太字 */
}
#sub-column .freeArea2 {
margin: 0 0 30px;
}
#sub-column .freeArea2 h2 {
background: url("../img/side_ttl_ico.gif") no-repeat scroll 0 0 transparent;
padding-left: 15px;
font: メイリオ,' /* 当初記載なし */
font-weight: ; /* bold サイド太字 */
border-bottom:solid 1px #d7d7d7;
height:32px;
}
#sub-column .free-contents p {
font-size: 80%;
line-height: 150%;
margin-top: 16px;
}
#sub-column #snav_calendar h2 {
background-image: none;
margin-right:3px;
}
#sub-column #subc_calendar {
width: 200px;
margin-bottom: 30px;
background:#FFF;
border: solid 1px #CCC;
}
#sub-column div.subc_cal_cont {
background-color: #FFF;
width: 160px;
padding: 10px 20px 20px 20px;
}
#sub-column div#subc_calendar h2 {
width: 160px;
text-align: center;
margin: 0 0 5px 0;
background: url(../img/Title-scolumn_calendar.gif) no-repeat;
background-position: center;
padding: 55px 0 0;
}
#sub-column div.cal_wrapper table.cal {
width: 100%;
line-height: 130%;
}
#sub-column div.cal_wrapper table.cal tr th p.month {
float: left;
width: 70%;
text-align: center;
font-size: 80%;
}
#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(../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(../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: 70%;
text-align: center;
}
#sub-column div.cal_wrapper table.cal tr.headline td {
border: none;
padding: 10px 0 2px 0;
}
#sub-column div.subc_cal_cont .cap {
font-size: 60%;
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
width: auto;
}
#sub-column div.subc_cal_cont .cap ul {
margin: 3px 0 0;
}
#sub-column div.subc_cal_cont .cap li {
display: inline-block;
line-height: 140%;
overflow: hidden;
}
#sub-column div.subc_cal_cont .cap li span {
margin: 0 10px 0 0;
}
#sub-column div.subc_cal_cont .cap .ico_cap01 {
font-size: 120%;
vertical-align: middle;
margin: 0 2px 0 0;
color: 60005f;
}
#sub-column div.subc_cal_cont .cap .ico_cap02 {
font-size: 120%;
vertical-align: middle;
margin: 0 2px 0 0;
color: #93749d;
}
#sub-column div.subc_cal_cont .cap .cap-info {
line-height: 140%;
padding: 10px 0 0;
color:#626262; /* ？？色 */
}
#sub-column div.cal_wrapper table.cal tr td div.Today {
background-color: #FFF;
font-weight: bold;
}
#sub-column div.cal_wrapper table.cal tr td div.Deli {
background-color: #FFF;
}
#sub-column div.cal_wrapper table.cal tr td div.Holyday {
background-color: #FFF;
color: #FFFFFF;
}
#sub-column div.cal_wrapper table.cal tr td div.backward {
color: #FFF;
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 {
width: 200px;
margin-bottom: 30px;
border: solid 1px #CCC;
}
#sub-column #snav_mailMag h2 {
background-image: none;
margin-right:3px;
}
#sub-column div.snav_mailMag_cont {
background-color: #FFF;
width: 160px;
padding: 55px 20px 3px 20px;
background: url(../img/Title-scolumn_mmag.gif) no-repeat;
}
#sub-column div.snav_mailMag_cont h2 {
width: 160px;
text-align: center;
margin: 0 0 5px 0;
background-image: none;
}
#sub-column div.snav_mailMag_cont p {
font-size: 70%;
line-height: 130%;
padding: 0 0 10px;
color:#626262;
}
#sub-column div.snav_mailMag_cont input.mailAddress{
width: 100px;
height: 15px;
position: relative;
vertical-align: middle;
margin-bottom:10px;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag {
width: 40px;
height: 20px;
text-align: center;
vertical-align:middle;
background-color: #FFF;
border: none;
color: #FFF;
font-size: 75%;
margin-bottom:10px;
border-radius: 3px;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag:hover {
background-color: #CCC;
}
#sub-column #snav_followUs {
margin-bottom: 30px;
}
#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-bottom: 30px;
padding: 0;
}
#sub-column .column4 {
float: left;
width: 170px;
margin: 10px 0 10px 0;
}
#sub-column .column4:nth-child(4n) {
margin: 0 1px 10px 0;
}
#sub-column .column4 .itemThumb-wrap {
margin: 0 0 10px 0;
}
#sub-column .column4 .itemThumb {
display: table-cell;
text-align: center;
height: 170px;
width: 170px;
vertical-align: middle;
margin-bottom: 5px;
}
#sub-column .column4 .itemThumb a img {
max-height: 170px;
max-width: 170px;
}
#sub-column .column4 h3 {
font-size: 70%;
line-height: 130%;
margin-bottom: 3px;
}
#sub-column .column4 p {
font-size: 70%;
}
#sub-column .column4 img {
vertical-align: bottom;
}
#sub-column .column4 p.sp_price {
color: #4e4e4e;
}
#sub-column .column5 {
float: left;
width: 135px;
margin: 10px 0 10px 0;
padding-bottom: 10px;
}
#sub-column .column5:nth-child(5n) {
margin: 0 1px 10px 0;
}
#sub-column .column5 .itemThumb-wrap {
margin: 0 0 10px 0;
}
#sub-column .column5 .itemThumb {
display: table-cell;
height: 135px;
width: 135px;
margin-bottom: 5px;
text-align: center;
vertical-align: middle;
}
#sub-column .column5 .itemThumb a img {
max-height: 135px;
max-width: 135px;
}
#sub-column .column5 h3 {
font-size: 70%;
line-height: 130%;
margin-bottom: 3px;
}
#sub-column .column5 p {
font-size: 70%;
color: #4e4e4e; /* 指定なかった */
}
#sub-column .column5 img {
vertical-align: bottom;
}
#sub-column .column5 p.sp_price {
color: #4e4e4e;
}
#sub-column .newItem {
position: relative;
margin: 0 0 30px;
line-height: 90%;
}
#sub-column .newItem h2 {
width: 185px;
background: url(../img/side_ttl_ico.gif) no-repeat left;
height: 32px;
border-bottom: solid 1px #d7d7d7;
border-top: solid 1px #d7d7d7;
line-height: 330%;
padding-left: 15px;
}
#sub-column .newItem .new-Title {
position: absolute;
right: 0px;
top: 1px;
display:none;
}
#sub-column .newItem .column3, #sub-column .newItem .column4 {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
line-height:140%;
float: none;
width: 200px;
}
#sub-column .newItem .column4 .itemThumb-wrap {
margin: 0 0 10px 0;
}
#sub-column .newItem .column4 .itemThumb {
display: table-cell;
text-align: center;
vertical-align: middle;
}
#sub-column .newItem .column4 .itemThumb a img {
max-height: 200px;
max-width: 200px;
}
#sub-column .newItem h3 {
text-align: left;
}
#sub-column .newItem p.price {
text-align: left;
margin: 0;
}
#sub-column .newItem p.sp_price {
text-align: left;
}
#sub-column .newItem p.sp_price {
color: #4e4e4e;
}
#sub-column .newItem .column4 .badge {
padding: 3px 0 0 3px;
position: absolute;
z-index: 100;
}
#sub-column .newItem .column4_fourth .itemThumb {
margin: 0 20px 5px 20px;
position: relative;
}
#sub-column .pickup {
position: relative;
margin: 0 0 30px;
line-height: 90%;
}
#sub-column .pickup .pickup-Title {
position: absolute;
right: 0px;
top: 1px;
display:none;
}
#sub-column .pickup h2 {
width: 185px;
background: url(../img/side_ttl_ico.gif) no-repeat left;
height: 32px;
border-bottom: solid 1px #d7d7d7;
border-top: solid 1px #d7d7d7;
line-height: 330%;
padding-left: 15px;
}
#sub-column .pickup .column5 {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
float: none;
width: 200px;
}
#sub-column .pickup .column5 .itemThumb-wrap {
margin: 0 40px 10px 40px;
}
#sub-column .pickup .column5 .itemThumb {
margin: 0 0 5px 0;
position: relative;
text-align: center;
}
#sub-column .pickup .column5 .itemThumb img {
max-height: 130px;
max-width: 130px;
}
#sub-column .pickup .column5 .badge {
padding: 3px 0 0 3px;
position: absolute;
z-index: 100;
}
#sub-column .ranking {
position: relative;
margin: 0 0 30px;
line-height: 90%;
}
#sub-column .ranking .ranking-Title {
position: absolute;
right: 0px;
top: 1px;
display:none;
}
#sub-column .ranking h2 {
width: 185px;
background: url(../img/side_ttl_ico.gif) no-repeat left;
height: 32px;
border-bottom: solid 1px #d7d7d7;
border-top: solid 1px #d7d7d7;
line-height: 330%;
padding-left: 15px;
}
#sub-column .ranking .column5 {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
float: none;
width: 200px;
}
#sub-column .ranking .column5 .itemThumb-wrap {
margin: 0 40px 10px 40px;
height: 130px;
width: 130px;
}
#sub-column .ranking .column5 .itemThumb {
margin-bottom: 5px;
position: relative;
text-align: center;
}
#sub-column .ranking .column5 .itemThumb img {
max-height: 130px;
max-width: 130px;
}
#sub-column .ranking .column5 .itemThumb {
margin-bottom: 5px;
position: relative;
}
#sub-column .ranking .column5 .badge {
padding: 6px 0 0 3px;
position: absolute;
z-index: 100;
}
/* Footer
----------------------------------------------- */
div#cart-footer,
footer {
width: 100%;
background: #e9dfe5;
line-height: 100%;
position: relative;
border-top: solid 1px #bfbfbf;
clear: both;
table-layout: fixed;
}
div#cart-footer #footer-inner,
#footer-inner {
padding-top: 20px;
width: 1000px;
margin: 0 auto;
overflow: hidden;
table-layout: fixed;
}
footer #footer-inner{
}
div#cart-footer #footer-inner .footer_gnavi,
footer #footer-inner .footer_gnavi {
float: left;
color:#969696;
width:1000px;
table-layout: fixed;
}
div#cart-footer #footer-inner .footer_gnavi ul li,
footer #footer-inner .footer_gnavi ul li {
float: left;
display: inline-block;
*display: inline;
*zoom: 1;
*margin-bottom: 12px;
padding: 0 3px 0 4px;
line-height: 100%;
font-size: 80%;
color: #969696;
table-layout: fixed;
}
div#cart-footer #footer-inner .footer_gnavi ul li:first-child,
footer #footer-inner .footer_gnavi ul li:first-child {
background-image: none;
padding: 0 3px 0 0;
}
div#cart-footer #footer-inner .footer_gnavi ul li a,
footer #footer-inner .footer_gnavi ul li a {
color: #969696;
}
div#cart-footer div.cart-nav,
footer nav, #copyright {
float: left;
font-size: 80%;
color: #969696;
width: 1000px;
margin-top: 6px;
padding-bottom: 50px;
table-layout: fixed;
}
#copyright ul li {
color:#969696;
background-image: none;
padding: 0;
}
div#cart-footer #footer-inner .footer_gnavi ul li a:hover,
footer #footer-inner .footer_gnavi ul li a:hover {
color: #896289;
text-decoration: ; /* underline フッター*/
}
/* Page Top
----------------------------------------------- */
#page-top {
position: fixed;
bottom: 150px;
right: 20px;
font-size: 77%;
z-index: 100;
}
#page-top a {
text-decoration: none;
width: 65px;
height: 65px;
padding: 0;
text-align: center;
display: block;
}
#page-top a:hover {
text-decoration: none;
background-image: url(../img/pagetop_on.gif);
}
#page-top a:hover img {
opacity: 0;
}
/*---------------------------------------------
itemDetail/itemList
---------------------------------------------*/
/* itemList
----------------------------------------------- */
#itemList_wrap {
margin: 0 20px 0 0;
}
#itemList {
width:730px;
padding: 0;
margin: 20px 20px 20px 20px; /* 上20px 右20px 下60px 左20px */
background: url(../img/mainttl_bg.gif) repeat-x top left;
}
.column4 h2 {
font-size: 70%;
line-height: 130%;
margin-bottom: 3px;
background: none;
font-weight: normal;
padding: 0;
border: none;
}
#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:140%; /* 160% */
margin-top:3px;
}
#itemList_wrap #pager-top {
padding: 5px 0 0 20px;
overflow: hidden;
line-height: 100%;
}
#itemList_wrap #pager-bm {
padding: 5px 0 0 20px;
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: 120%;
*zoom: 1;
font-size: 80%;
}
#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: 120%;
*zoom: 1;
}
#pager-top ul li.selected, #pager-bm ul li.selected {
font-weight:; /* bold */
color: #626262;
text-decoration: none;
}
/* itemDetail
----------------------------------- */
#itemDetail-cont {
overflow: hidden;
font-size: 95%;
font: ＭＳ Ｐゴシック,' /* font-size: 95%; font: ＭＳ Ｐゴシック,' 価格～以下 当初記載なし*/
}
#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 30px 0 20px;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {
text-align:center;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
height: auto;
margin: 0 0 3px 0; /* 0 0 5px 0 */
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
float: left;
padding: 0;
width: 350px;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
height: 66px;
width: 66px;
margin: 0 5px 0 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
margin: 0;
}
#itemDetail-cont .itemOutline {
float: left;
width: 350px;
}
#itemDetail-cont .itemOutline h1 {
color: #626262; /* ？？色 */
}
#itemDetail-cont .itemOutline .icons {
margin: 0 0 0 0; /* 0 0 15px 0 商品名上のすき間★★ */
}
#itemDetail-cont .itemOutline ul.ico_salesMethod {
overflow: hidden;
margin: 0 0 0 0; /* 0 0 10px 0 ？？？★★ */
}
#itemDetail-cont .itemOutline ul.ico_salesMethod li {
float: left;
width: 61px;
height: 25px;
}
#itemDetail-cont .itemOutline ul.ico_itemType {
overflow: hidden;
}
#itemDetail-cont .itemOutline ul.ico_itemType li {
float: left;
width: 25px;
height: 36px;
text-align:center;
}
article#Detail #main-column h1 {
background: none; /* 商品一覧・新商品・人気商品・おすすめ等 (小画像)？？ */
margin-bottom: 3px; /* 10px ？？？★★ */
font-size: 95%;
font-weight: normal;
padding: 0;
}
article#Detail #main-column h2 {
background: url(../img/side_ttl_ico.gif) no-repeat top left;
margin: 0;
font-size: 80%;
font-weight:bold;
color:#93749d;
padding-left:15px;
height:33px;
border-bottom: solid 1px #d7d7d7;
}
article#Detail section#itemDetail-wrap p.price {
font-size: 90%;
margin-bottom: 3px;
}
article#Detail section#itemDetail-wrap p.sp_price {
font-size: 90%;
color:#4e4e4e;
font-weight: ; /* bold */
margin-bottom: 3px;
}
article#Detail section#itemDetail-wrap p.regular_price {
font-size: 80%;
margin-bottom: 0;
color: #93749d;
}
section#itemDetail-wrap table.spec {
line-height: 250%;
margin: 15px 0 15px;
font-size: 70%; /* メーカー～以下 */
}
section#itemDetail-wrap table.spec tr {
border: none;
}
section#itemDetail-wrap table.spec tr.date {
line-height:150%;
}
section#itemDetail-wrap table.spec th {
vertical-align: top;
padding: 0 5px 0 0;
width: 40%; /* 40% メーカー～ table 幅 */
}
section#itemDetail-wrap table.date {
margin: 15px 0 3px;
}
section#itemDetail-wrap table.jan {
margin: 0 0 0; /* margin: 0 0 15px; ？？？？？ ★★ */
}
section#itemDetail-wrap table.price {
line-height: 170%; /* 170% margin: 0 0 20px; 販売価格 table 高さ */
margin: 0 0 0;
}
section#itemDetail-wrap table.price th {
font-size: 72%; /*70% 0 0 1px; 価格 ★★ */
padding: 0 0 0;
font: ＭＳ Ｐゴシック,' /* font: ＭＳ Ｐゴシック,' 当初記載なし */
}
section#itemDetail-wrap table.price td {
font-size: 90%; /* 価格数字 */
}
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 {
font: ＭＳ Ｐゴシック,' /* 価格～以下 */
color: #b6b6b6;
font-size: 120%;
font-weight: ;
margin-bottom: 0 0 0; /* 0 0 3px; 価格 ★★ */
}
table.price tr.rg_price span.regular_price_str {
color: #93749d;
margin-bottom: 0px; /* 3px; ？？ ★★ */
}
table.price tr.rg_price span.regular_price,
table.price tr.rg_price span.taxin
{
color: #93749d;
margin-bottom: 3px;
}
section#itemDetail-wrap .cartArea {
margin-bottom: 20px;
}
section#itemDetail-wrap .cartArea img {
width: 350px; /* width: 350px; height: 30px; */
height: 30px;
}
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(../img/valiation_bk.gif);
background-repeat: x-repeat;
background-position: left top;
}
section#itemDetail-wrap .cartArea table.variation th {
font-size: 60%;
background:#FFF;
padding: 3px 5px;
text-align: center;
line-height: 150%;
border: solid 1px #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: 60%;
padding: 5px;
text-align: center;
line-height: 150%;
border: solid 1px #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation td img {
vertical-align: middle;
width: 110px;
height: 20px;
}
section#itemDetail-wrap .cartArea table.variation span.nostock {
color: #4e4e4e;
}
section#itemDetail-wrap p.cancel {
height: 21px;
padding-left: 25px;
background-image: url(../img/ico_return.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 70%;
margin-bottom: 5px;
}
section#itemDetail-wrap p.review_txt {
height: 21px;
padding-left: 25px;
background-image: url(../img/ico_review.gif);
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 15px;
font-size: 70%;
}
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 20px 2px 20px; /* 20px 20px 20px 20px; ？？ ★★ */
width: 730px;
padding: 0;
}
section#itemDetail-wrap .description p {
font-size: 80%; /* 【使用方法】 */
line-height: 160%;
}
article#Detail #main-column .spec-g_txt_table_wrap {
width: 750px;
overflow: hidden;
margin-bottom: 30px;
}
article#Detail #main-column section.spec-g_txt {
float: left;
margin-right: 10px;
margin-left: 20px;
width: 350px;
padding: 0;
background: url(../img/mainttl_bg.gif) repeat-x top left;
}
article#Detail #main-column section.spec-g_txt p {
font-size: 70%;
padding: 10px 0 0 0;
line-height: 160%;
}
article#Detail #main-column section.spec-g_table {
float: left;
width: 350px;
padding: 0;
background: url(../img/mainttl_bg.gif) repeat-x top left;
margin-left:20px;
}
article#Detail #main-column section.spec-g_table table {
width: 100%;
margin: 10px 0 0 0;
}
article#Detail #main-column section.spec-g_table th {
width: 70px;
max-width: 70px;
min-width: 25px;
padding: 5px 0 5px 10px;
}
article#Detail #main-column section.spec-g_table tr{
width: 100%;
font-size: 65%;
}
article#Detail #main-column section.spec-g_table tr:nth-child(2n+1) {
background:#FFF;
width: 100%;
font-size: 65%;
}
article#Detail #main-column section.spec-g_table td {
padding: 5px 0;
}
article#Detail #main-column .w100 section.spec-g_txt {
width:730px;
padding: 0;
margin: 20px 20px 20px 20px;
background: url(../img/mainttl_bg.gif) repeat-x top left;
}
article#Detail #main-column .w100 section.spec-g_txt p {
font-size: 70%;
padding-top: 10px;
line-height: 160%;
}
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 #CCC;
width: 100%;
}
article#Detail #main-column .w100 table.spec-g_cont th {
padding: 5px 0;
}
article#Detail #main-column .w100 table.spec-g_cont td {
padding: 5px 0;
}
section.userreview {
width:730px;
padding: 0;
margin: 20px 20px 20px 20px;
background: url(../img/mainttl_bg.gif) repeat-x top left;
}
section.userreview table.userreview_list {
width: 100%;
font-size: 70%;
margin: 10px 20px 0 0;
line-height: 180%;
border-bottom: 1px dotted #CCC;
vertical-align: middle;
}
section.userreview div.more {
width: 100%;
height: 20px;
margin: 10px 20px 0 0;
text-align: right;
}
section.userreview div.more a img {
width: 110px;
height: 20px;
vertical-align: middle;
}
section.userreview table.userreview_list tr td.userreview_user {
padding: 5px 0 0 30px;
text-align: left;
background: url(../img/ico_usersvoice.gif) no-repeat top left;
height:22px;
vertical-align:top;
}
section.userreview table.userreview_list tr td.userreview_date {
text-align: right;
display: block;
padding-left: 28px;
}
section.userreview table.userreview_list td.userreview_rate {
padding-left: 26px;
}
section.userreview table.userreview_list td.userreview_rate img {
vertical-align: middle;
}
section.userreview table.userreview_list td.userreview_comment {
padding: 10px 0 20px 28px;
}
article#Detail #main-column section.recommend {
width:730px;
padding: 0;
margin: 20px 20px 60px 20px;
color: #969696; /* 当初記載なし */
}
article#Detail section.column5 {
float: left;
width: 135px;
padding:0 13px 0 0;
}
article#Detail section.column5:nth-child(5n) {
padding: 0 0 0 3px;
}
.column-set .quantityArea {
margin-top: 5px;
}
.column-set .quantityArea span {
font-size: 70%;
}
/* rating_all
----------------------------------------------- */
article #main-column .pageNav_top {
overflow: hidden;
font-size: 70%;
padding: 0 0 5px 0;
margin: 0 20px 0 20px;
border-bottom: 1px dotted #626262;
}
article #main-column .pageNav{
font-size: 70%;
padding: 10px 20px 0 20px;
}
.pageNav form img{
float:right;
}
article #main-column .pageL {
width:100%;
float: left;
}
article #main-column .pageNav_top .pageL {
width: 50%;
}
article #main-column .pageR {
float: right;
}
article #main-column section #itemList h1 {
background: url(../img/side_ttl_ico.gif) no-repeat top left;
margin: 0;
font-size: 90%;
font-weight:; /* bold */
color:#93749d;
padding-left:15px;
height: 35px;
border-bottom: solid 1px #626262;
}
article #main-column h1 {
color: #93749d;
font-size: 90%;
font-weight: bold;
line-height: 165%;
padding: 0 0 10px 20px;
background: url("../img/side_ttl_ico.gif") no-repeat scroll left top;
}
article #main-column section.rating {
padding-bottom: 30px;
margin: 0 20px 5px 20px;
border-bottom: 1px dotted #626262;
}
article #main-column section.rating .reviewBox {
overflow: hidden;
margin: 15px 0 15px 0;
}
article #main-column section.rating .tmb {
float: left;
margin-right: 20px;
width:80px;
}
article #main-column section.rating .reviewTxt {
float: right;
width: 610px;
}
article #main-column section.rating .ttlArea {
overflow: hidden;
}
article #main-column section.rating h2 {
float: left;
font-size: 100%;
background: none;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 160%;
border-bottom: none;
}
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;
font-size: 75%;
}
article #main-column section.rating .reviewTxt ul li {
float: left;
margin-right: 5px;
font-size: 75%;
}
article #main-column section.rating .comment p {
background: #FFF;
padding: 15px;
}
article #main-column section.rating .comment h3 {
padding: 20px 0 0 15px;
background: url(../img/shop/trigona.png) no-repeat;
font-size: 70%;
font-weight: bold;
}
/* rating_item
----------------------------------------------- */
article #main-column section.rating .reviewBox_item h2 {
color: #60005f;
float: left;
font-size: 75%;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 160%;
border-bottom: none;
}
article #main-column section.rating .reviewBox_item {
margin: 15px 0 15px 0;
}
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;
font-size: 75%;
}
article #main-column section.rating .reviewBox_item ul li.point {
margin-right: 20px;
color: #60005f;
font-weight: bold;
}
article #main-column section.rating ul li.space {
margin-right: 20px;
}
article #main-column #itemBox {
overflow: hidden;
margin: 0 20px 15px 20px;
}
article #itemBox h2 {
float: left;
font-size: 90%;
border-bottom: none;
}
article #itemBox p {
float: right;
}
/* shoppinguide
----------------------------------------------- */
section #guide h1 {
background: url(../img/side_ttl_ico.gif) no-repeat top left;
margin: 0;
font-size: 75%; /* 90 */
font-weight:bold;
color:#93749d;
padding-left:15px;
margin: 0 20px 0 20px;
}
section #guide p {
font-size: 75%;
line-height: 175%;
margin: 10px 20px 5px 20px;
}
section #guide .guide01 {
padding-bottom: 20px;
}
section.guide01 img {
padding-left:25px;
padding-top:5px;
}
section #guide .guide01 h2 {
font-size: 75%;
font-weight: bold;
line-height: 200%;
border-bottom:1px dotted;
margin: 10px 20px 0 20px;
background: none;
padding: 0;
}
section #guide .guide01 ul {
font-size: 75%;
list-style-type: disc;
margin: 10px 20px 0 20px;
}
section #guide .inner {
overflow: hidden;
margin-bottom: 10px;
}
section #guide .inner .fL {
float: left;
width: auto;
margin-right: 20px;
max-width: 350px;
}
section #shopGuide_wrap #guide .chart {
background: none;
border: none;
}
/* business
----------------------------------------------- */
section #guide .chart .ttlShop {
font-size: 75%; /* 80 */
font-weight: ; /*bold 特定商取引 */
border: none;
margin: 0 20px 0 20px;
}
section #guide table {
line-height: 120%;
border-bottom: 1px dotted #9867a8;
margin: 0 0 0 20px;
width:730px
}
section #guide table th {
background-color: #e8ddeb; /* #FFF */
border-top: 1px dotted #9867a8;
color: #a172a5;
font-size: 75%;
font-weight: ; /*bold 特定商取引 */
padding: 15px 20px;
width: 100px;
}
section #guide table th.shopGuidePointClass{
width:530px;
}
section #guide table td {
font-size: 75%;
border-top: 1px dotted #9867a8;
padding: 15px 20px;
width: 530px;
}
/* diary
----------------------------------------------- */
#DiaryList h1, #Diary h1 {
font-size: 90%;
background: url(../img/side_ttl_ico.gif) no-repeat top left;
margin: 0;
font-weight:bold;
color:#93749d;
padding-left:15px;
margin: 0 20px 0 20px;
}
#DiaryList h2, #Diary h2 {
font-size: 90%;
margin-left: 20px;
}
#DiaryList .Diary-cont, #Diary .Diary-cont {
margin: 0 0 15px 20px;
}
#Diary .Diary-cont {
margin: 0 20px 15px 20px;
}
#DiaryList article {
margin: 0 20px 40px 0;
}
.state_l {
border-top: 1px dotted #626262;
padding: 10px 20px 0 0;
font-size: 65%;
margin: 0 20px 0 20px;
}
.state_r {
border-top: 1px dotted #626262;
padding: 10px 0 0;
margin: 0 20px 25px 20px;
text-align: right;
font-size: 65%;
}
.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 #626262;
padding: 0 0 0 5px;
}
.state_l li.cate, .state_r li.cate {
border-left: 1px solid #626262;
padding: 0 5px;
}
.state_l li.name {
border-right: 1px solid #626262;
padding: 0 5px 0;
margin: 0 5px 0 0;
}
#Diary .more, #Journal .more {
display: block;
width: 160px;
height: 22px;
font-size: 75%;
font-size: 0.75rem;
color: #FFF;
text-align: center;
vertical-align: middle;
margin: 10px 0 0;
padding: 3px 0 0;
background: url(../img/btn-confirm_bg.gif) repeat-x scroll left top;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
margin-left: 20px;
}
#Diary a, #Journal a {
text-decoration: none;
}
#Diary a .more:hover, #Journal a .more:hover {
width: 160px;
height: 22px;
background: url(../img/btn-confirm_bg_on.gif) repeat-x scroll left top;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
margin-left: 20px;
}
#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-size: 80%;
font-weight: bold;
margin: 0 20px 10px 20px;
}
#Diary .comment-cont, #Journal .comment-cont {
margin: 0 20px 0 20px;
}
#Diary fieldset, #Journal fieldset {
margin-bottom: 5px;
}
#Diary legend, #Journal legend {
background: none repeat scroll 0 0 transparent;
font-size: 75%;
line-height: 200%;
padding: 0;
width: 100%;
}
#Diary fieldset p, #Journal fieldset p {
margin-bottom: 5px;
font-size: 75%;
font-size: 0.75rem;
}
#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: 25px;
width: 120px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 0 0 0 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.btn-confirmPost:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#comment-post h2 {
font-size: 90%;
padding: 0;
}
#comment-form {
margin-left: 20px;
}
#comment-form h1 {
background: url(../img/side_ttl_ico.gif) no-repeat top left;
margin: 0;
font-size: 90%;
font-weight:bold;
color:#93749d;
padding-left:15px;
margin-right: 20px;
}
#comment-form legend {
background: none repeat scroll 0 0 transparent;
font-size: 75%;
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: 20px 0 0 20px;
}
.comment-box {
margin: 30px 0 0;
}
div.caution p {
color:#90008f; /* #a20000 */
font-size: 70%;
line-height: 145%;
}
.btn-confirmBack {
height: 25px;
width: 80px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
background: url(../img/btn-back_bg.gif) no-repeat left top;
border: none;
margin: 0 5px 0 0;
}
.btn-confirmBack:hover {
background: url(../img/btn-back_bg_on.gif) repeat-x left top;
}
@-moz-document url-prefix() {
.btn-confirmPost {
padding: 0 5px 2px;
}
.btn-confirmBack {
padding: 0 2px 2px 8px;
}
}
/*JournalList
----------------------------------------------- */
#JournalList h1, #Journal h1 {
font-size: 90%;
background: url(../img/side_ttl_ico.gif) no-repeat top left;
margin: 0;
font-weight:bold;
color:#93749d;
padding-left:15px;
margin: 0 20px 0 20px;
}
#JournalList h2, #Journal h2 {
font-size: 90%;
margin-left: 20px;
}
#JournalList .journal-cont {
margin: 0 0 15px 20px;
}
#Journal .journal-cont {
margin: 0 20px 0 20px;
}
#JournalList article {
margin: 0 20px 40px 0;
}
/* sitemap
----------------------------------------------- */
section#document_wrap h1 {
background: url(../img/side_ttl_ico.gif) no-repeat top left;
margin: 0;
font-size: 90%;
font-weight:bold;
color:#93749d;
padding-left:15px;
margin: 0 20px 10px 20px;
}
section#document_wrap h2 {
font-size: 85%;
font-weight: bold;
line-height: 200%;
border-bottom:1px dotted;
margin-bottom: 10px;
background: none;
padding: 0;
}
section#document_wrap h2{
font-size: 70%;
margin: 0 20px 15px 20px;
border-left:5px solid #93749d;
border-bottom:1px dotted #93749d;
padding:.1em .7em;
}
section#document_wrap h3 {
font-size: 75%;
margin: 0 0 15px 20px;
}
section #document li {
font-size: 75%;
font-size: 0.75rem;
}
section #document li.c1 {
padding-left:20px;
}
section #document section.tree00 ul.tree01{
padding-left: 20px;
}
section #document .txt-list01 {
padding-bottom: 30px;
}
section #document .txt-list01 li.c1 {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 25px 0 0;
}
section #document .txt-list01 li.c1 {
padding: 0 25px 0 20px;
}
section #document .txt-list02 {
padding-bottom: 10px;
overflow: hidden;
}
section #document .txt-list02 h3 {
font-weight: bold;
}
section #document .txt-list02 section.tree00 {
float: left;
padding: 0 35px 20px 0;
width:156px;
}
section #document .txt-list02 ul.tree01 {
padding: 0 0 0 12px;
overflow: hidden;
}
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: 120%;
}
section #document .txt-list02 ul.iB li {
padding: 0 10px 0 0;
float: left;
}
section #document .txt-list03 {
padding-bottom: 30px;
overflow: hidden;
}
section #document .txt-list03 section.tree00 {
float: left;
padding: 0 35px 0 0;
width: 156px;
}
section #document .txt-list03 ul.tree01 li {
padding: 0 0 0 7px;
margin: 0 0 0 5px;
background: url(../img/ico_list01.gif) no-repeat left center;
}
/*---------------------------------------------
form
---------------------------------------------*/
#contact div.caution {
margin-bottom: 15px;
}
#contact div.caution p {
color: #626262;
font-size: 70%;
line-height: 145%;
}
#formArea_cc #contact form {
margin-top: 30px;
}
#contents-pop #contact {
width: auto;
margin: 10px 20px;
}
/* contact
----------------------------------------------- */
#contact {
width: 680px;
margin: 0 auto;
}
#contact h1 {
font-size: 90%;
background: url(../img/side_ttl_ico.gif) no-repeat top left;
margin: 0;
font-weight:bold;
color:#d5cad9;
padding-left:15px;
margin-right: 20px;
}
#contact h4 {
font-size: 75%;
}
#contact .txtBox {
margin: 25px 0 10px;
}
section #contact .text-center {
text-align: center;
margin: 50px 0;
}
#contact .txtBox p.txt-T {
font-size: 75%; /* 80 */
font-weight: bold;
margin-bottom: 5px;
}
section #document li {
font-size: 75%;
font-size: 0.75rem;
}
#contact table {
width: 100%;
margin: 10px 0 0;
word-break:break-all;
}
#contents-pop table {
width: 100%;
}
#contact table th {
width: 20%;
padding: 20px;
font-size: 75%;
font-weight: bold;
color: #626262;
background-color: #FFF;
border-top: dotted 1px #626262;
border-bottom: dotted 1px #626262;
}
#contact em {
color:#9d0084 ; /* 赤だった */
margin-left: 5px;
font-size: 75%; /* 90 */
font-size: 0.7rem;
}
#contact table td {
width: 72%;
font-size: 75%;
border-bottom: dotted 1px #626262;
}
#contact table td input.name, #contact table td input.tel {
height: 17px;
width: 60%;
padding: 2px 5px;
}
#contact table td input.mailAddress, #contact table td input.mailAddress2 {
height: 17px;
width: 60%;
padding: 2px 5px;
}
#contact .weaktxt {
color: #626262;
font-size: 90%;
padding: 5px 0 0;
}
#contact .note {
color: #626262;
font-size: 95%;
font-size: 0.7rem;
line-height: 150%;
margin: 0 0 15px;
}
#contact .txtBox .note {
font-size: 70%;
font-size: 0.7rem;
}
#contact table td textarea {
height: 150px;
width: 90%;
padding: 5px;
}
#contact table td .text-area {
display: block;
margin: 0 0 15px;
}
#contact .btn-confirm {
text-align: center;
padding: 20px;
border-bottom: none;
font-size: 100%;
}
#contact .btn-confirm-enq {
padding: 20px;
font-size: 100%;
}
#contact input.btn-confirmNext {
height: 25px;
width: 150px;
color: #FFF;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 0 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
}
#contact input.btn-confirmNext:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact .btn-enq input.btn-confirmNext {
height: 25px;
width: 200px;
color: #FFF;
padding: 0;
font-size: 75%;
font-size: 0.75rem;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 0 5px;
}
#contact .btn-enq input.btn-confirmNext:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact input.btn-confirmBack {
height: 25px;
width: 80px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
background: url(../img/btn-back_bg.gif) no-repeat left top;
border: none;
margin: 0 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
}
#contact input.btn-confirmBack:hover {
background: url(../img/btn-back_bg_on.gif) no-repeat left top;
}
#contact input.btn-confirmCancel {
height: 25px;
width: 120px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 0 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
}
#contact .btn-confirmCancel:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact .btn-confirmClose {
height: 25px;
width: 120px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
background: url(../img/btn-close_bg.gif) no-repeat left top;
border: none;
margin: 0 5px;
vertical-align: middle;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
}
#contact .btn-confirmClose:hover {
background: url(../img/btn-close_bg_on.gif) no-repeat left top;
}
@-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: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted;
font-size: 75%;
font-weight: bold;
line-height: 200%;
margin-bottom: 10px;
padding: 0;
width: 100%;
}
#contact fieldset p {
margin-bottom: 5px;
font-size: 75%;
font-size: 0.75rem;
}
#contact fieldset ul {
overflow: hidden;
}
#contact fieldset li {
font-size: 75%;
font-size: 0.75rem;
}
#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 input.txtF {
height: 16px;
margin: 0;
padding: 2px 5px;
}
#contact input.mailAddress {
width: 280px;
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: 70%;
height: 150px;
padding: 5px;
}
#contact .commentItem {
padding: 10px 0 0;
}
/*
----------------------------------------------- */
#contact table td.commentWite {
border-bottom: 1px dotted #969696;
border-top: 1px dotted #969696;
font-size: 100%;
padding: 15px 20px 20px;
width: 72%;
}
#contact .commentItem {
font-weight: 150%;
}
#contact .memberF {
padding: 20px 20px 10px;
margin: 20px 0 0 0;
border: 10px solid #EEE;
}
#contact .atttxt {
color: #969696;
font-size: 75%;
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%;
}
#contact .memberF input.btn-confirm160 {
margin: 10px 0 0;
}
.memberName {
border-bottom: 1px dotted;
font-size: 75%;
font-weight: bold;
line-height: 200%;
margin-bottom: 5px;
padding: 0;
}
#contact input.btn-confirm120 {
height: 25px;
width: 120px;
color: #FFF;
padding: 0;
font-size: 75%;
font-size: 0.75rem;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 0 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
}
#contact input.btn-confirm120:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact input.btn-confirm160 {
height: 25px;
width: 160px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
}
#contact input.btn-confirm160:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact input.btn-confirmReg {
height: 25px;
width: 160px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
}
#contact input.btn-confirmReg:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#contact input.btn-confirmBackItem {
height: 25px;
width: 120px;
color: #FFF;
padding: 0 5px 2px 15px;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
background: url(../img/btn-back_bg120.gif) no-repeat left top;
border: none;
margin: 0 5px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
vertical-align: middle;
}
#contact input.btn-confirmBackItem:hover {
background: url(../img/btn-back_bg120_on.gif) no-repeat left top;
}
@-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;
}
#contact .mailm .txtBox h2 {
border-bottom: none;
margin: 0;
font-weight: bold;
font-size: 85%;
color: #60005f;
}
#contact .mailm .caution {
margin: 0 0 5px;
}
#contact table.mailMF td {
overflow: hidden;
font-size: 100%;
border-top: dotted 1px #969696;
border-bottom: dotted 1px #969696;
padding: 20px;
}
#contact table.mailMF input.mailAddress {
height: 17px;
width: 270px;
margin: 0 10px 0 0;
float: left;
}
#contact table.mailMF span.btn-confirm {
display: block;
float: left;
padding: 0;
}
#contact input.mailAddress_new {
height: 17px;
width: 280px;
margin: 0 10px 0 0;
float: left;
}
#contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {
float: left;
height: 21px;
width: 100px;
padding: 0 5px 2px;
}
#contact .mailMF input.btn-confirmNext:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
@-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: 17px;
width: 280px;
margin: 0 10px 0 0;
float: left;
}
#contact .mailMC span.btn-confirm {
display: block;
padding: 0;
}
#contact .freeArea {
margin: 60px 50px 0;
width: 620px;
background-color: #FFFFFF;
}
/*
----------------------------------------------- */
#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(../img/navi02.gif);
background-repeat:no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi03 {
background-image:url(../img/navi03.gif);
background-repeat:no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi04 {
background-image:url(../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(../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:681px;}
#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 .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:#969696;
background-color:#FFF;
}
#contact #center1 .centerbox .title1 a{color:#d7d7d7;text-decoration:underline;}
#contact #center1 .centerbox .title1 a:hover{
color:#d7d7d7;
text-decoration:underline;
font-weight:bold;
}
#contact #center1 .centerbox .mainCont {
padding: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 0px;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 th { padding:10px;border:1px solid #999999;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td { padding:2px 4px;border:1px solid #999999;font-size:0.75rem;}
#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:#DDDDDD;}
#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:15%!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%;
}
#contact table tbody tr td#center1{
border-bottom:none;
}
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 .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,
#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: 77px;
}
table#enter td#center3 div.centerbox input[type=checkbox]{
margin-top:5px;
}
#contact #center1 .centerbox .mainFrame{
margin:0px;
padding:1px;
background-color:#FFF;
}
#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:#9d0084;font-size: 0.75rem!important;} /* 赤だった */
#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;}
#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 .centerbox .mainCont {
width: 700px; /* 650px */
padding: 10px;
}
#center1 .centerbox .mainCont .title1 {
background: url("../img/side_ttl_ico.gif") no-repeat scroll left bottom transparent;
color: #60005f;
font-size: 100%;
font-weight: bold;
line-height: 165%;
letter-spacing: 0.2em;
margin: 10px 0;
padding: 0 0 0 15px;
vertical-align: middle;
}
div.comment_box table {
border-collapse: collapse;
}
div.comment_box td {
border: 1px solid #999999;
}
.backcolor1 {
background: none repeat scroll 0 0 #D8D8D8;
}
.comment_box input[type="button"],
.comment_box input[type="submit"] {
background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
border: medium none;
color: #FFFFFF;
height: 25px;
padding: 0 8px;
font-weight: normal;
}
input[type="button"],
input[type="submit"] {
background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
border: medium none;
color: #FFFFFF;
height: 25px;
padding: 0 8px;
font-weight: normal;
}
#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:0px;
}
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;
}
#enquete-header #logo {
margin: 0 auto;
width: 960px;
}
#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 tbody tr td#center1 .centerbox .mainCont h3.title1{
background: url("../img/side_ttl_ico.gif") no-repeat scroll left bottom transparent;
color:#969696;
font-size: 120%;
font-weight: bold;
line-height: 165%;
margin: 15px;
padding: 0 0 0 20px;
}
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(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
.shoplogo{
width:340px;
}
#enquete-footer{
margin-top: -57px;
height: 117px;
line-height: 100%;
position: relative;
clear: both;
}
#enquete-footer #footer-inner .footer_gnavi{float:left;}
#enquete-footer #footer-inner .footer_gnavi ul li:first-child{
background-image:none;
padding:0 3px 0 0;
}
#enquete-footer #footer-inner .footer_gnavi ul li{
background: url("../img/side_ttl_ico.gif") no-repeat scroll left center transparent;
color: #969696;
display: inline-block;
font-size: 60%;
line-height: 100%;
padding: 0 3px 0 18px;
}
#enquete-footer #footer-inner .footer_gnavi ul li a{
color:#FFFFFF;
}
#enquete-footer #footer-inner .footer_gnavi ul li a:hover{
color:#fff;
text-decoration: underline;
}
#enquete-footer #footer-inner .footer_gnavi ul li{#float:left}
#enquete-footer #copyright{
float: right;
font-size: 67%;
color: #FFF;
}
#center-seo .centerbox,
#center3 .centerbox {
font-size: 75%;
line-height: 200%;
margin: 0px;
padding: 10px;
word-break:break-all;
}
#center-seo h3.title1,
#center3 h3.title1 {
color: #60005f;
font-size: 120%;
font-weight: bold;
line-height: 165%;
margin-bottom: 15px;
padding: 0 20px;
background: url("../img/side_ttl_ico.gif") no-repeat scroll left center transparent;
}
#center-seo #bread,
#center3 #bread {
margin: 0px;
padding: 3px 15px;
text-align: left;
font-size: 75%;
line-height: 200%;
}
#center-seo .mainCont,
#center3 .mainCont {
padding: 10px;
margin: 0px;
width: auto;
}
#center-seo .centerbox .caution,
#center3 .centerbox .caution {
font-weight: bold;
color: #9d0084; /* 赤だった */
} #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;
}
#center-seo .centerbox table td[width="5%"],
#center3 .centerbox table td[width="5%"] {
width: 10%;
}
#center-seo .centerbox .backcolor1,
#center3 .centerbox .backcolor1 {
background-color: #FFF;
}
#center-seo .centerbox .bordlayoutp3 table th,
#center-seo .centerbox .bordlayoutp3 table th,#center3 .centerbox .bordlayoutp3 table th {
color: #969696;
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,
#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(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
}
#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(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#center3 .centerbox table td input[type="radio"],
#center-seo .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;
}
section .freeTop h2 {
border: medium none;
font-size: 90%;
font-weight: bold;
line-height: 165%;
margin-bottom: 10px !important;
padding: 0 0 10px !important;
}
.leftSearch {
overflow: hidden;
}
.leftSearch #searchbox_wrap {
margin-bottom: 30px;
overflow: hidden;
}
.leftSearch #searchbox {
color: #999999;
font-size: 65%;
line-height: 160%;
overflow: hidden;
text-align: right;
}
.leftSearch #searchbox form {
border: 1px solid #CCC;
float: left;
height: 27px;
width: 170px;
}
.leftSearch #searchbox input.searchbox {
border: medium none;
margin-left: 1px;
padding: 0 5px;
width: 125px;
height: 100%;
}
.leftSearch #searchbox input.searchSubmit {
padding: 1px 1px 0 0;
float: right;
}
.leftSearch #searchbox p {
display: none;
}
#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:680px;
margin:0px 5px 0px 5px;
padding:0px;
}
.footer_area {
text-align:left;
width:680px;
margin:0 0 0 20px;
padding:0px;
}
.cart-section .header_area {
margin: 0 auto;
}
.cart-section .footer_area {
margin: 0 auto !important;
}
.pageNav form img{
float:right;
}
#main-column-full .footer_area {
margin-left: 50px;
}
#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:#b8b8b8; /* #969696 */
font-weight:normal;
padding-left: 10px;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a:hover {
color:#60005f;
font-weight:bold;
}
#sub-column .category .fukidashi ul li.cat2 {
padding-left: 0px;
}
#sub-column .category nav ul li.listcat1 {
border-bottom: 0px;
}
#sub-column .category nav ul li.listcat2 {
border-bottom: 0px;
font-weight:bold;
}
#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 30px;
margin-left: 20px;
line-height: 100%;
color:#b8b8b8; /* #969696 */
text-decoration: none;
}
#sub-column .category nav ul li.listcat3 a {
zoom: 1;
display: block;
padding: 3px 2px 3px 30px;
margin-left: 40px;
line-height: 100%;
color:#b8b8b8; /* #969696 */
text-decoration: none;
}
#sub-column .category nav ul li.child a {
font-weight:bold;
}
#sub-column .category nav ul li.listcat2 a:hover,
#sub-column .category nav ul li.listcat3 a:hover {
color: #60005f;
font-weight:bold;
text-decoration:underline;
}
#sub-column .category .sps-allList+#sps-itemListAllCategory {
display:none;
}
#sub-column .category #sps-itemListAllCategory section nav {
margin-bottom: 0px;
}
#sub-column .category #sps-itemListAllCategory section nav:last-child {
margin-bottom:20px;
}
#sub-column .category #sps-itemListAllCategory section nav:first-child {
margin-bottom:0px;
}
#sub-column .category nav ul .cat2 {
padding: 3px 3px 3px 20px;
}
#main-column .w100 .freeArea2 .freeAreaTitle{
padding-left: 70px;
color: #969696; /* 当初記載なし */
}
#main-column .w100 .freeTop h2 {
background: url("../img/side_ttl_ico.gif") no-repeat;
padding-left: 15px;
color: #969696; /* 当初記載なし */
}
#main-column .w100 .freeTop .freeAreaTitle {
margin: 0 0 0 15px;
padding: 0;
color: #969696; /* 当初記載なし */
}
#main-column .half-cont .freeArea2 {
background: url("../img/Title-shop.gif") no-repeat;
color: #969696; /* 当初記載なし */
}
#main-column .half-cont .freeArea2 .freeAreaTitle {
margin: 0 0 0 79px;
color: #969696; /* 当初記載なし */
}
section.half-cont div.category section h3{
font-weight: bold;
line-height: 120%;
font-size: 80%;
}
div.cart-section div#contact img[height="1"]{
display:none;
}
.prev-hide {
background: none!important;
}
.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;
}
#main-column-full .enquete-section .footer_area{
margin: 5px 5px 0 5px;
}