@charset "UTF-8";
/****************************************
Based on "N-COLORFUL" Template
Customized by CELESTY DESIGN (2017)
"http://www.celesty.jp"
*****************************************/
/****************************************
CSSリセット
*****************************************/
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video {
font-family: inherit;
font-size: 100%;
vertical-align: baseline;
white-space: normal;
text-align: left;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/****************************************
一般設定
*****************************************/
body {
color: #333;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
#wrapper {
width: 100%;
min-width: 980px;
min-height: 100%;
background-color: #FFF;
}
a {
text-decoration: none;
color: #6A3D0E;
}
a:hover,
a:active {
text-decoration: underline;
color: #E35828;
}
a:hover img {
opacity: 0.8;
}
img {
max-width: 100%;
height: auto;
width: auto\9;
}
.text-center {
text-align: center;
}
.bold {
font-weight: bold;
}
.red {
color: #cc0000;
}
.small {
font-size: 80%;
}
article h1 {
width:auto;
font-size: 90%;
font-weight: bold;
letter-spacing:0.1em;
}
article h2 {
width:auto;
font-size: 80%;
font-weight:bold;
letter-spacing:0.1em;
}
#sub-column h2 {
font-size: 80%;
font-weight: bold;
line-height: 165%;
padding: 14px 0 0 10px;
margin: 0 0 4px;
letter-spacing:0.1em;
}
.w100 {
width: 100%;
}
#contents-pop {
width: auto;
}
/****************************************
ヘッダー
*****************************************/
div#wrapper div#enquete-header,
div#wrapper > div#cart-header,
header {
background: url("https://www.gift-eshop.com/pic-labo/header_bg.png") no-repeat top center;
}
#header-inner {
width: 980px;
height: 135px;
margin: 0 auto;
font-size: 0; /* inline-blockの隙間対策 */
}
/* ショップロゴ */
#header-inner #shoplogo {
display: inline-block;
width: 280px;
height: 90px;
margin-top: 35px;
}
#header-inner #shoplogo a {
display: block;
position: relative; /* h2絶対配置の基準 */
}
#header-inner #shoplogo h1 {
margin: 0;
padding: 0;
}
#header-inner #shoplogo h2 {
position: absolute;
top: 0px;
left: 80px;
margin: 0;
padding: 0;
color: #6A3D0E;
font-size: 12px;
font-weight: normal;
}
/* プライマリナビゲーション */
#pNav {
display: inline-block;
margin-top: 105px;
vertical-align: top;
}
#pNav ul {
font-size: 0; /* inline-blockの隙間対策 */
}
#pNav ul li {
display: inline-block;
margin-left: 15px;
}
#pNav ul li a {
position: relative;
display: inline-block;
padding-left: 16px;
vertical-align: middle;
color: #6A3D0E;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
#pNav ul li a::before,
#pNav ul li a::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
vertical-align: middle;
content: "";
}
#pNav ul li a::before {
width: 12px;
height: 12px;
background-color: #6A3D0E;
border-radius: 25%;
}
#pNav ul li a::after {
left: 3px;
width: 3px;
height: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#pNav ul li a:hover {
color: #E35828;
text-decoration: underline;
}
#pNav ul li a:hover::before {
background-color: #E35828;
}
/* グローバルナビゲーション */
#gNav {
width: 980px;
margin: 0 auto 25px;
padding: 5px 0;
border-top: 1px solid #CDBA9B;
border-bottom: 1px solid #CDBA9B;
}
#gNav ul::after { /* clearfix */
content: "";
display: block;
clear: both;
}
#gNav ul li {
display: block;
float: left;
}
#gNav ul li a {
display: block;
width: 142px;
padding: 0 5px;
color: #6A3D0E;
font-size: 13px;
font-weight: bold;
text-decoration: none;
border-right: 1px dashed #CDBA9B;
}
#gNav ul li:nth-child(5) a {/*法要・香典返し*/
width: 166px;
}
#gNav ul li:nth-child(6) a {/*法要・香典返し*/
width: 130px;
}
#gNav ul li:nth-child(7) a {/*カート*/
width: 116px;
border-right: none;
}
#gNav ul li a img {
width: 55px;
height: 55px;
margin-right: 2px;
vertical-align: middle;
}
#gNav ul li a:hover {
color: #E35828;
text-decoration: underline;
}
/****************************************
フッター
*****************************************/
div#cart-footer,
footer {
clear: both;
position: relative;
width: 100%;
min-width: 980px;
padding-bottom: 130px;
background: url(https://www.gift-eshop.com/pic-labo/footer_bg.png) no-repeat center bottom;
}
div#cart-footer #footer-inner,
#footer-inner {
width: 980px;
margin: 0 auto;
padding: 0;
}
/* フッターリンク */
div#cart-footer #footer-inner .footer_link,
footer #footer-inner .footer_link {
padding: 100px 0 40px;
background: url(https://www.gift-eshop.com/pic-labo/footer_link_bg.png) no-repeat center top;
}
div#cart-footer #footer-inner .footer_link::after,
footer #footer-inner .footer_link::after { /* clearfix */
content: "";
display: block;
clear: both;
}
div#cart-footer #footer-inner .footer_link div,
footer #footer-inner .footer_link div {
float: left;
padding: 0 40px 0;
color: #6A3D0E;
font-size: 13px;
line-height: 1.6em;
}
div#cart-footer #footer-inner .footer_link div ul li:first-child,
footer #footer-inner .footer_link div ul li:first-child {
font-size: 14px;
font-weight: bold;
line-height: 2.2em;
}
/* ロゴ横ナビゲーション */
div#cart-footer #footer-inner .footer_gnavi,
footer #footer-inner .footer_gnavi {
margin-top: 30px;
margin-left: 220px;
}
div#cart-footer #footer-inner .footer_gnavi ul li,
footer #footer-inner .footer_gnavi ul li {
display: inline-block;
/*
*display: inline;
*zoom: 1;
*margin-bottom: 12px;
padding: 0 30px 0 20px;
line-height: 100%;
font-size: 75%;
background: url(../img/footer_icn01.gif) no-repeat left center;
*/
}
div#cart-footer #footer-inner .footer_gnavi ul li a,
footer #footer-inner .footer_gnavi ul li a {
position: relative;
display: inline-block;
padding-left: 16px;
margin: 0 10px;
vertical-align: middle;
color: #6A3D0E;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
div#cart-footer #footer-inner .footer_gnavi ul li a::before,
div#cart-footer #footer-inner .footer_gnavi ul li a::after,
footer #footer-inner .footer_gnavi ul li a::before,
footer #footer-inner .footer_gnavi ul li a::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
vertical-align: middle;
content: "";
}
div#cart-footer #footer-inner .footer_gnavi ul li a::before,
footer #footer-inner .footer_gnavi ul li a::before {
width: 12px;
height: 12px;
background-color: #6A3D0E;
border-radius: 25%;
}
div#cart-footer #footer-inner .footer_gnavi ul li a::after,
footer #footer-inner .footer_gnavi ul li a::after {
left: 3px;
width: 3px;
height: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
div#cart-footer #footer-inner .footer_gnavi ul li a:hover,
footer #footer-inner .footer_gnavi ul li a:hover {
color: #E35828;
text-decoration: underline;
}
div#cart-footer #footer-inner .footer_gnavi ul li a:hover::before,
footer #footer-inner .footer_gnavi ul li a:hover::before {
background-color: #E35828;
}
div#cart-footer div.cart-nav,
footer nav, #copyright {
float: right;
padding-top: 10px;
padding-right: 10px;
font-size: 10px;
text-align: center;
}
#copyright ul li {
display: block;
padding: 0;
margin:0
}
/****************************************
ページトップボタン
*****************************************/
#page-top {
position: fixed;
bottom: 40px;
right: 20px;
z-index: 100;
}
#page-top a {
display: block;
width: 50px;
height: 120px;
margin:0;
padding: 0;
text-decoration: none;
background: url(https://www.gift-eshop.com/pic-labo/pagetop.png);
}
#page-top a:hover {
background: url(https://www.gift-eshop.com/pic-labo/pagetop_on.png);
}
#page-top a img {
display: none;
}
/****************************************
パンくずリスト
*****************************************/
#bread-crumb {
margin-bottom: 20px;
}
#bread-crumb-listTop,
.bread-crumb-listCate {
width: 100%;
padding: 0;
margin-bottom: 8px;
}
#bread-crumb-listTop ol,
.bread-crumb-listCate ol {
width: 730px;
margin: 0;
padding: 0;
overflow: hidden;
}
#bread-crumb-listTop ol li,
.bread-crumb-listCate ol li {
float: left;
padding: 0 10px 0 13px;
font-size: 12px;
line-height: 1.0;
background: url(../img/breadcrumb_bg.gif) no-repeat left center;
}
#bread-crumb-listTop ol li:first-child {
padding-left: 0;
background-image: none;
}
/****************************************
コンテンツ
*****************************************/
/* ヘッダとフッタに挟まれた中央部分 */
#contents {
width: 980px;
margin: 0 auto;
padding: 0;
overflow: auto;
}
#sub-column {
float: left;
width: 220px;
margin-right: 30px;
padding-bottom: 50px;
word-break:break-all;
}
#main-column {
float: right;
width: 730px;
margin-bottom: 60px;
}
#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 {
font-size: 0.70rem;
}
div.cart-article a:hover p,
article a:hover p {
color: #7f7f7f;
}
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%;
}
#mainVisual {
width: 100%;
}
.column-set {
width: 100%;
overflow: hidden;
*zoom: 1;
}
.column3 {
float: left;
width: 230px;
margin: 0 15px 20px 0;
padding-bottom: 20px;
border-bottom: 1px dotted #666666;
}
.column3:nth-child(3n) {
margin: 0 0 20px 0;
}
.newItem .column3 .itemThumb-wrap {
margin: 0 0 5px 0;
}
.newItem .column3 .itemThumb {
display: table-cell;
text-align: center;
height: 230px;
width: 230px;
vertical-align: middle;
margin-bottom: 5px;
}
.column3 h3 {
font-size: 70%;
line-height: 140%;
margin-bottom: 3px;
}
.column3 p {
font-size: 70%;
}
.column3 img {
vertical-align: bottom;
}
.column3 p.price {
margin-bottom: 3px;
}
.column3 p.sp_price {
color: #ff3333;
}
.column4 {
float: left;
width: 170px;
margin: 0 16px 15px 0;
}
.column4:nth-child(4n) {
margin-right: 0;
}
.column4 .itemThumb-wrap {
margin: 0 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: 140%;
margin-bottom: 3px;
}
.column4 p {
font-size: 70%;
}
.column4 img {
vertical-align: bottom;
}
.column4 p.sp_price {
color: #F00;
}
.column5 {
float: left;
width: 130px;
margin: 0 20px 20px 0;
}
.column5:nth-child(5n) {
margin-right:0;
}
.column5:nth-child(5n+1) {
clear:both;
}
.column5 .itemThumb-wrap {
margin: 0 0 10px 0;
}
.column5 .itemThumb {
display: table-cell;
height: 130px;
width: 130px;
margin-bottom: 5px;
text-align: center;
vertical-align: middle;
}
.column5 .itemThumb a img {
max-height: 130px;
max-width: 130px;
}
.column5 h3 {
font-size: 70%;
line-height: 140%;
margin-bottom: 3px;
letter-spacing:0.1em;
}
.column5 p {
font-size: 70%;
}
.column5 img {
vertical-align: bottom;
}
.column5 p.sp_price {
color: #F00;
}
p.fx_price span.strike {text-decoration: line-through;}
p.sp_price span.special_price_str,
p.sp_price span.selling_price_str,
p.sp_price span.selling_price,
p.sp_price span.taxin,
p.sp_price span.discount_rate{
color: #F00;
}
p.price span.selling_price,
p.price span.taxin{
color: #F00;
}
p.price span.selling_price{
margin:5px 0;
}
section .newItem h2, section .pickup h2, section .ranking h2, section .group h2, section .category h2 {
margin-bottom: 20px;
border: none;
color:#ffffff;
font-size: 90%;
font-weight: bold;
line-height: 1;
}
.newItem {
position:relative;
margin: 25px 0 10px;
}
.newItem .new-Title {
display:none;
}
#main-column .newItem h2 {
height:28px;
margin-top:0;
padding: 14px 0 0 20px;
background: url(../img/Tbg-new_l.gif) no-repeat;
font-size:90%;
font-weight:bold;
line-height:1;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.itemThumb-wrap{ position:relative; }
.column3 .badge {
position: absolute;
top:4px;
right:4px;
z-index: 100;
}
.column4 .badge,
.column5 .badge {
position: absolute;
top:4px;
right:4px;
z-index: 100;
}
/* カテゴリー別おすすめ */
#category_recommend {
width: 730px;
padding: 0 0 20px;
}
#category_recommend ul {
padding: 0;
margin: 0 15px;
}
#category_recommend ul li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 10px;
list-style: none;
}
#category_recommend ul li a {
display: block;
width: 155px;
text-align: center;
font-size: 13px;
}
#category_recommend ul li a img {
display: block;
margin: 0 auto 10px;
width: 155px;
height: 155px;
}
/* END */
/* カテゴリー別ランキング */
#category_ranking {
width: 730px;
padding: 0;
}
#category_ranking ul {
position: relative;
padding: 0;
margin: 0 15px;
}
#category_ranking ul li {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 10px;
list-style: none;
}
#category_ranking ul li a {
position: relative;
display: block;
width: 120px;
text-align: center;
font-size: 13px;
}
#category_ranking ul li:nth-child(1):after {
content : url(/hpgen/HPB/theme/img/rank1.png);
display: block;
position: absolute;
top: 4px;
right: 4px;
}
#category_ranking ul li:nth-child(2):after {
content : url(/hpgen/HPB/theme/img/rank2.png);
display: block;
position: absolute;
top: 4px;
right: 4px;
}
#category_ranking ul li:nth-child(3):after {
content : url(/hpgen/HPB/theme/img/rank3.png);
display: block;
position: absolute;
top: 4px;
right: 4px;
}
#category_ranking ul li:nth-child(4):after {
content : url(/hpgen/HPB/theme/img/rank4.png);
display: block;
position: absolute;
top: 4px;
right: 4px;
}
#category_ranking ul li:nth-child(5):after {
content : url(/hpgen/HPB/theme/img/rank5.png);
display: block;
position: absolute;
top: 4px;
right: 4px;
}
#category_ranking ul li:nth-child(6):after {
content : url(/hpgen/HPB/theme/img/rank6.png);
display: block;
position: absolute;
top: 4px;
right: 4px;
}
#category_ranking ul li:nth-child(7):after {
content : url(/hpgen/HPB/theme/img/rank7.png);
display: block;
position: absolute;
top: 4px;
right: 4px;
}
#category_ranking ul li:nth-child(8):after {
content : url(/hpgen/HPB/theme/img/rank8.png);
display: block;
position: absolute;
top: 4px;
right: 4px;
}
#category_ranking ul li:nth-child(9):after {
content : url(/hpgen/HPB/theme/img/rank9.png);
display: block;
position: absolute;
top: 4px;
right: 4px;
}
#category_ranking ul li:nth-child(10):after {
content : url(/hpgen/HPB/theme/img/rank10.png);
display: block;
position: absolute;
top: 4px;
right: 4px;
}
#category_ranking ul li a img {
display: block;
margin: 0 auto 10px;
width: 120px;
height: 120px;
}
/* END */
/* イメージスライダー（swiper）設定 */
.swiper-container {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
background-size: cover;
background-position: center;
}
.gallery-top {
height: 80%;
width: 100%;
}
.gallery-thumbs {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
opacity: 1;
}
/* END */
.pickup {
position: relative;
margin-bottom: 10px;
}
.pickup .pickup-Title {
display:none;
}
#main-column .pickup h2 {
height:28px;
margin-top:0;
padding: 14px 0 0 20px;
background: url(../img/Tbg-pickup_l.gif) no-repeat;
font-size:90%;
font-weight:bold;
line-height:1;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.pickup .column5 {
margin-bottom: 20px;
}
.pickup .column5 .itemThumb {
margin-bottom: 5px;
position: relative;
}
.pickup .column5 .badge {
position: absolute;
top:4px;
right:4px;
z-index: 100;
}
.ranking .ranking-Title {
display:none;
}
#main-column .ranking h2 {
height:50px;
margin-top:0;
padding: 14px 0 0 20px;
background: url(../img/Tbg-ranking_l.gif) no-repeat;
font-size:90%;
font-weight:bold;
line-height:1;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.ranking .column5 {
margin-bottom: 20px;
}
.ranking .column5 .itemThumb {
position: relative;
}
.ranking .column5 .badge {
position: absolute;
top:4px;
right:4px;
z-index: 100;
}
.half-cont_wrap01, .half-cont_wrap02 {
overflow: hidden;
}
.half-cont {
float: left;
width: 48%;
margin-right: 4%;
}
.half-cont:nth-child(2n) {
float: left;
width: 48%;
margin-right: 0;
}
.news {
margin-bottom: 30px;
}
.half-cont .news h2 {
display: block;
width: 100%;
margin: 0 0 20px;
padding: 15px;
color: #FFFFFF;
background: url(../img/Tbg-news_s.gif) no-repeat;
border: none;
}
.news h2 img {
display: block;
margin: 0 auto;
padding-top:10px;
}
.news .news-contents {
overflow: hidden;
}
dl.news-box {
font-size: 75%;
color: #666666;
padding: 10px 0 10px 5px;
border-bottom: 1px dotted #b2b2b2;
}
dl.news-box:first-child {
padding: 0 0 10px 5px;
}
.news-box dd {
line-height: 145%;
}
.news-box dd a {
color: #666666;
}
.news-box dd a:hover {
color: #aaaaaa;
}
.w100 .news {
float: none;
width: 100%;
margin-right: 0;
}
.w100 .news h2 {
display: block;
width: 100%;
margin: 0 0 20px;
padding: 15px;
color: #FFFFFF;
background: url(../img/Tbg-news_l.gif) no-repeat;
}
.freeArea2 {
margin-bottom: 20px;
}
.freeArea2 h2 {
display: block;
width: 100%;
height:43px;
margin: 0 0 20px;
border: none;
background:url(../img/Tbg-shop_s.gif) no-repeat left center;
}
.freeArea2 h2 img {
display: block;
width: 85px;
height: 20px;
margin: 0 auto;
padding-top: 10px;
}
.freeArea2 .free-banner {
margin-bottom: 5px;
text-align:center;
}
.freeArea2 .free-contents .free-banner{
text-align:left;
}
.freeArea2 .free-contents p {
padding:0 12px;
font-size: 75%;
line-height: 160%;
letter-spacing:0.1em;
}
.freeArea2 .free-contents ul
{margin: 0px 40px;}
.freeArea2 .free-contents ul li
{list-style-type: square;}
.freeArea2 .free-contents ol
{margin: 0px 40px;}
.freeArea2 .free-contents ol li
{list-style-type: decimal;}
.w100 .freeArea2 {
float: none;
width: 100%;
padding: 0 0 15px;
}
.w100 .freeArea2 h2 {
display: block;
width: 100%;
margin: 0 0 20px;
background: url(../img/Tbg-shop02_l.gif) no-repeat;
text-align:center;
}
.w100 .shopDiary h2 {
display: block;
width: 100%;
margin: 0 0 20px;
background: url(../img/Tbg-shop_l.gif) no-repeat;
text-align:center;
}
.w100 .freeArea2 h2 img {
display: block;
width: 85px;
margin: 0 auto;
padding-top:12px;
}
.w100 .freeArea2 .free-banner {
text-align:left;
}
.w100 .freeArea2 .free-contents p {
padding:0 3px;
}
.freeArea2 .free-contents a {
text-decoration:underline;
}
#sub-column .freeArea2 {
margin: 0 0 30px;
}
.shopDiary h2{}
#sub-column .freeArea2 h2 {
background:url("../img/Tbg-freearea_s.gif") no-repeat scroll left center transparent;
height:30px;
}
.group {
margin-bottom: 30px;
}
.group .group-Title {
display:none;
}
.group h2 {
height:28px;
margin: 0 0 18px;
padding: 15px 0 0 20px;
background:url(../img/Tbg-group_l.gif) no-repeat;
}
.group .group-banner {
margin-bottom: 5px;
}
.group ul {
padding-left:10px;
line-height: 180%;
letter-spacing:0.1em;
}
.group ul li {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 75%;
padding: 0 20px 0 16px;
background: url(../img/ico_group.gif) no-repeat left center;
}
.half-cont .group h2{
display: block;
width: 100%;
height:28px;
margin: 0 0 18px;
padding: 15px 0 0 20px;
background:url(../img/Tbg-group_h.gif) no-repeat;
}
.half-cont .group ul {
line-height: 140%;
}
.w100 .group h2 {
display: block;
width: 100%;
height:28px;
margin: 0 0 18px;
padding: 15px 0 0 20px;
background:url(../img/Tbg-group_l.gif) no-repeat;
}
.category {
margin-bottom: 30px;
}
.category .category-Title {
display:none;
}
.category h2 {
display: block;
width: 100%;
height:28px;
margin: 0 0 18px;
padding: 15px 0 0 20px;
background:url(../img/Tbg-category_l.gif) no-repeat;
}
/*サイドバー*/
/*#sidebar_scene {
margin: 20px 0;
}
#sidebar_scene div {
margin: 5px 0;
border-bottom: 1px dashed #CDBA9B;
}
#sidebar_scene div {
display: block;
position: relative;
}
#sidebar_scene div img {
width: 220px;
height: 70px;
}
#sidebar_scene div span {
position: absolute;
top: 47px;
left: 60px;
color: #6A3D0E;
font-size: 12px;
}
#sidebar_scene div a {
display: block;
position: relative;
}
#sidebar_scene div a img {
width: 55px;
height: 55px;
}
#sidebar_scene div a span {
position: absolute;
top: 18px;
left: 70px;
color: #6A3D0E;
font-size: 16px;
}*/
.category .category-banner {
margin-bottom: 5px;
}
.category ul {
padding-left:10px;
line-height: 180%;
letter-spacing:0.1em;
}
.category ul li {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 75%;
padding: 0 20px 0 16px;
background: url(../img/ico_category.gif) no-repeat left center;
}
#main-column .half-cont .category h2 {
display: block;
width: 100%;
height:28px;
margin: 0 0 18px;
padding: 15px 0 0 20px;
background:url(../img/Tbg-category_h.gif) no-repeat;
font-size:90%;
font-weight:bold;
line-height:1;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.half-cont .category ul {
line-height: 140%;
}
#main-column .w100 .category h2 {
height:28px;
margin:0 0 15px;
padding: 15px 0 0 20px;
background: url(../img/Tbg-category_l.gif) no-repeat;
font-size:90%;
font-weight:bold;
line-height:1;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#main-column .w100 .category h3 {
font-weight: bold;
line-height: 120%;
font-size: 80%;
}
.freeArea {
width: 100%;
padding-bottom:20px;
}
.freeArea h2{
display: block;
width: 730px;
height:31px;
margin: 0 0 20px;
padding:12px 0 0 20px;
background:url(../img/Tbg-freearea_l.gif) no-repeat;
border-rig
}
/****************************************
サブカラム
****************************************/
#sub-column .group, #sub-column .category, #sub-column #followUs, #sub-column .newItem, #sub-column .link {
width: 100%;
border: none;
top: 0;
left: 0;
margin: 30px 0 0;
padding: 0;
}
#sub-column .category h3 {
padding:0 0 0 5px;
font-size: 75%;
font-weight: bold;
letter-spacing:0.1em;
}
#sub-column .group nav, #sub-column .category nav, #sub-column .link nav {
margin-bottom: 10px;
border-top: none;
}
#sub-column .group nav ul, #sub-column .category nav ul, #sub-column .link nav ul {
line-height: 120%;
padding-left:0;
padding-top:4px;
}
#sub-column .group nav ul li, #sub-column .category nav ul li, #sub-column .link nav ul li {
display:block;
width:auto;
padding: 4px 0;
font-size: 75%;
}
#sub-column .group nav ul, #sub-column .category nav ul, #sub-column .link nav ul:last-child {
border-bottom: dotted 1px #b2b2b2;
}
#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 {
text-decoration: none;
}
#sub-column .group nav ul li:first-child a, #sub-column .category nav ul li:first-child a, #sub-column .link nav ul li:first-child a {
border-top: none;
}
#sub-column .group nav ul li a:hover, #sub-column .group nav ul li a:active, #sub-column .category nav ul li a:hover, #sub-column .category nav ul li a:active, #sub-column .link nav ul li a:hover, #sub-column .link nav ul li a:active {
color:#aaaaaa;
text-decoration: none;
}
#sub-column .group h2 {
display: block;
width: 100%;
height:30px;
margin: 0;
padding: 12px 0 0 14px;
background:url(../img/Tbg-group_s.gif) no-repeat;
}
#sub-column .group nav ul li {
padding-left: 15px;
background-position: 1px 8px;
border-top: dotted 1px #b2b2b2;
}
#sub-column .group nav ul li:first-child{
border-top: none;
}
/*商品カテゴリ 見出し*/
#sub-column .category h2 {
width: 220px;
height: 70px;
margin: 30px 0;
padding: 0;
padding-top: 47px;
color: #6A3D0E;
font-size: 12px;
text-align: center;
background: url(https://www.gift-eshop.com/pic-labo/sidebar_category.png) no-repeat;
}
#sub-column .category nav ul li{
padding-left:15px;
background-position:1px 8px;
}
#sub-column .link h2 {
display: block;
width: 100%;
height:30px;
margin: 20px 0 0;
padding: 12px 0 0 14px;
background:url(../img/Tbg-link_s.gif) no-repeat;
color:#ffffff;
}
#sub-column .link nav ul li{
padding-left: 15px;
background: url(../img/ico_link.gif) no-repeat left center;
background-position: 1px 8px;
}
#sub-column #subc_calendar {
width:218px;
margin:10px 0 10px;
padding:0;
border-bottom:1px solid #9b6852;
}
#sub-column div.subc_cal_cont {
padding:0;
}
#sub-column div#subc_calendar h2 {
height:39px;
text-align: center;
border:none;
background: url(../img/Title-scolumn_calendar.gif) no-repeat left ;
padding: 0;
margin: 0;
margin-top:-1px;
}
#sub-column div.subc_cal_cont #cal1{
border-left:1px solid #9b6852;
border-right:1px solid #9b6852;
padding-left:20px;
padding-top: 15px;
}
#sub-column div.cal_wrapper table.cal {
width: 90%;
line-height: 110%;
}
#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: 8px 0 2px 0;
}
#sub-column div.subc_cal_cont .cap {
width: auto;
font-size: 60%;
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
padding-left:10px;
border-left:1px solid #9b6852;
border-right:1px solid #9b6852;
}
#sub-column div.subc_cal_cont .cap ul {
margin: 0;
padding :10px 0 0 10px;
}
#sub-column div.subc_cal_cont .cap li {
clear:both;
margin:0 10px 0 0;
display: inline-block;
line-height: 100%;
overflow: hidden;
}
#sub-column div.subc_cal_cont .cap li span {
float:right;
margin: 0;
}
#sub-column div.subc_cal_cont .cap .ico_cap01 {
float:left;
display:block;
width:20px;
height:12px;
color: #eae1cc;
}
#sub-column div.subc_cal_cont .cap .ico_cap02 {
float:left;
display:block;
width:20px;
height:12px;
color: #fbcbcb;
}
#sub-column div.subc_cal_cont .cap .ico_cap03 {
float:left;
display:block;
width:20px;
height:12px;
}
#sub-column div.subc_cal_cont .cap .cap-info {
clear:both;
line-height: 140%;
padding: 0 0 5px 10px;
width:90%;
}
#sub-column div.cal_wrapper table.cal tr td div.Today {
background-color: #CCCCCC;
font-weight: bold;
}
#sub-column div.cal_wrapper table.cal tr td div.Deli {
background-color: #fbcbcb;
}
#sub-column div.cal_wrapper table.cal tr td div.Holyday {
background-color: #eae1cc;
}
#sub-column div.cal_wrapper table.cal tr td div.backward {
color: #CCC;
font-weight: normal;
background-color: #FFF;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer {
cursor: pointer;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer:hover {
background-color: #EEE;
}
#sub-column #snav_mailMag {
width: 220px;
margin:20px 0;
padding-top:38px;
background:url(../img/Title-scolumn_mmag.gif) no-repeat;
}
#sub-column div.snav_mailMag_cont {
padding:5px 15px;
border-left:1px solid #9b6852;
border-right:1px solid #9b6852;
border-bottom:1px solid #9b6852;
}
#sub-column div.snav_mailMag_cont h2 {
padding:8px 0 0 0;
text-align: center;
}
#sub-column div.snav_mailMag_cont p {
font-size: 60%;
line-height: 130%;
padding: 8px 0 10px;
}
#sub-column div.snav_mailMag_cont input.mailAddress{
width: 132px;
height: 18px;
position: relative;
vertical-align: middle;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag{
display:block;
float:right;
width: 46px;
height: 25px;
background: url(../img/mmag_btn01.gif) no-repeat;
border: none;
text-indent:-9999px;
cursor:pointer;
}
#sub-column #snav_followUs {
margin: 0 0 20px 0;
clear:both;
padding-top:10px;
}
#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: 0.70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cunster: pointer;
}
#subc_freeArea {
margin: 0;
padding:0;
}
#subc_freeArea img {
margin-bottom: 5px;
padding:0;
}
#sub-column .newItem {
position: relative;
margin: 15px 0 0 0;
line-height: 90%;
}
#sub-column .newItem h2 {
width:auto;
height:30px;
margin-bottom: 20px;
padding: 12px 0 0 14px;
background: url(../img/Tbg-new_s.gif) no-repeat;
font-size: 80%;
font-weight: bold;
}
#sub-column .newItem .column3, #sub-column .newItem .column4 {
float: none;
width: 100%;
}
#sub-column .newItem .column4 {
width:170px;
margin:0 auto 20px;
}
#sub-column .newItem .column4 .itemThumb {
height: 170px;
width: 170px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#sub-column .newItem .column4 .itemThumb-wrap {
margin:0 0 8px 0;
}
#sub-column .newItem h3 {
text-align: left;
letter-spacing:0.1em;
}
#sub-column .newItem p.price {
text-align: left;
margin: 0;
}
#sub-column .newItem p.sp_price {
text-align: left;
color: #F00;
}
#sub-column .newItem .column4 .badge {
z-index: 100;
}
#sub-column .newItem .column4_fourth .itemThumb {
position:relative;
}
#sub-column .pickup {
position: relative;
line-height: 120%;
}
#sub-column .pickup h2 {
width:auto;
height:30px;
margin-bottom: 20px;
padding: 12px 0 0 14px;
background: url(../img/Tbg-pickup_s.gif) no-repeat;
letter-spacing:0.1em;
font-size: 80%;
font-weight: bold;
}
#sub-column .pickup .column5 {
float: none;
width: 170px;
margin: 0 auto 20px;
}
#sub-column .pickup .column5 .itemThumb-wrap {
margin-bottom:8px;
}
#sub-column .pickup .column5 .itemThumb {
width: 130px;
height: 130px;
margin: 0 0 5px 0;
position: relative;
}
#sub-column .pickup .column5 .itemThumb img {
max-height: 130px;
max-width: 130px;
}
#sub-column .pickup .column5 .badge {
z-index:100;
}
#sub-column .ranking {
position: relative;
line-height: 120%;
}
#sub-column .ranking h2 {
width:auto;
height:30px;
margin-bottom: 20px;
padding: 12px 0 0 14px;
background: url(../img/Tbg-ranking_s.gif) no-repeat;
font-size: 80%;
font-weight: bold;
line-height: 165%;
}
#sub-column .ranking .column5 {
width: 170px;
margin:0 auto 20px;
padding:0;
float: none;
}
#sub-column .ranking .column5 .itemThumb-wrap {
width: 130px;
height: 130px;
margin-bottom: 8px;
}
#sub-column .ranking .column5 .itemThumb {
position: relative;
text-align: center;
}
#sub-column .ranking .column5 .itemThumb img {
max-height: 130px;
max-width: 130px;
}
#sub-column .ranking .column5 .badge {
z-index: 100;
}
/* サイドバー用フリーエリア 1 （サービス／シーン別おすすめ）*/
.sidebar_menu {
margin: 30px 0;
padding: 0;
}
.sidebar_menu div {
position: relative;
}
.sidebar_menu div img {
width: 220px;
height: 70px;
}
.sidebar_menu div div {
position: absolute;
top: 45px;
left: 0;
width: 220px;
text-align: center;
color: #6A3D0E;
font-size: 12px;
font-weight: bold;
}
.sidebar_menu ul {
margin: 5px 10px 0 !important;
}
.sidebar_menu ul li {
display: block;
}
.sidebar_menu ul li a {
display: block;
padding: 2px 10px;
border-bottom: 1px dashed #CDBA9B;
color: #6A3D0E;
font-size: 13px;
text-decoration: none !important;
}
.sidebar_menu ul li a img {
width: 45px;
height: 45px;
margin-right: 5px;
vertical-align: middle;
}
.sidebar_menu ul li a:hover {
color: #E35828;
text-decoration: underline !important;
}
/*サイドバー バナーエリア*/
#sidebar_banner {
padding: 15px 0;
}
#sidebar_banner a {
display: block;
position: relative;
width: 220px;
height: 90px;
margin-bottom: 10px;
}
#sidebar_banner a div {
position: absolute;
top: 58px;
left: 25px;
width: 120px;
color: #6A3D0E;
font-size: 12px;
font-weight: bold;
}
#sidebar_banner a:hover div {
color: #E35828;
}
/*---------------------------------------------
itemDetail/itemList
---------------------------------------------*/
/*カスタムh1*/
article #main-column h1 {
display: block;
height: 50px;
margin: 0 0 20px;
padding-top: 12px;
padding-left: 24px;
color: #6A3D0E;
font-size: 20px;
background: url(https://www.gift-eshop.com/pic-labo/index_h1.png) no-repeat;
}
/*
article #main-column h1 {
width:auto;
padding: 12px 0 12px 20px;
margin:20px 0 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #666666;
font-size: 90%;
font-weight: bold;
line-height: 165%;
background:#ededed;
position:relative;
}
*/
/****************************************
商品一覧
****************************************/
#itemList_wrap {
position: relative;
margin: 20px 0 20px 0;
}
/* itemList=写真のみ、itemList2=説明付き */
#itemList,
#itemList2 {
margin: 15px 0;
position: relative;
}
#itemList h1,
#itemList2 h1 {
padding-bottom: 120px; /*ページャーと位置を入れ替えるため*/
}
article #main-column #itemList section {
margin: 0;
}
.column4 h2 {
font-size: 70% !important;
line-height: 130%;
margin-bottom: 3px !important;
background: none;
font-weight: normal !important;
padding: 0;
border: none;
}
article #main-column #itemList section.column4 {
overflow: hidden;
margin: 0 16px 20px 0;
}
article #main-column #itemList section.column4:nth-child(4n) {
margin: 0 1px 20px 0;
}
#itemList2 .column4 {float:none;width:100%;height:auto !important;overflow:hidden;*zoom:1;}
#itemList2 .column4 .itemThumb-wrap {float:left;padding-right:15px;}
#itemList2 .column4 .inner-catch {
line-height:160%;
margin-top:3px;
}
#itemList_wrap #pager-top {
z-index: 2;
position: absolute;
top: 50px;
width: 100%;
padding: 15px 0;
line-height: 100%;
border-bottom: 1px dashed #CDBA9B;
overflow: hidden;
}
#itemList_wrap #pager-bm {
width: 100%;
padding: 15px 0;
line-height: 100%;
border-top: 1px dashed #CDBA9B;
overflow: hidden;
}
#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 2px;
margin: 0;
line-height: 120%;
*zoom: 1;
}
#pager-top ul li.selected, #pager-bm ul li.selected {
font-weight: bold;
color: #333;
text-decoration: none;
}
/* itemDetail
----------------------------------- */
#itemDetail-cont {
overflow: hidden;
}
#itemDetail-cont .cartArea input:hover,
#itemDetail-cont .cartArea .variation a:hover{
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cursor: pointer;
}
#itemDetail-cont .itemThumb-wrap {
float: left;
width: 350px;
margin: 0 20px 0 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {
text-align:center;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
height: auto;
margin: 0 0 5px 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
float: left;
padding: 0;
height: 66px;
width: 66px;
margin: 0 5px 5px 0;
overflow: hidden;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
margin: 0 0 5px 0;
}
#itemDetail-cont .itemOutline {
float: left;
width: 350px;
}
#itemDetail-cont .itemOutline h1 {
height: auto;
}
#itemDetail-cont .itemOutline .icons {
margin: 0 0 10px 0;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod {
overflow: hidden;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod li {
float: left;
padding-right:10px;
}
#itemDetail-cont .itemOutline ul.ico_itemType {
overflow: hidden;
}
#itemDetail-cont .itemOutline ul.ico_itemType li {
float: left;
height:31px;
padding-right:5px;
}
#itemDetail-cont table.snsArea {width:auto;}
article#Detail #main-column h1 {
margin: 5px 0;
padding: 0;
font-size: 95%;
font-weight: normal;
background: none;
}
article#Detail #main-column h2 {
width:auto;
margin:20px 0 0;
padding:4px 10px 3px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
font-size: 80%;
font-weight:bold;
line-height:140%;
letter-spacing:0.1em;
background:#fff5ba;
position:relative;
}
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: #FF0000;
font-weight: bold;
margin-bottom: 3px;
}
article#Detail section#itemDetail-wrap p.regular_price {
font-size: 80%;
margin-bottom: 0;
color: #19479a;
}
section#itemDetail-wrap table.spec {
line-height: 250%;
margin: 15px 0 15px;
font-size: 70%;
}
section#itemDetail-wrap table.spec tr.date {
line-height:150%;
}
section#itemDetail-wrap table.spec th {
width: 40%;
vertical-align: top;
padding: 0 5px 0 0;
}
section#itemDetail-wrap table.date {
margin: 10px 0 10px;
}
section#itemDetail-wrap table.jan {
margin: 0 0 15px;
}
section#itemDetail-wrap table.price {
line-height: 170%;
margin: 0 0 20px;
}
section#itemDetail-wrap table.price th {
font-size: 70%;
padding: 0 0 1px;
}
section#itemDetail-wrap table.price td {
font-size: 80%;
}
table.price tr.fx_price span.strike span.fixed_price,
table.price span.strike {
text-decoration: line-through;
}
table.price tr.price span.selling_price,
table.price tr.price span.taxin,
table.price tr.price span.discount_rate,
table.price tr.sp_price span.special_price,
table.price tr.sp_price span.taxin,
table.price tr.sp_price span.discount_rate {
color: #FF0000;
font-size: 120%;
font-weight: bold;
margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price_str {
color: #2A78D0;
margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price,
table.price tr.rg_price span.taxin
{
color: #2A78D0;
margin-bottom: 3px;
}
table.price tr.rg_price span.publish_point {color:inherit;}
section#itemDetail-wrap .cartArea {
margin-bottom: 15px;
text-align:center;
}
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 table.variation th {
font-size: 60%;
font-weight: bold;
padding: 3px 5px;
text-align: center;
line-height: 260%;
border: 1px solid #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr {
border-bottom: 1px dotted #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr.t-variation {
border: none;
background-color: #EDEDED;
}
section#itemDetail-wrap .cartArea table.variation td {
font-size: 60%;
padding: 8px 5px;
text-align: center;
line-height: 150%;
border: 1px solid #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation td img {
width:auto;
vertical-align: middle;
}
section#itemDetail-wrap .cartArea table.variation span.nostock {
color: #F00;
}
section#itemDetail-wrap p.cancel {
height: 18px;
margin-bottom: 5px;
padding-left: 20px;
background: url(../img/ico_cart01.gif) no-repeat left center;
font-size: 70%;
}
section#itemDetail-wrap p.review_txt {
height: 18px;
margin-bottom: 15px;
padding-left: 20px;
background: url(../img/ico_cart01.gif) no-repeat left center;
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 0 0;
width: 100%;
padding: 0;
}
section#itemDetail-wrap .description p {
font-size: 75%;
line-height: 160%;
letter-spacing:0.1em;
}
article#Detail #main-column .spec-g_txt_table_wrap {
width: 100%;
overflow: hidden;
}
article#Detail #main-column section.spec-g_txt {
float: left;
margin-right: 4%;
width: 48%;
padding: 20px 0 0;
}
article#Detail #main-column section.spec-g_txt p {
padding-top: 10px;
font-size: 75%;
line-height: 180%;
letter-spacing:0.1em;
}
article#Detail #main-column section.spec-g_table {
float: right;
width: 48%;
padding: 20px 0 0;
}
article#Detail #main-column section.spec-g_table table {
width: 100%;
margin-top:10px;
}
article#Detail #main-column section.spec-g_table th {
width: 25%;
padding: 5px 0;
font-weight:bold;
}
article#Detail #main-column section.spec-g_table tr {
width: 100%;
border-bottom: 1px dotted #CCC;
font-size: 75%;
}
article#Detail #main-column section.spec-g_table td {
padding: 5px 0;
}
article#Detail #main-column .w100 section.spec-g_txt {
float: none;
width: 100%;
}
article#Detail #main-column .w100 section.spec-g_txt p {
font-size: 75%;
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 {
padding: 20px 0 0;
}
section.userreview table.userreview_list {
width: 100%;
margin: 20px 0 0 0;
border-bottom: 1px dotted #CCC;
font-size: 75%;
line-height: 160%;
}
section.userreview div.more {
margin: 10px 0 0 0;
text-align:right;
}
section.userreview table.userreview_list tr td.userreview_user {
text-align: left;
font-weight:bold;
padding-bottom:5px;
}
section.userreview table.userreview_list tr td.userreview_date {
text-align: right;
}
section.userreview table.userreview_list td.userreview_rate img {
vertical-align: top;
}
section.userreview table.userreview_list td.userreview_comment {
padding: 10px 0 20px;
letter-spacing:0.1em;
}
article#Detail #main-column section.recommend {
padding: 20px 0 0;
}
article#Detail #main-column section.recommend h2 {
margin-bottom:20px;
}
article#Detail section.column5 {
border: none;
}
.column-set .quantityArea {
margin-top: 5px;
text-align:center;
}
.column-set .quantityArea span {
font-size: 70%;
}
/* rating_all
----------------------------------------------- */
article #main-column .pageNav_top {
overflow: hidden;
font-size: 70%;
padding-bottom: 10px;
border-bottom: 1px dotted #b2b2b2;
}
article #main-column .pageNav{
font-size: 70%;
}
.pageNav form img{
float:right;
}
article #main-column .pageL {
width:100%;
float: left;
}
article #main-column .pageNav_top .pageL {
width: 50%;
}
article #main-column .rating .reviewBox .reviewTxtNoImg ul li{
display:inline;
}
article #main-column .pageNav_top .pageL {
width: 50%;
}
article #main-column .pageR {
float: right;
}
article #main-column section.rating {
padding-bottom: 30px;
margin-bottom: 5px;
border-bottom: 1px dotted #b2b2b2;
}
article #main-column section.rating .reviewBox {
overflow: hidden;
margin: 20px 0;
}
article #main-column section.rating .tmb {
float: left;
margin-right: 20px;
}
article #main-column section.rating .reviewTxt {
float: right;
width: 620px;
}
article #main-column section.rating .ttlArea {
overflow: hidden;
}
article #main-column section.rating .reviewTxt p{
font-size:80%;
line-height:170%;
letter-spacing:0.1em;
}
article #main-column section.rating h2 {
float: left;
margin: 0;
padding: 0;
background: none;
border-bottom: none;
font-size: 85%;
font-weight: bold;
line-height: 160%;
}
article #main-column section.rating .btnMore {
float: right;
}
article #main-column section.rating .reviewTxt ul {
margin: 5px 0 10px;
vertical-align: middle;
line-height: 120%;
overflow: hidden;
}
article #main-column section.rating .reviewTxt ul li {
float: left;
margin-right: 5px;
font-size: 75%;
}
article #main-column section.rating .comment h3 {
height:34px;
padding: 16px 0 0 50px;
background: url(../img/shop/trigona.png) no-repeat left bottom;
font-size: 75%;
font-weight: bold;
letter-spacing:0.1em;
color:#ff3c32;
}
article #main-column section.rating .comment p {
padding: 0 15px 10px;
font-size:75%;
letter-spacing:0.1em;
-moz-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px;
border-radius:0 0 8px 8px;
background: #fff5ba;
position:relative;
}
/* rating_item
----------------------------------------------- */
article #main-column section.rating .reviewBox_item h2 {
color: #0C3;
float: left;
font-size: 75%;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 160%;
border-bottom: none;
}
article #main-column section.rating .reviewBox_item {
margin: 15px 0;
}
article #main-column section.rating .reviewBox_item p{
font-size:80%;
line-height:170%;
letter-spacing:0.1em;
}
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: #F60;
font-weight: bold;
}
article #main-column section.rating ul li.space {
margin-right: 20px;
}
article #main-column #itemBox {
overflow: hidden;
margin-bottom: 15px;
}
article #itemBox h2 {
float: left;
font-size: 90%;
border-bottom: none;
}
article #itemBox p {
float: right;
}
/* カスタムh2 */
article #main-column h2 {
}
article #main-column #Journal article h2 {
display: none; /* フリーページのタイトルを非表示 */
}
article #main-column #JournalList article h2,
article #main-column #Journal article h2,
article #main-column #Journal article .journal-cont h2 {
display: block;
height: 50px;
margin: 0 0 20px;
padding-top: 12px;
padding-left: 42px;
color: #6A3D0E;
font-size: 16px;
background: url(https://www.gift-eshop.com/pic-labo/index_h2.png) no-repeat;
}
article #main-column #itemList h2 {
margin: 0;
padding: 0;
background: none;
}
article #main-column h2 {
width:auto;
margin:0;
margin-bottom:10px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font-size: 80%;
font-weight:bold;
line-height:140%;
letter-spacing:0.1em;
position:relative;
margin-bottom:10px;
}
#main-column section .freeArea2 .freeAreaTitle {
text-align: center;
display: inherit;
padding-top: 15px;
}
#main-column section .freeTop .freeAreaTitle {
padding-top: 0px;
}
article #main-column form #itemBox h2 {
float: left;
margin: 0;
padding: 0;
background: none;
border-bottom: none;
font-size: 85%;
font-weight: bold;
line-height: 160%;
}
/****************************************
フリーページ
*****************************************/
/* のし紙・包装紙・メッセージカード */
.service {
}
.service div {
margin: 15px 10px;
font-size: 16px;
}
.service ul {
font-size: 0; /* inline-blockの隙間対策 */
margin: 0 !important;
padding: 0;
}
.service ul li {
display: inline-block;
margin: 10px 10px 10px 0;
padding: 0;
width: 170px;
font-size: 13px;
vertical-align: top;
}
.service ul li:first-child {
margin-left: 10px;
}
.service ul li:last-child {
margin-right: 0;
}
.service ul li a {
display: block;
}
/* 命名札（8カラム） */
.service_8col {
font-size: 0; /* inline-blockの隙間対策 */
}
.service_8col div {
margin: 15px 10px;
font-size: 16px;
}
.service_8col ul {
margin: 0 !important;
padding: 0;
}
.service_8col ul li {
display: inline-block;
margin: 10px 10px 10px 0;
width: 80px;
font-size: 13px;
vertical-align: top;
}
.service_8col ul li:first-child {
margin-left: 10px;
}
.service_8col ul li:last-child {
margin-right: 0;
}
.service_8col ul li a {
display: block;
}
/* サービス下段の注意書き */
.service_tips {
margin: 15px 0;
border: 1px solid #CDBA9B;
background-color: #f8f8f8;
}
.service_tips_title {
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: #CDBA9B;
}
.service_tips ul {
padding: 10px 0;
font-size: 14px;
}
.service_tips ul li {
position: relative;
line-height: 2em;
list-style-type: none !important;
}
.service_tips ul li::after {
display: block;
content: '';
position: absolute;
top: .6em;
left: -1.2em;
width: 8px;
height: 4px;
border-left: 2px solid #6A3D0E;
border-bottom: 2px solid #6A3D0E;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* お買い物ガイド */
.shoppingguide {
margin: 0 0 60px;
font-size: 14px;
line-height: 1.8em;
}
.shoppingguide div {
margin-left: 35px;
margin-bottom: 15px;
font-size: 16px !important;
}
.shoppingguide table {
width: 700px;
margin: 0 15px 0;
}
.shoppingguide table tr th {
width: 220px;
padding: 20px;
vertical-align: top;
font-weight: bold;
}
.shoppingguide table tr td {
padding: 20px;
}
.shoppingguide table tr td img {
padding-top: 10px;
}
.shoppingguide table tr:nth-child(odd) {
background-color: #f8f8f8;
}
.shoppingguide table tr:nth-child(even) {
background-color: #fff;
}
/* 会社概要 */
.company_shopinfo {
font-size: 15px;
line-height: 1.5em;
width: 730px;
height: 600px;
padding-top: 300px;
padding-left: 80px;
margin-bottom: 30px;
}
.company_shopinfo.shop_m {
background: url(https://www.gift-eshop.com/pic-labo/company_marugame.png) no-repeat;
}
.company_shopinfo.shop_k {
background: url(https://www.gift-eshop.com/pic-labo/company_kanonji.png) no-repeat;
}
.company_shopinfo.shop_u {
background: url(https://www.gift-eshop.com/pic-labo/company_utadu.png) no-repeat;
}
.company_shopinfo.shop_t {
background: url(https://www.gift-eshop.com/pic-labo/company_toyohama.png) no-repeat;
}
.company_shopinfo h3 {
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
color: #6A3D0E;
}
.company_shopinfo table {
margin-top: 20px;
width: 370px;
font-size: 14px;
}
.company_shopinfo table tr th {
width: 6em;
vertical-align: top;
}
.company_companyinfo {
margin: 5 0 25px;
font-size: 14px;
line-height: 1.6em;
}
.company_companyinfo table tr th {
width: 220px;
padding: 10px 20px;
}
.company_companyinfo table tr td {
padding: 10px 20px;
}
.company_companyinfo table tr:nth-child(odd) {
background-color: #f8f8f8;
}
.company_companyinfo table tr:nth-child(even) {
background-color: #fff;
}
section #guide p {
font-size: 75%;
line-height: 175%
}
section #guide .guide01 {
padding-bottom: 20px;
}
section #guide .guide01 h2 {
width:auto;
margin:20px 0 10px;
padding:8px 10px 5px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
font-size: 80%;
line-height:120%;
letter-spacing:0.1em;
background:#fff5ba;
position:relative;
}
section #guide .guide01 ul {
margin-top: 10px;
font-size: 75%;
list-style-type: disc;
}
section #guide .inner {
padding-top:10px;
overflow: hidden;
}
section #guide .inner .fL {
float: left;
width: auto;
margin-right: 20px;
max-width: 350px;
}
section #guide .inner .fR {
float: right;
width: auto;
max-width: 350px;
}
/* business
----------------------------------------------- */
section #guide .chart .ttlShop {
margin: 20px 0 10px;
border: none;
font-size: 90%;
font-weight: bold;
letter-spacing:0.1em;
}
section #guide table {
line-height: 120%;
border: 1px solid #c1c1c1;
}
section #guide table th {
padding: 15px 20px;
background: #fff5ba;
border: 1px solid #c1c1c1;
font-size: 80%;
font-weight: bold;
letter-spacing:0.1em;
}
section #guide table td {
width: 530px;
padding: 15px 20px;
border: 1px solid #c1c1c1;
font-size: 75%;
}
.shopGuidePointClass{
width:530px;
}
/****************************************
店長日記
*****************************************/
#DiaryList h2, #Diary h2 {
width:auto;
margin:20px 0;
padding:8px 10px 5px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
font-size: 80%;
line-height:120%;
letter-spacing:0.1em;
background:#fff5ba;
position:relative;
}
#DiaryList .Diary-cont, #Diary .Diary-cont {
margin: 0 0 20px;
}
#Diary .comment-cont, #Journal .comment-cont {
margin: 0 0 15px;
}
#DiaryList .Diary-cont p, #Diary .Diary-cont p, #Diary .comment-cont p,
#Journal .journal-cont p, #Journal .comment-cont p, #JournalList .journal-cont p{
font-size:80%;
line-height:160%;
letter-spacing:0.1em;
}
/* 各記事の下段に表示される日付・コメント・カテゴリー等 */
.state_l,
.state_r {
display: none; /* 用いないので非表示とする */
}
.state_l {
padding: 10px 0 20px;
border-top: 1px dotted #333;
text-align:right;
font-size: 65%;
}
.state_r {
border-top: 1px dotted #333;
padding: 10px 0 0;
margin: 0 0 25px;
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 #333;
padding: 0 0 0 5px;
}
.state_l li.cate, .state_r li.cate {
border-left: 1px solid #333;
padding: 0 5px;
}
.state_l li.name {
border-right: 1px solid #333;
padding: 0 5px 0;
margin: 0 5px 0 0;
}
#Diary a, #Journal a {
text-decoration: none;
}
#Diary .more, #Journal .more{
display: block;
width: 100%;
height: 23px;
margin: 10px 0 20px;
background: url(../img/btn-comment_bg.gif) no-repeat left center;
text-indent:-9999px;
}
#Diary a .more:hover, #Journal a .more:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
#Diary .more img, #Journal .more img {
vertical-align: middle;
}
#DiaryList .comment-t, #Diary .comment-t, #JournalList .comment-t, #Journal .comment-t {
font-size: 80%;
font-weight: bold;
margin: 0 0 10px 0;
}
#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: 20px 0 0;
text-align:center;
}
.btn-confirmPost {
width: 139px;
height: 33px;
margin: 0;
padding: 0;
border: none;
color: #FFF;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
}
.btn-confirmPost:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
article #comment-post form[name="comment"] .btn-confirm{
text-align:left;
}
article #comment-post form[name="comment"] .btn-confirm .btn-confirmPost{
background: url(../img/btn-back_bg.gif) no-repeat left center;
width: 89px;
height: 31px;
}
#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;
font-size:75%;
letter-spacing:0.1em;
}
#comment-form .name {
width: 215px;
height: 16px;
}
#comment-form .comment-txt {
width: 360px;
padding: 0;
height: auto;
}
.comment-box {
margin-top: 10px;
}
.comment-box .state_l{
text-align:left;
}
div.caution p {
color: #d51414;
font-size: 70%;
line-height: 145%;
}
.btn-confirm{
text-align:center;
}
.btn-confirmBack {
width: 89px;
height: 33px;
margin: 0 5px 0 0;
padding: 0;
background: url(../img/btn-back_bg.gif) no-repeat left center;
border: none;
color: #FFF;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
}
.btn-confirmBack:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
@-moz-document url-prefix() {
.btn-confirmPost {
padding: 0 5px 2px;
}
.btn-confirmBack {
padding: 0 2px 2px 8px;
}
}
/*
----------------------------------------------- */
#JournalList h2, #Journal h2 {
width:auto;
margin:20px 0;
padding:8px 10px 5px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
font-size: 80%;
line-height:120%;
letter-spacing:0.1em;
background:#fff5ba;
position:relative;
}
#JournalList .journal-cont, #Journal .journal-cont {
margin: 0 0 15px;
}
#JournalList article{
margin: 0 0 30px;
}
#JournalList .journal-cont ul, #Journal .journal-cont ul
{margin: 0px 40px;}
#JournalList .journal-cont ul li, #Journal .journal-cont ul li
{list-style-type: square;}
#JournalList .journal-cont ol, #Journal .journal-cont ol
{margin: 0px 40px;}
#JournalList .journal-cont ol li, #Journal .journal-cont ol li
{list-style-type: decimal;}
/* sitemap
----------------------------------------------- */
section#document_wrap h2 {
font-size: 85%;
font-weight: bold;
line-height: 200%;
border-bottom:1px dotted;
margin-bottom: 10px;
background: none;
padding: 0;
}
section#document_wrap h3 {
font-size: 75%;
}
section #document li {
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list01 {
padding-bottom: 30px;
}
section #document .txt-list01 li.c1 {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 25px 0 15px;
background: url(../img/ico_sitemap01.gif) no-repeat left center;
}
section #document .txt-list02 li.c1 {
padding: 0 25px 0 15px;
background: url(../img/ico_sitemap01.gif) no-repeat left center;
}
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;
display: inline-block;
}
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;
}
.stRt{
width:90px;
float:right;
}
.stLt{
width:30px;
line-height:100%;
margin-top: 3px;
}
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 15px;
margin: 0 0 0 5px;
background: url(../img/ico_sitemap01.gif) no-repeat left center;
}
/*---------------------------------------------
form
---------------------------------------------*/
article #document h1,
article #contact h1 {
width:auto;
padding: 12px 0 12px 20px;
margin:0 0 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #666666;
font-size: 90%;
font-weight: bold;
line-height: 165%;
background:#ededed;
position:relative;
}
article #contact h2 {
width:auto;
margin:20px 0;
padding:5px 10px 3px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
font-size: 80%;
font-weight:bold;
line-height:140%;
letter-spacing:0.1em;
background:#fff5ba;
position:relative;
}
#contact div.caution p {
color: #ff3c32;
font-size: 60%;
line-height: 160%;
letter-spacing:0.1em;
}
#formArea_cc #contact form {
margin-top: 10px;
}
#contents-pop #contact {
width: 730px;
margin: 30px auto;
}
/* contact
----------------------------------------------- */
#contact {
width: 730px;
margin: 0 auto;
}
#contact h4 {
font-size: 75%;
}
#contact .txtBox {
margin: 20px 0 20px;
}
#contact .bg_eee .txtBox {
margin: 0 0 10px;
}
#contact .txtBox p{
font-size: 75%;
letter-spacing:0.1em;
}
#contact .bg_eee p{
font-size:75%;
letter-spacing:0.1em;
}
section #contact p.text-center {
text-align: center;
margin: 50px 0;
}
#contact .txtBox .txt-T {
margin-bottom: 5px;
font-size: 100%;
font-weight: bold;
letter-spacing:0.1em;
}
#contact table {
width: 100%;
margin: 10px 0 0;
word-break:break-all;
}
#contents-pop table {
width: 100%;
}
#contact table th {
width: 32%;
padding: 20px 10px 20px 20px;
background-color: #fff5ba;
border: 1px solid #c1c1c1;
font-size: 90%;
font-weight: bold;
letter-spacing:0.1em;
}
#contact em {
margin-left: 5px;
color: #ff3c32;
font-size: 80%;
font-size: 0.8rem;
vertical-align:bottom;
}
#contact table td {
width: 72%;
padding: 20px;
border: 1px solid #c1c1c1;
font-size: 75%;
font-size: 90%\9;
letter-spacing:0.1em;
}
#contact table td .note{
font-size:95%;
}
#contact table td input.name, #contact table td input.tel {
height: 16px;
width: 40%;
padding: 2px 5px;
}
#contact table td input.mailAddress, #contact table td input.mailAddress2 {
height: 20px;
width: 60%;
padding: 2px 5px;
}
#contact .weaktxt {
clear:both;
font-size: 100%;
padding: 5px 0 10px;
}
#contact .txtBox .note {
margin:10px 0 0 0;
font-size: 70%;
font-size: 0.7rem;
line-height:140%;
}
#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: none;
font-size: 100%;
}
#contact .btn-confirm-enq {
padding: 20px;
font-size: 100%;
}
#contact input.btn-confirmNext {
width: 139px;
height: 33px;
margin: 0 5px;
background: url(../img/btn-confirm_bg.gif) no-repeat left center;
border: none;
color: #FFF;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
letter-spacing:0.1em;
}
#contact input.btn-confirmNext:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
#contact .btn-enq{
text-align:center;
}
#contact .btn-enq input.btn-confirmNext {
width: 139px;
height: 33px;
padding: 0;
background: url(../img/btn-confirm_bg.gif) no-repeat left center;
border: none;
color: #FFF;
font-size: 75%;
font-size: 0.75rem;
}
#contact .btn-enq input.btn-confirmNext:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
#contact input.btn-confirmBack {
width: 89px;
height: 33px;
padding: 0;
margin: 0 5px;
background: url(../img/btn-back_bg.gif) no-repeat left center;
border: none;
color: #FFF;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
}
#contact input.btn-confirmBack:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
#contact input.btn-confirmCancel {
width: 139px;
height: 33px;
margin: 0 5px;
padding: 0;
background: url(../img/btn-confirm_bg.gif) repeat-x left center;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
border: none;
color: #FFF;
}
#contact .btn-confirmCancel:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
#contact .btn-confirmClose {
width: 100px;
height: 33px;
margin: 0 5px;
padding: 0 0 0 8px;
background: url(../img/btn-close_bg.gif) no-repeat left center;
border: none;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
color: #FFF;
}
#contact .btn-confirmClose:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
@-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: 20px 0 25px;
}
#contact legend {
width: 100%;
margin-bottom: 15px;
padding: 0;
background: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted;
font-size: 75%;
font-weight: bold;
line-height: 200%;
letter-spacing:0.1em;
}
#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 {
float:left;
margin: 5px 10px 0 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;
font-size:70%;
font-weight: 150%;
}
/*
----------------------------------------------- */
#contact table td.commentWite {
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;
font-size: 100%;
padding: 15px 20px 20px;
width: 72%;
}
#contact .bg_eee {
width:710px;
height:auto;
margin-top: 40px;
padding: 10px;
background:url(../img/review_bg01.gif) repeat;
}
#contact .bg_eee h2{
margin-top:0;
}
#contact .bg_eee .btn-confirm{
padding-bottom:0;
}
#contact .memberF {
margin: 0;
padding:20px;
background:#ffffff;
}
#contact .atttxt {
color: #333;
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: 20px 20px;
font-size: 100%;
}
#contact .memberF input.btn-confirm160 {
margin: 10px 0 0;
}
.memberName {
margin: 20px 0 10px;
padding: 0 0 4px 0;
border-bottom: 1px dotted;
font-size: 75%;
font-weight: bold;
letter-spacing:0.1em;
}
#contact input.btn-confirm120 {
width: 139px;
height: 33px;
margin: 0;
padding: 0;
background: url(../img/btn-confirm_bg.gif) no-repeat left center;
border: none;
color: #FFF;
font-size: 75%;
font-size: 0.75rem;
letter-spacing:0.1em;
}
#contact input.btn-confirm120:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
#contact input.btn-confirm160 {
width: 139px;
height: 33px;
padding: 0;
text-align: center;
background: url(../img/btn-confirm_bg.gif) no-repeat left center;
border: none;
color: #FFF;
font-size: 75%;
font-size: 0.75rem;
}
#contact input.btn-confirm160:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
#contact input.btn-confirmReg {
width: 139px;
height: 33px;
padding: 0;
background: url(../img/btn-confirm_bg.gif) no-repeat left center;
border: none;
color: #FFF;
font-size: 75%;
font-size: 0.75rem;
letter-spacing:0.1em;
text-align: center;
}
#contact input.btn-confirmReg:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
#contact #center1 .centerbox .mainCont input[name="PZIP_SEEK"]{
width:180px !important;
}
#contact input.btn-confirmBackItem {
width: 139px;
height: 32px;
padding: 0;
border: none;
background: url(../img/btn-confirm_bg.gif) no-repeat left center;
color: #FFF;
font-size: 75%;
font-size: 0.75rem;
letter-spacing:0.1em;
text-align: center;
}
#contact input.btn-confirmBackItem:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
cursor:pointer;
}
@-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 {
margin: 30px 0 0;
}
#contact .mailm .txtBox {
margin: 0;
}
#contact .mailm .txtBox h2 {
margin: 0;
padding:0;
background:none;
font-weight: normal;
}
#contact .mailm .caution {
margin: 0 0 5px;
}
#contact table.mailMF th {
width:25%;
}
#contact table.mailMF td {
overflow: hidden;
font-size: 100%;
border-top: 1px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
}
#contact table.mailMF span.btn-confirm {
display: block;
float: left;
padding: 0;
}
#contact table.mailMF input.btn-confirmNext, #contact .mailMC input.btn-confirmNext {
float: left;
width: 139px;
height: 33px;
background:url(../img/btn-mailmag_confirm_bg.gif) no-repeat left center;
}
#contact table.mailMF td.n1 {
border-bottom: none;
padding: 20px 20px 10px;
}
#contact table.mailMF td.n2 {
border-top: none;
padding: 10px 0 20px 20px;
}
#contact table.mailMF td p {
float: left;
padding-top:8px;
margin-right: 10px;
}
#contact .n1 input.mailAddress {
width:270px;
}
#contact input.mailAddress_new {
float: left;
width:270px;
margin: 5px 10px 0 0;
padding:2px 5px;
}
#contact .mailMC span.btn-confirm {
display: block;
padding: 0;
}
#contact .freeArea {
width: 620px;
margin: 60px auto 0;
}
/*
----------------------------------------------- */
#contact .ann-input {
clear:both;
margin: 0;
padding-top:5px;
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:auto;}
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.day,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sat,
#contact #center1 .centerbox .mainCont .bordlayoutp3 #deli_scadule .deli_plan_box table.deli_plan_cal td table td.sun,
#center3 .centerbox table td[align="right"],
#center3 .centerbox .right,
#contact #center1 .right{
text-align:right!important;
}
#center-seo .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
#center-seo .centerbox table th[align="left"],
#center-seo .centerbox table td[align="left"],
#center3 .centerbox .backcolor3 .deli_plan_box table.layoutp5 th,
#center3 .centerbox table th[align="left"],
#center3 .centerbox table td[align="left"],
#contact #center1 .left{
text-align:left!important;
}
#contact #center1 .middle{ vertical-align:middle!important;}
#contact #center1 .buttom{ vertical-align:bottom!important;}
#contact #center1 .float_left{ float:left!important;}
#contact #center1 .centerbox .title1{
padding:15px 0px 12px 8px;
margin:0px;
width:auto;
line-height:100%;
font-weight:bold;
font-size:12px;
vertical-align:middle;
letter-spacing:0.2em;
color:#000000;
}
#contact #center1 .centerbox .title1 a{color:#000000;text-decoration:underline;}
#contact #center1 .centerbox .title1 a:hover{
color:#000000;
text-decoration:underline;
font-weight:bold;
}
#contact #center1 .centerbox .mainCont {
padding: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:#D7EBF4;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor1 {width:35%;background:#DDDDDD}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 { background:#DDDDDD}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 tr.backcolor1 td{text-align:center;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 {vertical-align:middle;background:#FFFFFF;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2[width="17%"]{width:1%;}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="text"] ,
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor2 input[type="password"]{ padding:2px 1px;height:16px;}
#contact #center1 .centerbox .mainFrame .mainCont form[name="NEXT"] .bordlayoutp3 table.border tbody tr td.backcolor1{background:#DDDDDD;width:100%\9;}
#deli_scadule .deli_scadule_box div.backcolor3.deli_plan table.layoutp5.deli_plan_day tbody tr td.backcolor1{
width: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;
}
div.cart-section #contact table tbody tr td#center1{
border: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:#EBEBEB;
}
#contact #center1 .box_in_box{text-align:center!important;}
#contact .layoutp3 table.layoutp3 tbody td,
#contact .layoutp3 table.layoutp5 tbody td,
#contact .bordlayoutp3 table tbody td{text-align:left}
#contact .layoutp3 table.layoutp3 tbody td,
#contact .layoutp3 table.layoutp5 tbody td{padding:5px }
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td.center,
#contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td.center{
width: 2%;
}
#contact .mainFrame .mainCont .layoutp3 table.layoutp3 tbody td label,
#contact .mainFrame .mainCont .layoutp3 table.layoutp5 tbody td label strong{
font-size: 0.75rem;
}
#contact .mainFrame .mainCont #tradesafe_div1 {
font-size: 100% !important;
line-height: 142% !important;
}
#center3 .centerbox .red,
#contact #center1 .red{color:#CC0000;font-size: 0.75rem!important;}
#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;
}
#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: 1.6em;
line-height:1.6em;
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;
padding-top:10px;
}
#enquete-header #logo .shoplogo img{
display: table-cell;
vertical-align: middle;
padding: 5px 0;
}
#enquete-header #logo .shoplogo h1 {
max-width: 340px;
background: none;
margin: 0;
padding-top: 5px;
}
#enquete-header #logo .shoplogo h1 a:hover img, #enquete-header #logo h1 a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#enquete-header #logo .shoplogo img.float_right{float:right;}
#enquete-header #logo .shoplogo img.float_left{float:left;}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=radio] ,
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=checkbox] {
margin:0px 5px 3px 5px;
}
div.enquete-section{
padding:0;
}
div.enquete-section #contact table td{
border:none;
}
div.enquete-section #center1 .centerbox .mainCont h3 {
display: block;
width: 100%;
}
div.enquete-section #contact table tbody tr td#center1 .centerbox .mainCont h3.title1{
color: #333333;
font-size: 120%;
font-weight: bold;
line-height: 165%;
margin-bottom: 15px;
padding: 16px 0 0 10px;
padding: 7px 0 0 10px\9;
background:none;
background-color: rgba(224, 134, 36, 0.24);
background : #F8E2CB \9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
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: 90%;
}
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;
}
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{
width:960px;
margin:0 auto;
height: 57px;
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/slash_ccc.gif") no-repeat scroll left center transparent;
color: #999999;
display: inline-block;
font-size: 60%;
line-height: 100%;
padding: 0 3px 0 18px;
}
#enquete-footer #footer-inner .footer_gnavi ul li a{
color:#999;
}
#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%;
text-align: right;
color: #FFF;
}
#center-seo .centerbox,#center3 .centerbox {
font-size: 75%;
line-height: 200%;
margin: 0px;
padding: 10px 10px 10px;
word-break:break-all;
}
#center-seo .centerbox a,#center3 .centerbox a{
text-decoration : underline;
}
#center-seo h3.title1,#center3 h3.title1 {
color: #333333;
background: #E7D9C8;
font-size: 120%;
font-weight: bold;
line-height: 165%;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
letter-spacing: 0.1em;
padding:10px 10px 5px;
}
#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 10px 10px;
margin: 0px;
width: auto;
}
#center-seo .centerbox .caution,
#center3 .centerbox .caution {
font-weight: bold;
color: #d51414;
}
#center-seo .centerbox table th,#center-seo .centerbox table td,#center3 .centerbox table th,
#center3 .centerbox table td {
word-break: break-all;
vertical-align: top;
text-align: left;
padding: 1px;
}
#center3 .centerbox table td[width="5%"] {
width: 10%;
}
#center-seo .centerbox .backcolor1,#center3 .centerbox .backcolor1 {
background-color: #EEEEEE;
}
#center-seo .centerbox .bordlayoutp3 table th,#center3 .centerbox .bordlayoutp3 table th {
color: #2B2B2B;
font-weight: bold;
text-align: center;
word-break: normal;
}
#center3 .layoutp3 table th,
form[name$="FORM"]~tbody #center3 .layoutp3 table th {
width: 25%;
font-weight: bold;
*width: 0%;
}
#center-seo .centerbox th.backcolor1,
#center-seo .bordlayoutp3 th,
#center-seo .bordlayoutp3 td,
#center3 .centerbox th.backcolor1,
#center3 .bordlayoutp3 th,
#center-seo .bordlayoutp3 td,#center3 .bordlayoutp3 td {
border: 1px solid #999999;
vertical-align: middle;
}
#center3 .bordlayoutp3 .layoutp3 th,
#center3 .bordlayoutp3 .layoutp3 td {
padding: 0px;
border: none;
}
#center3 .bordlayoutp3 .layoutp3 td.send_info {
border: 1px solid #999999;
}
#center3 .bordlayoutp3 .layoutp3 td.send_info+td {
*width: 70%;
}
#center3 .centerbox strong,
#center3 .centerbox h4 {
text-align: left;
font-weight: bold;
}
#center-seo .centerbox .layoutp3 + .bordlayoutp3>table,
#center3 .centerbox .layoutp3 + .bordlayoutp3>table {
width:95%;
}
#center-seo input[type="submit"],
#center-seo input[type="button"],
#center3 input[type="submit"],
#center3 input[type="button"] {
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
width:auto;
width:initial;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select,
#center-seo select, #center-seo input[type="text"],
#center3 select,
#center3 input[type="text"],
#center3 input[type="password"] {
height: 20px;
line-height:20px;
padding: 0px;
margin: 2px 0px;
min-width: inherit;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td div select,
#center-seo select,
#center-seo textarea,
#center3 select,
#center3 textarea{
padding: 1px;
margin: 2px 0px;
}
#center3 select[name="SEL_CARD"] {
margin-left: 5px;
padding: 1px;
}
#center-seo input[type="submit"]:hover,
#center-seo input[type="button"]:hover,
#center3 input[type="submit"]:hover,
#center3 input[type="button"]:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#center-seo .centerbox table td input[type="radio"],
#center3 .centerbox table td input[type="radio"] {
margin: -3px 3px 0px 5px;
}
table#enter form[name="NEWMEM"] #center3 .centerbox .bordlayoutp3 table td[colspan="2"] input[type="checkbox"] {
margin: -3px 4px 0px 0px;
}
#center-seo p,#center3 p {
margin: 5px 0px;
padding: 2px 0px;
}
#center3 .centerbox .bordlayoutp3 table td.backcolor2 div form {
display: inline-block;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td.backcolor3 div>table tr.backcolor2 td {
background-color:#FFFFFF;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 table.layoutp5.deli_cycle tbody tr td input[type="radio"],
#contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="button"],
#contact #center1 .centerbox .mainCont form[name="NEXT"] h4 + div.right input[type="submit"] {
margin: 0px 3px;
height: 20px;
}
section .freeTop h2 {
border: medium none;
font-size: 90%;
font-weight: bold;
line-height: 165%;
margin:0 auto;
padding: 15px 0 0 20px;
}
.leftSearch {
padding: 0px;
}
.leftSearch #searchbox_wrap {
margin: 0px;
}
.leftSearch #searchbox_wrap #searchbox p img {
display:none;
}
.leftSearch searchbox {
color: #999999;
float: right;
font-size: 65%;
line-height: 160%;
overflow: hidden;
text-align: right;
}
.leftSearch #searchbox form {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 220px;
height: 30px;
border: 1px solid #CDBA9B;
}
.leftSearch #searchbox input.searchbox {
position: absolute;
top: 0;
left: 10px;
width: 170px;
height: 28px;
border: 1px solid #fff;
}
.leftSearch #searchbox input.searchSubmit {
position: absolute;
top: 2px;
left: 190px;
}
.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,
.footer_area {
width: 100%;
margin: 0;
padding: 0;
}
/*
.header_area {
text-align:left;
width:680px;
margin:0px 5px 0px 5px;
padding:0px;
}
.footer_area {
text-align:left;
width:680px;
margin:0px 5px 0px 5px;
padding:0px;
}
*/
.cart-section .header_area {
width:690px;
margin: 0 auto;
}
.cart-section .footer_area {
width:690px;
margin: 0 auto;
}
#contents #main-column .footer_area{
padding-top:5px;
}
.pageNav form img{
float:right;
}
#sub-column .category .fukidashi nav,
#sub-column .category .tatenarabi nav {
margin-bottom:0;
}
#sub-column .category .fukidashi nav:last-child,
#sub-column .category .tatenarabi nav:last-child {
margin-bottom:20px;
}
#sub-column .category .fukidashi ul {
zoom:1;
}
#sub-column .category .fukidashi nav {
position:relative;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
width:100%;
position:absolute;
top:0;
left:100%;
display:none;
}
#sub-column .category .fukidashi nav:hover .sps-itemCategorySub {
display:block;
z-index:999;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
padding: 5px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background:#fff;
}
#sub-column .category nav ul li {
border-top: dotted 1px #333;
}
#sub-column .category nav ul li:first-child{
border-top: none;
}
#sub-column .category nav ul li.listcat1 {
border-bottom: 0px;
}
#sub-column .category nav ul li.listcat2 {
border-bottom: 0px;
}
#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:0px 0;
line-height: 100%;
color:#000;
text-decoration: none;
}
#sub-column .category nav ul li.listcat3 a {
zoom: 1;
display: block;
padding: 3px 2px 3px 50px;
margin:0px 0;
line-height: 100%;
color:#000;
text-decoration: none;
}
#sub-column .category nav ul li.child a {
color:#000;
<!--background:url(none);-->
font-weight:bold;
}
#main-column .w100 .shopDiary .freeAreaTitle {
padding-left: 15px;
text-align: left;
}
#main-column .half-cont .freeArea2 .freeAreaTitle{
text-align: left;
display: inherit;
padding-left: 15px;
}
section.half-cont div.category section h3{
font-weight: bold;
line-height: 120%;
font-size: 80%;
}
#center1 .centerbox .mainCont{
width: 600px;
padding: 10px;
}
#center1 .centerbox .mainCont h3 {
font-size: 14px;
font-weight: bold;
line-height: 37px;
vertical-align: middle;
color: #FFFFFF;
height: 37px;
height:initial\9;
display: block;
width: 100%;
margin: 0 0 20px;
background: url(../img/Tbg-shop02_l.gif) no-repeat;
background-size:100% 100%;
text-align: left;
padding:0 0 0 10px;
}
#center1 .centerbox .mainCont h3.title1 {
color: #333333;
}
.mainCont .comment_box td.backcolor1 {
background-color: #EEEEEE;
border: 1px solid #999999;
color: #2B2B2B;
font-weight: bold;
text-align: center;
word-break: normal;
}
.mainCont .comment_box td.backcolor2 {
background-color: #fff;
border: 1px solid #999999;
color: #2B2B2B;
font-weight: normal;
text-align: center;
word-break: normal;
}
.mainCont .comment_box td.center{
text-align:center !important;
}
.mainCont .comment_box td.backcolor2 div.float_left{
text-align:left;
}
.mainCont .comment_box td.backcolor2 div.float_left a{
text-decoration: underline;
}
.mainCont .comment_box td.backcolor1,
.mainCont .comment_box td.backcolor2{
text-align:left;
}
.mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"],
.mainCont .comment_box td.backcolor2 div.write_comment input[type="button"] {
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 80%;
font-size: 0.8rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
}
.mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"]:hover,
.mainCont .comment_box td.backcolor2 div.write_comment input[type="button"]:hover {
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
.mainCont form[name="form4"] input[type="button"],
.mainCont form[name="form4"] input[type="submit"],
.mainFrame .mainCont .center input[type="button"],
.mainFrame .mainCont .center input[type="submit"]{
width:150px;
width:auto\9;
height:25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 0.8rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
}
.mainCont form[name="form4"] input[type="button"]:hover,
.mainCont form[name="form4"] input[type="submit"]:hover,
.mainFrame .mainCont .center input[type="button"]:hover,
.mainFrame .mainCont .center input[type="submit"]:hover{
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
#sub-column .category nav ul .cat {
padding: 3px 3px 3px 60px;
background: url(../img/ico_category.gif) no-repeat 44px center;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
color: #666666;
font-weight: normal;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a:hover {
color: #aaaaaa;
font-weight: normal;
text-decoration: none;
}
#sub-column .category nav ul li.listcat3 a {
padding: 3px 2px 3px 60px;
}
#sub-column .category nav ul li.listcat2 a {
line-height: 130%;
}
#sub-column .category nav ul li.listcat3 a {
line-height: 130%;
}
#sub-column .category nav ul li.listcat2 {
background: url(../img/ico_category.gif) no-repeat 30px 8px;
}
#sub-column .category nav ul li.listcat3 {
background: url(../img/ico_category.gif) no-repeat 60px 8px;
}
#sub-column .category nav ul li.listcat2 a {
color: #666666;
}
#sub-column .category nav ul li.child a {
color: #666666;
}
#sub-column .category h3 {
margin-top: 10px;
}
#sub-column .category {
margin: 30px 0;
}
#sub-column .category nav ul li {
border-top: dotted 1px #b2b2b2;
}
#sub-column .category nav ul li.listcat3 a {
padding: 3px 2px 3px 60px;
}
#sub-column .category nav ul li.listcat2 a {
line-height: 130%;
}
#sub-column .category nav ul li.listcat3 a {
line-height: 130%;
}
#sub-column .category nav ul li.listcat2 {
background: url(../img/ico_category.gif) no-repeat 30px 8px;
}
#sub-column .category nav ul li.listcat3 {
background: url(../img/ico_category.gif) no-repeat 60px 8px;
}
#sub-column .category nav ul li.listcat2 a {
color: #666666;
}
#sub-column .category nav ul li.child a {
color: #666666;
}
#sub-column .category nav{
margin-bottom: 0px;
border-top: none;
}
#sub-column .category .sps-allList+#sps-itemListAllCategory {
display:none;
}
div.cart-section div#contact img[height="1"]{
display:none;
}
div#sub-column .category .sps-itemCategorySub li a{
padding-left:40px;
}
div#sub-column .category .sps-itemCategorySub li {
background: url(../img/ico_category.gif) no-repeat 40px 8px;
}
div#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a{
padding-left:0px;
}
div#sub-column .category .fukidashi nav .sps-itemCategorySub li {
background: url(../img/ico_category.gif) no-repeat left center;
}
div#sub-column .category nav ul li.listcat2 a:hover,
div#sub-column .category nav ul li.listcat3 a:hover{
color: #aaaaaa;
}
div#sub-column .category h2.sps-allList a{
color:#ffffff;
}
div#sub-column .category nav ul li.listcat2 a{
font-weight:bold
}
.itemDescFc{
position:absolute;
margin-left:5px;
}
.itemThumb-wrap-left{
width:170px;
padding-left:10px;
}
.itemThumb-wrap-right{
width:70%;
word-break:break-all;
margin-left:210px;
}
#enter #contents {
width: auto;
}
div.mainCont input[type="button"],
div.mainCont input[type="submit"]{
width:150px;
width:auto\9;
height:25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 0.8rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
}
div.mainCont input[type="button"]:hover,
div.mainCont input[type="submit"]:hover{
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
/* フッタご利用ガイド調整用*/
.footer_area .w100 .freeArea2 h2 { -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; background: #E7D9C8 !important; height: 28px; padding: 15px 0 0 0px !important; margin-bottom: 10px !important;}
#main-column-full .footer_area .w100 .freeArea2 h2 span { font-size:80%; }
#main-column-full .footer_area .w100 .freeArea2 h2 { line-height: 130% !important; }
#main-column-full .footer_area .w100 .freeArea2 { padding-bottom: 0px; }
/*カートのまとめ割引リンク用*/
.bundle_display a {
display:inline-block;
margin-top:3px;
padding:3px;
border:1px solid #f00;
line-height:1.3;
text-decoration:none !important;
color:#f00;
}
.bundle_display a:hover {
border:1px solid #f00;
background:#ffefef;
}
/*まとめ割引詳細用*/
div[aria-describedby='bundle_dialog'] * {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
div[aria-describedby='bundle_dialog'] .ui-dialog-content {
padding-bottom:0 !important;
}
div[aria-describedby='bundle_dialog'] .ui-dialog-title {
font-size:0.7em;
color:#000;
}
#bundle_detail > h4 {
font-size:0.7em;
font-weight:bold;
color:#666;
padding-bottom:0.5em;
}
#bundle_detail > .bundle_table + h4,
#bundle_detail > .bundle_table + .bundle_table {
margin-top:1.5em;
}
#bundle_detail > .bundle_table td {
padding:2px 4px;
border:1px solid #999;
font-size:0.7em;
color:#666;
word-break:break-all;
}
#bundle_detail > .bundle_table td.bundle_title,
#bundle_detail > .bundle_table td.bundle_backcolor1 {
background:#ddd;
}
#bundle_detail > .bundle_table td.bundle_backcolor1 {
text-align:center;
}
#bundle_detail > .bundle_table td span.bundle_name {
display:inline-block;
margin-top:3px;
padding:3px;
border:1px solid #f00;
line-height:1.3;
}
#bundle_detail > div:last-child {
padding:1.5em 0 1em;
text-align:center;
}
#bundle_detail > div:last-child input {
height:25px;
padding:0 8px;
background:url(../img/btn-confirm_bg.gif);
border:none;
font-size:0.75em;
color:#fff;
}
#bundle_detail > div:last-child input:hover {
background:url(../img/btn-confirm_bg_on.gif);
}
div[aria-describedby='bundle_dialog'] .ui-widget-header {
border: 0px;
background: #ffffff;
text-align: left;
}
#bundle_dialog table {
border-collapse: collapse;
}
.bundle_name {
display: inline-block;
margin-top: 3px;
padding: 3px;
border: 1px solid #f00;
line-height: 1.3;
text-decoration: none;
color: #f00;
}
#bundle_link{
font-size:90%;
}
#bundle_link a{
font-weight:normal;
}
#noshigami {
font-weight: bold;
text-decoration: underline;
}