/* Portal-only bundle of the existing legacy styles; source rules retained. */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
}
table,
caption,
th,
td {
margin: 0;
padding: 0;
border: 0;
border-collapse : collapse ;
border-spacing: 0px;
empty-cells: show;
text-align: left;
font-weight: normal;
}
a img,
iframe {
border: none;
}
ol,
ul,
li {
list-style: none;
}
input,
textarea,
select,
button {
font-size: 100%;
font-family: inherit;
}
body {
color: #666;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #f7f6f4;
font-size: 72.5%;
line-height: 160%;
letter-spacing: 0.1em;
}
img.picture {
border: 1px solid #ccc;
}
.fix {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background: rgba(0,0,0,0.7);
}
.fix a {
color: #fff !important;
}
.fix a:hover {
color: #fff !important;
}
.frame_outer {
margin: 0 auto;
width: 100%;
text-align: center;
}
#container {
margin: 0 auto;
padding: 0 0 30px;
width: 1010px;
background: #f7f6f4;
text-align: left;
}
#main_column {
}
#main_column.colnum1 {
margin: 10px auto;
width: 96%;
padding: 10px 20px;
}
#FS2_body_Login .FS2_login_layout_table, #FS2_body_Member .FS2_login_layout_table {
width: 960px;
margin: 0 auto;
}
#FS2_body_Login .system_content, #FS2_body_Member .system_content {
width: 960px;
margin: 0 auto;
}
#main_column.colnum2 {
width: 80%;
}
#main_column.colnum2.left {
padding-left: 1.5%;
float: left;
}
#main_column.colnum2.right {
padding-right: 2%;
float: right;
}
#main_column.colnum3 {
width: 650px;
float: left;
}
.side_column {
padding: 0px 0 0;
}
#leftcolumn {
float: left;
width: 171px;
}
#rightcolumn {
float: right;
width: 171px;
}
#container .side_column .side_h3_sake_btn.block_outer {
padding-bottom: 2px;
}
#container .side_column .side_h3_sake_btn p {
padding-bottom: 8px;
}
#topcolumn, #bottomcolumn, #footerbottomcolumn {
margin: 0px;
background: #fff;
text-align: left;
clear: both;
}
#undercolumn {
width: 98%;
margin: 0px 0px 30px 0px;
padding: 10px 0px 0px 10px;
font-size: 100%;
}
.clearfix:after {
display: block;
clear: both;
height: 0px;
line-height: 0px;
visibility: hidden;
content: ".";
}
.clearfix {
display: block;
}
.clear {
clear: both;
}
a:link {
color: #666;
text-decoration: none;
}
a:visited {
color: #666;
text-decoration: none;
}
a:link:hover, a[href]:hover {
color: #39F;
text-decoration: none;
}
h1, h2, h3, h4, h5 {
font-size: 100%;
line-height: 150%;
}
.info {
font-size: 110%;
}
.price {
font-size: 100%;
color: #C00;
}
.price03 {
font-size: 120%;
color: #C00;
}
.price_02 {
font-size: 200%;
color: #C00;
}
.sale_price {
text-align: right;
color: #666;
font-size: 100%;
}
.normal_price {
text-align: right;
font-size: 90%;
margin-bottom: 10px;
}
.point {
color: #930;
}
.user_name {
font-weight: bold;
}
.recommend_level {
color: #ecbd00;
}
.attention {
color: #f00;
}
.attentionSt {
color: #f00;
font-weight: bold;
}
.st {
font-weight: bold;
}
.mini {
font-size: 90%;
}
.news_p {
font-size: 100%;
}
.free_price {
font-size: 200%;
text-align: center;
font-weight: bold;
color: #FF0000;
}
.alignC {
text-align: center;
}
.alignR {
text-align: right;
}
.alignL {
text-align: left;
}
.pricetd em {
font-weight: bold;
}
select {
border: solid 1px #ccc;
}
input[type='text'], input[type='password'] {
border: solid 1px #ccc;
padding: 2px;
}
.box40 {
width: 40px;
}
.box60 {
width: 60px;
}
.box100 {
width: 100px;
}
.box120 {
width: 120px;
}
.box140 {
width: 140px;
}
.box145 {
width: 145px;
}
.box155 {
width: 155px;
}
.box150 {
width: 150px;
}
.box240 {
width: 240px;
}
.box300 {
width: 300px;
}
.box320 {
width: 320px;
}
.box350 {
width: 350px;
}
.box380 {
width: 380px;
}
.top {
margin-bottom: 5px;
}
h2.title {
margin-bottom: 15px;
padding: 8px;
border-bottom: solid 1px #999999;
color: #333;
font-size: 220%;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#main_column .sub_area h3, #undercolumn_shopping h3, #mypagecolumn h3 {
margin: 0 0 10px 0;
padding: 5px 0 10px;
color: #f60;
background: url("/img/background/line_01.gif") repeat-x left bottom;
font-size: 120%;
}
#undercolumn_login .login_area h3 {
font-size: 150%;
margin-bottom: 10px;
}
div#undercolumn_login .login_area h4 {
color: #990000;
font-size: 120%;
padding-left: 15px;
background: url("/img/icon/ico_arrow_05.gif") no-repeat left;
margin-bottom: 10px;
}
#header_wrap {
}
#header {
margin: auto;
width: 1030px;
text-align: left;
}
#header_utility {
float: right;
width: 600px;
}
#errorHeader {
color: #F00;
font-weight: bold;
font-size: 12px;
background-color: #FEB;
text-align: center;
padding: 5px;
}
.h-nav-inner {
margin: auto;
width: 1030px;
padding: 5px 0;
}
nav {
margin: 0 auto;
padding: 0 0 0px;
text-align: left;
background: none !important;
}
.h-nav-inner nav ul li {
list-style: none;
float: left;
margin: 0px;
line-height: 1;
padding: 10px 15px;
font-size: 14px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
border-left: 1px dotted #666;
}
.h-nav-inner nav ul li:first-child {
border-left: 0px dotted #666;
}
.h-nav-inner nav ul li a {
color: #666;
font-weight: bold;
}
#logo_area {
top: 80px;
width: 430px;
float: left;
height: 185px;
}
#site_description {
background: #000;
color: #FFFFFF;
padding: 6px 5px;
text-align: center;
}
#headerInternalColumn {
padding: 14px 0 40px;
}
#headerInternalColumn ul.header-utility-links {
float: right;
margin-bottom: 0;
}
#headerInternalColumn ul.header-utility-links li {
float: left;
margin-left: 20px;
list-style: none;
}
#headerInternalColumn ul.header-utility-links li a {
color: #000;
font-size: 14px;
text-decoration: none;
font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
display: flex;
align-items: center;
transition: opacity 0.3s ease, color 0.3s ease;
}
#headerInternalColumn ul.header-utility-links li a:hover {
color: #b31d26;
opacity: 0.8;
}
#headerInternalColumn ul.header-utility-links li a i {
margin-right: 6px;
font-size: 15px;
}
#header_boottom .text-format {
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#header_boottom {
text-align: right;
margin-top: 5px;
}
#header_boottom .h-txt-tel {
display: inline-block;
vertical-align: bottom;
text-align: left;
margin-right: 25px;
}
#header_boottom .h-txt-tel .tel-label {
display: block;
font-size: 11px;
color: #555;
margin-bottom: 2px;
}
#header_boottom .h-txt-tel .tel-number {
display: block;
font-size: 30px;
color: #333;
line-height: 1;
letter-spacing: 1px;
margin: 3px 0;
white-space: nowrap;
}
#header_boottom .h-txt-tel .tel-time {
display: block;
font-size: 11px;
color: #777;
}
#header_boottom .right-header_boottom {
display: inline-block;
vertical-align: bottom;
width: auto;
}
#header_boottom .h-btn-homepage {
padding: 0 0 8px;
}
#header_boottom .h-btn-homepage a {
display: block;
background-color: #000;
color: #fff;
text-decoration: none;
padding: 8px 12px;
text-align: center;
font-size: 12px;
border-radius: 2px;
transition: opacity 0.3s;
white-space: nowrap;
}
#header_boottom .h-btn-homepage a:hover {
opacity: 0.8;
}
#header_boottom .h-btn-homepage a i {
margin-right: 5px;
}
#header_boottom .h-txt-shippingfree {
border: 1px solid #b31d26;
color: #b31d26;
font-size: 12px;
padding: 5px 8px;
text-align: center;
white-space: nowrap;
}
#facebook_wrap {
margin: 0 auto;
width: 1030px;
}
#facebook {
clear: both;
margin: 0px;
padding: 10px;
background: #fff;
min-height: 120px;
}
#footer_wrap {
margin: 0 auto;
width: 1030px;
height: 30px;
}
#footer {
clear: both;
margin: 0px;
padding-top: 10px;
border-top: solid 1px #ccc;
background: #fff;
}
#pagetop_wrap {
padding-top: 10px;
clear: both;
background: #f7f6f4;
}
#pagetop {
margin: 10px auto;
text-align: right;
width: 1010px;
}
#footer_wrap {
width: 1030px;
}
#attention {
float: left;
display: table-cell;
}
#copyright {
float: right;
display: table-cell;
text-align: right;
font-size: 100%;
vertical-align: bottom;
}
.btn_area {
margin-top: 10px;
width: 100%;
text-align: center;
}
.btn_area li {
padding-right: 10px;
display: inline;
}
div#complete_area {
margin-bottom: 20px;
}
div#complete_area .message {
margin-bottom: 20px;
line-height: 150%;
font-weight: bold;
font-size: 120%;
}
div#undercolumn_privacy .message {
margin-bottom: 15px;
line-height: 150%;
font-weight: bold;
font-size: 120%;
border-bottom: 1px solid #999;
}
div#complete_area .shop_information {
margin-top: 40px;
padding: 20px 0 0 0;
border-top: solid 1px #ccc;
}
div#complete_area .shop_information .name {
margin-bottom: 10px;
font-weight: bold;
font-size: 140%;
}
.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 100000;
}
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tipsy-arrow {
position: absolute;
background: url("/img/ajax/tipsy.gif") no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
body {
zoom: calc(100vw / 1010);
}
}
@media screen and (min-width: 1301px) {
body {
zoom: 1.2871;
}
}
#main_image {
margin-bottom: 10px;
text-align: center;
}
div#undercolumn_aboutus {
}
div#undercolumn_order {
}
div#undercolumn_contact {
margin: 0 auto;
width: 100%;
}
.zipimg img {
vertical-align: middle;
}
div#mypagecolumn {
width: 100%;
}
div#mynavi_area {
width: 100%;
}
div#mycontents_area {
width: 100%;
}
div#mynavi_area .mynavi_list {
margin-bottom: 20px;
width: 100%;
}
div#mynavi_area .mynavi_list li {
margin: 0 15px 5px 0;
padding-left: 15px;
float: left;
background: url("/css/img/icon/ico_arrow_01.gif") no-repeat left ;
font-size: 120%;
}
div#mynavi_area div.point_announce {
margin-bottom: 30px;
padding: 10px;
border: solid 1px  #999999;
background: #EFE2C8;
}
div#mynavi_area div.point_announce p {
padding-left: 20px;
background: url("/css/img/icon/ico_point.gif") no-repeat left ;
}
div#mycontents_area p.inforamtion {
margin-bottom: 20px;
}
div#mypagecolumn h4 {
margin: 10px auto;
border-bottom: 1px solid #999;
text-align: left;
font-size: 120%;
}
div#mycontents_area div.mycondition_area {
margin: 0 auto 20px 0;
padding: 10px;
border: solid 1px #ccc;
width: 97%;
background: #f9f9f9;
}
div#mycontents_area div.mycondition_area p {
float: left;
}
div#mycontents_area div.mycondition_area .btn {
width: 160px;
margin-top: 15px;
float: right;
}
.add_address {
margin-bottom: 20px;
}
div#mycontents_area .message_area {
margin: 30px auto;
padding: 30px;
border: 1px solid #ccc;
text-align: center;
}
div#mycontents_area .message_area p {
margin-bottom: 20px;
}
div#undercolumn_entry {
width: 100%;
}
div#undercolumn_entry p {
font-size:130%;
}
div#undercolumn_entry .kiyaku_text {
margin: 20px auto;
padding: 10px;
border: solid 1px #ccc;
width: 94%;
background: #fff;
}
div#undercolumn_entry .message{
font-size:150%;
color:#F00;
margin-bottom:10px;
}
div#undercolumn_privacy {
width: 90%;
padding-left:40px;
}
div#undercolumn_privacy p{
font-size:110%;
line-height:180%;}
div#undercolumn_free{
padding-bottom:30px;
}
div#undercolumn_free p.oroshi{
font-size:130%;}
div#undercolumn_free h3 {
font-size:140%;
font-weight:bold;
color:#333333;
margin-bottom:15px;
margin-top:30px;
}
div#undercolumn_free h3.pattern01 {
font-size:140%;
font-weight:bold;
background:#EAEAEA;
padding:10px;
color:#333333;
margin-bottom:10px;
margin-top:50px;
}
div#undercolumn_free h3.pattern02 {
clear:both;
font-size:220%;
font-weight:bold;
color:#333333;
margin-bottom:20px;
margin-top:30px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
div#undercolumn_free h3.pattern03 {
clear:both;
font-size:200%;
font-weight:bold;
color:#333333;
margin-bottom:20px;
margin-top:30px;
border-bottom:1px dotted #999;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
div#undercolumn_free .shop_name{
font-size:140%;
font-weight:bold;
color: #900;
margin-bottom:10px;
margin-top:10px;
}
div#undercolumn_free .shop_name a{
color: #900;
}
div#undercolumn_free h4 {
border-left:#960 solid 5px;
font-weight:bold;
font-size:170%;
color: #960;
margin-bottom:30px;
padding-left:10px;
}
div#undercolumn_free h5 {
border-bottom:#ccc solid 1px;
font-weight:bold;
font-size:130%;
color: #333 ;
margin-bottom:20px;
padding-left:10px;
}
div#undercolumn_free {
width: 100%;
padding-left:10px;
padding-bottom:30px;
padding-right:15px;
}
div#undercolumn_free p{
font-size:110%;
line-height:180%;}
div#undercolumn_free ul li{
list-style:none;
font-size:120%;
color:#333333;
padding:10px 5px 3px 5px;
margin-bottom:10px;
margin-left:15px;
margin-right:15px;
border:1px solid #999;
}
div#undercolumn_free ul li.form_bt{
clear:both;
list-style:none;
float:left;
padding-right:5px;
padding-left:5px;
}
div#undercolumn_free ul li.form_bt02{
list-style:none;
float:right;
padding-right:5px;
padding-left:5px;
}
.flow_img{
text-align:center;
padding:30px 0px;
margin-bottom:30px;
}
.about_img{
text-align:center;
padding:0px;
margin-bottom:10px;
}
.oroshi_img{
float:left;
padding-right:20px;
margin-bottom:30px;
}
.aboutsub_img{
float:right;
padding-left:20px;
margin-bottom:30px;
}
.oroshi_p{
font-size:110%;
margin-left:20px;
}
.voice_box{
border:1px solid #999;
padding:15px;
margin:20px 0px;
}
.shop_title{
font-size:120%;
color:#fff;
font-weight:bold;
background:#666666;
padding:5px 0px 5px 10px;
margin:30px 38px;
}
div.mondo{
padding:10px;
background-color:#F0D8A7;
margin-bottom:10px;
margin-top:15px;
height:auto;
font-weight:bold;
font-size:110%;
}
.about_item_box01{
float:left;
width:172px;
margin-right:10px;
margin-bottom:20px;
border:1px solid #999;
padding:10px;
line-height:1.3em;
}
.about_item_box_last{
float:right;
width:172px;
margin-bottom:20px;
border:1px solid #999;
padding:10px;
line-height:1.3em;
}
.about_title{
margin:10px 0px;
font-weight:bold;
font-size:110%;
}
.about_btn{
margin-top:10px;
}
div.sato_name{
text-align:right;
font-size:160%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
margin-right:20px;
margin-top:20px;
}
div.history_box01{
clear:both;
margin:10px 0px;
}
div.history_box01_left{
float: left;
width:510px;
}
div.history_box01_right{
width:229px;
float:right;
}
figure{
margin:0px;
padding:0px;
}
div#undercolumn_login {
margin: 0 auto;
width: 100%;
}
div#undercolumn_login a{
margin: 0 auto;
width: 100%;
color:#FF0000;
font-weight:bold;
}
div#undercolumn_login .login_area {
margin-bottom: 30px;
}
div#undercolumn_login .login_area .inputbox {
margin: 15px auto 15px auto;
padding: 15px 20px 10px 20px;
background: #f0f0f0;
}
div#undercolumn_login .login_area .inputbox .btn_area {
margin-top: 0;
}
div #password_kochira{
font-size:150%;
text-decoration: inline;
}
a:link #password_kochira {
color:#FF0000;
font-weight:bold;
}
a:hover #password_kochira {
color: #F90;
font-weight:bold;
}
.inputtext{
font-size:120%;
}
div#undercolumn_error .message_area {
width: 80%;
margin: 30px auto;
padding: 30px;
border: 1px solid #ccc;
text-align: center;
}
div#undercolumn_error .message_area .error {
padding: 120px 0;
}
.pagenumber_area {
padding-bottom: 10px;
background: url("/css/img/background/line_dot_01.gif") repeat-x bottom ;
}
.pagecond_area {
margin-bottom: 20px;
padding: 10px;
}
.pagenumber_area {
margin: 20px 0;
}
.pagecond_area {
border: 1px solid #ccc;
}
.pagenumber_area .navi {
font-size:110%;
width: 100%;
text-align: left;
}
.pagenumber_area .navi li {
display: inline;
}
.pagenumber_area .change {
float: right;
text-align: right;
white-space: nowrap;
}
div.list_area0{
clear:both;
margin-bottom:20px;}
div.list_area {
padding: 0px 4px 0px 4px;
margin-bottom:25px;
margin-left:5px;
width: 31%;
text-align:left;
display:block;
overflow: hidden;
position: relative;
background: #F2ECEA;
float: left;
}
div.listphoto {
margin-bottom:5px;	text-align:center;
margin-top:10px;
}
#main_column.colnum1 div.listrightbloc {
float: right;
width: 74%;
}
#main_column.colnum2 div.listrightbloc {
float: right;
width: 100%;
}
#main_column.colnum3 div.listrightbloc {
float: right;
width: 100%;
}
#undercolumn #page_navi_bottom{
clear:both;
}
div.list_area  ul.status_icon{
margin-bottom: 5px;
margin-top:10px;
width: 100%;
}
div.list_area  ul.status_icon li{
margin-right: 5px;
float: left;
}
div.list_area .cart_area {
text-align:center;
}
div.listrightbloc ul.status_icon {
margin-bottom: 5px;
margin-top:10px;
width: 100%;
}
div.listrightbloc ul.status_icon li {
margin-right: 5px;
float: left;
}
div.listrightbloc h3 {
padding:0px 5px;
font-weight: bold;
font-size: 120%;
}
div.listrightbloc .listcomment {
margin: 0 5px 10px 5px;
text-align: left;
}
div.listrightbloc .detail_btn {
text-align:center;
margin-bottom: 10px;
}
div.listrightbloc .pricebox {
margin: 0 5px 10px 5px;
}
div.listrightbloc .cart_area {
padding:10px;
width: 94%;
text-align:center;
}
div.listrightbloc .cartin_btn {
text-align:center;
margin-bottom: 10px;
}
li.quant{
font-size:150%;
}
div.listrightbloc .classlist {
margin-bottom: 10px;
padding-bottom: 10px;
background: url("/css/img/background/line_dot_02.gif") repeat-x bottom ;
font-size:150%;
}
li.classlist02{
font-size:150%;
}
div.listrightbloc dl {
width: 100%;
}
div.listrightbloc dt {
display: inline-block;
vertical-align: top;
}
div.listrightbloc dd {
padding-bottom: 10px;
display: inline-block;
}
div.listrightbloc dd p.attention {
margin-top: 5px;
}
div.listrightbloc .cartin {
margin: 0;
}
div.listrightbloc .cartin .quantity {
padding: 3px 10px 0 0;
width: 150px;
margin:0px auto;
font-size:150%;
}
div.listrightbloc .cartin .quantity .box {
width: 70px;
}
div.listrightbloc .cartin_btn {
width: 160px;
text-align:center;
padding-top:10px;
margin-left:10px;
}
#detailarea,
.sub_area {
margin-bottom: 20px;
width: 100%;
}
#main_column.colnum1 div#detailphotobloc {
width: 37%;
float: left;
}
#main_column.colnum1 #detailrightbloc {
width: 63%;
float: right;
}
#main_column.colnum1 div.subtext {
margin-bottom: 20px;
float: left;
width: 69%;
}
#main_column.colnum1 div.subphotoimg {
float: right;
width: 25%;
text-align: right;
}
#main_column.colnum1 p.subtext {
margin-bottom: 20px;
}
#main_column.colnum2 div#detailphotobloc {
float: left;
width: 37%;
}
#main_column.colnum2 #detailrightbloc {
float: right;
width: 63%;
}
#main_column.colnum2 div.subtext {
margin-bottom: 20px;
float: left;
width: 73%;
}
#main_column.colnum2 p.subtext {
margin-bottom: 20px;
}
#main_column.colnum2 div.subphotoimg {
float: right;
width: 25%;
text-align: right;
}
#main_column.colnum3 div#detailphotobloc {
float: left;
width: 49%;
}
#main_column.colnum3 #detailrightbloc {
float: right;
width: 50%;
}
#main_column.colnum3 div.subtext {
margin-bottom: 20px;
float: left;
width: 63%;
}
#main_column.colnum3 p.subtext {
margin-bottom: 20px;
}
#main_column.colnum3 div.subphotoimg {
float: right;
width: 35%;
text-align: right;
}
#detailrightbloc p{
font-size:110%;
text-align:180%;
}
#detailrightbloc h2 {
margin: 0 0 10px 0;
padding: 0 0 15px 0;
color: #333;
border-bottom:1px solid  #333;
font-weight: bold;
font-size: 180%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#detailrightbloc .point,
#detailrightbloc .relative_cat {
margin: 0 0 15px 0;
padding: 10px  0px;
border-bottom:1px solid #666;
text-align:right;
}
#detailrightbloc .main_comment {
margin-bottom: 20px;
font-size:120%;
text-align:160%;
color:#333333;
}
#detailrightbloc .product_code dt,
#detailrightbloc .product_code dd {
display: inline;
}
#detailrightbloc ul.status_icon {
margin-bottom: 10px;
width: 100%;
}
#detailrightbloc ul.status_icon li {
margin-right: 5px;
margin-bottom: 3px;
float: left;
}
#detailrightbloc .normal_price dt,
#detailrightbloc .normal_price dd {
display: inline;
}
#detailrightbloc .sale_price dt,
#detailrightbloc .sale_price dd {
display: inline;
}
#detailrightbloc .point dt,
#detailrightbloc .point dd {
display: inline;
}
#detailrightbloc div.classlist {
margin-bottom: 10px;
padding-bottom: 10px;
width: 100%;
background: url("/css/img/background/line_dot_02.gif") repeat-x bottom ;
}
#detailrightbloc .classlist {
margin-bottom: 5px;
}
#detailrightbloc ul {
margin-bottom: 10px;
width: 100%;
}
#detailrightbloc ul li {
vertical-align: top;
float: left;
}
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
display: inline;
}
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
display: inline;
margin-left: 5em;
}
#detailrightbloc .relative_cat dd {
margin-left: 1em;
}
#detailrightbloc .cart_area {
padding: 15px;
border: 1px solid #333;
font-size:120%;
}
#detailrightbloc .quantity dd {
display: inline;
margin-bottom:20px;
}
#detailrightbloc .quantity dl,{
display: inline;
margin-left: 10em;
}
#detailrightbloc .quantity dt,{
display: inline;
margin-left: 10em;
}
#detailrightbloc .cartin {
padding-top:15px;
text-align: center;
}
#detailrightbloc .cartin_btn {
text-align: center;
}
#detailrightbloc .favorite_btn {
text-align: center;
margin-top: 10px;
}
.syou{
font-size:120%;
font-weight:bold;
color:#C90;
margin-bottom:10px;
background:#F3F3F3;
padding:10px;
line-height:160%;
}
div#customervoice_area {
clear: both;
padding: 35px 0px 0px 0px;
}
div#customervoice_area h2 {
margin-bottom: 20px;
padding: 6px 0 8px 25px;
background: url("/css/img/background/bg_customervoice_area.gif") no-repeat bottom ;
font-size:160%;
color:#333333;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
div#customervoice_area .review_bloc {
margin-bottom: 20px;
padding: 10px;
background-color: #f6f6f6;
}
div#customervoice_area .review_bloc p {
padding-top: 3px;
margin-right: 10px;
float: left;
}
div#customervoice_area .review_bloc .review_btn {
float: right;
width: 160px;
}
div#customervoice_area ul li {
padding:0px 10px 10px 10px;
margin-bottom: 15px;
border-bottom:1px solid #999;
}
div#customervoice_area .voicetitle {
padding:0px;
margin-bottom: 5px;
color: #333;
font-weight: bold;
font-size:120%;
}
div#customervoice_area .voicedate {
margin-bottom: 10px;
}
.voicecomment{
font-size:110%;
line-height:1.5em;
}
div.freebox_area {
clear: both;
padding: 10px 0px;
font-size:120%;
line-height:180%;
}
div.freebox_area h3{
margin-top:15px;
font-size:150%;
color:#333;
border-bottom:1px dotted #996600;
margin-bottom:10px;}
div.freebox_area h4{
margin-bottom:10px;}
.big_p{
font-size:140%;
font-weight:bold;
color:#FF0000;
}
div.freebox_area .order_box{
width:775px;
font-size:160%;
background-color: #F00;
padding:15px;
color:#fff;
font-weight:bold;
text-align:center;
margin-top:10px;
}
.order_box02{
width:775px;
font-size:160%;
background-color: #06F;
padding:15px;
color:#fff;
font-weight:bold;
text-align:center;
margin-top:10px;
}
div.freebox_area .order_box02 a{
color:#FFFFFF;
}
.order_box a:link{
color:#fff;
text-decoration:underline;
}
.order_box a:hover  {
color: #fff;
text-decoration:underline;
}
.order_box a:visited{
color: #FFC;
text-decoration:underline;
}
.center_p{
text-align:center;
}
div.freebox_area h4 {
font-weight:bold;
font-size:140%;
margin:20px 0px 10px 0px;
}
.beer_title{
font-size:160%;
font-weight:bold;
color:#000;
text-height:150%;
}
.catch_copy{
font-size:130%;
color:#996600;
}
.title_name{
font-size:120%;
color:#996600;
line-height:120%;
}
.p_800{
font-size:160%;
color:##F00;
font-weight:bold;
text-align:center;
}
.projct_title{
font-size:160%;
color:#990000;
font-weight:bold;
text-align:center;
margin-bottom:10px;
}
div.onkuri{
clear: both;
width:805px;
margin:10px 0px 5px 0px;
}
div.onkuri_back{
border-top:3px #666666 solid;
clear:both;
width:785px;
padding:10px;
margin:20px 0px 30px 0px;
font-size:110%;
text-height:200%;
}
div.onkuri_back_left{
float:left;
width:370px;
}
div.onkuri_back_right{
float:right;
width:360px;
}
clear_p{
clear:both;
}
.hp_jump{
background:#CCCCCC;
padding:5px;
font-size:100%;
}
.hp_jump a{
color:#663300;
}
.onkuri_left{
float:left;
width:520px;
}
.onkuri_right{
float:right;
width:247px;
padding:14px;
background: #F4F0E6;
}
.midashi_p{
font-size:130%;
margin:10px 0px;
font-weight:bold;
}
.sub_area h2{
padding:10px;
font-size:200%;
color: #FFF;
background: #960;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
margin-bottom:5px;
}
.sub_area{
padding:0px 0px 20px 0px;
}
div.giftbox_area {
clear: both;
padding:20px ;
margin-bottom:20px;
border:1px solid #666;
font-size:100%;
}
div.giftbox_area h3{
font-size:150%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
color:#0099CC;
border-bottom:1px dotted #0099CC;
margin-bottom:10px;
}
div.giftbox_area p{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:110%;
margin-bottom:10px;
}
div.beer_area {
background:url("/img/title/beer_bg.png") no-repeat bottom;
clear: both;
padding:5px ;
margin-bottom:20px;
font-size:110%;
}
div.beer_area h3 {
margin-bottom:20px;
text-align:center;
}
div.beer_area h4 {
font-size:120%;
margin-bottom:5px;
}
.beer_logo{
float:left;
padding-right:30px;
}
#sekinoichi_bottom ul{
margin:0px;
}
div.oseibo {
width:654px;
clear: both;
margin-bottom:20px;
font-size:100%;
min-height:600px;
margin-top:20px;
}
.oseibo li.ue{
width:205px;
text-align:left;
float: left;
border-right:1px dotted #999999;
padding-bottom:5px;
margin-bottom:10px;
margin-right:5px;
padding-right:8px;
}
.oseibo li.ue_last{
width:210px;
text-align:left;
margin-bottom:10px;
float: left;
padding-bottom:10px;
}
div.top_giftbox_area01 {
background:url("/img/background/top_giftsake_bg.png") no-repeat left;
padding:10px;
margin-bottom:20px;
border:1px solid #999;
}
div.top_giftbox_area01 h3{
font-size:150%;
}
div.top_giftbox_area01 ul{
margin-left:105px;
height:120px;
}
div.top_giftbox_area01 li{
padding-top:25px;
float:left;
width:129px;
padding-right:3px;}
div.top_giftbox_area02 {
background:url("/img/background/top_giftbeer_bg.png") no-repeat left;
padding:10px;
margin-bottom:20px;
border:1px solid  #999;
}
div.top_giftbox_area02 h3{
font-size:150%;
}
div.top_giftbox_area02 ul{
margin-left:105px;
height:120px;}
div.top_giftbox_area02 li{
padding-top:25px;
float:left;
width:129px;
padding-right:3px;}
div.oseibo_giftbox_area01 {
background:url("/img/background/top_giftsake_bg.png") no-repeat left;
padding:5px;
margin-bottom:20px;
border:1px solid #999;
}
div.oseibo_giftbox_area01 h3{
font-size:150%;
}
div.oseibo_giftbox_area01 ul{
margin-left:100px;
height:120px;
}
div.oseibo_giftbox_area01 li{
padding-top:25px;
float:left;
width:125px;
padding-right:3px;}
div.oseibo_giftbox_area02 {
background:url("/img/background/top_giftbeer_bg.png") no-repeat left;
padding:5px;
margin-bottom:20px;
border:1px solid  #999;
}
div.oseibo_giftbox_area02 h3{
font-size:150%;
}
div.oseibo_giftbox_area02 ul{
margin-left:100px;
height:120px;}
div.oseibo_giftbox_area02 li{
padding-top:25px;
float:left;
width:125px;
padding-right:3px;}
div.top_giftbox_area03 {
padding:10px;
margin-bottom:20px;
border:1px solid  #999;
}
div.top_giftbox_area02 h3{
font-size:150%;
}
div.top_giftbox_area03 ul{
margin-left:135px;
height:120px;}
div.top_giftbox_area03 li{
padding-top:25px;
float:left;
padding-right:3px;}
div.giftbox_area h3{
font-size:150%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
color:#0099CC;
border-bottom:1px dotted #0099CC;
margin-bottom:10px;
}
div.giftbox_area p{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:110%;
margin-bottom:10px;
}
div.top_chartbox {
clear:both;
padding:10px;
}
div.top_chartbox_left01 {
float:left;
width:310px;
}
div.top_chartbox_right01 {
float:right;
width:300px;
}
div.top_giftbox_area01 h3{
font-size:150%;
}
div.top_giftbox_area01 ul{
margin-left:105px;
height:120px;
}
div.top_giftbox_area01 li{
padding-top:25px;
float:left;
width:129px;
padding-right:3px;}
div.top_giftbox_area02 {
background:url("/img/background/top_giftbeer_bg.png") no-repeat left;
padding:10px;
margin-bottom:20px;
border:1px solid  #999;
}
div.top_giftbox_area02 h3{
font-size:150%;
}
div.top_giftbox_area02 ul{
margin-left:105px;
height:120px;}
div.top_giftbox_area02 li{
padding-top:25px;
float:left;
width:129px;
padding-right:3px;}
#arrCheckItems h2{
border-bottom:1px dotted #333333;
margin-bottom: 5px;
padding:0px;
font-size:140%;
}
#arrCheckItems{
margin-bottom:10px;
padding: 5px 10px;
min-height:150px;
}
#arrCheckItems ul li {float:left; width:130px;padding-right:20px;}
#arrCheckItems ul li p.item_image{ text-align:center;}
#arrCheckItems ul li p.price{ font-size:100%;}
#arrCheckItems ul li p.item{ font-weight:bold;}
div#whobought_area {
clear: both;
padding: 35px 0 0 0;
}
div#whobought_area h2 {
margin-bottom: 20px;
padding: 6px 0 8px 25px;
background: url("/css/img/background/bg_customervoice_area.gif") no-repeat bottom ;
font-size:160%;
color:#333333;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
div#undercolumn_cart .point_announce {
padding: 20px;
margin-bottom: 20px;
border: solid 1px  #999999;
background: #EFE2C8;
font-size: 120%;
text-align: center;
line-height: 150%;
}
div#undercolumn_cart .totalmoney_area {
margin-bottom: 20px;
}
div#undercolumn_cart p {
margin: 10px 5px;
}
div#undercolumn ul#quantity_level li {
padding: 3px;
display: inline;
}
div#undercolumn .empty {
text-align: left;
}
div.form_area {
margin-bottom: 30px;
}
div#undercolumn_customer {
}
.flow_area {
margin: 0 0 30px 20px;
}
div#undercolumn_customer th em {
color: #000;
font-weight: bold;
}
div#undercolumn_shopping .pay_area {
margin: 0 auto 30px;
width: 100%;
}
div#undercolumn_shopping .pay_area02 {
margin: 40px auto 30px auto;
}
div#undercolumn_shopping .pay_area02 .txtarea {
margin: 5px 0 0 0;
padding: 2px;
border: 1px solid #ccc;
width: 99%;
height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
margin-bottom: 10px;
}
div#undercolumn_shopping .point_area {
margin: 40px auto 0 auto;
}
div#undercolumn_shopping .point_area .point_announce {
padding: 20px;
border: 1px solid #ccc;
}
div#undercolumn_shopping .point_area p {
margin-bottom: 20px;
}
div#undercolumn_shopping .point_area .point_announce li {
margin-bottom: 5px;
}
#address_area {
margin-bottom: 10px;
width: 100%;
}
#address_area .information {
width: 65%;
float: left;
}
#undercolumn_shopping .information {
margin-bottom: 15px;
}
#address_area .add_multiple {
padding: 30px 20px;
border: 1px solid #999;
float: right;
width: 30%;
color: #555;
background: #EEE;
text-align: center;
font-weight: bold;
}
#address_area .add_multiple p {
margin-bottom: 10px;
font-size:120%;
}
#address_area p.addbtn {
font-weight: bold;
font-size: 10px;
}
p.condition_area {
margin: 0 auto;
padding: 5px;
border: solid 1px #333;
width: 566px;
}
nav{
margin: 0 auto;
padding: 0 0 0px;
text-align: left;
background-color: #f7f6f4;
}
nav ul{
width:1030px;
padding: 0px;
}
nav ul li {
list-style:none;
float:left;
margin: 0px;
line-height:0;}
table {
margin: 15px auto 20px auto;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 100%;
border-collapse: collapse;
text-align: left;
font-size:110%;
color:#333333;
line-height:200%;
}
table th {
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #333;
background-color: #f0f0f0;
font-weight: normal;
}
table td {
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
div#undercolumn_shopping table th[scope=col] {
text-align: center;
}
div#undercolumn_shopping table.delivname th {
width: 155px;
}
div#mycontents_area table th {
text-align: left;
}
div#mycontents_area table th.alignR {
text-align: right;
}
div#mycontents_area table th.alignL {
text-align: left;
}
div#mycontents_area table th.alignC {
text-align: center;
}
div#mycontents_area table th.resulttd {
text-align: right;
}
div#mycontents_area table caption {
padding: 8px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
color: #000;
background-color: #f0f0f0;
text-align: left;
font-weight: bold;
}
table select {
margin-bottom: 7px;
border: solid 1px #ccc;
}
table#chart {
margin-top:0px;
background: #ffffff;
border-left: #cccccc 1px solid;
border-collapse: collapse;
width: 100%;
font-size: 90%;
color:#333333;
}
table th.t_top {
background:#333333;
border-bottom: #cccccc 1px solid;
border-top: #cccccc 1px solid;
border-right:#cccccc 1px solid;
text-align: center;
color:#ffffff;
}
table td.t_line01 {
background: #ffffff;
border-bottom:#cccccc 1px solid;
border-right:#cccccc 1px solid;
text-align: left;
padding: 5px;
}
table td.t_line02 {
background: #f2f2f2;
border-bottom:#cccccc 1px solid;
border-right:#cccccc 1px solid;
text-align: left;
padding: 5px;
}
table#comment {
background: #ffffff;
border-top: #666 2px solid;
border-bottom: #cccccc 1px solid;
border-collapse: collapse;
width: 100%;
font-size: 12px;
border-left:none;
width:90%;
}
table#comment th {
padding:3px;
color: #333;
font-weight: normal;
border:none;
border-bottom: #cccccc 1px dotted;
}
table#comment td {
border-right:none;
border:none;
padding: 3px 3px 3px 8px;
border-bottom: #CCC 1px dotted;
}
table#comment a{
text-decoration:underline;
color:#990000;
}
.jyusho_p{
color: #C33;
font-weight:bold;
font-size:120%;
}
table#company {
width:  100%;
margin: 10px auto 30px auto;
border-collapse: separate;
border-spacing: 0px 30px;
font-size: 14px;
color:#666;
border:none;
}
table#company th,
table#company td {
padding: 10px;
border-top:1px solid #CCC;
}
table#company th {
background-color: #333;
background-image:url("/css/img/icon/q.png");
background-repeat:no-repeat;
background-position:top left;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
font-size: 15px;
width: 200px;
}
table#company th.qa {
background-color: #333;
background-image:url("/css/img/icon/q.png");
background-repeat:no-repeat;
background-position:top left;    vertical-align: middle;
text-align: left;
width: 200px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
font-size: 14px;
}
table#company th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #E3D0B5;
border-width: 10px;
margin-top: -10px;
}
table#company th.qa:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #333;
border-width: 10px;
margin-top: -10px;
}
@-moz-document url-prefix() {
table.company th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #E3D0B5 10px solid;
margin-top: -10px;
}
}
table#company td {
background-image:url("/css/img/icon/a.png");
background-repeat:no-repeat;
background-position:left top;
background-color: #f8f8f8;
width: 360px;
padding-left: 20px;
}
table#oyster {
width:  80%;
margin: 0px auto 0px auto;
border-collapse: separate;
font-size: 13px;
color:#666;
border:none;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;}
table#oyster th,
table#oyster td {
padding: 10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.side_column {
overflow-x: hidden;
}
.side_column .block_body,
#main_column .block_body {
border-top: none;
}
.side_column .block_body .box {
width: 162px;
}
#container .block_outer {
padding: 0 15px 10px;
}
#container #main_column .block_outer {
padding: 0 0 20px;
}
#container .side_column .block_outer {
padding: 0px 5% 20px 0%;
}
#container .side_column .block_outer02 {
padding: 0px 0% 10px 5%;
}
#container .block_outer .block_body dl.formlist {
margin-bottom: 0px;
}
#container .block_outer .block_body dl.formlist dd {
margin-bottom: 0px;
}
#container .block_outer .block_body dl.formlist dt {
padding-left: 15px;
background: url("/img/icon/ico_arrow_03.gif") no-repeat left;
font-size: 90%;
}
#container .block_outer .block_body dl.formlist span {
vertical-align: top;
}
#login_area h2,
#search_area h2,
#calender_area h2,
#cart_area h2,
#cart h2 {
padding: 0px 0px 15px 0px;
font-size: 14px;
}
#category_area h2 {
padding: 0px 0 10px 0px;
font-size: 14px;
}
.block_outer h2{
padding: 0px 0px 10px 0px;
font-size: 14px;
}
#cheak_area h2,
#recommend_area h2,
#news_area h2 {
padding: 5px 0 8px 0px;
}
p.side_h3{
border:1px solid #CCC;
margin-bottom:5px;
padding:3px 0px;
}
h3.side_category{
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:15px;
font-weight:200;
background:url("/img/title/side_h3_title_bg.png");
background-position:bottom;
background-repeat:no-repeat;
padding:0px 0px 7px 3px;
margin:0px 0px 10px 0px;
height:20px;
}
#news_area .news_contents {
padding: 10px 15px;
max-height: 230px;
height: auto !important;
height: 260px;
overflow: auto;
overflow-y: scroll;
background: url("/img/background/line_dot_01.gif") repeat-x bottom;
margin:0px 10px;
}
#news_area dl.newslist {
background: url("/img/background/line_dot_01.gif") repeat-x bottom;
padding:3px 0px;
}
#news_area dl.newslist:last-child {
background: none;
}
#news_area dl.newslist dt {
clear: left;
float: left;
margin: 0 0 0.8em;
width: 12em;
padding-left: 5px;
color: #000;
}
#news_area dl.newslist dd {
padding-left:5px;
margin-bottom: 0.8em;
margin-left: 12em;
}
#cheak_area .cheak_contents{
margin:10px 0px;
}
#cart_area .information {
padding: 10px;
}
#cart_area .postage {
margin-top: 10px;
padding-top: 10px;
background: url("/img/background/line_dot_01.gif") repeat-x top;
}
#cart_area .postage .point_announce {
padding: 2px 0 2px 20px;
background: url("/img/icon/ico_price.gif") no-repeat left top;
}
#cart_area .btn {
padding: 10px 0;
background: url("/img/background/line_dot_01.gif") repeat-x top #f7f7e6;
text-align: center;
}
#cart_area .btn a:hover {
opacity: 0.8;
}
#container #category_area .block_body {
}
#category_area li {
padding-left: 5px;
}
#category_area li.level1 {
border-bottom: solid 1px #ccc;
}
#category_area li.level1 p {
padding-left: 20px;
margin: 7px 3px;
}
#category_area li.level1 p {
background: url("/img/icon/ico_arrow_01.gif") 2px 3px no-repeat;
}
#category_area li.level1 li p {
background: url("/img/icon/ico_level.gif") 7px 7px no-repeat;
}
#category_area li a {
display: block;
padding: 0;
}
a.onlink:link {
color: #f00;
text-decoration: underline;
}
a.onlink:visited {
color: #f00;
}
a.onlink:hover {
color: #f00;
}
#container #category_area .block_body {
}
.side-navi {
font-size:120%;
margin: 0em;
padding: 0;
}
.side-navi li {
padding-left:10px;
padding-bottom:6px;
}
a.onlink:link {
color: #f00;
text-decoration:none;}
a.onlink:visited {
color: #f00;
}
a.onlink:hover {
color: #f00;
}
#container #category_area .block_body {
}
.guide-navi {
font-size:100%;
margin: 0em;
padding: 0;
}
.guide-navi li {
background:url("/img/icon/guide_arrow_01.png") no-repeat left;
padding-left:20px;
padding-bottom:4px;
padding-top:4px;
margin-left:5px;
}
a.onlink:link {
color: #f00;
text-decoration:none;}
a.onlink:visited {
color: #f00;
}
a.onlink:hover {
color: #f00;
}
#container #category_area .block_body {
}
.company-navi {
font-size:100%;
margin: 0em;
padding: 0;
}
.company-navi li {
background: url("/img/icon/sekinoichi_arrow_01.png") no-repeat top left;
padding-left:20px;
padding-bottom:8px;
padding-top:0px;
margin-left:5px;
}
a.onlink:link {
color: #f00;
text-decoration:none;}
a.onlink:visited {
color: #f00;
}
a.onlink:hover {
color: #f00;
}
#guide_area {
border: none;
}
#guide_area li {
margin-bottom: 5px;
letter-spacing: -0.05em;
}
ul.button_like li {
margin: 0;
padding: 0 0 1px 0;
background: url("/img/background/bg_btn_list.jpg") bottom repeat-x;
}
ul.button_like li a {
margin: 0;
padding: 10px 15px 10px 10px;
border: 1px solid;
border-bottom: none;
border-color: #ccc;
display: block;
background: url("/img/icon/ico_arrow_02.gif") no-repeat right;
text-decoration: none;
outline: none;
}
#container div#login_area .block_body {
padding: 10px;
}
#container div#login_area .block_body p {
margin-bottom: 5px;
}
#container div#login_area .block_body .btn {
text-align: center;
}
#container .login_area dl.formlist {
margin-bottom: 8px;
width: 420px;
}
#container .login_area dl.formlist dt {
margin-bottom: 3px;
padding-left: 15px;
color: #333;
background: url("/img/icon/ico_arrow_03.gif") no-repeat left;
width: 90px;
float: left;
font-size: 90%;
}
#container .login_area dl.formlist dd {
margin-bottom: 5px;
float: right;
width: 300px;
vertical-align: bottom;
text-align: left;
}
#container div#login_area .block_body .mini {
margin-top: 5px;
letter-spacing: -0.01em;
}
#container div#search_area .block_body {
padding:  0px;
}
#container div#search_area .block_body .btn {
text-align: center;
padding-top:5px;
}
#calender_area {
background-color: transparent;
border: none;
}
#calender_area .block_body {
padding: 10px 0;
background-color: #f1f9fc;
}
#calender_area table {
background: #fff;
border: none;
width: 150px;
margin: 0 auto 5px;
font-size: 90%;
}
#calender_area table td {
padding: 1px 3px;
border-top: 1px solid #ccc;
border-right: none;
text-align: center;
}
#calender_area th {
padding: 1px 3px;
background: #fff;
border: none;
text-align: center;
}
#calender_area table .month {
margin-bottom: 5px;
padding-left: 12px;
background: url("/img/icon/ico_arrow_04.gif") no-repeat left;
font-size: 120%;
}
#calender_area .off {
color: #f00;
}
#calender_area .today {
background-color: #FFF99D;
font-weight: bold;
}
#calender_area .information {
margin-left: 10px;
font-size: 90%;
}
#recommend_area .block_body,
#whobought_area .product_item {
padding: 10px;
border:1px solid #999;
margin-right:7px;
margin-bottom:10px;
}
#recommend_area .block_body p,
#whobought_area .product_item p {
margin: 0 0 5px 0;
}
#recommend_area .block_body img,
#whobought_area .product_item img {
margin: 0 5px 0 0;
}
#recommend_area .block_body h3,
#whobought_area .product_item h3 {
font-size: 100%;
text-align:1.3em;
}
.side_column #recommend_area .product_item {
margin-bottom: 10px;
}
#main_column #recommend_area .block_body .productImage{
margin-bottom: 10px;
float: left;
}
#whobought_area .product_item .productImage {
margin-bottom: 10px;
text-align: center;
}
.side_column #recommend_area .block_body .productImage {
float: none;
text-align: center;
width: auto;
}
#main_column #recommend_area .product_item,
#whobought_area .product_item {
float: left;
width: 20.5%;
margin-left:10px;
padding-left: 1%;
padding-right: 1%;
}
#main_column.colnum1 #recommend_area .block_body .productContents {
float: right;
width: 74%;
}
#main_column.colnum2 #recommend_area .block_body .productContents{
float: right;
width: 74%;
}
#main_column.colnum2 #whobought_area .productContents {
float: right;
width: 100%;
}
#main_column.colnum3 #recommend_area .block_body .productContents,
#main_column.colnum3 #whobought_area .productContents {
float: right;
width: 100%;
}
.side_column #recommend_area .block_body .productContents {
clear: both;
}
#sekinoichi_bottom_wrap {
background-color:#F3ECE1;
clear:both;
padding:20px 0px;
}
#sekinoichi_bottom{
margin: 20px auto;
padding:30px 21px 23px 30px;
width: 1010px;
background:#F5F3E1;
font-size:100%;
text-height:160%;
min-height:460px;
}
#sekinoichi_bottom h2{
width: 1030px;
margin: 0 auto;
margin-bottom:20px;
margin-top:20px;
}
#sekinoichi_bottom h3{
font-size:120%;
margin:5px 0px;
}
#sekinoichi_bottom ul{
margin:0px;
}
#sekinoichi_bottom li.ue{
width:232px;
text-align:left;
float: left;
border-right:1px dotted #999999;
padding-bottom:5px;
margin-bottom:20px;
margin-right:15px;
padding-right:8px;
}
#sekinoichi_bottom li.ue_last{
width:232px;
text-align:left;
margin-bottom:20px;
float: left;
padding-bottom:20px;
}
.left_bottom01{
float:left;
width:490px;
}
.right_bottom01{
float:right;
width:500px;
}
.right_bottom01_Lbox01{
float:left;
width:240px;
}
.right_bottom01_Rbox01{
float:right;
width:240px;
}
.bottom01box{
margin-bottom:15px;
clear:both;
}
.bottom01box_R{
float:right;
width:30px;}
.bottom01box_L{
text-align:left;
float:left;
width:180px;}
img.voice_p{
float:right;
padding-left:10px;
}
.right_bottom01_Lbox01{
float:left;
}
#guide_bottom_wrap {
clear:both;
background:url("/img/background/guide_bg.png");
background-position:top;
background-repeat:repeat;
min-height:1000px;
}
#guide_bottom{
margin: 0 auto;
padding-top:10px;
width: 1030px;
}
#guide_bottom p{
font-size:12px;
line-height:1.7em;
color:#FFFFFF;
margin-bottom:10px;
}
#guide_bottom p.haiso{
font-size:14px;
color: #FC0;
margin-bottom:10px;
font-weight:bold;
}
#guide_bottom h2{
margin-bottom:15px;
}
#guide_bottom h3{
margin-bottom:5px;
color: #FC3;
}
.guide_bottom_L{
padding:10px 0px;
float:left;
width:320px;
margin-right:10px;
}
.guide_bottom_C{
float:left;
padding:10px 0px;
width:320px;
margin:0px 20px;
}
.guide_bottom_R{
float:right;
padding:10px 0px;
width:320px;
}
.guide_bottom_BOX{
margin-bottom:10px;
}
#guide_bottom a{
color:#09F;
text-decoration: underline;}
#headerInternalColumn {
float: right;
}
div#headerInternalColumn ul li {
display: block;
float: left;
}
#header_login_area {
padding: 0 10px;
border: solid 1px #ffc979;
height: 30px;
background: #fef3d3;
letter-spacing: -0.075em;
}
#header_login_area ul.formlist {
margin-top: 5px;
}
#header_login_area ul.formlist li {
float: left;
}
#header_login_area ul.formlist li.mail {
padding-left: 28px;
width: 155px;
background: url("/css/img/common/ico_arrow_login.gif") no-repeat left;
font-size: 90%;
}
#header_login_area ul.formlist li.password {
padding-right: 5px;
}
#header_login_area ul.formlist li.login_memory {
padding-right: 5px;
font-size: 90%;
}
#header_login_area ul.formlist li.forgot {
margin-top: 3px;
padding-right: 5px;
font-size: 90%;
}
#header_login_area ul.formlist li.btn {
padding-right: 5px;
width: 53px;
}
#header_login_area p.btn {
height: 20px;
padding: 5px 0;
vertical-align: middle;
}
#header_login_area p.btn input[type=image] {
vertical-align: middle;
}
#topcolumn .h-nav{
width:1030px;
margin:0 auto;
}
#container .block_outer #banner_area .block_body {
border: none;
}
#main_column .block_outer #banner_area .block_body ul {
width: 100%;
}
#main_column .block_outer #banner_area .block_body ul li {
float: left;
}
#main_column .block_outer #banner_area .block_body ul li.sub_01 {
padding-right: 8px;
}
#leftcolumn .block_outer #banner_area .block_body ul li,
#rightcolumn .block_outer #banner_area .block_body ul li {
margin-bottom: 8px;
}
div#windowcolumn {
width: 560px;
height: 100%;
margin: 15px 15px 0 15px;
background: #fff;
}
div#windowcolumn h2 {
margin-top:10px;
margin-bottom: 10px;
padding: 8px;
border-bottom: solid 1px #666666;
color: #333;
font-size: 200%;
}
div#window_area {
margin: 15px auto 0 auto;
padding-bottom: 20px;
width: 540px;
min-height: 300px;
height: auto !important;
}
div#window_area p.information {
margin-bottom: 20px;
}
div#window_area .message {
margin-bottom: 20px;
color: #f60;
line-height: 150%;
font-weight: bold;
font-size: 140%;
}
div#window_area table {
width: 540px;
}
div#window_area #forgot {
margin: 0 auto;
padding: 20px;
width: 440px;
border: 1px solid #ccc;
text-align: left;
}
div#window_area #forgot .mailaddres {
margin-bottom: 10px;
}
div#window_area #forgot p {
text-align: center;
}
div#bigimage,
div#cartimage {
margin-top: 15px;
background-color: #fff;
text-align: center;
}
div#bigimage img,
div#cartimage img {
padding: 10px;
background-color: #fff;
}
div#zipsearchcolumn {
margin: 15px auto 0 auto;
border-top: 5px solid #ffa85c;
border-bottom: 5px solid #ffa85c;
width: 460px;
background-color: #fff;
}
div#zipsearchcolumn h2 {
margin: 0 0 15px 0;
width: 460px;
}
div#zipsearch_area {
margin: 15px auto 0 auto;
width: 460px;
}
div#zipsearchcolumn .btn {
margin: 15px 0 30px 0;
text-align: center;
}
div#zipsearch_area #completebox p {
padding: 60px 5px;
text-align: center;
}
.top_banner a {
float: left;
margin-bottom: 20px;
}
.layout_body {
}
.layout_table {
width: 1030px;
margin: 0 auto;
background-color: #f7f6f4;
}
#leftcolumn .block_outer .searchBtn {
padding: 9px 0 0;
text-align: center;
}
@media print {
body {
zoom: 75%;
}
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
@font-face {
font-family: 'flexslider-icon';
src:url("/css/toppage/fonts/flexslider-icon.eot");
src:url("/css/toppage/fonts/flexslider-icon.eot#iefix") format('embedded-opentype'),
url("/css/toppage/fonts/flexslider-icon.woff") format('woff'),
url("/css/toppage/fonts/flexslider-icon.ttf") format('truetype'),
url("/css/toppage/fonts/flexslider-icon.svg#flexslider-icon") format('svg');
font-weight: normal;
font-style: normal;
}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider { margin: 0 0 20px; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-direction-nav {display: none;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 1px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}