@charset "Shift_JIS";

/*===================================
  MICRODIET ONLINE ver.090721
  
  0) contents.css

=====================================*/


/*  リンク文字色
=======================================================*/
div.mdotop#wrapper div.main a:link {
	color: #e97105;
}


div.mdotop#wrapper div.main a:visited {
	color: #e97105;
}


div.mdotop#wrapper div.main a:hover {
	color: #e97105;
}

div.mdotop#wrapper div.sidebar div.mame a:hover { color: #00f;
}

div.mdotop#wrapper div.sidebar div.mame a:visited { color: #00f;
}

div.mdotop#wrapper div.sidebar div.mame a:link { color: #00f;
}

div.mdotop#wrapper div.sidebar div.box#other dl a:link { color: #00f;
}

div.mdotop#wrapper div.sidebar div.box#other dl a:visited { color: #00f;
}

div.mdotop#wrapper div.sidebar div.box#other dl a:link { color: #00f;
}

/*  中央エリア
=======================================================*/

/*  テキストFlash
-------------------------------------------*/
div.mdotop#wrapper div.main p.flash-txt {
	padding: 0 0 13px 0;
	text-align: center;
}

div.mdotop#wrapper p.flash-txt a:link {
	color: #003399;
}


div.mdotop#wrapper p.flash-txt a:visited {
	color: #003399;
}


div.mdotop#wrapper p.flash-txt a:hover {
	color: #003399;
}


/*  MDとは、ショッピングボックス
-------------------------------------------*/
div.mdotop#wrapper div.contents div.box {
	width: 412px;
	margin: 0 0 20px 0;
	background:#c5c5c5;
	background: url(../img/bg_box.gif) no-repeat 0 bottom;
}

/*  マイクロダイエットとは  */
div.mdotop#wrapper div.contents div.box#aboutmd {
	padding: 0 0 8px 0;
	position: relative;
}

div.mdotop#wrapper div.contents div.box#aboutmd .bg {
	margin: 8px 8px 0 8px;
	padding: 10px 0 4px 10px;
	background-color: #f3f6f7;
}

div.mdotop#wrapper div.contents div.box#aboutmd ul {
	margin: 0 0 15px 0;
}

div.mdotop#wrapper div.contents div.box#aboutmd li {
	margin: 0 0 5px 0;
}

div.mdotop#wrapper div.contents div.box#aboutmd dt {
	font-size:0;
	position: absolute;
	top: 6px;
	right: 8px;
}

div.mdotop#wrapper div.contents div.box#aboutmd dd {
	font-size:0;
	position: absolute;
	top: 147px;
	right: 18px;
}

div.mdotop#wrapper div.contents div.box#aboutmd .CommeArea {
	text-align:center;
}

/*  100秒でわかるマイクロダイエット	 */


div.mdotop#wrapper div.contents div.box#100md {
	padding: 0 0 8px 0;
	position: relative;
}

div.mdotop#wrapper div.contents div.box#100md li {
	margin: 0 0 5px 0;
}




/*  ショッピング  */
div.mdotop#wrapper div.contents div.box#shopping {
	float: right;
}


div.mdotop#wrapper div.contents div.box#shopping dl {
	padding: 0 0 10px 0;
	margin: 15px 20px;
	background: url(../img/line_gray_01.gif) repeat-x 0 bottom;
}


div.mdotop#wrapper div.contents div.box#shopping dl.half {
	clear: both;
}


div.mdotop#wrapper div.contents div.box#shopping dl.mdsupport {
	clear: both;
}


div.mdotop#wrapper div.contents div.box#shopping dl.organic {
	clear: both;
	background: none;
	margin-bottom: 0;
}


div.mdotop#wrapper div.contents div.box#shopping dt {
	float: left;
}


div.mdotop#wrapper div.contents div.box#shopping dl dl {
	margin: 0 0 0 165px;
	padding: 0;
	background: none;
}


div.mdotop#wrapper div.contents div.box#shopping dl dl dt {
	float: none;
	margin: 0 0 10px 0;
	color: #e97105;
	font-weight: bold;
}


div.mdotop#wrapper div.contents div.box#shopping dl dl dt span.category {
	font-size: 133.3%;
}


/*  販売価格  */
div.mdotop#wrapper div.contents div.box#shopping p.price {
	margin: 3px 0 0 0;
	font-size: 83.3%;
}


/*  「詳細・ご購入はこちら」ボタン  */
div.mdotop#wrapper div.contents div.box#shopping p.shopping-btn {
	margin: 15px 0 10px 0;
	text-align: right;
}


