@charset "Shift_JIS";
*{margin:0;padding:0;}
#container a {text-decoration:underline;}
ol,ul {list-style-position:inside;}
.pankuzu_list {background-color:#fff;}
#container {margin:0 auto;max-width:950px;padding-bottom:0.1em;}
h2 {margin:1.0em auto 1.5em;text-align:center;font-size:1.38em;border-bottom:3px solid #f60;}
#title img {margin-bottom:3px;}
#title .attention {margin:0 1.0em 1.0em;}
h2+p {margin:0 1.0em 1.0em;}
h3 {font-size:1.25em;border-left:5px solid #f60;background:url("../../image/bg_dot.png") repeat scroll 0 0;}
h3+p {margin-bottom:1.5em;}
h3 span {padding:0.2em 1.5em 0.2em 0.5em;display:block;background:url("../image/support/toggle.png") 99% 50% no-repeat;background-size:20px 20px;}
h3.open span {background-image:url("../image/support/toggle_up.png");}
#container {margin:0 auto;}
.otherlinks {margin:0 1.0em;}
#contentsbox {margin:0 1.0em;color:#333;text-align: left;}
.contentsbox_block {margin:0 0 1.5em;padding:1.0em;border:1px solid #ccc;background-color: #FFF;}
.attention {margin-top:0.3em;text-align:left;}
#titlemain img#logo {margin:0.5em 1.0em;width:150px;}
/* 脱メタボ */
#metabolic h4 {margin-bottom:0.5em;padding:0.2em 0;font-size:1.13em;border-bottom:1px dotted #999;}
#metabolic dl {margin-bottom:1.5em;}
#metabolic .aboutmetabolic dd dl dt {font-weight:bold;float:left;}
#metabolic .aboutmetabolic dd dl {margin:1.0em;}
#metabolic #example {margin:1.0em auto 0;padding:1.0em;border:3px double #ccc;text-align:center;width:80%;}
#metabolic #example img {margin-bottom:0.3em;width:auto;}
#metabolic #example .sphact img {display:none;}
#metabolic #example #success {font-weight:bold;font-size:1.13em;text-align:center;}
#metabolic #example #success span {font-size:1.0em;}
#metabolic #example p {text-align:left;}
#metabolic #example img {}
/* プログラム */
#program ol li {list-style-position:inside;font-weight:bold;}
#program ol li ul li {margin-left:10px;font-weight:normal;list-style-type:disc;}
#program ol li ul {margin-bottom:10px;}
#program ol li ul.start li {list-style-type:circle;}
#program #process {margin:0 1.0em 1.0em;}
#program #process dt:before {content:"●";}
#program #process dt {font-weight:bold;}
#program #process dd {margin-bottom:0.5em;font-weight:normal;}
#program #process dd span {display:block;font-size:0.88em;}
#dietwhy ul {margin:0.5em 0;font-size:1.0em;}
#dietwhy ul li {line-height:1.8;}
#dietwhy p {margin-bottom:0;}
#dietwhy span {padding:0.5em 1.0em;color:#fff;background-color:#f60;font-weight:bold;font-size:1.13em;}
#dietwhy ul li {font-weight:bold;}
.strong {color:#f60;}
/* サポート */
#dhcsupport h4 {margin-bottom:0.5em;padding:0.2em 0;font-size:1.13em;border-bottom:1px dotted #999;}
#dhcsupport .aboutdhcsupport {margin-bottom:2.0em;}
#dhcsupport .aboutdhcsupport dl dt {font-weight:bold;}
#dhcsupport .aboutdhcsupport dl dd {margin-bottom:0.5em;}
#dhcsupport .message {border:1px solid #ccc;background-color:#F7F4EC;margin:1.0em;padding:1.0em;}
#dhcsupport .message .photo {padding:0 0.5em 0.5em;float:right;text-align:center;}
#dhcsupport .message .photo span {margin-top:5px;display:block;font-size:0.81em;}
#dhcsupport .staff {border:none;width:100%;text-align:center;}
#dhcsupport .conference img {float:right;padding-left:1.0em;}
/* FAQ */
#faq h4 {margin-bottom:0.5em;padding:0.2em 0;font-size:1.13em;}
.fqqcontent dt {color:#b40707;}
.fqqcontent dt:before {content:"Q. ";}
.fqqcontent dd {border-top:1px solid #ccc;margin-bottom:1.0em;padding-top:0.5em;}
.fqqcontent dd:before {content:"A. ";}
/* 問い合わせ */
.conference {margin:1.5em auto;overflow:hidden;text-align:center;}
.conference div {margin:0 auto;padding:1.0em;text-align:left;border:1px solid #ccc;display:inline-block;*display:inline;*zoom:1;}
.conference span {display:block;}
.conference .telbox {float:left;width:70%;}
.conference .imgbox {display:inline;width:30%;}
span.time {display:inline;color:#f00;}
.conference h6 {border-bottom:1px dotted #ccc;margin-bottom:5px;}
blockquote {border:3px double #ccc;margin:1.0em auto 0;width:70%;padding:1.0em;text-align:left;overflow:hidden;}
.toggleblock {margin-top:1.5em;display:none;}
/* 二個 */
#gs .conference blockquote {margin:0 2%;width:42%;display:inline-block;}
#gs .conference blockquote.sup {float:left;}
.links li {padding-left:20px;background:url("../image/linkicon.png") 0 50% no-repeat;background-size:15px 15px;line-height:1.8;}
.otherlinks li {margin-left:1.0em;margin-bottom:1.5em;text-align:right;}
.otherlinks li a {padding-left:20px;background:url("../image/linkicon2.png") 0 50% no-repeat;background-size:15px 15px;}
#personal_footer {margin-top:1.0em;padding-top:1.0em;border-top:1px dotted #ccc;text-align:right;font-size:0.88em;}
/* sph */
.body_sph #title img {width:95%;}
.body_sph .contentsbox_block {padding:0.5em;}
.body_sph blockquote {width:auto;}
.body_sph h3 span {padding:0.5em;background-position:98% 50%;}
.body_sph #metabolic #example {width:auto;padding:0.5em;}
.body_sph #metabolic #example .pcact img {display:none;}
.body_sph #metabolic #example .sphact img {display:block;}
.body_sph #metabolic #example #success span {display:block;}
.body_sph #dhcsupport .message .photo {margin:0 auto;float:none;}
.body_sph #dhcsupport .conference img {margin:0.5em auto 0;float:none;}
.body_sph .conference .telbox {float:none;width:100%;}
.body_sph .conference .imgbox {display:block;width:100%;text-align:center;}
.body_sph #gs .conference blockquote {margin:0 auto 0.5em;width:auto;display:block;}
.body_sph #gs .conference blockquote.sup {margin-bottom:0;float:none;}
.body_sph .toggleblock {display:none;}
/* ---------------- terms.html ---------------- */
#terms {padding-top:1.0em;font-size:1.0em;}
#terms h2 {margin:0 1.0em 1.0em;padding:0.5em 0.5em 0.2em;font-size:1.50em;border-bottom:3px solid #f60;text-align:center;}
#terms h3 {margin:2.0em auto 1.0em;padding:0.3em;border:1px solid #ddd;font-size:1.13em;text-align:center;background:#ffffff; /* Old browsers */background:-moz-linear-gradient(top, #ffffff 0%, #f7f7f7 64%, #ededed 100%); /* FF3.6+ */background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(64%,#f7f7f7), color-stop(100%,#ededed)); /* Chrome,Safari4+ */background:-webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 64%,#ededed 100%); /* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top, #ffffff 0%,#f7f7f7 64%,#ededed 100%); /* Opera 11.10+ */background:-ms-linear-gradient(top, #ffffff 0%,#f7f7f7 64%,#ededed 100%); /* IE10+ */background:linear-gradient(to bottom, #ffffff 0%,#f7f7f7 64%,#ededed 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */}
#terms dl dd {margin-bottom:1.0em;}
#terms dl dd p {margin:0 0 0.5em;}
#terms dl dd ol {margin:0 0.5em;}
#terms dl dd ol li {margin-bottom:0.5em;list-style-type:decimal;list-style-position:inside;}
#terms dt {margin-bottom:0.3em;}
#terms #update {margin:1.0em 1.5em;padding:1.0em 0;text-align:right;font-size:0.81em;border-top:1px dotted #757575;}
#terms h3 {margin:1.5em 2.5em;}
#terms h4 {margin-bottom:0;border-bottom:none;}
#terms p,#terms dl {margin:1.5em 3.0em;}
/* sph */
.body_sph #terms {padding-top:0;font-size:1.13em;}
.body_sph #terms h2 {margin:0 0.5em;}
.body_sph #terms p,.body_sph #terms h3,.body_sph #terms dl {margin:0.5em 1.0em;}
/* ----------------------------------------------- */
#biz_policy #terms p,#biz_policy #terms dl,#biz_policy #terms dl dd:last-child {margin-bottom:0;}
/* サポート support.html ------------------------- */
#obesity h4:before {content:"●";}
/* 肥満とは */
#obesity h4 {margin-bottom:0.5em;padding:0.2em 0;font-size:1.13em;border-bottom:1px dotted #999;}
#obesity .tables {margin:0 auto;width:100%;text-align:center;}
#obesity .tables table {margin:0 auto 1.5em;width:100%;border:2px solid #ccc;}
#obesity .tables caption {padding:0.5em;font-size:1.0em;font-weight:bold;}
#obesity .tables table th {font-weight:bold;background-color:#ffdaab;}
#obesity .tables table th,#obesity .tables table td {padding:0.5em;text-aling:center;border:1px solid #ccc;font-size:0.88em;}
#obesity .source {margin-bottom:1.5em;font-size:0.75em;display:block;text-align:right;}
/*テーブル毎*/
#obesity .tables {width:100%;}
#obesity #stand table td {width:50%;}
#daycal .attention {margin-bottom:1.0em;text-align:left;}
.division1 {width:15%;}
.division2 {width:25%;}
.calculation,#example {margin:1.0em;text-align:center;}
.calculation img,#example img {padding:0.5em;}
.calculation {border:3px solid #f60;}
.calculation img {width: auto;    mix-blend-mode: multiply;}
.body_sph .calculation img {width: 90%;}
/* 適正体重／BMI */
#calc_bmi {margin-bottom:0.5em;}
.target_block li{list-style:none;margin-left:20px;display:inline-block;display:-moz-inline-box;/*Firefox2*//display:inline;/*IE7以下対策*//zoom:1;/*IE7以下対策*/vertical-align:bottom;}
.diet_step_txt1 {font-size:1.5em;font-weight:bold;margin:0;}
.diet_st1 {font-size:1.88em;font-weight:bold;margin-bottom:20px;text-align:center;}
.diet_txt1 {font-size:18px;font-weight:bold;}
.diet_txt2 {border:1px solid #000;font-family:arial,Helvetica;font-size:1.88em;font-weight:bold;margin:5px;padding:3px;text-align:center;vertical-align:-10%;width:100px;}
.target_block .diet_txt3 {color:#36c;font-size:3.0em;font-weight:bold;margin:0 0.3em;}
.diet_txt11 {color:#36c;font-family:arial,Helvetica;font-size:1.88em;font-weight:bold;margin:0 5px;}
#calc_ideal_weight {margin-bottom:0.5em;}
#calc_ideal_weight ul li {verticval-align:bottom;}
.diet_a {display:block!important;height:80px;}
.diet_h {height:60px;}
/* 定期コースについて */
#course h4 {border-bottom:1px dotted #999;font-size:1.13em;margin-bottom:0.5em;padding:0.2em 0;}
#course h4:before {content:"■ ";}
#course dd {margin-bottom:1.0em;}
#course #courseex {margin:1.0em 5em;padding:1.0em;border:3px double #ccc;}
.body_sph #course #courseex {margin:0.5em;}
#course #courseex dt {margin-bottom:0.3em;}
#course #courseex dd {text-align:center;}
#course #courseex dd:last-child {margin-bottom:0;}
#course .here {font-weight:bold;color:#FF503D;}
#course .dhav {font-weight:bold;}
#course .backexample {margin:1.0em 5em;padding:1.0em;border:3px double #ccc;}
.body_sph #course .backexample {margin:0.5em;}
#course .backexample p {text-align:center;}
.courseentry li {margin-bottom:0.2em;}
/* FAQ */#dataopen {text-decoration:underline;}
/* 統計データ */#data #success {margin:0 auto;padding:1.0em;font-size:1.0em;border:3px double #ccc;}
#data #success ul {margin:0 auto;width:80%;}
#data #success ul li span {font-size:1.38em;font-weight:bold;color:#f00;/*font-style:italic;*/}
#data #success ul li span span {font-weight:normal;font-size:0.75em;font-style:normal;color:#333;}
#data p {margin-top:1.0em;margin-bottom:0;font-weight:bold;font-size:1.25em;text-align:center;}
#data h4 {margin:2.0em 0 0.5em;padding:0.2em 0.5em;font-size:1.13em;text-align:left;background:url("../../image/bg_dot.png") repeat scroll 0 0;}
#data #graph {margin:2.0em auto 0;text-align:center;}
#data #graph .sph_none {display:block;}
#data #graph .pc_none {display:none;}
#data #detaildata {margin:0 auto;text-align:center;}
#data #detaildata div {margin:0 auto;display:none;max-width:813px;text-align:center;}
#data #detaildata h4 span {padding:0.2em 0.5em;display:block;background:url("../image/toggle.png") 99% 50% no-repeat;background-size:20px 20px;}
#data #detaildata h4.open span {background-image:url("../image/toggle_up.png");}
#data #graph ul {margin:0 auto;width:90%;}
#data #graph ul li span {margin-top:1.0em;margin-bottom:0.5em;padding-left:0.5em;display:block;font-weight:bold;font-size:1.0em;border-left:5px solid #333;border-bottom:1px dotted #ccc;text-align:left;}
#data #graph ul li {width:100%;}
#data #detaildata p {margin:2.0em;color:#f60;}
#data #detaildata img {width:100%;}
#data #detaildata ul.attention {margin:1.0em 3.5em;}
#data #detaildata ul.attention dl {margin:0.5em 2.0em 1.0em;}
/* toggle */
#graph ul li span {padding:0.2em 0.5em;display:block;background:url("../image/support/s_toggle.png") 99% 50% no-repeat;background-size:20px 20px;}
#graph ul li span.open {background-image:url("../image/support/s_toggle_up.png");}
#graph ul li div.graphs {display:none;}
/* sph */
.body_sph #obesity .tables {width:95%;}
.body_sph #obesity #bmi table {width:100%;}
.body_sph #obesity #stand table {width:100%;}
.body_sph .division1 {width:15%;}
.body_sph .division2 {width:25%;}
.body_sph #data #success {padding:0.5em;}
.body_sph #data #success ul {width:100%;}
.body_sph #data #graph ul li span {text-align:left;}
.body_sph #data #graph ul li {width:100%;text-align:center;}
.body_sph #data #graph ul li img {width:auto;display:block;margin:0 auto;}
.body_sph #data #detaildata ul.attention {margin:1.0em 0.5em;}
.body_sph #data #detaildata p {margin:0.5em;}
.body_sph #data #success ul li span {display:block;text-align:right;}
.body_sph #data #success ul li span span {display:inline;}
.body_sph #data #graph .sph_none {display:none;}
.body_sph #data #graph .pc_none {display:block;}
.body_sph .calculation img,.body_sph #example img {padding:0;width:100%;}
/* エクササイズ目安表 +*/
#exercise h4 {border-bottom:1px dotted #999;font-size:1.13em;margin-bottom:0.5em;padding:0.2em 0;}
#exercise .strong span {font-size:1.38em;font-weight:bold;}
#exercise #sample {text-align:center;}
#exercise #sample table {margin:1.0em auto 0.5em;width:90%;border:2px solid #ccc;}
.body_sph #exercise #sample table {width:90%;}
#exercise #sample table caption {padding-bottom:0.3em;font-weight:bold;font-size:1.13em;text-align:center;}
#exercise #sample table td {padding:0.5em;border:1px solid #ccc;}
#exercise #sample table td.physical,#exercise #sample table td.etime {background-color:#f8f8f8;}
#exercise #sample table td.physical {width:60%;}
#exercise #sample table td.etime {width:40%;}
#exercise #sample table td ul li {text-align:left;}
#exercise #sample .syutten {margin:0 auto 1.5em;width:70%;font-size:0.88em;color:#666;text-align:right;}
.body_sph #exercise #sample .syutten {width:90%;}
#exercise #sample2 {margin:0 auto;border:3px double #ccc;width:70%;}
.body_sph #exercise #sample2 {width:100%;}
.body_sph #exercise #sample2 {width:90%;}
#exercise #sample2 dl {margin:1.0em;}
#exercise #sample2 dl dt {font-weight:bold;text-align:center;}
#exercise #sample2 #etotal {margin-top:0.5em;font-weight:bold;font-size:1.13em;text-align:right;}
#exercise #sample2 #etotal span {font-size:1.5em;}
/**//*proteinlist.html */
.body_pc .proteinlist {margin:2.0em auto;width:800px; border:2px solid #ccc;}
.proteinlist th, .proteinlist td {padding:0.3em 0.5em;border:1px solid #ccc;}
.body_sph .proteinlist {margin:2.0em auto; width:95%; border:2px solid #ccc;}
caption {font-weight:bold; font-size:1.13em;}
.proteinlist th {font-weight:bold;background-color:#f8f8f8;}
.goodsnum {width:10%;}
.goodsname {width:60%;}
.proteinlist .goodscost {width:30%;}
.proteinlist td {text-align:right;}
.proteinlist td.tit {text-align:left;}
.proteinlist td.gnum {text-align:center;}
.cttitle {margin-top:1.0em;padding:0.5em 1.0em 0; text-align:center;font-weight:bold;font-size:1.13em; display:block;border:1px solid #ccc;}
.body_pc #status dt { width:200px;}
#ctsample table {margin:1.0em auto; text-align:center;border:2px solid #ccc; width:100%;}
#ctsample th, #ctsample td {padding:0.5em;border:1px solid #ccc;}
#ctsample caption {margin-bottom:0.5em;font-size:1.0em;font-weight:bold;text-align:center;}
#ctsample th {background-color:#eee;}
#ctsample #result1 td:nth-child(odd),#ctsample #reslut2 td:nth-child(odd) {font-weight:bold;color:#ff503d;}
.body_sph #ctsample table img {width:100%;}
#dietwhy {margin-bottom:1.5em;}
#result2 span {margin:0 auto;padding:0.2em;display:block;text-align:center;background-color:#FF8C3F;color:#fff;}
#ctsample p.attention {font-weight:bold;font-size:0.83em;}
#ctsample p.attention span {display:block; font-weight:normal;}
#status {margin-top:1.0em;margin-bottom:1.0em;text-align:right;}
/* プランの選択 */
#entry ul li {margin-bottom:0.5em;}
#selectplane {margin:0.5em auto;width:90%; border:3px solid #ccc;}
#program #entry, #program #start dl {font-weight:normal; text-align:left;}
#selectplane td, #selectplane th {padding:0.5em;vertical-align:top;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
#selectplane th {font-weight:bold; color:#fff;font-size:1.0em; background-color:#FF8C3F; text-align:center;}
#selectplane dl dt {font-weight:bold;font-size:1.0em;color:#FF8C3F;}
#selectplane span {display:block; margin:0 auto;text-align:center;}
#selectplane .cost { font-weight:bold; font-size:1.0em; display:block;}
#selectplane .free { color:#FF503D; font-weight:bold; font-size:1.5em;}
#selectplane p {text-align:left;}
#entry #selectplane ul li {margin-bottom:0;}
#program .order {font-weight:bold;}
#start, #finish {margin-top:1.0em;}
.order {margin-bottom:0.3em; padding:0.2em 0.5em; border-bottom:1px dotted #ccc; font-size:1.2em;display:block;}
/* スケジュール */
#dietschedule { width:90%; margin:0.5em auto;padding:0.5em; text-align:center;}
#dietschedule ul li {text-align:left;}
#dietschedule ol li.flow {margin-bottom:0.5em;border:1px solid #ccc; padding:0.5em;overflow:hidden;width:100%;}
.body_pc #dietschedule ol li.flow dl dt,.body_pc #dietschedule ol li.flow dl dd {margin:0.3em auto;}
#dietschedule ol li.flow dl dt {padding-left:2.0em;font-weight:bold;float:left;width:23%;clear:both;text-align:left;}
#dietschedule ol li.flow dl dd {margin-left:0.5em;margin-bottom:0.5em;width:72%; float:left;text-align:left;}
.body_sph #dietschedule ol li.flow dl dt {float:none; width:100%;}
.body_sph #dietschedule ol li.flow dl dd {float:none; width:100%;}
.body_sph #dietschedule ol li.flow dl dt.sc1,.body_sph #dietschedule ol li.flow dl dt.sc2,.body_sph #dietschedule ol li.flow dl dt.sc3,.body_sph #dietschedule ol li.flow dl dt.sc4 {background-size:15px 15px;}
#dietschedule ol li.flow dl dt.sc4 {background:#fff url("../image/icon_scheduleo4.png") 1% 0 no-repeat;background-size:22px 22px;}
#dietschedule ol li.flow dl dt.sc1 {background:#fff url("../image/icon_scheduleo1.png") 1% 0 no-repeat;background-size:22px 22px;}
#dietschedule ol li.flow dl dt.sc2{background:#fff url("../image/icon_scheduleo2.png") 1% 0 no-repeat;background-size:22px 22px;}
#dietschedule ol li.flow dl dt.sc3{background:#fff url("../image/icon_scheduleo3.png") 1% 0 no-repeat;background-size:22px 22px;}
#dietschedule ol li.arrow {text-align:center;}
.entrytit {font-weight:bold;}
.min_tit {margin-bottom:0.5em;padding:0.5em;display:block;font-weight:bold;color:#fff;background-color:#FF8C3F;font-size:1.0em;}
#idenshioption { border:1px solid #ccc; margin:1.5em auto;padding:1.0em;}
#idenshioption dt {font-weight:bold;margin-bottom:0.5em;}
#idenshioption dd .add {font-weight:bold;color:#ff403d;}
.body_sph #dietschedule,.body_sph #idenshioption,.body_sph #selectplane {margin:0.5em auto;width:100%;}
/* プロティンダイエットとは */
#aboutproteindiet dt {font-weight:bold;}
#aboutproteindiet dd {margin-bottom:1.0em;}
#result1 {text-align:center;padding:1.0em;margin:0 auto; }
#ctsample {margin:1.0em auto 1.0em; padding:0 1.0em;border:3px double #ccc;}
.body_pc #ctsample {width:80%;}
#plan_attention {margin:1.0em auto; font-size:0.83em;}
#plan_attention dt {margin-left:1.0em;font-weight:bold;}
#plan_attention dd {margin-left:1.0em;margin-bottom:0.5em;}
#plan_attention span {color:#f00;}
#program ol li ul.attention li {list-style-type:none;}
