@charset "utf-8";

/* ヴァニティ共通 */
#vanity {
   width:728px;
   float:left;
   font-size:12px;
}
#vanity h1 {
   font-size:16px;
   color:#545454;
}

/* ヴァニティ　トップ */
#vanity h1 {
   background-image: url(../../img/wlp/title_vanity.jpg);
   width:728px;
   height:195px;
   margin-bottom:15px;
   text-indent:-9999px;
}
#vanity #news {
	float:left;
	width:468px;
}
#vanity #news h2 {
	color:#584c22;
	font-size:14px;
	background: url(../../img/wlp/icon_home_news.gif) no-repeat 0px 0px;
	padding-left:28px;
	margin-bottom:5px;
	line-height:24px;
}
#vanity #news table {
	margin:0px;
	padding:0px;
	margin-bottom:12px;
}
#vanity #news table th,
#vanity #news table td {
	margin:0px;
	padding:0px;
	padding-top:3px;
}
#vanity #news table th {
	background: url(../../img/wlp/icon_message.gif) no-repeat 0px 3px;
	padding-left:20px;
	width:100px;
}
#vanity #news table td {
	
}
#vanity #vtopics {
	background: url(../../img/wlp/back_vanity_topics.gif) no-repeat 0px 0px;
	width:444px;
	height:28px;
	padding-left:12px;
	padding-right:12px;
}
#vanity #vtopics h3 {
	font-size:12px;
	line-height:28px;
	float:left;
	margin-right:12px;
}
#vanity #vtopics .topcon {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height:28px;
	width:330px;
	height:28px;
}
#vanity #sprecipe {
	float:right;
	width:240px;
	height:141px;
	background: url(../../img/wlp/back_vanity_special.gif) no-repeat 0px 0px;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:15px;
}
#vanity #sprecipe .who {
	background: url(../../img/wlp/icon_recipe.gif) no-repeat 0px 0px;
	padding-left:24px;
	display:block;
	margin-bottom:12px;
	margin-top:3px;
}
#vanity #sprecipe #spmenu {
	margin-right:10px;
}
#vanity #sprecipe #spmenu p {
	height:80px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#vanity #sprecipe #spmenu strong {
	color:#ff7800;
}
#vanity #sprecipe #spmenu strong a {
	color:#ff7800;
}
#vanity #sprecipe #spimg {
	float:left;
	margin-right:8px;
}
#vanity #sprecipe #spimg img {
	padding:2px;
	margin-top:2px;
	border:1px solid #584c22;
	width:98px;
	height:72px;
}

#vanity #reading {
	clear:both;
	padding-bottom:20px;
	_padding-bottom:30px;
}

#vanity #reading #subtitle {
	margin-bottom:15px;
}
#vanity #reading #readcont {
	width:364px;
	margin-bottom:15px;
	float:left;
	margin-right:-1px;
}
#vanity #reading #readcont h3 {
	line-height:18px;
	margin-bottom:5px;
}
#vanity #reading #readcont #vbtn {
}
#vanity #reading #readcont #vbtn a {
	background: url(../../img/wlp/formbtn_vanity.gif) no-repeat 0px 0px;
	height:20px;
	padding-left:26px;
	padding-top:2px;
	padding-bottom:3px;
	padding-right:16px;
}
#vanity #reading #readcont img {
	float:left;
	margin-right:10px;
	border:2px solid #e0d8ca;
}
#vanity #reading #readcont p {
	margin-bottom:5px;
	height:48px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#vanity #reading #readcont.exercise img,
#vanity #reading #readcont.shun img,
#vanity #reading #readcont.knock img,
#vanity #reading #readcont.body img,
#vanity #reading #readcont.supple img {
	margin-left:10px;
}

#vanity #tool {
	clear:both;
	margin-bottom:0px;
}


/* ヴァニティコンテンツ */
#vanity #vanitymain,
#vanity #listlong,
#vanity #list,
#vanity #others,
#vanity #otherslong {
   width:728px;
   float:right;
}
#vanity #vanitycont,
#vanity #list,
#vanity #others {
	margin-left:20px;
	width:708px;
}
#vanity #list,
#vanity #listlong,
#vanity #others,
#vanity #otherslong  {
	background: url(../../img/wlp/dotted_h.gif) repeat-x left top;
   padding-bottom:20px;
	padding-top:20px;
}