/*  「人気商品・お買い得・NEW・キャンペーン中」のアイコン  */
div.mdotop#wrapper div.contents div.box span.icon img {
	margin: 0 0 3px 7px;
}

/*
/*  動画枠  */
div.mdotop#wrapper div.contents div.box#anna{text-align:center;}
div.mdotop#wrapper div.contents div.box#anna {
	text-align:center;
	position:relative;
}
div.mdotop#wrapper div.contents div.box#anna div.douga_icon{
	width:42px;
	height:28px;
	position:absolute;
	top:8px;
	right:14px;
}
div.mdotop#wrapper div.contents div.box#anna p{margin:6px auto;}
div.mdotop#wrapper div.contents div.box#anna .txt01{
	width:350px;
	text-align:left;
	margin:0 auto;
	padding-bottom: 10px;
}

/*  マイクロダイエット　2箱セット  */
div.mdotop#wrapper div.contents div.box#m2{text-align:center;}
div.mdotop#wrapper div.contents div.box#m2 .wrap01{
	width:412px;
	padding-bottom:10px;
}
div.mdotop#wrapper div.contents div.box#m2 .left{float:left; width:209px;}
div.mdotop#wrapper div.contents div.box#m2 .right{float:right; width:203px;}
div.mdotop#wrapper div.contents div.box#m2 .right a img{width:184px; padding-right:10px;}

/*  マイクロダイエット　4箱セット  */
div.mdotop#wrapper div.contents div.box#m3{text-align:center;}
div.mdotop#wrapper div.contents div.box#m3 .wrap01{
	width:412px;
	padding-bottom:10px;
}
div.mdotop#wrapper div.contents div.box#m3 .left{float:left; margin:0; width:209px;}
div.mdotop#wrapper div.contents div.box#m3 .right{float:right; margin:0; width:203px;}
div.mdotop#wrapper div.contents div.box#m3 .right a img{width:184px; padding-right:10px;}


/*  中央エリアバナー
-------------------------------------------*/
div.mdotop#wrapper div.contents div.bnr {
	clear: both;
	width: 412px;
	margin: 0 0 10px 0;
}
div.mdotop#wrapper div.contents div.bnr ul li {
	margin: 0 0 10px 0;
}

/*  左エリア
=======================================================*/

/*  バナー
-------------------------------------------*/
div.mdotop#wrapper div.sidebar ul.sbnr li {
	float: left;
	margin: 0 0 13px 0;
}


/*  マイクロダイエット診断  */
div.mdotop#wrapper div.sidebar ul.sbnr dd {
	width: 199px;
	height: 51px;
	padding: 0 0 0 5px;
	background: url(../img/bg_mdcheck.gif) no-repeat 0 bottom;
}


div.mdotop#wrapper div.sidebar ul.sbnr dd li {
	float: left;
	margin: 0 4px 0 0;
}

div.mdotop#wrapper div.sidebar ul.bbnr li {
	clear:both;
	margin: 0 0 10px 0;
}


/*  まめ知識 (2011.2.10)
-------------------------------------------*/
div.mdotop#wrapper div.sidebar div.mame{
	margin-bottom:15px;
	background: url(../img/bg_sidebox.gif) no-repeat 0 bottom;
}
div.mdotop#wrapper div.sidebar div.mame li {
	line-height:140%;
	margin:0 0 7px 10px;
	background: url(../img/line_gray_01.gif) repeat-x 0 bottom;
}

	


/*  その他
-------------------------------------------*/
div.mdotop#wrapper div.sidebar div.box#other {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 4px 0;
	background: url(../img/bg_sidebox.gif) no-repeat 0 bottom;
}


div.mdotop#wrapper div.sidebar div.box#other p.bhead {
	font-size: 0;
	line-height: 0;
	height: 1px;
}


div.mdotop#wrapper div.sidebar div.box#other dl {
	margin: 0 8px 5px 5px;
	padding: 0 0 3px 0;
	background: url(../img/line_gray_02.gif) repeat-x 0 bottom;
}


div.mdotop#wrapper div.sidebar div.box#other dl.card {
	clear: both;
}


div.mdotop#wrapper div.sidebar div.box#other dl.mobile {
	clear: both;
}


div.mdotop#wrapper div.sidebar div.box#other dl.attention {
	clear: both;
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}


div.mdotop#wrapper div.sidebar div.box#other dt {
	float: left;
}


