@charset "shift-JIS";
/* CSS Document */


/* ****************************************************************************

	common.css
	
-------------------------------------------------------------------------------

　01. float
　02. line-height
　03. margin
　04. padding
　05. color
　06. font-size
　07. bold
　08. align
　09. link
　10. clear
	
******************************************************************************* */



/* ==

　01. float

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

.f-left  { float: left  !important; }
.f-right { float: right !important; }

.clear{ clear:both !important;}

.mauto{margin:0 auto 0 auto !important;}

img{ border:none !important;}


.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
.clearfix{display: inline-block;} 

p{
    color:#333;
	}

body{
color:color:#333;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/* ==

　02. line-height

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

.lh01 { line-height: 1   !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh16 { line-height: 1.6 !important; }
.lh17 { line-height: 1.7 !important; }
.lh18 { line-height: 1.8 !important; }



/* ==

　03. margin

=============================================================================== */
/* -------- all -------- */

.ma00 { margin:     0px !important; }
.ma05 { margin:     5px !important; }
.ma10 { margin:    10px !important; }
.ma15 { margin:    15px !important; }
.ma20 { margin:    20px !important; }
.ma25 { margin:    25px !important; }
.ma30 { margin:    30px !important; }
.ma40 { margin:    40px !important; }
.ma50 { margin:    50px !important; }
.ma60 { margin:    60px !important; }
.ma70 { margin:    70px !important; }
.ma80 { margin:    80px !important; }
.ma90 { margin:    90px !important; }
.ma100 { margin:    100px !important; }


/* -------- top -------- */

.mt00 { margin-top:     0px !important; }
.mt05 { margin-top:     5px !important; }
.mt10 { margin-top:    10px !important; }
.mt15 { margin-top:    15px !important; }
.mt20 { margin-top:    20px !important; }
.mt25 { margin-top:    25px !important; }
.mt30 { margin-top:    30px !important; }
.mt40 { margin-top:    40px !important; }
.mt50 { margin-top:    50px !important; }
.mt60 { margin-top:    60px !important; }
.mt70 { margin-top:    70px !important; }
.mt80 { margin-top:    80px !important; }
.mt90 { margin-top:    90px !important; }
.mt100 { margin-top:    100px !important; }

/* -------- right -------- */

.mr00 { margin-right:   0px !important; }
.mr05 { margin-right:   5px !important; }
.mr10 { margin-right:  10px !important; }
.mr15 { margin-right:  15px !important; }
.mr20 { margin-right:  20px !important; }
.mr25 { margin-right:  25px !important; }
.mr30 { margin-right:  30px !important; }
.mr40 { margin-right:  40px !important; }
.mr50 { margin-right:  50px !important; }
.mr60 { margin-right:  60px !important; }
.mr70 { margin-right:  70px !important; }
.mr80 { margin-right:  80px !important; }
.mr90 { margin-right:  90px !important; }
.mr100 { margin-right:  100px !important; }


/* -------- bottom -------- */

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }


/* -------- left -------- */

.ml00 { margin-left:    0px !important; }
.ml05 { margin-left:    5px !important; }
.ml10 { margin-left:   10px !important; }
.ml15 { margin-left:   15px !important; }
.ml20 { margin-left:   20px !important; }
.ml25 { margin-left:   25px !important; }
.ml30 { margin-left:   30px !important; }
.ml40 { margin-left:   40px !important; }
.ml50 { margin-left:   50px !important; }
.ml60 { margin-left:   60px !important; }
.ml70 { margin-left:   70px !important; }
.ml80 { margin-left:   80px !important; }
.ml90 { margin-left:   90px !important; }
.ml100 { margin-left:   100px !important; }



/* ==

　04. padding

=============================================================================== */
/* -------- all -------- */

.pa00 { padding:     0px !important; }
.pa05 { padding:     5px !important; }
.pa10 { padding:    10px !important; }
.pa15 { padding:    15px !important; }
.pa20 { padding:    20px !important; }
.pa25 { padding:    25px !important; }
.pa30 { padding:    30px !important; }
.pa40 { padding:    40px !important; }
.pa50 { padding:    50px !important; }
.pa60 { padding:    60px !important; }
.pa70 { padding:    70px !important; }
.pa80 { padding:    80px !important; }
.pa90 { padding:    90px !important; }
.pa100 { padding:    100px !important; }


/* -------- top -------- */