#vanity #subside #sprecipe {
	float:none;
	background: url(../../img/wlp/back_vanity_special2.gif) no-repeat 0px 0px;
	width:200px;
	height:140px;
	margin-bottom:10px;
}
#vanity #subside ul {
	padding:0px;
	margin:0px;
	margin-bottom:15px;
}
#vanity #subside li {
	margin-bottom: 2px;
	background-repeat: no-repeat;
	line-height:34px;
}
#vanity #subside li a {
	display: block;
	width:166px;
	height: 34px;
	padding-left:38px;
	padding-right:6px;
	background-position: 0px 0px;
	color:#868076;
}
#vanity #subside .select a {
	background-position: 0px 34px;
	color:white;
}
#vanity #subside a:hover {
	background-position: 0px 34px;
	text-decoration:none;
	color:white;
}
#vanity #subside #li1,
#vanity #subside #li1 a{
	background-image: url(../../img/wlp/navi_vanity_master.gif);
}
#vanity #subside #li2,
#vanity #subside #li2 a{
	background-image: url(../../img/wlp/navi_vanity_nystyle.gif);
}
#vanity #subside #li3,
#vanity #subside #li3 a{
	background-image: url(../../img/wlp/navi_vanity_kokoro.gif);
}
#vanity #subside #li4,
#vanity #subside #li4 a{
	background-image: url(../../img/wlp/navi_vanity_miwako.gif);
}
#vanity #subside #li5,
#vanity #subside #li5 a{
	background-image: url(../../img/wlp/navi_vanity_shun.gif);
}
#vanity #subside #li6,
#vanity #subside #li6 a{
	background-image: url(../../img/wlp/navi_vanity_mybody.gif);
}
#vanity #subside #li7,
#vanity #subside #li7 a{
	background-image: url(../../img/wlp/navi_vanity_knack.gif);
	font-size:11px;
}
#vanity #subside #li8,
#vanity #subside #li8 a{
	background-image: url(../../img/wlp/navi_vanity_exercise.gif);
	font-size:11px;
}
#vanity #subside #li11,
#vanity #subside #li11 a{
	background-image: url(../../img/wlp/navi_vanity_calosup.gif);
	font-size:11px;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	width:210px;
}
#vanity #subside #checker {
	margin-bottom:8px;
}


/* ヴァニティコンテンツ共通 */
#vanity #vanitymain {
}
#vanity #vanitymain h2 {
   margin-bottom:10px;
}
#vanity #vanitymain #vanitycont {
   font-size:12px;
   line-height:20px;
   padding-bottom:20px;
}
#vanity #vanitymain .vandate {
   margin-top:15px;
   margin-bottom:15px;
   display:block;
}
#vanity #vanitymain .vanbig {
   font-size:14px;
   line-height:26px;
}
#vanity #vanitymain #vback {
}
#vanity #vanitymain #vanitycont .issue {
	color:#fb872c;
}


/* ヴァニティ画像 */
#vanity #vanitymain .cmsleft {
	float:left;
	margin-right:20px;
	margin-bottom:12px;
	margin-top:4px;
}
#vanity #vanitymain .cmsright {
	float:right;
	margin-left:20px;
	margin-bottom:12px;
	margin-top:4px;
}
#vanity #vanitymain .cmscenter {
	text-align:center;
	margin-bottom:12px;
	margin-top:4px;
}


/* ツールページ */
#vanity.tool {
   line-height:18px;
   padding-right:20px;
   width:708px;
}
#vanity.tool table {
   margin-left:20px;
   width:688px;
}
#vanity.tool th {
   background-color:#dad6cb;
   border:solid 1px #bbb49f;
   width:200px;
}
#vanity {
   width:728px;
   float:left;
   font-size:12px;
}
#vanity h1 {
   font-size:16px;
   color:#a09572;
}
#vanity h1 {
   background-image: url(../../img/wlp/title_vanity.jpg);
   width:728px;
   height:195px;
   margin-bottom:15px;
   text-indent:-9999px;
}
#vanity.tool h2 {
	 margin-bottom:10px;
}
#vanity.tool h3 {
	 margin-bottom:10px;
	 color:#000033;
}

