@charset "utf-8";
/* CSS Document */
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
padding:0;
margin:20px 0 20px 0;
}
.cg_freespace_02 {
padding:0;
margin:20px 0 20px 0;
}
/* カテゴリ・グループのフリースペース内のタグの余白設定 */
.cg_freespace_01 p,
.cg_freespace_02 p {
margin:0 0 10px 0;
}
/* カテゴリ・グループのフリースペース内の
タグの余白設定 */
.cg_freespace_01 ul,
.cg_freespace_02 ul {
margin:0 0 10px 20px;
padding:0;
}
.item_link {
padding: 30px 0;
border-bottom:1px solid #88a43d;
}
.pr_name {
font-size: 14px;
font-weight: bold;
padding: 5px;
border-left: 3px #eaeb9f solid;
display: block;
margin:5px 0 15px 0;
}
.pr_price {
font-size: 14px;
color: #FF3300;
}
.pr_text {
font-size: 12px;
line-height: 140%;
color: #333;
}
.pr_pager {
font-size: 14px;
color: #333;
}
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
/* ************************************************
* 共通設定
* ************************************************ */
* {
margin: 0px;
padding: 0px;
}
body {
color: #333;
font-size: 62.5%;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.6em;
background: url(https://www.onishiskinclinic.com/shop/img/top/background00.gif);
}
br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}
img {
border: 0px;
}
ol, ul {
list-style: none;
}
a {
text-decoration: none;
color: #88a43d;
}
a:hover {
color: #eb9f9f;
}
a:hover img {
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.subtotal {
padding:5px 0;
}
.stotal {
text-align:right;
}
.total {
padding:5px 0;
border-top:1px solid #C3C3C3;
text-align:right;
}
.postage {
border-top:1px dotted #C3C3C3;
border-bottom:1px dotted #C3C3C3;
list-style-type:none;
margin-bottom:5px;
}
.postage li {
margin:5px 0;
color:red;
text-align:left;
}
.viewcart {
padding:5px 0;
text-align:center;
}
.owner_photo {
max-width: 100%;
height: auto;
}
/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
text-align:left;
margin-top:10px;
}
p#sk_link_other a {
font-size:12px;
}
#group-list {
border-top:#838383 dotted 1px;
padding:5px 0px 0px;
margin:10px 20px 0px 0px;
}
/* -------------------------------------
* 商品オプション 表形式
* ------------------------------------- */
#option_tbl {
border-collapse:collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
#option_tbl th{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
#option_tbl td {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
/* -------------------------------------------------------------------------------
COMMON
------------------------------------------------------------------------------- */
.layout01 {
font-size: 1.2em;
line-height: 160%;
margin-bottom: 40px;
}
.layout01 h2 {
background: url(https://www.onishiskinclinic.com/shop/img/item/item00.gif) no-repeat left bottom;
color: #88a43d;
padding: 5px 0 8px 80px;
font-size: 1.8em;
letter-spacing: 2px;
margin: 10px 0 30px;
}
.layout01 h3 {
background: url(https://www.onishiskinclinic.com/shop/img/common/dot01.png) repeat-x bottom;
color: #88a43d;
padding: 5px 0 8px 0;
font-size: 1.6em;
letter-spacing: 1px;
margin: 30px 0 10px;
}
.layout01 h4 {
border-bottom: 1px solid #333;
font-size: 1.2em;
}
.layout01 h5 {
font-size: 1.2em;
}
/*---------------------------------------- width */
.w1000 {
width: 1000px;
margin: 0 auto;
}
.w680 {
width: 680px;
}
.w210 {
width: 210px;
}
.w450 {
width: 450px;
}
.w100p {
width: 100%;
}
/*---------------------------------------- color */
.red {
color: #EB5555;
}
.green {
color: #88a43d;
}
/*---------------------------------------- border */
.border01 {
background: url(https://www.onishiskinclinic.com/shop/img/common/dot01.png) repeat-x bottom;
}
.border02 {
background: url(https://www.onishiskinclinic.com/shop/img/common/dot02.png) repeat-x bottom;
}
.border03 {
border-bottom: 1px dotted #eb5555;
}
.border04 {
background: url(https://www.onishiskinclinic.com/shop/img/common/dot03.png) repeat-y left ;
}
.border05 {
border-left: 1px dotted #88a43d;
}
.border11 {
border: 1px solid #e2e2e2;
}
.table01 {
border-collapse: collapse;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.table01 th, .table01 td {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 6px;
}
.table01 th {
background: #F5F5F5;
}
.table02 {
border-collapse: collapse;
border-top: 1px dotted #CCC;
}
.table02 th, .table02 td {
border-bottom: 1px dotted #CCC;
padding: 10px;
}
.table02 th {
background: #F5F5F5;
text-align: left;
padding-left: 20px;
width: 30%;
border-right: 1px dotted #CCC;
}
/*---------------------------------------- list */
.list01 li {
background: url(https://www.onishiskinclinic.com/shop/img/common/list01.gif) no-repeat left top;
padding: 1px 0 0 20px;
list-style: none;
}
/*---------------------------------------- CLEAR FIX */
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0.1em;
}
.cf {
display: inline-block;
}
/*\*/
* html .cf { height: 1%;}
.cf { display: block;}
/**/
/*---------------------------------------- FLOAT */
.fl {float:left}
.fr {float:right}
.cb {clear:both}
/*---------------------------------------- MARGIN */
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
/*---------------------------------------- PADDING */
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
/* -------------------------------------------------------------------------------
#HEADER
------------------------------------------------------------------------------- */
#header {
background-color: #FFF;
background-image: url(https://www.onishiskinclinic.com/shop/img/common/shadow03.png);
background-position:center 95px;
background-repeat: no-repeat;
}
#header div.w1000 div.cf.fr {
text-align: right;
}
#hd_menu {
width: 268px;
}
#hd_menu li {
float: left;
}
#hd_navi {
width: 1000px;
margin: 10px auto 0 auto;
}
#hd_navi li {
float: left;
}
#search {
height: 26px;
margin-top: 15px;
}
#search .box {
vertical-align:bottom;
height: 26px;
border: none;
padding-left: 15px;
width: 208px;
-webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
-webkit-box-shadow: rgba(204, 204, 204, 0.701961) 2px 2px 6px 0px inset;
-moz-box-shadow: rgba(204, 204, 204, 0.701961) 2px 2px 6px 0px inset;
box-shadow: rgba(204, 204, 204, 0.701961) 2px 2px 6px 0px inset;
background: #E7E9BE;
}
#search .btn {
vertical-align: bottom;
}
/* -------------------------------------------------------------------------------
#WRAPPER
------------------------------------------------------------------------------- */
#wrapper {
width: 100%;
margin: 0 auto;
position: relative;
}
#catch {
margin: 0 auto;
background: -moz-linear-gradient(top, rgba(245,252,228,1) 0%, rgba(245,252,228,1) 88%, rgba(245,252,228,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,252,228,1)), color-stop(88%,rgba(245,252,228,1)), color-stop(100%,rgba(245,252,228,0)));
background: -webkit-linear-gradient(top, rgba(245,252,228,1) 0%,rgba(245,252,228,1) 88%,rgba(245,252,228,0) 100%);
background: -o-linear-gradient(top, rgba(245,252,228,1) 0%,rgba(245,252,228,1) 88%,rgba(245,252,228,0) 100%);
background: -ms-linear-gradient(top, rgba(245,252,228,1) 0%,rgba(245,252,228,1) 88%,rgba(245,252,228,0) 100%);
background: linear-gradient(to bottom, rgba(245,252,228,1) 0%,rgba(245,252,228,1) 88%,rgba(245,252,228,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fce4', endColorstr='#00f5fce4',GradientType=0 );
width: 100%;
height: 400px;
position: absolute;
top: 0px;
text-align: center;
}
#catch div.inner {
width: 1000px;
margin: 0 auto;
}
#catch div.inner img {
margin-left: -300px;
}
/* -------------------------------------------------------------------------------
#SIDE
------------------------------------------------------------------------------- */
#side {
width:230px;
float: left;
padding-left: 20px;
background: url(https://www.onishiskinclinic.com/shop/img/common/shadow01.png) no-repeat right 90px;
}
/*---------------------------------------- 商品カテゴリ */
#sd_item {
width: 225px;
margin: 0 0 30px 5px;
padding-bottom: 2px;
font-size: 1.3em;
background: url(https://www.onishiskinclinic.com/shop/img/common/line01.png) repeat-x bottom;
}
#sd_item dd {
background: url(https://www.onishiskinclinic.com/shop/img/common/line01.png) repeat-x top;
}
#sd_item dd a {
background: url(https://www.onishiskinclinic.com/shop/img/top/sd_menu01.gif) no-repeat left center;
padding: 12px 0 12px 20px;
display: block;
color: #333;
}
#sd_item dd a:hover {
background: url(https://www.onishiskinclinic.com/shop/img/top/sd_menu01b.gif) no-repeat left center;
color: #EB5555;
}
/*---------------------------------------- ランキング */
#rank {
background: url(https://www.onishiskinclinic.com/shop/img/top/sd_rank00.gif) no-repeat top;
width: 205px;
min-height: 640px;
padding: 100px 0 0 0 ;
}
#rank li {
background: url(https://www.onishiskinclinic.com/shop/img/common/line01.png) repeat-x bottom;
}
#rank li a {
display: block;
color: #333;
font-size: 1.1em;
min-height: 95px;
padding: 10px 0;
}
#rank li a:hover {
color: #EB5555;
}
#rank li a span {
vertical-align: bottom;
display:inline-block;
*display: inline;
*zoom: 1;
width: 100px;
min-height:40px;
padding-left: 5px;
}
/* IE6 */
#rank li a span {
_display: inline;
_zoom: 1;
}
#rank li a img {
vertical-align: bottom;
display:inline-block;
*display: inline;
*zoom: 1;
}
/* IE6 */
#rank li a img {
_display: inline;
_zoom: 1;
}
.rank01 a {background: url(https://www.onishiskinclinic.com/shop/img/top/sd_rank01.gif) no-repeat left 10px;}
.rank02 a {background: url(https://www.onishiskinclinic.com/shop/img/top/sd_rank02.gif) no-repeat left 10px;}
.rank03 a {background: url(https://www.onishiskinclinic.com/shop/img/top/sd_rank03.gif) no-repeat left 10px;}
.rank04 a {background: url(https://www.onishiskinclinic.com/shop/img/top/sd_rank04.gif) no-repeat left 10px;}
.rank05 a {background: url(https://www.onishiskinclinic.com/shop/img/top/sd_rank05.gif) no-repeat left 10px;}
#rank li.rank05 {background: none;}
/*---------------------------------------- カレンダー */
#calendar {
height: 300px;
width: 225px;
margin-left: 5px;
}
#calendar h3 {
margin-bottom: 10px;
}
#calendar p {
font-size: 1.1em;
}
#calendar p img {
float: left;
vertical-align: middle;
margin-right: 10px;
}
#calendarBox {
width: 200px;
overflow: hidden;
margin-left:5px;
margin-bottom: 10px;
}
#calendarTable_0,
#calendarTable_1,
#calendarTable_2 {
width: 200px;
}
.calendarTable {
background-color: #FFF;
font-family:Arial, Helvetica, sans-serif;
border-top: #eaeb9f solid 1px;
}
.calendarH2 {
font-family: "Century Gothic" , Arial, Helvetica, sans-serif;
font-size: 24px;
color: #88a43d;
background-color: #FFF;
padding: 5px 0 8px 5px;
margin:0;
letter-spacing: 1px;
text-align: left;
}
.calendarDisp {
font-size: 28px;
}
.calendarDisp span {
font-size: 20px;
display: inline-block;
margin-right: 5px;
}
.monthNex,
.monthNow,
.monthPre {
float: right;
cursor: pointer;
font-size: 12px;
padding:0 5px;
color: #88a43d;
}
.calendarH2 .monthNex:hover,
.calendarH2 .monthNow:hover,
.calendarH2 .monthPre:hover {
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.calendarTable th {
font-size: 12px;
text-align: center;
color: #666;
font-weight: normal;
background-color: #FFF;
padding: 2px 0;
border-bottom: #eaeb9f solid 1px;
table-layout: fixed;
}
.calendarTable td {
font-size: 11px;
font-weight: nomal;
text-align: center;
padding: 3px 0;
border-bottom: #eaeb9f solid 1px;
color: #666;
}
.calendarTable td.holiday {
background-color: #ffcfcf;
}
.calendarTable tr td.today {
border: #CCC solid 1px;
}
/* -------------------------------------------------------------------------------
#CONTENT
------------------------------------------------------------------------------- */
#content {
width: 723px;
float: right;
padding-right: 25px;
}
#content div.inner {
padding-left: 35px;
width:680px;
margin-bottom: 30px;
}
#recommend {
width:680px;
padding-left: 35px;
background: url(https://www.onishiskinclinic.com/shop/img/top/recommend00.gif) no-repeat top;
}
#recommend table {
border-collapse: collapse;
border-top: 1px solid #DDD;
border-left: 1px solid #DDD;
}
#recommend table th, #recommend table td {
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
#recommend table a {
display: block;
font-size: 1.1em;
text-align: center;
line-height: 120%;
color: #333;
}
#recommend table a:hover {
color: #eb5555;
}
#recommend table a img {
display: block;
margin: 0 auto;
}
/* -------------------------------------------------------------------------------
#FOOTER
------------------------------------------------------------------------------- */
#footer {
width: 100%;
background: rgb(232,227,216);
background: -moz-linear-gradient(top, rgba(232,227,216,1) 0%, rgba(209,204,193,1) 68%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,227,216,1)), color-stop(68%,rgba(209,204,193,1)));
background: -webkit-linear-gradient(top, rgba(232,227,216,1) 0%,rgba(209,204,193,1) 68%);
background: -o-linear-gradient(top, rgba(232,227,216,1) 0%,rgba(209,204,193,1) 68%);
background: -ms-linear-gradient(top, rgba(232,227,216,1) 0%,rgba(209,204,193,1) 68%);
background: linear-gradient(to bottom, rgba(232,227,216,1) 0%,rgba(209,204,193,1) 68%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e3d8', endColorstr='#d1ccc1',GradientType=0 );
}
#ft_info {
width: 1000px;
margin: 0 auto;
box-sizing: border-box;
background: #FFF;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
padding: 20px 0;
border: 1px solid #CCC;
border-top: 0;
}
#ft_info h3 {
width: 958px;
margin: 0 auto 20px;
border-bottom: 1px solid #88a43d;
}
.ft_box {
width: 306px;
float: left;
margin-left: 20px;
font-size: 1.1em;
}
.ft_box li {
margin-bottom: 15px;
overflow: hidden;
position: relative;
zoom:1;
}
.ft_box li h4 {
border-bottom: 1px solid #88a43d;
margin-bottom: 15px;
}
.ft_box li p {
margin-bottom: 10px;
}
.ft_box a.fr {
color: #333;
border-bottom: 1px #333 dotted;
}
.ft_box a.fr:hover {
color: #EB5555;
border-bottom: 1px #EB5555 dotted;
}
#ft_navi {
width: 1000px;
background: #D1CCC1;
margin: 0 auto;
text-align: center;
padding: 30px 0;
font-size: 1.1em;
}
#ft_navi a {
color: #333;
}
#ft_navi a:hover {
color: #FFF;
}
/* -------------------------------------------------------------------------------
#PRODUCT
------------------------------------------------------------------------------- */
#topicpath {
margin-bottom: 20px;
color: #AAA;
font-size: 1.2em;
}
#topicpath li {
display: inline;
padding: 1px 5px 0 14px;
background: url(https://www.onishiskinclinic.com/shop/img/common/topicpath01.gif) no-repeat left center;
line-height: 1;
}
#topicpath li#topicpathFirst {
background: none;
padding: 0 5px 0 0;
}
#topicpath li a {
color: #88a43d;
text-decoration: none;
display:inline-block;
*display: inline;
*zoom: 1;
}
#topicpath li a:hover {
color: #eb5555;
}
.product_list {
margin-bottom: 80px;
background: #FFF;
}
.product_list hr {
background: url(https://www.onishiskinclinic.com/shop/img/common/line01.png) repeat-x bottom;
border: none;
height: 2px;
margin: 40px 0;
}
.product_list .w680.cf {
font-size: 1.2em;
letter-spacing: 1px;
line-height: 160%;
position: relative;
zoom: 1;
}
.item_img {
display: block;
margin-bottom: 20px;
border: 1px solid #E2E2E2;
}
.price {
color: #88a43d;
text-align: center;
}
.price span {
line-height: 1;
display: inline-block;
vertical-align: baseline;
*display: inline;
*zoom: 1;
}
.price span.pr01 {
background: #88a43d;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 3px 4px 2px 5px;
margin: 0 2px 0 0;
}
.price span.pr02 {
font-size: 1.8em;
margin: 2px 0 0 0;
}
.price span.pr03 {
font-size: 2.6em;
font-family: "Century Gothic" , Arial, Helvetica, sans-serif;
font-weight: 600;
}
.price span.pr04 {
margin: 0 5px 0 4px;
}
.product_list h2, .title12 {
background: url(https://www.onishiskinclinic.com/shop/img/item/item00.gif) no-repeat left bottom;
color: #88a43d;
padding: 6px 0 7px 80px;
font-size: 2.2em;
letter-spacing: 2px;
margin-bottom: 30px;
}
.product_list h3, .title13 {
background: url(https://www.onishiskinclinic.com/shop/img/top/sd_menu01.gif) no-repeat left bottom;
padding: 4px 0 6px 20px;
color: #333;
font-size: 1.5em;
border-bottom: 1px dotted #88a43d;
margin-bottom: 15px;
}
.product_list h4, .title14 {
background: url(https://www.onishiskinclinic.com/shop/img/common/dot01.png) repeat-x bottom;
padding-bottom: 3px;
margin-bottom: 10px;
}
.product_list h5, .title15 {
border-bottom: 1px solid #eaeb9f;
margin: 10px 0;
color: #88a43d;
text-align: center;
font-size: 1.2em;
}
.product_list h6, .title16 {
background: #eaeb9f;
color: #333;
text-align: center;
margin-bottom: 10px;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.item_table {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
margin-bottom: 15px;
}
.item_table th, .item_table td {
text-align: center;
padding: 5px;
width: 50%;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.color_table {
width: 360px;
margin-bottom: 15px;
margin: 0 auto 20px auto;
}
.color_table th {
width: 80px;
padding-right: 5px;
}
.color_table th, .color_table td {
text-align: left;
}
.item_icon {
margin-bottom: 15px;
}
.item_icon li {
float: left;
}
.item_description {
margin-bottom: 10px;
}
.item_description span.bd {
border-bottom: 1px dotted;
}
.item_description span.rd {
color: #eb5555;
}
.product_list ol, .ol01 {
counter-reset:li;
padding: 0;
list-style: none;
margin-top: 20px;
}
.product_list ol > li, .ol01 > li {
position: relative;
margin: 0 0 10px 6px;
padding: 2px 0 0 30px;
width: 610px;
*list-style-type: decimal; /*IE7*/
}
.product_list ol > li:before, .ol01 > li:before {
content: counter(li);
counter-increment: li;
position: absolute;
top: 0;
left: 0;
width: 19px;
padding: 0 0 0 1px;
color: #88a43d;
font-family: "Century Gothic" , Arial, Helvetica, sans-serif;
text-align: center;
font-size: 1.2em;
border: 1px solid #88a43d;
}
.product_list ul.list01 {
margin-bottom: 20px;
}
div.cartjs_product_table table {
width: 100% !important;
border: none !important;
margin-top: 10px !important;
}
div.cartjs_product_table table th, div.cartjs_product_table table td {
border: none !important;
}
div.cartjs_product_table table th {
text-align: right;
padding-top: 10px !important;
}
div.cartjs_product_table table td {
text-align: left;
padding-left: 10px !important;
padding-top: 10px !important;
}
input.cartjs_product_input_txt {
width: 30px !important;
padding-right: 10px;
text-align: right;
margin-right: 15px;
}
div.cartjs_cart_in input {
background: url(https://www.onishiskinclinic.com/shop/img/item/item_cart.png) no-repeat;
width: 198px;
height: 53px;
cursor: pointer;
text-indent: -9999px;
border: none;
}
.cartjs_sk_link a {
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px;
margin-top: 20px;
display: block;
}
/* -------------------------------------------------------------------------------
#ABOUT
------------------------------------------------------------------------------- */
.about01 {
position: relative;
height: 395px;
margin-bottom: 40px;
}
.about01 img, .about01 p {
position: absolute;
}
.about01 p {
padding: 60px;
line-height: 220%;
top: 150px;
z-index: 1;
}
.about02 {
position: relative;
overflow: hidden;
padding: 20px 0;
}
.about02 p {
width: 480px;
float: right;
}
.about02 p img {
margin: 0 0 10px;
}
.about02 a {
float: left;
}
.about02 span, .about02 a, .about02 p img, .about03 span, .about03 p img, .about03 a, .about03 a img {
display: block;
}
.about03 {
padding:20px;
width: 300px;
float: left;
}
.about03 a img{
margin: 0 auto;
}
.about03 a span {
width: 290px;
text-align: right;
}
.about03 p img{
margin-bottom: 10px;
}
.about05 {
margin: 10px 0 50px;
border-collapse: collapse;
}
.about05 td {
width: 319px;
padding-top: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #88a43d;
min-height: 220px;
vertical-align: top;
}
.about05 a {
display: block;
width: 320px;
color: #333;
}
.about05 a:hover {
color: #eb5555;
}
.about05 a img {
float: left;
}
.about05 p {
width: 320px;
clear: both;
font-size: 0.9em;
padding-top: 10px;
}
.about05 h4 {
font-size: 1.1em;
text-align: center;
float: right;
width: 220px;
}
.about05a {
display: block;
background: #eaeb9f;
padding:2px 0 0 0px;
text-align: right;
font-size: 0.9em;
margin: 0 0 15px 0;
float: right;
width: 170px;
text-align: center;
}
.about05b {
display: block;
border: 1px solid #eaeb9f;
padding:2px 0 0 0;
text-align: center;
font-size: 0.9em;
margin: 15px 0 0 0;
float: right;
width: 220px;
}
.about05ic {
margin: 2px 0 0 3px;
}
#about04 {
width: 680px;
background: url(https://www.onishiskinclinic.com/shop/img/other/about04a.gif) no-repeat;
border-collapse: collapse;
}
#about04 tbody th, #about04 tbody td {
padding: 1px 0 2px 0;
background: url(https://www.onishiskinclinic.com/shop/img/common/dot01.png) repeat-x bottom;
}
#about04 thead th {
padding: 42px 0 0 0;
}
#about04 tfoot th {
padding: 1px 0 70px 0;
}
#about04 tbody tr.last th, #about04 tbody tr.last td {
background:none;
}
#about04 a {
display: block;
background: #FFF;
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
border: 1px solid #CCC;
overflow: hidden;
position: relative;
zoom:1;
font-size: 0.9em;
margin: 5px 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 15px 2px;
color: #000;
text-align: center;
}
#about04 a:hover {
color: #eb5555;
}
#about04 a img {
display: inline-block;
width: 60px;
height: 60px;
vertical-align: middle;
*display: inline;
*zoom: 1;
}
#about04 a span {
display: inline-block;
vertical-align: middle;
line-height: 140%;
padding-top: 30px;
text-align: left;
*display: inline;
*zoom: 1;
}
#about04 a p {
max-width: 260px;
margin: 0 auto;
display: inline-block;
*display: inline;
*zoom: 1;
}
#about04 a span.sun {
background: url(../img/other/about05a.gif) no-repeat right top;
}
#about04 a span.moon {
background: url(../img/other/about05b.gif) no-repeat right top;
}
#about04 a span.all {
background: url(../img/other/about05c.gif) no-repeat right top;
}
.delivery_price {
border-collapse: collapse;
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
margin-bottom: 15px;
}
.delivery_price th {
background: #F5F5F5;
}
.delivery_price th, .delivery_price td {
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.delivery_price thead th, .delivery_price tbody td {
text-align: center;
padding: 5px;
}
.delivery_price tbody th {
text-align: left;
padding: 5px 5px 5px 15px;
}
/* -------------------------------------------------------------------------------
#INFO
------------------------------------------------------------------------------- */
#item {
font-size: 1.2em;
line-height: 160%;
}
.item_r {
width: 450px;
float: right;
}
.item_l {
width: 210px;
float: left;
}
input.cart_btn {
cursor: pointer;
display: block;
width: 210px;
height: 53px;
border: none;
text-indent: -9999px;
background: url(https://www.onishiskinclinic.com/shop/img/item/item_cart.png) no-repeat 0 0;
}
input.btn_submit:hover {
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.item_l img:first-child {
display: block;
border: 1px solid #E2E2E2;
}
.item_l table th {
width: 50px;
}
.item_r h2 {
background: url(https://www.onishiskinclinic.com/shop/img/top/sd_menu01.gif) no-repeat left bottom;
padding: 4px 0 6px 20px;
color: #333;
font-size: 1.5em;
border-bottom: 1px dotted #88a43d;
margin-bottom: 15px;
}
ol.item_ol01 {
counter-reset:li;
padding: 0;
list-style: none;
margin-top: 20px;
}
ol.item_ol01 li {
position: relative;
margin: 0 0 10px 6px;
padding: 2px 0 0 30px;
width: 610px;
*list-style-type: decimal; /*IE7*/
}
ol.item_ol01 li:before {
content: counter(li);
counter-increment: li;
position: absolute;
top: 0;
left: 0;
width: 19px;
padding: 0 0 0 1px;
color: #88a43d;
font-family: "Century Gothic" , Arial, Helvetica, sans-serif;
text-align: center;
font-size: 1.2em;
border: 1px solid #88a43d;
}
.product_list ul.list01 {
margin-bottom: 20px;
}
h5.itemh5 {
border-bottom: 1px solid #eaeb9f;
margin: 10px 0;
color: #88a43d;
text-align: center;
font-size: 1.2em;
}