@charset "Shift_JIS";

/*================================================
	MICRODIET ONLINE [mdo_all.css]
	
	03.Common Module
	04.Header Module
	05.Container Module
		05-1.FirstView Module
			05-1-1.Tab Module
		05-2.Animation Module
		05-3.Products Module
	06.Footer Module
	07.Clearfix Module
	
================================================*/



/* 03.Common Module
================================================*/
ul,li,dl,dt,dd,p { margin: 0; padding: 0; }
.frameCnt {
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	width: 848px;
	height: auto;
}
* html body .frameCnt {
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	width: 850px;
	height: auto;
}
.fLeft { float: left; width: 570px; }
.fRight { float: right; width: 244px; }
.Left { float: left; }
.Right { float: right; }
.dInline { display: inline; line-height: 0; font-size: 0; }
.price,
.btn { float: left; }
.price img { margin: 20px 5px 10px 140px; display: block; width: 126px; height: 27px; }
.btn img { margin: 0 24px 10px 0; display: block; }
.caution { padding: 0 18px 27px 0; text-align: right; font-size: 88%; }
.caution a,
.caution a:link,
.caution a:hover,
.caution a:active { color:#e97105; text-decoration: underline; }
.caution p { margin: 0; padding: 0; }
.caution p.txtLinkStyle {
	font-size:133%;
	padding: 0 1.1em 0.3em 0;
	background-image: url(../imgs/mdall_link_icon.gif);
	background-position: right 0.4em;
	background-repeat: no-repeat;
}
.caution p.sTxt {  line-height: 1.3em; color: #7b7b7b; }
.toTop { margin-bottom: 25px; text-align: right; }
.friends { padding: 10px 0; width: 850px; text-align: center; background-color: #f8f6dc; }
.bdrEnd { background-image: url(../imgs/mdall_frame_end.gif); background-position: left bottom; background-repeat: no-repeat; }
.AniTxt { padding-top: 10px; width: 399px; line-height: 1.2em; text-align: left; color: #000000; }



/* 05.Container Module
================================================*/
#Main_Container {
	width: 850px;
	background-color: #ffffff;
	background-image: url(../imgs/mdall_bg_gradation.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
#Main_Container .Wrap { margin:0; width: 850px; text-align: center; padding:0;}

/* 05-1.FirstView Module
------------------------------------------------*/
#Main_Container #FirstView { margin-bottom: 35px; height:auto; min-height:429px; _height:429px; }
#Main_Container #FirstView #navi { float: left; width: 179px; line-height: 0; font-size: 0; }
#Main_Container #FirstView #navi ul { list-style-type: none; }
#Main_Container #FirstView #view { float: right; width: 671px; }

#Main_Container #FirstView #navi ul a{width:179px; height:55px; display:block;}
#Main_Container #FirstView #navi ul a.navi01{background:url(../imgs/mdall_navi01_on.gif);}
#Main_Container #FirstView #navi ul a.navi02{background:url(../imgs/mdall_navi02_on.gif);}
#Main_Container #FirstView #navi ul a.navi03{background:url(../imgs/mdall_navi03_on.gif);}
#Main_Container #FirstView #navi ul a.navi04{background:url(../imgs/mdall_navi04_on.gif);}
#Main_Container #FirstView #navi ul a.navi05{background:url(../imgs/mdall_navi05_on.gif);}
#Main_Container #FirstView #navi ul a.navi06{background:url(../imgs/mdall_navi06_on.gif);}
#Main_Container #FirstView #navi ul a.navi07{background:url(../imgs/mdall_navi07_on.gif);}

/* 05-1-1.Tab Module
------------------------------------------------*/
#Main_Container #FirstView #view h2,
#Main_Container #FirstView #view h3,
#Main_Container #FirstView #view dl,
#Main_Container #FirstView #view dt,
#Main_Container #FirstView #view dd,
#Main_Container #FirstView #view p { margin: 0; padding: 0; line-height: 0; font-size: 0; }
/*tab default*/
#Main_Container #FirstView #view #tab0 {
	width: 671px;
	height: 429px;
	background-image: url(../imgs/mdall_tab_def_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#Main_Container #FirstView #view #tab0 h2 { padding-top: 31px; margin: 0 226px 16px 16px; }
#Main_Container #FirstView #view #tab0 p,
#Main_Container #FirstView #view #tab0 dl { margin: 0 346px 0 16px;}
#Main_Container #FirstView #view #tab0 dt { float: left; }
#Main_Container #FirstView #view #tab0 dd { margin-top: 103px; float: left; }
/*tab 01*/
#Main_Container #FirstView #view #tab1 { width: 671px; height: 429px; display: none; position: relative; }
#Main_Container #FirstView #view #tab1 dt,
#Main_Container #FirstView #view #tab1 dd { line-height: 0; font-size:0; }
#Main_Container #FirstView #view #tab1 p.nex { position: absolute; left: 463px; top: 414px; width: 190px; height: 15px; }
/*tab 02*/
#Main_Container #FirstView #view #tab2 { width: 671px; height: 750px; display: none; position: relative; }
#Main_Container #FirstView #view #tab2 .wL { width: 370px; }
#Main_Container #FirstView #view #tab2 .wR { width: 301px; }
#Main_Container #FirstView #view #tab2 dt,
#Main_Container #FirstView #view #tab2 dd { margin: 0; padding: 0; line-height: 0; font-size: 0; }
#Main_Container #FirstView #view #tab2 p.pre { position: absolute; left: 22px; top: 735px; }
#Main_Container #FirstView #view #tab2 p.nex { position: absolute; left: 536px; top: 735px; }
/*tab 03*/
#Main_Container #FirstView #view #tab3 { width: 671px; height: 828px; display: none; position: relative; }
#Main_Container #FirstView #view #tab3 p.pre { position: absolute; left: 22px; top: 813px; }
#Main_Container #FirstView #view #tab3 p.nex { position: absolute; left: 514px; top: 813px; }
#Main_Container #FirstView #view #tab3 div.pdStyle { padding:0 18px 23px 23px; width:630px; }
/*tab 04*/
#Main_Container #FirstView #view #tab4 { width: 671px; height: 582px; display: none; position: relative; }
#Main_Container #FirstView #view #tab4 p.pre { position: absolute; left: 22px; top: 568px; }
#Main_Container #FirstView #view #tab4 p.nex { position: absolute; left: 498px; top: 568px; }
/*tab 05*/
#Main_Container #FirstView #view #tab5 { width: 671px; height: 443px; display: none; position: relative; }
#Main_Container #FirstView #view #tab5 p.pre { position: absolute; left: 22px; top: 428px; }
#Main_Container #FirstView #view #tab5 p.nex { position: absolute; left: 497px; top: 428px; }
/*tab 06*/
#Main_Container #FirstView #view #tab6 { width: 671px; display: none; position: relative; background-color: #FFFFFF; }
#Main_Container #FirstView #view #tab6 #naviMenu ul,
#Main_Container #FirstView #view #tab6 #naviMenu li,
#Main_Container #FirstView #view #tab6 #naviMenu p,
#Main_Container #FirstView #view #tab6 #naviMenu li p,
#Main_Container #FirstView #view #tab6 #naviMenu li ul,
#Main_Container #FirstView #view #tab6 #naviMenu li li { margin:0; padding:0; line-height:0; font-size:0; }
#Main_Container #FirstView #view #tab6 #naviMenu { margin-left: 22px; width: 649px; height: 70px; background-color: #FFFFFF; }
#Main_Container #FirstView #view #tab6 #naviMenu li { float: left; list-style: none; }
#Main_Container #FirstView #view #tab6 #naviMenu ul a.naviMenu01 { display: block; width: 71px; height: 28px; background: url(../imgs/mdall_tab06_navi01_btn_on.gif); }
#Main_Container #FirstView #view #tab6 #naviMenu ul a.naviMenu02 { display: block; width: 71px; height: 28px; background: url(../imgs/mdall_tab06_navi02_btn_on.gif); }
#Main_Container #FirstView #view #tab6 #naviMenu ul a.naviMenu03 { display: block; width: 160px; height: 70px; background: url(../imgs/mdall_tab06_navi03_btn_on.gif); }
#Main_Container #FirstView #view #tab6 #naviMenu ul a.naviMenu04 { display: block; width: 160px; height: 70px; background: url(../imgs/mdall_tab06_navi04_btn_on.gif); }
#Main_Container #FirstView #view #tab6 #naviMenu ul a.naviMenu05 { display: block; width: 160px; height: 70px; background: url(../imgs/mdall_tab06_navi05_btn_on.gif); }
#Main_Container #FirstView #view #tab6 #naviMenu ul ul.drink {
	padding: 0 6px 4px 5px;
	width: 148px;
	height: 28px;
	line-height: 0;
	background-image: url(../imgs/mdall_tab06_navi_drink_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#Main_Container #FirstView #view #tab6 #naviMenu li.pdL6 { padding-left: 6px; }
#Main_Container #FirstView #view #tab6 #naviMenu li.pdL3 { padding-left: 3px; }
#Main_Container #FirstView #view #tab6 #naviMenu li.pdL4 { padding-left: 4px; }

#Main_Container #FirstView #view #tab6 #tabCnt1,
#Main_Container #FirstView #view #tab6 #tabCnt3,
#Main_Container #FirstView #view #tab6 #tabCnt4,
#Main_Container #FirstView #view #tab6 #tabCnt5 {
	margin: 0 0 0 22px;
	padding-bottom: 20px;
	line-height: 0;
	display: none;
	font-size: 0;
	width: 649px;
}
#Main_Container #FirstView #view #tab6 #tabCnt2 {
	margin: 0 0 0 22px;
	padding-bottom: 20px;
	display: block;
	line-height: 0;
	font-size: 0;
	width: 649px;
}
#Main_Container #FirstView #view #tab6 #tabCnt1 p.pre { position: absolute; left: 22px; top: 687px; }
#Main_Container #FirstView #view #tab6 #tabCnt1 p.nex { position: absolute; left: 482px; top: 687px; }
#Main_Container #FirstView #view #tab6 #tabCnt2 p.pre { position: absolute; left: 22px; top: 943px; }
#Main_Container #FirstView #view #tab6 #tabCnt2 p.nex { position: absolute; left: 482px; top: 943px; }
#Main_Container #FirstView #view #tab6 #tabCnt3 p.pre { position: absolute; left: 22px; top: 924px; }
#Main_Container #FirstView #view #tab6 #tabCnt3 p.nex { position: absolute; left: 482px; top: 924px; }
#Main_Container #FirstView #view #tab6 #tabCnt4 p.pre { position: absolute; left: 22px; top: 938px; }
#Main_Container #FirstView #view #tab6 #tabCnt4 p.nex { position: absolute; left: 482px; top: 938px; }
#Main_Container #FirstView #view #tab6 #tabCnt5 p.pre { position: absolute; left: 22px; top: 929px; }
#Main_Container #FirstView #view #tab6 #tabCnt5 p.nex { position: absolute; left: 482px; top: 929px; }
/*tab 07*/
#Main_Container #FirstView #view #tab7 { width: 671px; height: 879px; display: none; position: relative; }
#Main_Container #FirstView #view #tab7 p.pre { position: absolute; left: 22px; top: 859px; }
#Main_Container #FirstView #view #tab7 .supprtArea {
	padding: 32px 114px 13px 23px;
	background-image: url(../imgs/mdall_tab07_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
}
#Main_Container #FirstView #view #tab7 .supprtArea h2 { padding-bottom: 14px; }
#Main_Container #FirstView #view #tab7 .supprtArea p.lead { padding-bottom: 26px; }
#Main_Container #FirstView #view #tab7 .box { margin: 0 17px 0 22px; width: 632px; }

/* 05-2.Animation Module
------------------------------------------------*/
#Main_Container #Animation {
	margin-bottom: 30px;
	padding-bottom: 5px;
	background-image: url(../imgs/mdall_frame_end.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#Main_Container #Animation #Animation_frame {
	margin: 0;
	padding: 0;
}
#Main_Container #Animation #fL { padding: 15px 15px; border-left: 1px solid #c2c2c2; float: left; }
#Main_Container #Animation #fR { padding: 15px 15px 15px 0; border-right: 1px solid #c2c2c2; float: right; }
#Main_Container #Animation .frameBorder {
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
}

/* 05-3.Products Module
------------------------------------------------*/
#Main_Container #Products {
	margin-bottom: 30px;
	padding-bottom: 5px;
}
#Main_Container #Products .mainCnt {
	text-align: center;
}
#Main_Container #Products .bgFrameSet {
	margin-bottom: 10px;
	width: 814px;
	height: 253px;
	background-image: url(../imgs/mdall_products_frame_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#Main_Container #Products p.ttl { margin: 0 40px 25px 325px; padding-top: 22px; text-align: left; }
#Main_Container #Products #p1 dt { margin: 0 33px 0 325px; line-height: 0; font-size: 0; }
#Main_Container #Products #p1 dd { margin: 0 33px 27px 325px; line-height: 0; font-size: 0; }
#Main_Container #Products #p2 {
	margin: 0 16px 10px 16px;
	width: 814px;
	height: 253px;
	background-image: url(../imgs/mdall_products_p2_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#Main_Container #Products #p2 .fLeft dt { margin: 12px 84px 15px 151px; line-height: 0; font-size: 0; }
#Main_Container #Products #p2 .fLeft dd { margin: 0 24px 0 16px; line-height: 0; font-size: 0; }
#Main_Container #Products #p2 .fRight dt { margin: 7px 44px 14px 44px; line-height: 0; font-size: 0; }
#Main_Container #Products #p2 .fRight dd { margin: 0 12px 0 9px; line-height: 0; font-size: 0; }
#Main_Container #Products #p3 {
	margin: 0 16px 10px 16px;
	width: 814px;
	height: 253px;
	background-image: url(../imgs/mdall_products_p3_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#Main_Container #Products #p3 .fLeft dt { margin: 11px 57px 15px 151px; line-height: 0; font-size: 0; }
#Main_Container #Products #p3 .fLeft dd { margin: 0 24px 0 16px; line-height: 0; font-size: 0; }
#Main_Container #Products #p3 .fRight dt { margin: 6px 45px 15px 50px; line-height: 0; font-size: 0; }
#Main_Container #Products #p3 .fRight dd { margin: 0 12px 0 9px; line-height: 0; font-size: 0; }
#Main_Container #Products #p4 {
	margin: 0 16px 10px 16px;
	width: 814px;
	height: 253px;
	background-image: url(../imgs/mdall_products_p4_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#Main_Container #Products #p4 .fLeft dt { margin: 11px 46px 20px 151px; line-height: 0; font-size: 0; }
#Main_Container #Products #p4 .fLeft dd { margin: 0 24px 0 16px; line-height: 0; font-size: 0; }
#Main_Container #Products #p4 .fRight dt { margin: 6px 42px 14px 44px; line-height: 0; font-size: 0; }
#Main_Container #Products #p4 .fRight dd { margin: 0 12px 0 9px; line-height: 0; font-size: 0; }
#Main_Container #Products #p5 {
	margin: 0 16px 10px 16px;
	width: 814px;
	height: 253px;
	background-image: url(../imgs/mdall_products_p5_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#Main_Container #Products #p5 .fLeft dt { margin: 8px 130px 7px 235px; line-height: 0; font-size: 0; }
#Main_Container #Products #p5 .fLeft dd { margin: 0 24px 0 16px; line-height: 0; font-size: 0; }
#Main_Container #Products #p5 .fRight dt { margin: 56px 12px 0 13px; line-height: 0; font-size: 0; }
#Main_Container #Products #p5 .fRight dd { margin: 0 12px 0 13px; line-height: 0; font-size: 0; }
#Main_Container #Products #p6 {
	margin: 0 16px 10px 16px;
	width: 814px;
	height: 204px;
	background-image: url(../imgs/mdall_products_p6_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#Main_Container #Products #p6 #fLeft02 { float: left; width: 614px; }
#Main_Container #Products #p6 #fRight02 { float: right; width: 200px; }
#Main_Container #Products #p6 #fLeft02 dt { margin: 9px 165px 19px 241px; line-height: 0; font-size: 0; }
#Main_Container #Products #p6 #fLeft02 dd#lBox { margin: 0 0 10px 248px; float: left; display: inline; line-height: 0; font-size: 0; }
#Main_Container #Products #p6 #fLeft02 dd#rBox { margin: 0 17px 10px 0; float: left; display: inline; line-height: 0; font-size: 0; }
#Main_Container #Products #p6 #fRight02 p#price { margin: 78px 12px 6px 83px; line-height: 0; font-size: 0; }
#Main_Container #Products #p6 #fRight02 p#btn { margin: 0 11px 12px 0; line-height: 0; font-size: 0; }

/*buy���� 120124�ݒu
---------------------------*/
.lp_caption {
	margin:5px 0 25px 0;
}

.t10 {font-size:10px;
}

.t12 {font-size:12px;
}

.footer { width:850px;
 padding:0 20px;
}