/* ツールページ　BMI */
#vanity.tool #bmi {
	margin-bottom:20px;
	margin-left:40px;
}
#vanity.tool #bmi table {
	width:580px;
	height:23px;
	margin:0px;
	padding:0px;
}
#vanity.tool #bmi table td {
	white-space: nowrap; 
	margin:0px;
	padding:0px;
	text-align:center;
	line-height:23px;
}
#vanity.tool #bmi #bmigraph {
	background:url(../../img/wlp/back_diet_bmi.gif) no-repeat 0px 0px;
	border-spacing:0px;
	border-collapse:collapse;
	padding-left:10px;
	margin-left:29px;
	clear:both;
}
#vanity.tool #bmi #bmigraph .edge {
	width:10px;
}
#vanity.tool #bmi #bmigraph .thin {
	background:url(../../img/wlp/back_diet_bmi_thin.gif) repeat-x 0px 0px;
	border-right:solid 1px #c0c0c2;
}
#vanity.tool #bmi #bmigraph .health {
	background:url(../../img/wlp/back_diet_bmi_health.gif) repeat-x 0px 0px;
	border-right:solid 1px #c0c0c2;
}
#vanity.tool #bmi #bmigraph .obesity {
	background:url(../../img/wlp/back_diet_bmi_obesity.gif) repeat-x 0px 0px;
	border-right:solid 1px #c0c0c2;
}
#vanity.tool #bmi #bmigraph .highob {
	background:url(../../img/wlp/back_diet_bmi_highob.gif) repeat-x 0px 0px;
	color:#ffcccc;
}
#vanity.tool #bmi #bmigraph .bmimax td {
	text-align:right;
}
#vanity.tool #bmi #now {
	width:560px;
	background:none;
	margin-right:0px;
	float:none;
	font-size:10px;
	color:#333;
	text-align:left;
	padding-right:0px;
	padding-left:10px;
	padding-right:10px;
	line-height:24px;
}
#vanity.tool #bmi #now span {
	display:block;
	margin-bottom:4px;
	float:left;
}
#vanity.tooln #bmi #target {
	width:560px;
	font-size:10px;
	color:#333;
	text-align:left;
	padding-right:0px;
	padding-left:10px;
	padding-right:10px;
	line-height:36px;
}
#vanity.tool #bmi #target span {
	display:block;
	float:left;
}
#vanity.tool .caption {
	font-size:16px;
	color:#8c7b42;
}
#vanity.tool #coach {
	margin-top:20px;
	background:url(../../img/wlp/coach.gif) no-repeat 0px 0px;
	padding-left:90px;
}
#vanity.tool #coach h3 {
	margin-bottom:6px;
}
#vanity.tool #coach h4 {
	margin-bottom:3px;
	font-size:14px;
}


/* ツールページ　代謝量*/
#vanity.tool .time {
	font-size:14px;
	font-weight:bold;
	background: url(../../img/wlp/icon_time.gif) 0px 6px no-repeat;
	margin-bottom:12px;
}
#vanity.tool #trainlist table {
   border-spacing:0px;
   border-collapse:collapse;
   margin-left:0px;
   margin-top:6px;
}
#vanity.tool #trainlist table th,
#vanity.tool #trainlist table td {
   text-align:center;
   border:solid 1px #bbb49f;
}

/* ツールページ　無料ダイエットシミュレーション*/
#vanity.tool #dietsim {
	width:240px;
	padding:15px;
	border:1px solid #e0d8ca;
	text-align:center;
	float:left;
	margin-right:20px;
}
#vanity.tool #dietsim .caption {
	font-size:16px;
	color:#30a2dc;
	float:left;
}
#vanity.tool #dietsim .thm {
	float:left;
	line-height:20px;
}
html>/**/body #vanity.tool #dietsim .thm {
	line-height:28px;
}
#vanity.tool #dietsim h4 {
	font-weight:normal;
	background: url(../../img/wlp/icon_face_smile.gif) 0px 1px no-repeat;
	padding-left:10px;
	font-size:14px;
}
#vanity.tool #dietsim p {
	margin-top:4px;
	margin-bottom:4px;
}
#vanity.tool #okay {
}
#vanity.tool #coach.disim {
	height:95px;
}
#vanity.tool #coach.disim h2 {
	 margin-top:10px;
	 color:#000033;
	 font-size:16px;
}
#vanity.tool #ditarget {
}


