@charset "UTF-8";
/*---------------------------------------------
Browser Default Initialization seo_e_white
---------------------------------------------*/
* {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #000;
font-size: 90%;
line-height: 125%;
text-align: left;
-webkit-text-size-adjust: 100%;
height: 100%;
word-wrap: break-word;
background: url(https://www.mentor-foods.co.jp/pic-labo/body.gif) #fff;
}
div, dl, dt, dd, ul, ul li, ol, ol li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td,
section, nav, article, aside,
hgroup, header, address,
figure, figcaption {
margin: 0;
padding: 0;
}
address, caption, cite, code,
dfn, em, strong, th, var {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
caption,
th {
text-align: left;
}
q:before,
q:after {content: '';}
object,
embed {vertical-align: top;}
hr {display: none;}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
img, abbr, acronym, fieldset {
border: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: none;
}
ul li,
ol li {
list-style-type: none;
}
input {
vertical-align: middle;
}
.text-center {
text-align: center;
}
#wrapper {
width: 100%;
min-height: 100%;
background: url(https://www.mentor-foods.co.jp/pic-labo/body_inner.gif) repeat-y top center;
}
.w100 {
width: 100%;
}
.bold {
font-weight: bold;
}
#contents-pop {
width: auto;
}
#contents {
position: relative;
*zoom: 1;
width: 950px;
margin: 0 auto;
padding-top: 25px;
overflow: hidden;
padding-bottom: 70px;
}
#sub-column {
*zoom: 1;
float: left;
width: 205px;
padding-bottom: 80px;
word-break:break-all;
}
#main-column {
float: right;
width: 700px;
margin-bottom: 80px;
}
#main-column-full {
width: 100%;
margin: 0 auto 80px;
}
div#wrapper div#enquete-section,
div.cart-article div.cart-section,
article section {padding: 0;}
div#wrapper div#enquete-section:first-child,
div.cart-article div.cart-section:first-child,
article section:first-child {border-top: none;}
div.cart-article p,
article p {
color: #333;
}
div.cart-article a:hover p,
article a:hover p {color: #666;}
div#wrapper div#enquete-section ul,
div.cart-article div.cart-section ul,
article section ul {
line-height: 160%;
color: #333;
}
#mainVisual {width: 100%;}
#bread-crumb {
margin: -1em 0 15px 0;
}
#bread-crumb-listTop,
.bread-crumb-listCate {
width: 100%;
padding: 0;
margin: 0;
}
#bread-crumb-listTop ol,
.bread-crumb-listCate ol {
width: 720px;
margin: 0;
padding: 0;
overflow: hidden;
*zoom: 1;
}
#bread-crumb-listTop ol li,
.bread-crumb-listCate ol li {
float: left;
*float: none;
*display: inline;
padding: 0 10px 0 13px;
font-size: 80%;
line-height: 120%;
background: url(../img/breadcrumb_bg.gif) no-repeat left center;
*zoom: 1;
}
#bread-crumb-listTop ol li:first-child {
padding-left: 0;
background-image: none;
}
#bread-crumb-listTop,
.bread-crumb-listCate {
padding: 0;
margin: 0 0 3px 0;
}
.column-set {
width: 100%;
overflow: hidden;
*zoom: 1;
}
.column3 {
float: left;
width: 220px;
margin: 0 20px 20px 0;
padding-bottom: 20px;
}
.column4 {
float: left;
width: 165px;
margin: 0 13px 20px 0;
padding-bottom: 20px;
}
.column5 {
float: left;
width: 126px;
margin: 0 16px 20px 0;
padding-bottom: 10px;
}
.column3 h3,
.column4 h3,
.column5 h3 {
line-height: 130%;
margin-bottom: 3px;
}
.column3 h2 a,
.column4 h2 a,
.column5 h2 a,
.column3 h3 a,
.column4 h3 a,
.column5 h3 a {
color: #8c5e0e;
}
.column4 h3 {
width: 126px;
}
.column3:nth-child(3n) {margin: 0 0 20px 0;}
.column4:nth-child(4n) {margin: 0 1px 20px 0;}
.column5:nth-child(5n) {margin-right:1px;}
.column5:nth-child(5n+1) {clear:both;}
.newItem .column3 .itemThumb-wrap {margin: 0 0 5px 0;}
.column4 .itemThumb-wrap {margin: 0 0 10px 0;}
.column5 .itemThumb-wrap {margin: 0 0 10px 0;}
.newItem .column3 .itemThumb {
display: table-cell;
text-align: center;
height: auto;
width: 230px;
vertical-align: middle;
margin-bottom: 5px;
}
.column4 .itemThumb {
display: table-cell;
text-align: center;
height: auto;
width: 165px;
vertical-align: middle;
margin-bottom: 5px;
}
.column5 .itemThumb {
display: table-cell;
height: auto;
width: 126px;
margin-bottom: 5px;
text-align: center;
vertical-align: middle;
}
.column3 .itemThumb a {
height: auto;
width: 230px;
display: block;
}
.column4 .itemThumb a {
height: auto;
width: 165px;
display: block;
}
.column5 .itemThumb a {
height: auto;
width: 126px;
display: block;
}
.column4 .itemThumb a img {
max-height: 165px;
max-width: 165px;
}
.column5 .itemThumb a img {
max-height: 126px;
max-width: 126px;
}
.column3 p,
.column4 p,
.column5 p {
font-size: 80%;
}
.column3 img,
.column4 img,
.column5 img {
vertical-align: bottom;
}
.column3 p.price {
margin-bottom: 3px;
}
.column3 p.sp_price,
.column4 p.sp_price,
.column5 p.sp_price {
color: #a90b5f;
}
.column3 .badge,
.column4 .badge,
.column5 .badge {
padding: 4px 0 0 4px;
position: absolute;
z-index: 100;
}
.column4 .item-list-span-img{
width:165px;
width: 165px;
display:inline-block;
}
.column5 .item-list-span-img{
width:126px;
display:inline-block;
}
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_ratp,
.price span.selling_price,
p.price span.taxine{
color: #a90b5f;
}
section .newItem h2,
section .news h2,
section .pickup h2,
section .ranking h2,
section .group h2,
section .category h2,
#sub-column #book h2 {
margin-bottom: 10px;
padding: 5px 0 30px 33px;
background: url(https://www.mentor-foods.co.jp/pic-labo/tit.gif) no-repeat;
font-size: 125%;
line-height: 165%;
}
#sub-column section .newItem h2,
#sub-column section .pickup h2,
#sub-column section .ranking h2,
#sub-column section .group h2,
#sub-column section .category h2 {
width: 170px;
font-size: 115%;
line-height: 125%;
}
.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;
}
.news .news-contents {
overflow: hidden;
padding: 5px 0 0;
}
dl.news-box:first-child {
padding: 0 0 10px 0;
}
dl.news-box:last-child {
border: none;
}
.news-box dd strong {
color: #9b0a3d;
font-weight: bold;
}
.news-box dd {
line-height: 145%;
}
.shopDiary{}
#sub-column .shopDiary{
background: none;
}
.w100 .news {
float: none;
width: 100%;
margin-right: 0;
padding: 0 0 15px;
}
.w100 .freeArea2 {
float: none;
width: 100%;
}
.w100 .freeArea2 h2 {
}
#main-column .w100 .freeArea2 .freeAreaTitle {
padding-left:5px;
}
#main-column .half-cont .freeArea2 .freeAreaTitle{
padding-left:5px;
font-size: 14px;
font-weight: bold;
line-height: 165%;
border: none;
margin-bottom: 10px;
padding: 0 0 10px;
min-height: 25px;
}
.cont .freeArea2 h2{
}
.group .group-banner {margin-bottom: 5px;}
.group ul {line-height: 110%;}
.group ul li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 3px 0 12px;
background: url(../img/slash_000.gif) no-repeat left center;
}
.group ul li:first-child {
background-image: none;
padding: 0 3px 0 0;
}
.w100 .group {
position: relative;
float: none;
width: 100%;
margin-right: 0%;
padding-bottom: 20px;
margin-bottom: 30px;
}
.w100 .group .group-Title {top: 3px;}
.w100 .group h2 {
display: block;
width: 100%;
margin: 0 0 15px;
}
.category .category-banner {margin-bottom: 5px;}
.category ul {line-height: 110%;}
.category ul li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 3px 0 12px;
background: url(../img/slash_000.gif) no-repeat left center;
}
.category ul li:first-child {
background-image: none;
padding: 0 3px 0 0;
}
.w100 .category {
float: none;
width: 100%;
padding-bottom: 20px;
margin-bottom: 30px;
}
.w100 .category h2 {
display: block;
width: 100%;
margin: 0 0 15px;
}
.w100 .category h3 {
font-weight: bold;
line-height: 120%;
}
.freeArea {
width: 100%;
height: 300px;
background-color: #EEE;
}
#sub-column .group,
#sub-column .category,
#sub-column #followUs,
#sub-column .newItem,
#sub-column .link {
width: 100%;
border: none;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
#sub-column .category h3 {
font-weight: bold;
padding: 0;
}
#sub-column .group nav,
#sub-column .category nav,
#sub-column .link nav {
margin-bottom: 20px;
border-top: none;
}
#sub-column .group nav ul,
#sub-column .category nav ul,
#sub-column .link nav ul {
line-height: 160%;
}
#sub-column .group nav ul li,
#sub-column .category nav ul li,
#sub-column .link nav ul li {
padding: 5px 0;
background-image: none;
display: block;
}
#sub-column .link nav ul li {
line-height:180%;
}
#sub-column .keyword nav ul li {
display: inline;
}
#sub-column .group nav ul li a,
#sub-column .category nav ul li a,
#sub-column .link nav ul li a {
color: #333;
display: block;
text-decoration: none;
padding: 3px 0;
line-height: 130%;
}
#sub-column .link nav ul li a{
display: inline;
}
#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;
padding: 4px 0 0;
}
#sub-column .group nav ul li a:hover,
#sub-column .group nav ul li a:active,
#sub-column .link nav ul li a:hover,
#sub-column .link nav ul li a:active {
background-color: #DDDDDD;
color: #333333;
text-decoration: none;
}
#sub-column .sitelink:hover{
background-color:#DDDDDD;
}
#sub-column .category nav ul li.cat2 a {
zoom: 1;
display: block;
padding: 3px 2px 3px 30px;
margin:0px 0;
line-height: 100%;
color:#000;
text-decoration: none;
}
#sub-column #snav_calendar h2 {
background-image: none;
}
#sub-column #subc_calendar {
width: 200px;
margin-bottom: 20px;
}
#sub-column div.subc_cal_cont {
}
#sub-column div#subc_calendar h2 {
display: none;
}
#sub-column div.cal_wrapper {
width: 170px;
padding: 10px 15px 15px 15px;
}
#sub-column div.cal_wrapper table.cal {
width: 100%;
line-height: 130%;
font-size: 80%;
}
#sub-column div.cal_wrapper table.cal tr th p.month {
float: left;
width: 70%;
text-align: center;
}
#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;
text-align: center;
}
#sub-column div.cal_wrapper table.cal tr.headline td {
border: none;
padding: 10px 0 2px;
}
#sub-column div.subc_cal_cont .cap {
font-size: 80%;
width: auto;
}
#sub-column div.subc_cal_cont .cap ul {
margin: 3px 0 0 15px;
}
#sub-column div.subc_cal_cont .cap li {
display: inline-block;
line-height: 140%;
overflow: hidden;
}
#sub-column div.subc_cal_cont .cap li span {
margin: 0 10px 0 0;
}
#sub-column div.subc_cal_cont .cap .ico_cap01 {
font-size: 120%;
vertical-align: middle;
margin: 0 2px 0 0;
color: #658c37;
}
#sub-column div.subc_cal_cont .cap .ico_cap02 {
font-size: 120%;
vertical-align: middle;
margin: 0 2px 0 0;
color: #ffcccc;
}
#sub-column div.subc_cal_cont .cap .cap-info {
line-height: 140%;
padding: 5px 0 0;
}
#sub-column div.cal_wrapper table.cal tr td div {
padding: 5px 0;
}
#sub-column div.cal_wrapper table.cal tr td div.Today {
background-color: #ffffff;
font-weight: bold;
color: #658c37;
}
#sub-column div.cal_wrapper table.cal tr td div.Deli {background-color: #EFE;}
#sub-column div.cal_wrapper table.cal tr td div.Holyday {
background-color: #ffcccc;
color: #000000;
}
#sub-column div.cal_wrapper table.cal tr td div.backward {
color: #CCC;
font-weight: normal;
background-color: #FFF;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer {
cursor: pointer;
}
#sub-column div.cal_wrapper table.cal tr td div.pointer:hover {
background-color: #EEE;
}
#sub-column #snav_mailMag {
background: url(../img/BGline-scolumn.gif) repeat left top;
padding: 8px;
width: 194px;
margin-bottom: 20px;
}
#sub-column #snav_mailMag h2 {background-image: none;}
#sub-column div.snav_mailMag_cont {
background: #FFF url(../img/Title-scolumn_mmag.gif) no-repeat center top;
width: 161px;
padding: 46px 16px 8px 17px;
}
#sub-column div.snav_mailMag_cont h2 {
width: 161px;
text-align: center;
padding: 0 0 3px 0;
margin: 0 0 7px 0;
border-bottom: 1px dotted #333;
}
#sub-column div.snav_mailMag_cont p {
line-height: 130%;
padding: 5px 0 10px;
}
#sub-column div.snav_mailMag_cont input.mailAddress{
width: 120px;
height: 18px;
vertical-align: middle;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag {
width: 30px;
height: 18px;
text-align: center;
background-color: #272727;
border: none;
color: #FFF;
}
#sub-column div.snav_mailMag_cont input.submit_mailMag:hover {background-color: #666;}
#sub-column #snav_followUs {margin: 0 0 20px 0;}
#sub-column #snav_followUs nav ul {overflow: hidden;}
#sub-column #snav_followUs nav ul li {
float: left;
margin: 0 5px 0 0;
padding: 0;
}
#sub-column #snav_followUs nav ul li img {vertical-align: bottom;}
#sub-column #snav_followUs nav ul li a:hover img{
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cursor: pointer;
}
#subc_freeArea {
margin: 0 0 20px 0;
padding-bottom: 10px;
border-bottom: 1px dotted #333;
}
#subc_freeArea img {margin-bottom: 10px;}
#sub-column .newItem {
background:url(../img/Title-new.gif) no-repeat right 1px;
position: relative;
margin: 30px 0 0 0;
line-height: 90%;
}
#sub-column .newItem h2 {
background: url(../img/Tline-new.gif) repeat-x left bottom;
font-weight: bold;
line-height: 165%;
padding: 0 0 10px 0;
margin-bottom: 15px;
}
#sub-column .newItem .new-Title {
position: absolute;
right: 0px;
top: 1px;
}
#sub-column .newItem .column3,
#sub-column .newItem .column4 {
padding: 0 0 10px 0;
margin: 0 0 25px 0;
float: none;
width: 100%;
}
#sub-column .newItem .column4 .itemThumb-wrap {margin: 0 20px 10px 20px;}
#sub-column .newItem .column4 .itemThumb {
height: auto;
width: 165px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
#sub-column .newItem .column4 .itemThumb a img {
max-height: auto;
max-width: 165px;
}
#sub-column .newItem h3 {text-align: left;}
#sub-column .newItem p.price {
text-align: left;
margin: 0;
}
#sub-column .newItem p.sp_price {text-align: left;}
#sub-column .newItem p.sp_price {color: #a90b5f;}
#sub-column .newItem .column4 .badge {
padding: 4px 0 0 4px;
position: absolute;
z-index: 100;
}
#sub-column .newItem .column4_fourth .itemThumb {
margin: 0 20px 5px 20px;
position: relative;
}
#sub-column .pickup {
background:url(../img/Title-pickup.gif) no-repeat right 2px;
position: relative;
line-height: 90%;
}
#sub-column .pickup .pickup-Title {
position: absolute;
right: 0px;
top: 1px;
}
#sub-column .pickup h2 {
background: url(../img/Tline-pickup.gif) repeat-x left bottom;
margin-bottom: 15px;
font-weight: bold;
line-height: 165%;
padding: 0 0 10px 0;
}
#sub-column .pickup .column5 {
padding: 0 0 10px 0;
margin: 0 0 25px 0;
float: none;
width: 100%;
}
#sub-column .pickup .column5 .itemThumb-wrap {margin: 0 40px 10px 40px;}
#sub-column .pickup .column5 .itemThumb {
margin: 0 0 5px 0;
position: relative;
text-align: center;
height: auto;
width: 126px;
}
#sub-column .pickup .column5 .itemThumb img {
max-height: 126px;
max-width: 126px;
}
#sub-column .pickup .column5 .badge {
padding: 4px 0 0 4px;
position: absolute;
z-index: 100;
}
/* #sub-column .ranking
------------------------------- */
#sub-column .ranking .column5 {
padding: 0 0 10px 0;
margin: 0 0 25px 0;
float: none;
width: 100%;
}
#sub-column .ranking .column5 h3 {
margin-left: 7px;
font-size: 90%;
}
#sub-column .ranking .column5 h3 a {
font-weight: normal;
color: #8c5e0e;
text-decoration: none;
}
#sub-column .ranking .column5 .itemThumb-wrap {
position: relative;
margin: 0 15px 15px 5px;
height: 126px;
}
#sub-column .ranking .column5 .itemThumb {
position: absolute;
top: 0;
right: 0;
}
#sub-column .ranking .column5 .itemThumb img {
height: 126px;
width: 126px;
}
#sub-column .ranking .column5 .badge {
position: absolute;
left: 0;
top: 0;
}
#sub-column .ranking .column5 p.price {
color: #ff485e;
font-weight: bold;
margin-left: 7px;
}
#main-column .recommend .column5 .badge {
padding: 4px 0 0 4px;
position: absolute;
z-index: 100;
}
section #guide .chart .ttlShop {
margin: 25px 0 10px;
padding: 8px 10px;
border-left: 5px solid #e193ae;
background: #faeef2;
font-size: 110%;
font-weight: bold;
}
section #guide table {
line-height: 120%;
table-layout: fixed;
}
section #guide table th,
section #guide table td {
padding: 10px 12px;
border: 1px solid #c8c8c8;
color: #3c3c3c;
}
section #guide table th {
width: 12em;
white-space: nowrap;
}
section #guide table td a {
color: #a90b5f;
}
section #guide table td a:hover {
text-decoration: none;
color: #e28ebb;
}
section #guide table th.shopGuidePointClass{width:530px;}
#shopGuide_wrap section #guide table td {width: 50%;}
section #guide table th.shopGuidePointClass {width: 50%;}
section #guide ul {
margin: 0px 40px;
}
section #guide ul li {
list-style-type: square;
}
section #guide ol {
margin: 0px 40px;
}
section #guide ol li
{list-style-type: decimal;}
#DiaryList h2,
#Diary h2 {font-size: 90%;}
#DiaryList .Diary-cont,
#Diary .Diary-cont {margin: 0 0 15px;}
#DiaryList article {margin: 0 0 40px;}
.state_l {
border-top: 1px dotted #333;
padding: 10px 0 0;
font-size: 80%;
}
.state_r {
border-top: 1px dotted #333;
padding: 10px 0 0;
margin: 0 0 25px;
text-align: right;
font-size: 80%;
}
.state_l,
.state_r {
display: none;
}
.state_l ul,
.state_r ul {line-height: 90%;}
.state_l li,
.state_r li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 3px 0 0;
}
.state_l li.comment,
.state_r li.comment {
border-left: 1px solid #333;
padding: 0 0 0 5px;
}
.state_l li.cate,
.state_r li.cate {
border-left: 1px solid #333;
padding: 0 5px;
}
.state_l li.name {
border-right: 1px solid #333;
padding: 0 5px 0;
margin: 0 5px 0 0;
}
#Diary .more,
#Journal .more {
display: block;
width: 160px;
height: 22px;
color: #FFF;
text-align: center;
vertical-align: middle;
margin: 10px 0 0;
padding: 3px 0 0;
background: url(../img/btn-confirm_bg.gif) repeat-x scroll left top;
}
#Diary a,
#Journal a {text-decoration: none;}
#Diary a .more:hover,
#Journal a .more:hover {
width: 160px;
height: 22px;
background: url(../img/btn-confirm_bg_on.gif) repeat-x scroll left top;
}
#Diary .more img,
#Journal .more img {
padding: 0 5px 0;
vertical-align: middle;
}
#DiaryList .comment-t,
#Diary .comment-t,
#JournalList .comment-t,
#Journal .comment-t {
font-weight: bold;
margin: 0 0 10px 0;
}
#Diary .comment-cont,
#Journal .comment-cont {margin: 0 0 15px;}
#Diary fieldset,
#Journal fieldset {margin-bottom: 5px;}
#Diary legend,
#Journal legend {
background: none repeat scroll 0 0 transparent;
line-height: 200%;
padding: 0;
width: 100%;
}
#Diary fieldset p,
#Journal fieldset p {
margin-bottom: 5px;
}
#Diary fieldset input,
#Journal fieldset input {margin: 0 3px 2px 0;}
#Diary input.name,
#Journal input.name {
width: 215px;
height: 20px;
margin: 0;
}
#Diary input.url,
#Journal input.url {
width: 215px;
height: 20px;
margin: 0;
}
#Diary textarea,
#Journal textarea {
width: 360px;
height: 100px;
margin: 0;
padding: 1px;
}
#Diary .btn-confirm,
#Journal .btn-confirm {margin: 10px 0 0 120px;}
.btn-confirmPost {
height: 25px;
width: 120px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 0.8rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 0 0 0 5px;
}
.btn-confirmPost:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#comment-form #comment-post {margin: 0;}
#comment-form legend {
background: none repeat scroll 0 0 transparent;
line-height: 200%;
padding: 0;
width: 100%;
font-weight: bold;
}
#comment-form p {margin-bottom: 15px;}
#comment-form .name {
width: 215px;
height: 16px;
}
#comment-form .comment-txt {
width: 360px;
padding: 0;
height: auto;
}
#comment-post {margin: 35px 0;}
.comment-box {margin: 30px 0 0;}
div.caution p {
color: #d51414;
line-height: 145%;
}
.btn-confirmBack {
height: 25px;
width: 80px;
color: #FFF;
padding: 0 0 0 8px;
text-align: center;
background: url(../img/btn-back_bg.gif) no-repeat left top;
border: none;
margin: 0 5px 0 0;
}
.btn-confirmBack:hover {background: url(../img/btn-back_bg_on.gif) repeat-x left top;}
@-moz-document url-prefix() {
.btn-confirmPost {
padding: 0 5px 2px;
}
.btn-confirmBack {
padding: 0 2px 2px 8px;
}
}
section#document_wrap {
}
section#document_wrap h1 {
padding: 5px 0 30px 33px;
background: url(https://www.mentor-foods.co.jp/pic-labo/tit.gif) no-repeat;
font-size: 125%;
line-height: 165%;
}
section#document_wrap h2 {
margin: 0 0 15px;
padding: 8px 10px;
border-left: 5px solid #e193ae;
background: #faeef2;
font-size: 110%;
font-weight: bold;
}
section#document_wrap li.c1,
section #document .txt-list03 ul.tree01 li,
section #document .txt-list01 li.c1 {
margin-bottom: 3px;
padding-left: 12px;
background: url(https://www.mentor-foods.co.jp/pic-labo/icn_dot.gif) no-repeat 0 9px;
}
section #document .txt-list01 ul {
margin-left: 20px;
padding-bottom: 30px;
}
section #document .txt-list02 {
padding-bottom: 10px;
overflow: hidden;
}
section #document section.tree00 {
float: left;
padding-left: 20px;
padding-bottom: 20px;
width: 400px;
}
section #document .txt-list03 br {
display: none;
}
section #document .txt-list02 ul.tree01 {
overflow: hidden;
}
section #document .txt-list02 ul.tree01 li.c2 {
padding: 0 0 0 14px;
margin: 0 0 0 3px;
}
section #document .txt-list02 ul.tree01 li.c3 {
padding: 0 0 0 28px;
margin: 0 0 0 3px;
}
section #document .txt-list02 ul.tree01 li.c4 {
padding: 0 0 0 42px;
margin: 0 0 0 3px;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 {
padding: 0 0 0 56px;
margin: 0 0 0 3px;
}
section #document .txt-list02 ul.tree01 li.sp1 {
float:left;
padding: 0 0 0 14px;
margin: 0 0 0 3px;
}
section #document .txt-list02 ul.tree01 li.sp2 {
float:left;
padding: 0 0 0 2px;
}
section #document .txt-list02 ul.tree01 li.sp3{
float:left;
padding: 0 0 0 2px;
}
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%;
}
section #document .txt-list02 ul.iB {
padding: 5px 0 0 12px;
float: left;
line-height: 120%;
}
section #document .txt-list02 ul.iB li {
padding: 0 10px 0 0;
float: left;
}
section #document .txt-list03 {
padding-bottom: 30px;
overflow: hidden;
}
#contact div.caution {margin-bottom: 15px;}
#contact div.caution p {
color: #d51414;
line-height: 145%;
}
#formArea_cc #contact form {margin-top: 30px;}
#contents-pop #contact {
width: auto;
margin: 10px 20px;
}
#contact {
width: 700px;
margin: 0 auto;
}
#contact h4 {font-size: 80%;}
#contact .txtBox {margin: 25px 0 10px;}
section #contact .text-center {
text-align: center;
margin: 50px 0;
}
#contact .txtBox p.txt-T {
font-weight: bold;
margin-bottom: 5px;
}
section #document li {
font-size: 100%;
}
#contact table {
width: 100%;
margin: 10px 0 0;
word-break:break-all;
}
#contents-pop table {width: 100%;}
#contact table th {
width: 28%;
padding: 20px;
font-weight: bold;
color: #2B2B2B;
background-color: #EEE;
border-top: dotted 1px #000;
border-bottom: dotted 1px #000;
}
#contact em {
color: #C23E42;
margin-left: 5px;
font-size: 90%;
font-size: 0.7rem;
}
#contact table td {
width: 72%;
font-size: 90%\9;
padding:20px;
}
#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%;
}
#contact .weaktxt {
color: #333;
font-size: 90%;
padding: 5px 0 0;
}
#contact .note {
color: #333;
font-size: 95%;
font-size: 0.7rem;
line-height: 150%;
margin: 0 0 15px;
}
#contact .txtBox .note {
font-size: 0.7rem;
}
#contact table td textarea {
height: 150px;
width: 90%;
padding: 5px;
}
#contact table td .text-area {
display: block;
margin: 0 0 15px;
}
#contact .btn-confirm {
text-align: center;
padding: 20px;
border-bottom: none;
font-size: 100%;
}
#contact .btn-confirm-enq {
padding: 20px;
font-size: 100%;
}
#contact input.btn-confirmNext {
height: 25px;
width: 150px;
color: #FFF;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 0 5px;
}
#contact input.btn-confirmNext:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact .btn-enq input.btn-confirmNext {
height: 25px;
width: 200px;
color: #FFF;
padding: 0;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 0 5px;
}
#contact .btn-enq input.btn-confirmNext:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact input.btn-confirmBack {
height: 25px;
width: 80px;
color: #FFF;
padding: 0 0 0 8px;
text-align: center;
background: url(../img/btn-back_bg.gif) no-repeat left top;
border: none;
margin: 0 5px;
}
#contact input.btn-confirmBack:hover {background: url(../img/btn-back_bg_on.gif) no-repeat left top;}
#contact input.btn-confirmCancel {
height: 25px;
width: 120px;
color: #FFF;
padding: 0 0 0 8px;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 0 5px;
}
#contact .btn-confirmCancel:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact .btn-confirmClose {
height: 25px;
width: 120px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 0.8rem;
text-align: center;
background: url(../img/btn-close_bg.gif) no-repeat left top;
border: none;
margin: 0 5px;
}
#contact .btn-confirmClose:hover {background: url(../img/btn-close_bg_on.gif) no-repeat left top;}
@-moz-document url-prefix() {
#contact .btn-enq input.btn-confirmNext {
padding: 0 5px 2px;
}
#contact input.btn-confirmNext {
padding: 0 5px 2px;
}
#contact input.btn-confirmBack {
padding: 0 2px 2px 8px;
}
#contact input.btn-confirmCancel {
padding: 0 2px 3px 8px;
}
#contact input.btn-confirmClose {
padding: 0 2px 4px 8px;
}
}
#contact fieldset {margin-bottom: 25px;}
#contact legend {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted;
font-weight: bold;
line-height: 200%;
margin-bottom: 10px;
padding: 0;
width: 100%;
}
#contact fieldset p {
margin-bottom: 5px;
}
#contact fieldset ul {overflow: hidden;}
#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%;
}
#contact input.txtF {
height: 16px;
margin: 0;
padding: 2px 5px;
}
#contact input.mailAddress {
width: 300px;
margin: 0;
}
#contact input.name_sei {margin: 0 10px 0 0;}
#contact select {
margin: 0 0 5px;
padding: 3px 1px;
min-width: 110px;
}
#contact fieldset textarea {
width: 70%;
height: 150px;
padding: 5px;
}
#contact .commentItem {padding: 10px 0 0;}
#contact table td.commentWite {
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;
font-size: 100%;
padding: 15px 20px 20px;
width: 72%;
}
#contact .commentItem {font-weight: 150%;}
#contact .memberF {
padding: 20px 20px 10px;
margin: 20px 0 0 0;
border: 10px solid #EEE;
}
#contact .atttxt {
color: #333;
padding: 5px 0 0;
}
#contact .memberF input {
width: 40%;
height: 16px;
margin: 0;
padding: 2px 5px;
}
#contact .memberF th {padding: 10px 20px;}
#contact .memberF td {
padding: 10px 20px;
font-size: 100%;
}
#contact .memberF input.btn-confirm160 {margin: 10px 0 0;}
.memberName {
border-bottom: 1px dotted;
font-weight: bold;
line-height: 200%;
margin-bottom: 5px;
padding: 0;
}
#contact input.btn-confirm120 {
height: 25px;
width: 120px;
color: #FFF;
padding: 0;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 0 5px;
}
#contact input.btn-confirm120:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact input.btn-confirm160 {
height: 25px;
width: 160px;
color: #FFF;
padding: 0 0 0 8px;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
}
#contact input.btn-confirm160:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact input.btn-confirmReg {
height: 25px;
width: 160px;
color: #FFF;
padding: 0 0 0 8px;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
}
#contact input.btn-confirmReg:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact input.btn-confirmBackItem {
height: 25px;
width: 120px;
color: #FFF;
padding: 0 5px 2px 15px;
text-align: center;
background: url(../img/btn-back_bg120.gif) no-repeat left top;
border: none;
margin: 0 5px;
}
#contact input.btn-confirmBackItem:hover {background: url(../img/btn-back_bg120_on.gif) no-repeat left top;}
@-moz-document url-prefix() {
#contact input.btn-confirm120,
#contact input.btn-confirm160,
#contact input.btn-confirmReg {
padding: 0 5px 2px;
}
#contact input.btn-confirmBackItem {
padding: 0 2px 2px 8px;
}
}
#contact .mailm:first-child {margin: 3px 0 0;}
#contact .mailm {margin: 30px 0 0 0;}
#contact .mailm .txtBox {margin: 0;}
#contact .mailm .txtBox h2 {
border-bottom: none;
margin: 0;
font-weight: normal;
}
#contact .mailm .caution {margin: 0 0 5px;}
#contact table.mailMF td {
overflow: hidden;
font-size: 100%;
border-top: dotted 1px #000;
border-bottom: dotted 1px #000;
}
#contact table.mailMF input.mailAddress {
margin: 0 10px 0 0;
float: left;
}
#contact table.mailMF span.btn-confirm {
display: block;
float: left;
padding: 0;
}
#contact table.mailMF input.btn-confirmNext,
#contact .mailMC input.btn-confirmNext {
float: left;
height: 21px;
width: 100px;
padding: 0 5px 2px;
}
#contact .mailMF input.btn-confirmNext:hover {background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
@-moz-document url-prefix() {
#contact table.mailMF input.btn-confirmNext,
#contact .mailMC input.btn-confirmNext {
padding: 0 5px 3px;
}
}
#contact table.mailMF td.n1 {
border-bottom: none;
padding: 20px 20px 10px;
}
#contact table.mailMF td.n2 {
border-top: none;
padding: 10px 20px 20px;
}
#contact table.mailMF td p {
float: left;
padding: 2px 0 0;
margin-right: 10px;
}
#contact input.mailAddress_new {
height: 20px;
width: 60%;
margin: 0 10px 0 0;
float: left;
}
#contact .mailMC span.btn-confirm {
display: block;
padding: 0;
}
#contact .freeArea {
margin: 60px 50px 0;
width: 620px;
background-color: #FFFFFF;
}
#contact .ann-input {
margin: 5px 0 0;
font-size: 100%;
}
#contact .ann-input input {margin: 0 3px 2px 0;}
#itemList_wrap {margin: 0 0 20px 0;}
#itemList {
margin: 15px 0 0 0;
position: relative;
}
article #main-column #itemList section {margin: 0;}
.column4 h2 {
line-height: 130%;
margin-bottom: 3px;
background: none;
font-weight: normal;
padding: 0;
border: none;
}
article #main-column #itemList section.column4 {
overflow: hidden;
margin: 0 13px 20px 0;
}
article #main-column #itemList section.column4:nth-child(4n) {margin: 0 1px 20px 0;}
#itemList2 {margin:15px 0 0 0;position:relative;}
#itemList2 .column4 {float:none;width:100%;height:auto !important;overflow:hidden;*zoom:1;}
#itemList2 .column4 .itemThumb-wrap {float:left;padding-right:15px;}
#itemList2 .column4 .inner-catch {
line-height:160%;
margin-top:3px;
}
#itemList_wrap #pager-top {
width: 100%;
padding: 25px 0 0 0;
overflow: hidden;
line-height: 100%;
}
#itemList_wrap div.pagerlist #pager-bm {
width: 100%;
padding: 0;
margin: 0 0 20px 0;
overflow: hidden;
line-height: 100%;
}
#itemList_wrap #pager-top .quantity {
float: left;
font-size:80%;
line-height:100%;
}
#itemList_wrap #pager-bm .quantity {
float: left;
font-size:80%;
line-height:100%;
margin: 1px 30px 0 0;
}
#itemList_wrap #pager-top .selectbox,
#itemList_wrap #pager-bm .selectbox {font-size: 80%;}
#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;
}
#itemList_wrap #pager-top ul li.pagericon,
#itemList_wrap #pager-bm ul li.pagericon {
float: left;
*float: none;
*display: inline;
padding: 0;
margin: 0;
line-height: 120%;
*zoom: 1;
}
#pager-top ul li.selected,
#pager-bm ul li.selected {
font-weight: bold;
color: #333;
text-decoration: none;
}
/* item detail
-------------------------- */
.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: 240px;
margin: 0 20px 0 0;
padding: 0 30px;
}
.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: 380px;
}
.itemDetail-cont .itemOutline .icons {
/* margin: 0 0 15px 0; */
display: none;
}
.itemDetail-cont .itemOutline ul.ico_salesMethod {
overflow: hidden;
margin: 0 0 10px 0;
}
.itemDetail-cont .itemOutline ul.ico_salesMethod li {
float: left;
width: 60px;
height: 17px;
}
.itemDetail-cont .itemOutline ul.ico_itemType {overflow: hidden;}
.itemDetail-cont .itemOutline ul.ico_itemType li {
float: left;
width: 68px;
height: 30px;
}
article#Detail #main-column h1 {
margin: 20px 0 10px;
padding: 0;
background: none;
font-size: 115%;
}
article#Detail #main-column h2 {
margin-bottom: 10px;
padding: 5px 0 30px 33px;
background: url(https://www.mentor-foods.co.jp/pic-labo/tit.gif) no-repeat;
font-size: 125%;
line-height: 165%;
}
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 {
margin-bottom: 0;
color: #2A78D0;
}
section.itemDetail-wrap table.spec {
line-height: 250%;
margin: 5px 0;
}
section.itemDetail-wrap table.spec tr {
border: none;
vertical-align: top;
}
section.itemDetail-wrap table.spec th {
width: 40%;
}
section.itemDetail-wrap table.date {
margin: 15px 0 3px;
}
section.itemDetail-wrap table.jan {
margin: 0 0 15px;
}
section.itemDetail-wrap table.price {
line-height: 170%;
margin: 10px 0;
}
section.itemDetail-wrap table.price th {
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: #cd3867;
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;
}
.quantityArea select.quantity {padding: 1px 2px;}
section.itemDetail-wrap .cartArea {margin-bottom: 20px;}
section.itemDetail-wrap .cartArea img {
width: 350px;
height: 30px;
}
section.itemDetail-wrap .cartArea img.nostock {
width: auto;
height: auto;
}
section.itemDetail-wrap .cartArea table.variation {
width: 100%;
word-break:break-all;
}
section.itemDetail-wrap .cartArea tr.t-variation {
background-image: url(../img/valiation_bk.gif);
background-repeat: x-repeat;
background-position: left top;
}
section.itemDetail-wrap .cartArea table.variation th {
font-size: 80%;
font-weight: bold;
padding: 3px 5px;
text-align: center;
line-height: 150%;
border: 1px solid #CCCCCC;
}
section.itemDetail-wrap .cartArea table.variation tr {
border-bottom: 1px dotted #CCCCCC;
}
section.itemDetail-wrap .cartArea table.variation tr.t-variation {
border: none;
}
section.itemDetail-wrap .cartArea table.variation td {
font-size: 80%;
padding: 5px;
text-align: center;
line-height: 150%;
border: 1px solid #CCCCCC;
}
section.itemDetail-wrap .cartArea table.variation td img {
vertical-align: middle;
width: 110px;
height: 20px;
}
section.itemDetail-wrap .cartArea table.variation span.nostock {
color: #F00;
}
section.itemDetail-wrap p.cancel {
padding-left: 20px;
background-image: url(../img/ico_return.gif);
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 5px;
}
section.itemDetail-wrap p.review_txt {
padding-left: 20px;
background-image: url(../img/ico_review.gif);
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 15px;
}
section.itemDetail-wrap p.cancel a,
section.itemDetail-wrap p.review_txt a {
display: block;
}
.itemOutline ul.snsArea,
article#Detail .itemOutline ul.infoArea {
overflow: hidden;
margin-bottom: 10px;
height:30px;
}
section.itemDetail-wrap .itemOutline li {
float: left;
margin-right: 5px;
}
section.itemDetail-wrap .description {
margin: 20px 0 0;
width: 100%;
padding: 0;
}
section.itemDetail-wrap .description p {
line-height: 160%;
}
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;
line-height: 160%;
}
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%;}
article#Detail #main-column section.spec-g_table th {
width: 70px;
max-width: 70px;
min-width: 25px;
padding: 5px 0;
}
article#Detail #main-column section.spec-g_table tr {
border-bottom: 1px dotted #CCC;
width: 100%;
font-size: 80%;
}
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 {
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: 10px 0 0 0;
line-height: 160%;
border-bottom: 1px dotted #CCC;
}
section.userreview div.more {
width: 80px;
height: 19px;
margin: 3px 0 0 0;
}
section.userreview div.more a img {
width: 80px;
height: 19px;
vertical-align: middle;
}
section.userreview table.userreview_list tr td.userreview_user {text-align: left;}
section.userreview table.userreview_list tr td.userreview_date {text-align: right;}
section.userreview table.userreview_list td.userreview_rate {
color: #cd3867;
}
section.userreview table.userreview_list td.userreview_rate img {vertical-align: middle;}
section.userreview table.userreview_list td.userreview_comment {padding: 10px 0 20px;}
article#Detail #main-column section.recommend {
padding: 20px 0 0;
}
article#Detail #main-column section.recommend h2 {
margin-bottom: 10px;
padding: 5px 0 30px 33px;
background: url(https://www.mentor-foods.co.jp/pic-labo/tit.gif) no-repeat;
font-size: 125%;
line-height: 165%;
}
article#Detail section.column5 {border: none;}
.column-set .quantityArea {margin-top: 5px;}
.column-set .quantityArea span {font-size: 80%;}
article #main-column .pageNav_top {
overflow: hidden;
padding-bottom: 5px;
border-bottom: 1px dotted #111111;
}
article #main-column .pageNav{font-size: 80%;}
article #main-column .pageL {
float: left;
width:100%;
}
article #main-column .pageNav_top .pageL {width: 50%;}
article #main-column .pageR {float: right;}
article #main-column h1 {
margin-bottom: 20px;
padding: 5px 0 30px 33px;
background: url(https://www.mentor-foods.co.jp/pic-labo/tit.gif) no-repeat;
font-size: 125%;
line-height: 165%;
}
article #main-column section.rating {
padding-bottom: 30px;
margin-bottom: 5px;
border-bottom: 1px dotted #111111;
}
article #main-column section.rating .reviewBox {
overflow: hidden;
margin: 15px 0;
}
article #main-column section.rating .reviewBox a {
color: #a90b5f;
}
article #main-column section.rating .tmb {
float: left;
margin-right: 20px;
width:80px;
}
article #main-column section.rating .reviewTxt {
float: right;
width: 600px;
}
article #main-column section.rating .reviewTxtNoImg {
float: left;
width: 100%;
}
article #main-column section.rating .ttlArea {overflow: hidden;}
article #main-column section.rating h2 {
float: left;
font-size: 100%;
background: none;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 160%;
border-bottom: none;
}
article #main-column section.rating .btnMore {float: right;}
article #main-column section.rating .reviewTxt ul ,
article #main-column section.rating .reviewTxtNoImg ul {
margin: 5px 0;
vertical-align: middle;
line-height: 120%;
overflow: hidden;
}
article #main-column section.rating .reviewTxt ul li ,
article #main-column section.rating .reviewTxtNoImg ul li {
float: left;
margin-right: 5px;
}
article #main-column section.rating .comment p {
background: #eaeaea;
padding: 5px 15px 15px;
}
article #main-column section.rating .comment h3 {
padding: 20px 0 0 15px;
background: url(../img/shop/trigona.png) no-repeat;
font-weight: bold;
}
article #main-column .pageNav .pageL strong ,
article #main-column .pageNav_top .pageL strong {font-weight: bold;}
article #main-column section.rating .reviewBox_item h2 {
color: #0C3;
float: left;
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 ul {
overflow: hidden;
vertical-align: middle;
line-height: 120%;
}
article #main-column section.rating .reviewBox_item ul li {
float: left;
margin-right: 5px;
margin-bottom: 10px;
}
article #main-column section.rating .reviewBox_item ul li.point {
margin-right: 20px;
color: #F60;
font-weight: bold;
}
article #main-column section.rating ul li.space {margin-right: 20px;}
article #main-column #itemBox {
overflow: hidden;
margin-bottom: 15px;
}
article #itemBox h2 {
float: left;
font-size: 90%;
border-bottom: none;
color: #a90b5f;
}
article #itemBox p {float: right;}
#contact #center1 .centerbox {margin:0px;}
#contact #center1 .centerbox .mainCont .step_navi01 {
background-image: url("../img/navi01.gif");
background-repeat: no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi02 {
background-image:url(../img/navi02.gif);
background-repeat:no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi03 {
background-image:url(../img/navi03.gif);
background-repeat:no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi04 {
background-image:url(../img/navi04.gif);
background-repeat:no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi01,
#contact #center1 .centerbox .mainCont .step_navi02,
#contact #center1 .centerbox .mainCont .step_navi03,
#contact #center1 .centerbox .mainCont .step_navi04 {
height: 83px;
text-align: center;
width: 100%;
}
#contact #center1 .centerbox .mainCont input[type="button"],
#contact #center1 .centerbox .mainCont input[type="submit"]{
height: 25px;
color: rgb(255, 255, 255);
padding: 0px 8px;
font-size: 0.8rem;
text-align: center;
background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
border: medium none;
margin: 5px 5px;
width:auto;
}
#contact #center1 .centerbox .mainCont input[type="button"]:hover,
#contact #center1 .centerbox .mainCont input[type="submit"]:hover{background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;}
#contact #center1 .center{text-align:center!important;}
#contact #center1 p.center a#logout{float:none;}
#deli_scadule .deli_plan_box{width:681px;}
#contact #center1 .centerbox .mainCont input[name="PZIP_SEEK"]{width:180px;}
#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;
background-color:#D6D6D6;
}
#contact #center1 .centerbox .title1 a{color:#000000;text-decoration:underline;}
#contact #center1 .centerbox .title1 a:hover{
color:#000000;
text-decoration:underline;
font-weight:bold;
}
#contact #center1 .centerbox .mainCont {
padding: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%;
}
table#enter #center3 .centerbox form[name="NEXT"] .mainCont .bordlayoutp3 table tbody td div.send_info{
width:75% !important;
margin:0 54px !important;
}
#center-seo .centerbox a,#center3 .centerbox a{text-decoration : underline;}
#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: 80%;}
#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-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: 20px;
padding: 0;
}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] h4.title {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted;
font-size: 110%;
font-weight: bold;
line-height: 200%;
margin-bottom: 10px;
padding: 0;
width: 100%;
}
#enquete-header{
width:960px;
margin:0 auto;
background-color: #FFF;
background:url(../img/header_bg.gif) repeat-x left top;
}
#enquete-header #logo {
margin: 0 auto;
width: 950px;
}
#enquete-header #logo .shoplogo img{
display: table-cell;
vertical-align: middle;
padding: 5px 0;
}
#enquete-header #logo .shoplogo h1 {
max-width: 340px;
background: none;
margin: 0;
padding-top: 5px;
}
#enquete-header #logo .shoplogo h1 a:hover img,
#enquete-header #logo h1 a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#enquete-header #logo .shoplogo img.float_right{float:right;}
#enquete-header #logo .shoplogo img.float_left{float:left;}
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=radio] ,
div.enquete-section #contact #center1 .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=checkbox] {margin:0px 5px 3px 5px;}
div.enquete-section{padding:0;}
div.enquete-section #contact table tbody tr td#center1 .centerbox .mainCont h3.title1{
background: url("../img/Tline-scolumn.gif") repeat-x scroll left bottom transparent;
color: #333333;
font-size: 120%;
font-weight: bold;
line-height: 165%;
margin-bottom: 15px;
padding: 0 0 12px;
}
div.enquete-section #contact table tbody tr td{
width:100%;
border-top:none;
padding:0px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_1] {margin-left:22px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_2] ,
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS4_3]{margin-left:11px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] select[name=ANS5_1]{margin-left:13px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_2]{margin-left:25px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_3]{margin-left:2px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[name=ANS5_4]{margin-left:26px;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] strong{font-weight:bold;}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] textarea{
height: 150px;
padding: 5px;
width: 70%;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]{
background: url("../img/btn-confirm_bg.gif") repeat-x scroll left top transparent;
border: medium none;
color: #FFFFFF;
height: 25px;
margin: 0 5px;
padding: 0;
width: 200px;
}
div.enquete-section #contact .centerbox .mainCont .mainFrame .mainCont form[name=ENQ] input[type=submit]:hover{
background: url(../img/btn-confirm_bg_on.gif) repeat-x left top;
}
.shoplogo{width:340px;}
#enquete-footer{
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: 80%;
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 {
line-height: 200%;
margin: 0px;
padding: 0 10px 10px;
word-break:break-all;
}
#center-seo h3.title1,
#center3 h3.title1 {
margin: 20px 0 15px;
padding: 5px 0 30px 33px;
background: url(https://www.mentor-foods.co.jp/pic-labo/tit.gif) no-repeat;
font-size: 125%;
line-height: 165%;
}
#center-seo #bread,
#center3 #bread {
margin: 10px 5px;
padding: 3px 0;
text-align: left;
line-height: 200%;
}
#center-seo .mainCont,#center3 .mainCont {
padding: 10px;
margin: 0px;
width: auto;
}
#center-seo .centerbox .caution,#center3 .centerbox .caution {
font-weight: bold;
color: #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: 0.8rem;
text-align: center;
background: url(../img/btn-confirm_bg.gif) repeat-x left top;
border: none;
margin: 2px 2px;
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"],
#center-seo input[type="button"],
#center3 input[type="submit"],
#center3 input[type="button"] {
cursor: pointer;
}
#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;
}
#center-seo .bordlayoutp3 table tbody tr td input[type="button"],
#center3 .bordlayoutp3 table tbody tr td input[type="button"]{
width:190px;
}
section .freeTop h2 {
}
#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;
}
.pageNav form img{
float:right;
}
#sub-column .category .fukidashi nav,
#sub-column .category .tatenarabi nav,
#sub-column .category #sps-itemListAllCategory nav {
margin-bottom:0;
}
#sub-column .category .fukidashi nav:last-child,
#sub-column .category .tatenarabi nav:last-child,
#sub-column .category #sps-itemListAllCategory section nav:last-child {
margin-bottom:20px;
}
#sub-column .category #sps-itemListAllCategory section nav:first-child {
margin-bottom:0;
}
#sub-column .category .fukidashi ul {
zoom:1;
}
#sub-column .category .fukidashi nav {
position:relative;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
width:100%;
position:absolute;
top:0;
left:100%;
display:none;
}
#sub-column .category .fukidashi nav:hover .sps-itemCategorySub {
display:block;
z-index:999;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub {
padding: 5px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background:#fff;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a {
color:#333;
font-weight:normal;
}
#sub-column .category .fukidashi nav .sps-itemCategorySub .cat2 a:hover {
color:#333;
font-weight:normal;
}
#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;
font-weight:bold;
}
#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;
}
section.half-cont div.category section h3{
font-weight: bold;
line-height: 120%;
font-size: 80%;
}
#sub-column .category .sps-allList {
margin-bottom:20px;
}
#sub-column .category .sps-allList+#sps-itemListAllCategory {
display:none;
margin-top:-20px;
}
#center1 .centerbox .mainCont{
width: 600px;
padding: 10px;
}
#center1 .centerbox .mainCont h3{
line-height: 43px;
margin-bottom: 0;
padding: 0;
vertical-align: middle;
font-size: 100%;
font-weight: bold;
background: url("../img/Tline-scolumn.gif") repeat-x scroll left bottom transparent;
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.backcolor2 div.float_left{
text-align:left;
}
.mainCont .comment_box td.backcolor2 div.float_left a{
text-decoration: underline;
}
.mainCont .comment_box td.backcolor1,
.mainCont .comment_box td.backcolor2 {
text-align:left;
}
.mainCont .comment_box td.center{
text-align:center !important;
}
.mainCont .comment_box td.backcolor2 div.write_comment input[type="submit"],
.mainCont .comment_box td.backcolor2 div.write_comment input[type="button"] {
height: 25px;
color: #FFF;
padding: 0 8px 0 8px;
font-size: 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;
}
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;}
div.cart-section div#contact img[height="1"]{display:none;}
.itemDescFc{
position:absolute;
margin-left:5px;
}
.itemThumb-wrap-left{
width:165px;
padding-left:10px;
}
.itemThumb-wrap-right{
width:70%;
word-break:break-all;
margin-left:210px;
}
#enter #contents {
width: auto;
}
/* reset
-------------------------- */
div#wrapper div#enquete-header,
div#wrapper > div#cart-header,
header {
}
#gnav {
}
/* common
-------------------------- */
a {
outline: none;
text-decoration: underline;
color: #a90b5f;
}
a:hover {
text-decoration: none;
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
}
img {
max-width: 100%;
height: auto;
width: auto;
}
.cbox {
zoom: 100%;
}
.cbox:after {
content: " ";
clear: both;
height: 0;
display: block;
}
div.clear {
clear: both;
height: 1px;
font-size: 1px;
}
div.clear hr {
display: none;
}
/* header
-------------------------- */
#header {
width: 950px;
margin: 0 auto;
background: url(https://www.mentor-foods.co.jp/pic-labo/header.jpg) no-repeat 345px 0;
}
#header_l {
float: left;
}
#header_l p {
padding-top: 8px;
margin-bottom: 12px;
font-size: 90%;
}
#header_r {
width: 415px;
float: right;
padding-top: 4px;
overflow: hidden;
}
#header_r li {
list-style: none;
float: left;
}
#header_r #header-nav {
margin-left: 125px;
}
#header_r p {
margin-bottom: 4px;
}
#header_r #header_btn {
margin-left: -15px;
margin-right: -25px;
}
#header_r #header_btn li {
padding: 0 19px;
background: url(https://www.mentor-foods.co.jp/pic-labo/header_btn.gif) no-repeat right top;
}
#header #menu {
margin-top: 4px;
}
#header #menu li {
list-style: none;
float: left;
}
/* 20240913 */
#mv-bottom {
width: 950px;
margin: 10px auto;
}
.mv-bottom_txt {
text-align: right;
}
@media (max-width: 767px) {
#mv-bottom {
width: 100%;
margin: 0;
}
.mv-bottom_txt {
font-size: 12px;
}
}
/* leftSearch
-------------------------- */
.leftSearch {
width: 200px;
margin-bottom: 25px;
}
.leftSearch #searchbox_wrap {
padding: 10px;
border: 3px solid #ffc7cd;
}
.leftSearch searchbox {
color: #999999;
font-size: 80%;
line-height: 160%;
overflow: hidden;
text-align: right;
}
.leftSearch #searchbox form {
border: 1px solid #7a7a7a;
height: 27px;
width: 160px;
}
.leftSearch #searchbox input.searchbox {
border: medium none;
margin-left: 1px;
padding: 0 5px;
width: 117px;
height:26px;
}
.leftSearch #searchbox input.searchSubmit {
padding: 1px 1px 0 0;
}
/* freeArea2
-------------------------- */
.freeArea2 .free-banner {
margin: 0 0 10px;
}
.freeArea2 .free-contents ul {
list-style: none;
margin: 5px 3px 25px 7px;
}
.freeArea2 .free-contents li {
margin-bottom: 6px;
padding-left: 12px;
background: url(https://www.mentor-foods.co.jp/pic-labo/icn_dot.gif) no-repeat 0 7px;
font-size: 80%;
}
.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;
}
#sub-column #book {
margin: 30px 0;
}
#sub-column #book h2 {
margin-bottom: 0;
padding: 5px 0 20px 33px;
background: url(https://www.mentor-foods.co.jp/pic-labo/tit.gif) no-repeat;
font-size: 125%;
line-height: 165%;
}
#sub-column #book p,
#sub-column #book h3 {
text-align: center;
}
#sub-column #book p {
margin: 0 15px;
}
#sub-column #book h3 a {
color: #8c5e0e;
font-weight: bold;
text-decoration: none;
}
#sub-column #book .txt {
font-size: 90%;
}
/* header_area
-------------------------- */
.header_area {
margin: 0 auto;
}
/* footer_area
-------------------------- */
.footer_area {
width: 700px;
margin: 0 auto;
padding-top: 40px;
}
.cart-section .footer_area {
margin: 0 auto;
}
#common_guide h2 {
margin-bottom: 10px;
padding: 5px 0 30px 33px;
background: url(https://www.mentor-foods.co.jp/pic-labo/tit.gif) no-repeat;
font-size: 125%;
line-height: 165%;
}
#common_guide img {
width: auto;
height: auto;
}
#common_guide #guide_l {
float: left;
width: 290px;
margin-left: 10px;
padding-right: 20px;
border-right: 1px dashed #979797;
}
#common_guide #guide_r {
float: right;
width: 335px;
margin-right: 10px;
}
#common_guide h6 {
margin: 15px 0 7px;
padding: 0 5px 3px;
border-bottom: 1px dashed #7a7a7a;
}
#common_guide p {
clear: both;
margin: 10px 0 15px;
line-height: 1.4;
}
#common_guide p span {
float: left;
}
#common_guide #common_guide3 p {
padding-left: 62px;
}
#common_guide #common_guide3 p span {
margin-left: -62px;
}
#common_guide p#common_guide7 {
padding-left: 140px;
}
#common_guide p#common_guide7 span {
margin-left: -140px;
}
#common_guide p#common_guide7_message {
padding: 7px 10px;
background: #fbf2f2;
border: 2px solid #d46992;
}
#common_guide strong {
color: #bf1e56;
}
#common_guide p em {
font-weight: bold;
font-size: 110%;
}
#common_guide table {
width: 285px;
}
#common_guide th,
#common_guide td {
padding: 1px 3px;
border: 1px solid #666;
font-size: 90%;
}
#common_guide th {
font-weight: bold;
color: #97873f;
background: #fff7ce;
text-align: center;
}
#footer_logo {
position: absolute;
left: 0;
bottom: 70px;
}
/* footer
-------------------------- */
div#cart-footer,
footer {
margin:0 auto;
background: url(https://www.mentor-foods.co.jp/pic-labo/footer.gif) repeat-x left bottom;
line-height: 100%;
position: relative;
height: 67px;
margin-top: -67px;
clear: both;
}
#footer-inner {
width: 950px;
margin: 0 auto;
overflow: hidden;
}
footer #footer-inner{
}
#footer-inner .footer_gnavi {
float: left;
padding: 25px 0 0;
}
#footer-inner .footer_gnavi ul {
border-left: 1px solid #2d2d2d;
}
#footer-inner .footer_gnavi ul li {
display: inline-block;
*display: inline;
*zoom: 1;
*margin-bottom: 12px;
padding: 0 9px 0 8px;
line-height: 100%;
font-size: 80%;
border-right: 1px solid #2d2d2d;
}
div#cart-footer div.cart-nav,
footer nav,
#copyright {
float: right;
padding: 25px 0 0;
font-size: 80%;
text-align: right;
color: #714f5b;
}
/* page-top
-------------------------- */
#page-top {
position: fixed;
bottom: 77px;
right: 20px;
z-index: 100;
}
#page-top a {
display: block;
width: 37px;
height: 37px;
text-indent: -10000px;
background: url(https://www.mentor-foods.co.jp/pic-labo/btn_pagetop.png) no-repeat;
}
#page-top a:hover {
background: url(https://www.mentor-foods.co.jp/pic-labo/btn_pagetop_on.png) no-repeat;
}
/* badge
-------------------------- */
#main-column .column4 .badge,
#main-column .column5 .badge {
display: none;
}
/* item detail
-------------------------- */
#Detail #description1 {
margin-bottom: 30px;
}
#Detail #description1 #detail_info {
margin-bottom: 30px;
}
#Detail #description1 #detail_info strong#catch {
display: block;
padding: 30px 0;
background: url(https://www.mentor-foods.co.jp/pic-labo/item_catch.gif) no-repeat left center;
color: #db2765;
font-size: 135%;
line-height: 1.5;
}
#Detail #description1 #detail_info div.right {
width: 340px;
}
#Detail #description1 #detail_info div.right p {
margin-bottom: 15px;
margin-right: 5px;
}
#Detail #description1 #detail_info div.right div {
margin-bottom: 15px;
padding: 10px;
background: #fff8e6;
}
#Detail #description1 #detail_info div.right div strong {
color: #e18212;
}
#Detail #description1 #detail_info div.right div p {
margin: 5px 0 0;
font-size: 80%;
}
#Detail #description1 #detail_info div.right caption {
margin-bottom: 10px;
padding: 5px 7px;
background: #def4de;
color: #1d961d;
font-weight: bold;
}
#Detail #description1 #detail_info div.right th,
#Detail #description1 #detail_info div.right td {
padding: 3px 5px;
border-top: 1px dotted #757575;
vertical-align: top;
font-weight: normal;
}
#Detail #description1 #detail_info div.right th {
padding-right: 15px;
white-space: nowrap;
}
#Detail #description1 #detail_contents h3 {
margin: 35px 0 15px;
padding: 8px 10px;
border-left: 5px solid #e193ae;
background: #faeef2;
font-size: 110%;
font-weight: bold;
}
#Detail #description1 #detail_contents .cbox {
margin-top: 15px;
}
#Detail #description1 #detail_contents p {
margin-bottom: 20px;
}
#Detail #description1 #detail_contents table.tea_info th,
#Detail #description1 #detail_contents table.tea_info td {
padding: 5px 10px;
border: 1px solid #c8c8c8;
font-weight: normal;
}
#Detail #description1 #detail_contents table.tea_info thead th {
background: #def4de;
color: #1d961d;
font-weight: bold;
}
#Detail #description1 #detail_contents table.tea_info td {
width: 280px;
}
#Detail #description1 #detail_contact {
margin-bottom: 50px;
}
#Detail #description1 #detail_contact h5 {
margin-bottom: 15px;
}
#Detail #description1 .left {
float: left;
}
#Detail #description1 .right {
float: right;
}
#Detail #description1 .right img {
margin-left: 10px;
}
#Detail #description1 p.center {
text-align: center;
}
#Detail #description1 .green {
color: #639e26;
}
#Detail #description1 .red {
color: #ff1f1f;
}
#Detail #description1 .column3 img {
margin-bottom: 10px;
}
#Detail #description1 dt {
clear: both;
margin-bottom: 5px;
padding-bottom: 5px;
color: #1d961d;
font-weight: bold;
border-bottom: 1px solid #c8c8c8;
}
#Detail #description1 dd {
margin-bottom: 15px;
}
#Detail #description1 dd img {
margin-top: 5px;
}
#Detail #description1 dd span {
float: right;
padding-left: 25px;
}
#Detail #description1 #recipe,
#Detail #description1 #howto,
#Detail #description1 #rating {
margin-top: 50px;
}
#Detail #description1 .recipe {
margin-bottom: 40px;
}
#Detail #description1 #howto h4 {
margin: 20px 0 5px;
padding: 5px 7px;
background: #def4de;
color: #1d961d;
}
#Detail #description1 #howto p {
margin-left: 5px;
}
#Detail #description2 .notes {
margin: 30px 0 20px;
padding: 10px;
border: 1px solid #c8c8c8;
}
#Detail #description2 .notes p {
margin-bottom: 3px;
color: #fe1b1b;
padding-left: 1em;
text-indent: -1em;
}
#Detail #description2 h3 {
margin-bottom: 20px;
}
#Detail #description3 .itemDetail-wrap {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #c8c8c8;
}
#Detail #description3 #detail_regular {
margin-top: 30px;
}
#Detail #description3 #detail_regular h2 {
margin-bottom: 0;
padding: 0;
background: none;
}
#Detail #description3 #detail_regular .right {
text-align: right;
}
/* rating
-------------------------- */
/* freepage
-------------------------- */
#JournalList article {
margin: 0 0 40px;
border: 1px solid #fff;
}
#JournalList article h2,
#Journal h2 {
display: none;
}
#JournalList .journal-cont h2,
#Journal .journal-cont h2 {
display: block;
margin-bottom: 15px;
}
#JournalList article p.center,
#Journal p.center {
text-align: center;
}
#JournalList article p.right,
#Journal p.right {
float: right;
}
#JournalList article p.right img,
#Journal p.right img {
margin-left: 15px;
}
#wakanzen h3,
#foodstuff .cbox h3,
#company h3,
#shop h3 {
margin: 30px 0 15px;
padding: 8px 10px;
border-left: 5px solid #e193ae;
background: #faeef2;
font-size: 110%;
font-weight: bold;
}
/* omoi
-------------------------- */
#omoi h3 {
margin-bottom: 60px;
}
#omoi strong {
display: block;
margin-bottom: 40px;
}
#omoi div.left {
float: left;
width: 365px;
}
#omoi div.left p {
margin-bottom: 25px;
}
#omoi span.right {
float: right;
}
/* recipe
-------------------------- */
#JournalList .recipe h2:first-child,
#Journal .recipe h2 {
display: block;
}
#JournalList .recipe h2.type,
#Journal .recipe h2.type {
display: inline-block;
}
.recipe h2.type {
width: auto;
white-space: nowrap;
margin-bottom: 10px;
padding: 10px;
color: #cb3569;
background: #ffdade;
font-size: 115%;
}
.recipe h3 {
margin-bottom: 10px;
padding: 16px 0 16px 90px;
background: url(https://www.mentor-foods.co.jp/pic-labo/recipe_tit.jpg) no-repeat;
color: #61741f;
font-size: 125%;
}
.recipe h3 a {
color: #61741f;
text-decoration: none;
}
.recipe h3 a:hover {
text-decoration: underline;
}
.recipe h4 {
margin: 20px 0 10px;
padding: 3px 0 8px 35px;
background: url(https://www.mentor-foods.co.jp/pic-labo/icn_clover.jpg) no-repeat 2px 0;
border-bottom: 1px dashed #b4b4b4;
}
.recipe h4 span {
font-weight: normal;
}
.recipe .wakan_food {
margin-bottom: 10px;
padding: 5px 7px;
background: #faeff0;
}
.recipe .wakan_food a {
text-decoration: underline;
}
.recipe .wakan_food a:hover {
text-decoration: none;
}
.recipe em {
display: block;
margin-top: 10px;
font-weight: bold;
}
.recipe .cook p {
padding-left: 3em;
text-indent: -3em;
}
.recipe .foodstuff h4 {
margin: 20px 0 25px;
padding: 5px 7px;
background: #def4de;
border: none;
color: #1d961d;
}
.wakan_info {
float: right;
width: 350px;
margin-right: 10px;
}
.wakan_info p {
margin-bottom: 15px;
}
.wakan_info div {
padding: 10px;
background: #fff8e6;
}
.wakan_info div strong {
color: #e18212;
}
.wakan_info div p {
margin: 5px 0 0;
font-size: 80%;
}
/* faq
-------------------------- */
#faq .block {
margin: 25px 12px;
padding-bottom: 30px;
border-bottom: 1px solid #ebb9cb;
}
#faq .photo dl {
float: left;
width: 335px;
}
#faq .photo span {
float: right;
}
#faq dt {
margin-bottom: 15px;
padding: 25px 0 20px 85px;
color: #bf1e56;
font-weight: bold;
font-size: 115%;
background: url(https://www.mentor-foods.co.jp/pic-labo/faq_q.gif) no-repeat;
}
#faq dd {
padding-left: 85px;
background: url(https://www.mentor-foods.co.jp/pic-labo/faq_a.gif) no-repeat;
}
/* wakanzen
-------------------------- */
#wakanzen p {
margin-bottom: 15px;
line-height: 1.4;
}
#wakanzen p#intro {
line-height: 1.7;
}
#wakanzen #order p {
float: left;
}
/* wakanzen_guide
-------------------------- */
#wakanzen_guide {
position: relative;
margin: 40px 0 60px;
padding-top: 19px;
}
#wakanzen_guide strong {
position: absolute;
top: 0;
left: 0;
}
#wakanzen_guide ul {
padding: 23px 0 20px 238px;
background: #faefee;
}
#wakanzen_guide li {
list-style: none;
float: left;
width: 185px;
margin-bottom: 6px;
padding-left: 12px;
background: url(https://www.mentor-foods.co.jp/pic-labo/icn_dot.gif) no-repeat 0 7px;
}
/* company
-------------------------- */
#company h4 {
margin: 40px 0 20px;
padding: 5px 7px;
background: #def4de;
color: #1d961d;
}
#company p {
line-height: 1.5;
}
#company table {
width: 100%;
}
#company th,
#company td {
padding: 5px;
border: 1px solid #cdcdcd;
vertical-align: top;
font-weight: normal;
}
#company #action th,
#company #action td {
border-left: none;
border-right: none;
}
#company #action th {
padding-right: 25px;
color: #1d961d;
font-weight: bold;
white-space: nowrap;
}
#company #lecture .cbox {
padding: 15px 5px;
border-top: 1px solid #cdcdcd;
}
#company #lecture h5 {
display: inline-block;
width: auto;
white-space: nowrap;
margin-bottom: 10px;
padding: 10px;
color: #fff;
background: #cd2168;
}
#company #lecture h6 {
margin-bottom: 15px;
color: #cd2168;
}
#company #lecture p span {
float: right;
padding-left: 35px;
}
/* shop
-------------------------- */
#shop .cbox div {
float: right;
width: 375px;
}
#shop .cbox div p {
margin-bottom: 15px;
}
#shop .cbox div p.open,
#shop .cbox div p.close,
#shop .cbox div p.add,
#shop .cbox div p.tel {
margin-bottom: 2px;
}
#shop .cbox div p.open {
padding-left: 6em;
text-indent: -6em;
}
#shop .cbox div p.close {
padding-left: 5em;
text-indent: -5em;
}
#shop .cbox div p.add {
padding-left: 4em;
text-indent: -4em;
}
#shop .cbox div p.tel {
margin-bottom: 15px;
padding-left: 4em;
text-indent: -4em;
}
/* regular
-------------------------- */
#regular p {
}
#regular h3 img,
#regular p img {
vertical-align: bottom;
}
#regular #tokuten,
#regular #otodoke,
#regular #tokuten_detail,
#regular #support,
#regular #order {
margin-left: 10px;
}
#regular #support,
#regular #order {
margin-left: 10px;
}
#regular #message,
#regular #faq p,
#regular #faq h3 {
margin-bottom: 10px;
text-align: center;
}
#regular #tokuten {
height: 526px;
overflow: hidden;
background: url(https://www.mentor-foods.co.jp/pic-labo/regular_tokuten_bg.gif) no-repeat left bottom;
}
#regular #tokuten p {
display: inline;
padding: 0 2px 0 8px;
}
#regular #tokuten p img {
margin-bottom: 9px;
}
#regular #toku_oto {
position: relative;
}
#regular #toku_oto span {
position: absolute;
top: 503px;
left: 9px;
}
#regular #faq dl {
margin: 10px 12px;
}
#regular #faq dd {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ebb9cb;
}
#regular #faq dd a {
font-weight: bold;
}
#regular #tokuten_detail h3 {
margin-bottom: 20px;
}
#regular #support h3 {
margin-bottom: 20px;
}
#regular #support p {
margin-left: 15px;
}
#regular #order #order_indent {
margin-left: 83px;
}
#regular #order h4 {
margin-top: 20px;
}
#regular #jyouken {
margin: 60px 0 30px;
}
/* copyright_law
-------------------------- */
#copyright_law p {
margin-bottom: 15px;
}
#copyright_law p#contact {
margin-top: 50px;
}
/* guide
-------------------------- */
#guide p {
line-height: 165%
}
#guide .guide01 {
padding-bottom: 30px;
}
#guide .guide01 h2 {
margin-bottom: 10px;
padding: 8px 10px;
border-left: 5px solid #e193ae;
background: #faeef2;
font-size: 110%;
font-weight: bold;
}
#guide .guide01 p {
margin-bottom: 15px;
}
#guide .guide01 h3 {
margin-bottom: 5px;
font-size: 110%;
}
#guide .fL {
margin: 15px 0;
}
#guide strong.contact {
font-size: 125%;
line-height: 175%;
}
#guide strong.pink {
font-size: 110%;
color: #bf1e56;
}
#guide strong.red {
color: #ff1f1f;
}
/* side_oshirase
-------------------------- */
#center_oshirase,
#side_oshirase {
margin-bottom: 10px;
padding: 10px;
border: 3px solid #bf1e56;
font-size: 110%;
line-height: 135%;
}
#side_oshirase {
margin-right: 4px;
}
/* top slide
-------------------------- */
#slide {
width: 950px;
height: 345px;
position: relative;
overflow: hidden;
}
#slide>p {
position: absolute;
top: 0;
opacity: 0;
}
/* top_main
-------------------------- */
section .freeTop #top_main {
margin-bottom: 30px;
}
section .freeTop a {
color: #8c5e0e;
}
section .freeTop h2 {
margin-bottom: 0;
}
section .freeTop #osusume1,
section .freeTop #osusume2 {
float: left;
width: 340px;
padding-bottom: 50px;
}
section .freeTop #osusume1 {
padding-right: 20px;
}
section .freeTop #osusume1 img,
section .freeTop #osusume2 img {
margin-bottom: 5px;
}
section .freeTop #osusume1 strong,
section .freeTop #osusume2 strong {
display: block;
margin-bottom: 5px;
padding-left: 23px;
font-size: 115%;
background: url(https://www.mentor-foods.co.jp/pic-labo/icn_flower.gif) no-repeat 0 2px;
}
section .freeTop .column3 {
width: 219px;
padding-bottom: 0;
}
section .freeTop #banner {
margin-top: 25px;
}
section .freeTop #banner p {
float: left;
width: 325px;
margin-left: 17px;
}