div.mdotop#wrapper div.sidebar div.box#other dd {
	margin: 0 0 0 76px;
	padding-top: 10px;
}


div.mdotop#wrapper div.sidebar div.box#other dl dl {
	margin: 0;
	padding: 0;
	background: none;
}


div.mdotop#wrapper div.sidebar div.box#other dl dl dt {
	float: none;
}


div.mdotop#wrapper div.sidebar div.box#other dl dl dd {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 83.3%;
}


/*  モバイルサイトurlのリンク文字色  */
div.mdotop#wrapper div.box#other dl span.murl a:link {
	color: #777777;
}

div.mdotop#wrapper div.box#other dl span.murl a:visited {
	color: #777777;
}

div.mdotop#wrapper div.box#other dl span.murl a:hover {
	color: #777777;
}



/*  マイクロダイエットとは  */
div#mdnet-rss {
	width:412px;
	margin:0 0 10px 0;
}

div#mdnet-rss_cont {
	width:412px;
	padding: 0 0 8px 0;
	background: url(../img/bg_box.gif) no-repeat 0 bottom;
	text-align:center;
}

div#mdnet-rss_cont .inner {
	width:390px;
	margin:15px auto 0 auto;
	text-align:left;
}

div#mdnet-rss_cont dt {
	float:left;
	margin: 2px 0;
	background-color: white;
	text-indent:-0.5em;
	padding-left:0.5em;
}

div#mdnet-rss_cont dd {
	float:right;
	width:60px;
	margin: 2px 0;
}

div#mdnet-rss_cont a {
	text-decoration:underline;
	color:#115dba;
}
div#mdnet-rss_cont a:hover {
	text-decoration:none;
}

div#mdnet-rss_cont p {
	text-align:right;
	margin: 10px 0 5px 0;
}


div#mdnet-rss2 {
	width:199px;
	margin:0 0 20px 0;
}

div#mdnet-rss2 div#mdnet-rss_cont {
	width:199px;
	padding: 0 0 8px 0;
	background: url(../img/bg_box2.gif) no-repeat 0 bottom;
	text-align:center;
}

div#mdnet-rss2 div#mdnet-rss_cont .inner {
	width:180px;
	margin:15px auto 0 auto;
	text-align:left;
}

div#mdnet-rss2 div#mdnet-rss_cont dt {
	margin: 2px 0 0 0;
	background-color: white;
	text-indent:-0.5em;
	padding-left:0.5em;
}

div#mdnet-rss2 div#mdnet-rss_cont dd {
	text-align:right;
	margin: 2px 0 4px 0;
}

div#mdnet-rss2 div#mdnet-rss_cont a {
	text-decoration:underline;
	color:#115dba;
}
div#mdnet-rss2 div#mdnet-rss_cont a:hover {
	text-decoration:none;
}

div#mdnet-rss2 div#mdnet-rss_cont p {
	text-align:right;
	margin: 10px 0 5px 0;
}


/*  google search  */
div.mdotop#wrapper div.contents div.box#googleSearch {
	padding: 0 0 8px 0;
	position: relative;
}

div.mdotop#wrapper div.contents div.box#googleSearch .bg {
	margin: 8px 8px 0 8px;
	padding: 10px;
	background-color: #f3f6f7;
}

div.mdotop#wrapper div.contents div.box#googleSearch .bg .lead {
	margin-bottom:10px;
}

div.mdotop#wrapper div.contents div.box#googleSearch .bg .lead a {
	color:#1f1f1f;
}

div.mdotop#wrapper div.contents div.box#googleSearch .bg .searchArea {
	margin-bottom:10px;
}

div.mdotop#wrapper div.contents div.box#googleSearch .textfield {
	color:#1f1f1f;
	width:264px;
	height:24px;
	border:solid 1px #a5acb2;
}

div.mdotop#wrapper div.contents div.box#googleSearch input {
	vertical-align:bottom;
}

div.mdotop#wrapper div.contents div.box#googleSearch .bg .linkArea {
	padding:10px;
	background:#FFFFFF;
}

div.mdotop#wrapper div.contents div.box#googleSearch .bg .linkArea ul {
	margin-bottom:10px;
}

div.mdotop#wrapper div.contents div.box#googleSearch .bg .linkArea ul.lastChild {
	margin-bottom:0;
}

div.mdotop#wrapper div.contents div.box#googleSearch .bg .linkArea li {
	float:left;
	padding-right:15px;
}

div.mdotop#wrapper div.contents div.box#googleSearch .bg .linkArea li a {
	color:#0000ff;
}