@charset "Shift_JIS";

/**/
* { margin: 0; padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
html { margin: 0; padding: 0; height: 100%; }
body { margin: 0px auto; padding: 0; height: 100%; background: #fcebfc; text-align: center; color: #333333; }
img { font-size: 0; line-height: 0; vertical-align: bottom; border:none; }
ul,dl,ol{ list-style-type: none;/**/ list-style-position: outside; }
p { text-align: justify; /*IE6*/text-justify: inter-ideograph; }
a { outline: none; }/*FFhack*/

.m_foot { clear: both; font-size: 0; line-height: 0; height: 0; }

.green { color: #8fc31f; }
.orange { color: #f8b500; }
.blue { color: #82c1ea; }
.bgreen { color: #00a6ba; }


/**/
#container { width: 760px; margin: 0px auto; text-align: left; min-height: 100%; position: relative; padding-bottom: 60px; background: #FFFFFF }
* html div#container { height: 100%;} /*IE6*/

/*フッター*/
#footer { position: absolute; bottom: 0px; left: 0px; width: 760px; height: 30px; background: #a5cf4c; font-size: 0; line-height: 0; }
address { width: 750px; font-size: 16px; line-height: 30px; text-align: right; color: #FFFFFF; font-style: normal; font-weight: bold; }


/*head*/
h1 { display: block; height: 300px; background: url(beauty_h1_bk.jpg) left top no-repeat; text-indent: -9999px; padding-bottom: 5px; border-bottom: 1px solid #DDDDDD; }


/*main*/
#approach { margin: 60px 0;}
#approach h2 { display: block; height: 25px; font-size: 18px; line-height: 25px; margin: 0 20px 20px 20px; background: url(beauty_h2_approach.png) left top no-repeat; text-indent: -9999px; }
#approach h3 { font-size: 20px; line-height: 20px; height: 20px; margin: 30px 40px 0 40px; }
#approach #problem h3 { background: url(beauty_h3_problem.png) left top no-repeat; text-indent: -9999px; }
#approach #voice h3 { background: url(beauty_h3_voice.png) left top no-repeat; text-indent: -9999px;}
#approach h4 { font-size: 18px; line-height: 25px; height: 25px; margin: 20px 50px 0 50px; }
#approach #problem h4 { border-left: 5px solid #ffbb00; text-indent: 5px; }
#approach #voice h4 { border-left: 5px solid #f8adc9; text-indent: 5px; }

#approach p { font-size: 14px; line-height: 20px; margin: 0 50px; border-width: 2px; border-style: solid; position: relative; }
#approach #problem p{ border-color: #ffbb00; padding: 10px 15px 10px 120px; background: #fcf6e8;  }
#approach #problem p img { position: absolute; left: 10px; top: 10px; border: 1px solid #ffbb00;/*IE6*/ _left: -110px;}
#approach #voice p { border-color: #f8adc9; padding: 10px 15px; background: #fef7fa; }
#approach #voice p span { display: block; text-align: right; }


/*サプリメント代表例*/
#supples { margin: 60px 0; }
#supples h2 { display: block; height: 25px; font-size: 18px; line-height: 25px; margin: 0 20px 20px 20px; background: url(beauty_h2_supples.png) left top no-repeat; text-indent: -9999px; }

#supples h3 { font-size: 18px; line-height: 20px; height: 20px; margin: 30px 50px 0 50px; color: #39bac9; }
#supples p { font-size: 16px; line-height: 20px; margin: 10px 50px; text-align: center; }

#supples table { margin: 0 50px 10px 50px; border-collapse: collapse; border-width: 2px; border-style: solid; }
#supples th,#supples td { border-width: 1px; border-style: solid; }
#supples th { font-size: 14px; line-height: 20px; font-weight: normal; text-align: center; }
#supples th.product { width: 220px; }
#supples td { padding: 5px 15px; font-size: 14px; line-height: 20px; text-align: left; }
#supples td strong { float: left; padding-top: 20px; font-size: 18px; line-height: 20px; font-weight: bold; text-align: center; }
#supples td strong span { font-size: 12px; line-height: 20px; margin: 10px 0; }

#rs_single,#rs_single th,#rs_single td { border-color: #8fc31f; }
#rs_pack,#rs_pack th,#rs_pack td { border-color: #39bac9; }
#rs_single th { background: #c7e18f; }
#rs_pack th { background: #95dde5; }
#supples #rs_single td strong { padding-top: 5px; width: 120px; }
#supples #rs_pack td strong { padding-top: 20px; width: 110px; }
#supples #rs_pack td strong.traw { padding-top: 10px; }


/*当院がお勧めするサプリメントについて*/
#reccomend { margin: 60px 0; }
#reccomend h2 { display: block; height: 25px; font-size: 18px; line-height: 25px; margin: 0 50px 20px 50px; background: url(h2_reccomend.png) left top no-repeat; text-indent: -9999px; }
#r_feature { font-size: 15px; line-height: 25px; margin: 0 50px; padding: 10px 30px; border: 5px solid #ddedbb; background: #FFFFFF; }
#reccomend h3 { font-size: 16px; line-height: 20px; width: 380px; height: 20px; margin: 20px 50px 0 50px; background: url(h3_reccomend.png) left 50% no-repeat; text-indent: -9999px; }



/*Medical Supplement Service*/
#service { border-top: 1px solid #DDDDDD; padding-top: 30px; }

#service h2 { display: block; height: 60px; font-size: 18px; line-height: 25px; margin: 0 20px; background: url(h2_service.png) center top no-repeat; text-indent: -9999px; }
#s_logo { display: block; font-size: 12px; line-height: 15px; width: 165px; height: 15px; margin: -20px 0 0 575px; background: url(s_logo.png) left top no-repeat; text-indent: -9999px; }

#service p { font-size: 14px; line-height: 20px; }
#service ul { font-size: 14px; line-height: 20px; }

#s_main { margin: 0 50px 0 40px; position: relative; }
#s_ana,#s_spl,#s_cou { margin-top: 20px; background-position: left top; background-repeat: repeat-y; position: relative; }
#s_ana { background-image: url(s_ana_bk.png); }
#s_spl { background-image: url(s_spl_bk.png); }

#s_main h3 { display: block; font-size: 16px; line-height: 20px; height: 70px; background-position: left top; background-repeat: no-repeat; text-indent: -9999px;  }
#s_ana h3 { background-image: url(h3_s_ana.png); }
#s_spl h3 { background-image: url(h3_s_spl.png); }
#s_cou h3 { background-image: url(h3_s_cou.png); }

#s_main div.s_foot { display: block; height: 10px; background-position: left bottom; background-repeat: no-repeat; font-size: 0; line-height: 0; clear: both; }
#s_ana div.s_foot { background-image: url(s_ana_foot.png); }
#s_spl div.s_foot { background-image: url(s_spl_foot.png); }
#s_cou div.s_foot { background-image: url(s_cou_foot.png); }

#s_main div.imgbox { float: left; width: 230px; _position: relative; }
#s_main div.imgbox img { margin: 20px 0 0 20px; }

#s_main h4 { font-size: 16px; line-height: 20px; height: 20px; margin: 20px 20px 0 250px; background-position: left top; background-repeat: no-repeat; text-indent: -9999px; }
#s_ana h4 { background-image: url(h4_s_ana.png); }
#s_spl h4 { background-image: url(h4_s_spl.png); }

#s_main ul { margin: 0 20px 0 260px; }
#s_main li { background-position: left 3px; background-repeat: no-repeat; margin-top: 5px; padding-left: 16px; font-weight: bold; }
#s_ana li { background-image: url(lidot_blue.png); color: #59829e; }
#s_spl li { background-image: url(lidot_green.png); color: #698f17; }

#s_repo { margin: 20px 20px 0 250px; }
#s_repo h5 { height: 20px; font-size: 14px; line-height: 20px; }
#s_repo p { margin: 0 10px; }

#s_spl p { margin: 10px 0 0 260px; font-size: 12px; line-height: 16px; }

#s_flow { width: 400px; height: 250px; margin: 30px 0 0 50px; background: url(s_flow_bk.png) left top no-repeat; }
#s_flow h3,#s_flow h4,#s_flow li { text-indent: -9999px; }

#s_splrepo { width: 240px; height: 250px; margin: -250px 0 0 470px; background: url(s_splrepo_bk.png) left top no-repeat; text-align: center; }
#s_splrepo h3 { font-size: 16px; line-height: 20px; margin: 0 10px; padding-top: 10px; border-bottom: 2px solid #ffea00; }
#s_splrepo p { margin: 8px 15px 0 15px; text-align: left; }
#s_splrepo img { margin: 8px auto 0 auto; }


/*より健康であるために・・・*/
#s_message { margin: 40px 50px 0 50px; min-height: 310px; _height: 310px; background: url(img_s_message.jpg) left 35px no-repeat; }
#s_message h3 { font-size: 18px; line-height: 22px; height: 22px; margin-bottom: 20px; border-bottom: 3px solid #d9d2cd; background: url(h3_message.png) left top no-repeat; text-indent: -9999px; }
#s_message p { margin: 0 0 10px 250px; color: #664c38; }
#s_message ul { margin: 10px 20px 10px 260px; color: #664c38; }