.pt00 { padding-top:     0px !important; }
.pt05 { padding-top:     5px !important; }
.pt10 { padding-top:    10px !important; }
.pt15 { padding-top:    15px !important; }
.pt20 { padding-top:    20px !important; }
.pt25 { padding-top:    25px !important; }
.pt30 { padding-top:    30px !important; }
.pt40 { padding-top:    40px !important; }
.pt50 { padding-top:    50px !important; }
.pt60 { padding-top:    60px !important; }
.pt70 { padding-top:    70px !important; }
.pt80 { padding-top:    80px !important; }
.pt90 { padding-top:    90px !important; }
.pt100 { padding-top:    100px !important; }


/* -------- right -------- */

.pr00 { padding-right:   0px !important; }
.pr05 { padding-right:   5px !important; }
.pr10 { padding-right:  10px !important; }
.pr15 { padding-right:  15px !important; }
.pr20 { padding-right:  20px !important; }
.pr25 { padding-right:  25px !important; }
.pr30 { padding-right:  30px !important; }
.pr40 { padding-right:  40px !important; }
.pr50 { padding-right:  50px !important; }
.pr60 { padding-right:  60px !important; }
.pr70 { padding-right:  70px !important; }
.pr80 { padding-right:  80px !important; }
.pr90 { padding-right:  90px !important; }
.pr100 { padding-right:  100px !important; }


/* -------- bottom -------- */

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }


/* -------- left -------- */

.pl00 { padding-left:    0px !important; }
.pl05 { padding-left:    5px !important; }
.pl10 { padding-left:   10px !important; }
.pl15 { padding-left:   15px !important; }
.pl20 { padding-left:   20px !important; }
.pl25 { padding-left:   25px !important; }
.pl30 { padding-left:   30px !important; }
.pl40 { padding-left:   40px !important; }
.pl50 { padding-left:   50px !important; }
.pl60 { padding-left:   60px !important; }
.pl70 { padding-left:   70px !important; }
.pl80 { padding-left:   80px !important; }
.pl90 { padding-left:   90px !important; }
.pl100 { padding-left:   100px !important; }



