
/*-- ママバターとは？ --*/
.mmb_box01{
	width:360px;
	padding:0px;
	margin:0;}


.mmb_box01 p{
	border:1px solid #863f13;
	padding:15px 9px;
	margin:0;
	color:#000000;
	font-size:12px;
	line-height:20px;}


.mmb_box02{
	background:url(../img/cat_mmb/cat_mmb_bg01.gif);
	padding:12px;
	margin:0;
	color:#000000;
	font-size:12px;
	line-height:20px;}

.mmb_box02 p {
	font-size:12px;
	line-height:20px;
	margin:0;
	padding:0;}
	
.mmb_box02 p strong	{ color:#993300;}
.txt01{
	float:left;
	width:420px;}


.mmb_box02_td {
	background:#F4FCE2;
	padding:10px;
	color:#383817;
	font-size:12px;
	line-height:20px;
	vertical-align:top;}


.cate_mama_vbox{
	background:url(../img/cat_mmb/cat_mmb_vbg.gif) no-repeat center bottom ;
	padding:0px 12px;
	margin:0;}

.cate_mama_vbox p {
	width:370px;
	float:left;
	margin:0;
	padding:0;}

.cate_mama_vbox p strong{ color:#984807;}



.mmb_box03{
	background:url(../img/cat_mmb/cat_mmb_bg01.gif);
	padding:12px;
	margin:0 0 1em;
	border:1px solid #863f13;}

.mmb_box04{
	background:url(../img/cat_mmb/cat_mmb_bg03.gif);
	padding:12px;
	margin:0 0 1em;
	border:1px solid #863f13;}


.mmb_box03 table,
.mmb_box04 table{
	color:#000000;
	font-size:12px;
	line-height:20px;}

.mmb_line01{
	width:11px;
	background:url(../img/cat_mmb/cat_mmb_line01.gif) repeat-y center;}
	
.mmb_line02{
	height:20px;
	background:url(../img/cat_mmb/cat_mmb_line02.gif) repeat-x left center;}

.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.m0 {margin:0;}



/*=========================================
ママバターカテゴリー
=========================================*/

.mama_lineup_01 {width:640px; margin:0; padding:0px;}
.mama_lineup_01 td {width:300px; padding:0 10px;
	background-color:#f4f1ed;}

.mama_lineup_02 {width:640px; margin:0 0 10px 0; padding:0 10px 0 10px;
	background-color:#ebf4f9;}
.mama_lineup_02 li { float:left; width:300px; margin:0 10px; list-style:none;}

.mama_lineup_03 {width:640px; margin:0; padding:0px;}
.mama_lineup_03 td {width:300px; padding:0 10px;
	background-color:#ebf4f9;}

.cat_mama_box {
	background-color:#f4f1ed;
	width:660px;
	color:#000000;
	font-size:12px;
	line-height:150%;
	letter-spacing:0.1em;
}
.cat_mama_box p {padding:0 20px 0 20px; margin:0; width:300px;}

.mama_bnr_box {width:620px; margin:20px auto; padding:20px 0;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;}
.mama_bnr_box li {width:300px; margin:0 10px 0 0; padding:0;
	float:left; list-style:none;}
.mama_bnr_img {float:left;}



.mama_bnr_box img {margin:-1px 10px -1px -1px; border:1px solid #f4f1ed;}
.mama_bnr_box a:hover img { border:1px solid #000000; margin:-1px 10px -1px -1px;}

/* ------  for IE6------- */
* html .mama_bnr_box a:hover {  zoom: 1;}   
* html .mama_bnr_box a:hover img {       
/* for BackCompat mode          margin-left: -6px;          margin-right: -6px;     over here */ 
float: left; position: relative; }


.mama_voice_box { width:640px; margin:10px 0; padding:0 20px 0 0;}
.mama_voice_img {float:left;}
.mama_voice_txt_box {width:440px; margin:0 0 10px 0; padding:10px;
	background-color:#FFFFFF; float:right;}
.mama_voice_txt_box p {border-bottom:1px dashed #666666; height:30px; margin:0 0 10px 0; padding:0; width:440px;}


/* ママバターボディローション */
.mama_bodylotion_box {margin:0; padding:0 20px; width:620px; height:130px;
	background:url(https://sincere-garden.jp/img/cat_mmb/4560278233334_03.gif) no-repeat bottom left;
	color:#000000;}


/* ママバターUVケアクリーム */

.cat_mama_uv_box {
	background-color:#fffade;
	width:660px;
	color:#000000;
	font-size:12px;
	line-height:150%;
	letter-spacing:0.1em;
	margin:0; padding:0;
}
.cat_mama_uv_box ul {width:619px; margin:0 auto; font-size:14px;}
.cat_mama_uv_list_01 { background:url(https://sincere-garden.jp/img/cat_mmb/4560278233341_04.gif) top left no-repeat;
	width:240px; height:110px; float:left;
	padding:70px 29px 0 29px; margin:0 15px 0 0;}
.cat_mama_uv_list_02 { background:url(https://sincere-garden.jp/img/cat_mmb/4560278233341_05.gif) top left no-repeat;
	width:240px; height:110px; float:left;
	padding:70px 29px 0 29px;}
.cat_mama_uv_list_03 { background:url(https://sincere-garden.jp/img/cat_mmb/4560278233341_06.gif) top left no-repeat;
	width:240px; height:110px; float:left;
	padding:60px 29px 0 29px; margin:0 15px 0 0;}
.cat_mama_uv_list_04 { background:url(https://sincere-garden.jp/img/cat_mmb/4560278233341_07.gif) top left no-repeat;
	width:240px; height:110px; float:left;
	padding:60px 29px 0 29px;}
	
.cat_mama_uv_box p {padding:0 20px 0 20px; margin:0; width:300px; font-size:14px;}

/*=========================================
Clearfix
=========================================*/
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after {/*for modern browser*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/*=========================================
space
=========================================*/
.b0 { border:0!important; }
.p0 { padding:0!important; }
.p10 {padding:10px!important;}
.p20 {padding:20px!important;}

.pt0 { padding-top:0!important; }
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt26 { padding-top:26px!important; }
.pt30 { padding-top:30px!important; }

.pr0 { padding-right:0!important; }
.pr5 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr30 { padding-right:30px!important; }

.pb0 { padding-bottom:0!important; }
.pb5 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }

.pl0 { padding-left:0!important; }
.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl30 { padding-left:30px!important; }
.pl22 { padding-left:30px!important; }

.m0 { margin:0!important; }
.m10 { margin:10px!important;}

.mt05 { margin-top:-5px;_margin-top:7px!important;}
.mt0 { margin-top:0!important; }
.mt5 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }

.mr0 { margin-right:0!important; }
.mr3 { margin-right:3px!important; }
.mr5 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr30 { margin-right:30px!important; }

.mb05{ margin-bottom:-5px!important;}
.mb0 { margin-bottom:0!important; }
.mb1 { margin-bottom:1px!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }

.ml0 { margin-left:0!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml30 { margin-left:30px!important; }

.fl {float:left;}
.fr {float:right;}


/*=========================================
テキスト
=========================================*/

.t10 {font-size:10px;}
.t12 {font-size:12px;}
.t14 {font-size:14px;}
.t16 {font-size:16px;}
.t18 {font-size:18px;}
.t20 {font-size:20px;}
.t22 {font-size:22px;}



/*=========================================
リンク
=========================================*/
/*
a{ color:#FF6600;}
a:link{
	color:#FF6600;
}
a:visited { color: #FF6600;} 
a:hover { color: #a8d03c;} 
a:active { color:#a8d03c;}
*/

img {
  border:0;
  vertical-align:bottom;
}
ul,
li {
  margin:0;
  padding:0;
  list-style:none;
}

img {vertical-align:bottom;}