/* サクセスストーリー左サイド */
#vanity #subside #personal #pdata table {
	margin:0px;
}
#vanity #subside #personal #pdata table td {
	padding:0px;
	width:auto;
}
#vanity #subside #personal {
	background: url(../../img/wlp/back_side_foot.gif) no-repeat left bottom;
	padding-bottom:6px;
	margin-bottom:20px;
}
#vanity #subside #personal h3 {
	background: url(../../img/wlp/vanity_success_title_pd.gif) no-repeat left top;
	height:36px;
	text-indent:-9999px;
}
#vanity #subside #personal #pdata {
	margin:0px;
	padding:0px;
	width:186px;
	background: url(../../img/wlp/back_side_body.gif) repeat-y left top;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:12px;
	padding-right:12px;
}
#vanity #subside #personal #pdata h4 {
	font-size:14px;
	background: url(../../img/wlp/icon_journal_checkup.gif) no-repeat 0px 0px;
	padding-left:22px;
	margin-bottom:10px;
}
#vanity #subside #personal #pdata h5 {
	font-size:12px;
	color:#336699;
	font-weight:normal;
	background: url(../../img/wlp/arrow.gif) no-repeat 0px 3px;
	padding-left:12px;
	margin-bottom:2px;
	margin-top:3px;
}
#vanity #subside #personal #pdata #pdc {
	padding-bottom:6px;
	background: url(../../img/wlp/dotted_h.gif) repeat-x left bottom;
	margin-bottom:6px;
}
#vanity #subside #personal #pdata #pdc.before {
	background: none;
	margin-bottom:0px;
	padding-bottom:0px;
}
#vanity #subside #personal p {
	margin-left:13px;
}
#vanity #subside #personal p strong {
	font-weight:bold;
	color:red;
}
#vanity #subside #sucperson {
	padding-top:33px;
	background: url(../../img/wlp/vanity_success_title_sp.gif) no-repeat 0px 0px;
}


/* サクセスストーリー */
#vanity #vanitymain #success .sucnum {
	font-size:10px;
	color:#336699;
	display:block;
	margin-bottom:10px;
}
#vanity #vanitymain #success .sucname {
	color:#505050;
	line-height:18px;
}
#vanity #vanitymain #success #suchead {
	margin-bottom:20px;
}
#vanity #vanitymain #success #suchead img {
	display:block;
	float:left;
	margin-right:15px;
	border:1px solid #e0d8ca;
}
#vanity #vanitymain #success #vanitycont {
	margin-left:0px;
}
#vanity #vanitymain #success #vanitycont #scustory b {
	color:#ff8c00;
}
#vanity #vanitymain #success .sucdatas {
	font-size:10px;
}
#vanity #vanitymain #success .sucdatas strong {
	font-size:14px;
	color:red;
}
#vanity #vanitymain #success h2 {
	margin-bottom:10px;
	line-height:28px;
}
#vanity #vanitymain #success .alignright {
	font-size:10px;
	color:#999;
	margin-top:28px;
}



/* ページャ */
.pg_component,
.pg_component a {
   display:block;
   float:left;
   margin-right:3px;
}
.pg_component {
   font-size:10px;
   line-height:18px;
}
.pg_currpage {
   padding:3px 6px;
   border: solid 1px white;
   font-weight:bold;
   font-size:10px;
   float:left;
}
.pg_nearpage a {
   padding:2px 6px;
   border: solid 1px #ccccd6;
}
.pg_nearpage a:hover {
   background-color:#000033;
   text-decoration:none;
   color:white;
}
.pg_nextblock,
.pg_nextpage {
   margin-left:10px;
   line-height:22px;
   font-size:16px;
}
.pg_prevblock,
.pg_prevpage {
   margin-right:10px;
   line-height:22px;
   font-size:16px;
}