/* ==

　05. color

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

/*.red { color: #f00 !important; }*/
.bk { color: #000 !important; }
.g333 { color: #333 !important; }
.g666 { color: #666 !important; }
.g999 { color: #999 !important; }

/* ==

　06. font-size

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

.f10 { font-size: 77%    !important; }
.f11 { font-size: 85%    !important; }
.f12 { font-size: 92.4%  !important; }
.f13 { font-size: 100%   !important; }
.f14 { font-size: 108%   !important; }
.f15 { font-size: 116%   !important; }
.f16 { font-size: 123.1% !important; }
.f17 { font-size: 131%   !important; }
.f18 { font-size: 138.5% !important; }



/* ==

　07. bold

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

em {
	font-weight: bold;
}
strong{
	font-weight: bold;
}



/* ==

　08. align

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

.center { text-align: center !important; }
.right  { text-align: right  !important; }
.left   { text-align: left   !important; }

.top    { vertical-align: top    !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }



/* ==

　09. link

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

/* -------- default -------- */
/*
a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #09c;
	text-decoration: none;
}

a:active {
	color: #09c;
	text-decoration: none;
}
*/


img { -ms-interpolation-mode: bicubic; } 





/* ==

　10. LP

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





#guide{

	font-size: 13px;
	color: #000;
	line-height: 1.7em;
}

#main_text{
	background-image:url(../images/campaign/diet_project/text_bg.jpg);
	width:777px;
	height:276px;
	position:relative;

}


#text{
	position:absolute;
	left: 62px;
	top: 91px;
	width: 640px;
	height: 140px;
	color:#333;

	
}


.entry_box{
border:1px solid #999;
padding:0;
background:url(../images/campaign/diet_project/intro_top.gif) no-repeat 0 0;
width:745px;
margin:0 0 30px 14px;
color:#333;

}

* html .entry_box{
margin:0 0 30px 0px;
width:745px;
}

.entry_text{
float:left;
margin-top:30px;
color:#333;
width:450px;
display:inline;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.entry_text2{
width:342px;
float:left;
margin:30px 0 0 0;
}


.entry_text dl{   
    width: 470px;   
    line-height: 2em;   
    margin-bottom: 35px; 
} 
  
.entry_text dt{   
    width: 30px;   
    padding:7px 0 7px 0; 
	color:#333;
	
}   

.entry_text dd{   
    padding: 3px 3px 3px 70px;   
    margin-top: -2.5em;
	color:#333;
	border-bottom:1px solid #ccc;
	width: 400px;
} 

.color_orange{
color:#FF6600;
font-weight:bold;
}

.tw_box{
width:100%;
margin:0 0 0 45px;
clear:both;
}


#text p{
line-height:1.2em;
color:#333;

margin:0 0 1.5em 0;
}


#sokutei_box{
background-image:url(../images/campaign/diet_project/1/bg_text01.jpg);
width:777px;
height:259px;
position:relative;

}

#sokutei_box p{
	position:absolute;
	top:97px;
	left:36px;
	width:413px;
	color:#333;

}


#sokutei_box2{
background-image:url(../images/campaign/diet_project/1/bg_text02.jpg);
width:777px;
height:219px;
position:relative;
}

#sokutei_box2 p{
	position:absolute;
	top:33px;
	left:302px;
	width:413px;
	color:#333;

}


#sokutei_box3{
background-image:url(../images/campaign/diet_project/1/bg_text03.jpg);
width:777px;
height:149px;
position:relative;
}

#sokutei_box3 p{
	position:absolute;
	top:20px;
	left:71px;
	width:383px;
	color:#333;

}


.mokuhyo_t03{
background-image:url(../images/campaign/diet_project/2/tit02.gif);
width:777px;
height:170px;
position:relative;
}

.mokuhyo_t03 p{
	position:absolute;
	color:#333;
	left: 16px;
	top: 74px;
}

.entry_box_width p{

	font-size:13px;
	color:#333333;
	
}


.entry_box_width{
width:715px;
margin:20px auto 0 auto;
}

.toshida_mokuhyo{
background-image:url(../images/campaign/diet_project/2/change01.gif);
width:715px;
height:176px;
position:relative;
}

.sakashita_mokuhyo{
background-image:url(../images/campaign/diet_project/2/change02.gif);
width:715px;
height:176px;
position:relative;
}

.sogabe_mokuhyo{
background-image:url(../images/campaign/diet_project/2/change03.gif);
width:715px;
height:176px;
position:relative;
}

.toshida_mokuhyo p,
.sakashita_mokuhyo p,
.sogabe_mokuhyo p{
	position:absolute;
	left: 183px;
	top: 5px;
	font-weight:bold;
	font-size:14px;
	width:500px;
}


.box_kenkou{
background-image:url(../images/campaign/diet_project/3/memo_kenko.gif);
width:771px;
height:441px;
position:relative;
}

.box_kenkou .text01{
	position:absolute;
	left: 47px;
	top: 47px;
	width:687px;
	font-size:13px;
	color:#333333;
}

.box_kenkou .text02{
	position:absolute;
	right: 73px;
	bottom: 23px;
	font-size:13px;
	color:#333333;
}

.diet_step03{
background-image:url(../images/campaign/diet_project/btndiet03_off.jpg);
width:318px;
height:111px;
position:relative;
}

.diet_step03 .navi01{
	position:absolute;
	left: 25px;
	top: 46px;
	height:26px;
	margin:0;
	padding:0;
}

#navi_diet{
margin:0 0px 0 10px;

}


#navi_diet li{
height:120px;
margin:0 0 10px 10px;
float:left;
}

#navi_diet a img{
border:1px solid #000;

}

.ul_no{
margin-right:auto;
margin-left:auto;
width:500px;
margin-top:35px;
margin-bottom:20px;
}

.ul_no li{
float:left;
padding-right:7px;
}

.ul_no li a{
display:block;

text-align:center;

} 


/* seminar*/


#contents_width{
margin:0 auto 0 auto;
width:750px;

}

.seminar_box{
background:url(../images/campaign/diet_project/4/bg_02.jpg) repeat-y 0 0;
margin:25px 0 25px;
}


.seminar_bottom{
background:url(../images/campaign/diet_project/4/bg_yellow.jpg) no-repeat 0 100%;
padding-bottom:25px;
}

.seminar_width{
margin:0px auto 0 auto;
width:703px;
}

.table_no{
border-collapse:collapse;
width:100%;
}

.table_no td{

padding-left:5px;
vertical-align:top;
}

.table_no_bg{
background:url(../images/campaign/diet_project/4/line_dot.jpg) repeat-y 0 100%;
}

.table_no_bg p{
text-align:left;
}

.f2871e{
color:#f2871e;
}

.box_kenkou02{
background-image:url(../images/campaign/diet_project/4/kenkou_bg.jpg);
width:771px;
height:398px;
position:relative;
}

.box_kenkou02 .text01{
	position:absolute;
	left: 47px;
	top: 47px;
	width:687px;
	font-size:13px;
	color:#333333;
}

.box_kenkou02 .text02{
	position:absolute;
	right: 57px;
	bottom: 23px;
	font-size:13px;
	color:#333333;
	width: 149px;
}

.diet_meu li{
border-bottom:1px dotted #ccc;
height:50px;
font-size:15px;
margin:4px 0 0px;
line-height:1.5em;
}

.diet_meu li img{
margin:5px;
}

.diet_meu{
margin:15px 25px 15px 25px;
}

