a {
  color: #003399;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

body {
  color: #585858;
  line-height: 105%;
}

h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
pre,
ul,
ol,
dl,
dt,
dd,
address,
form,
blockquote {
  color: #585858;
}
.naviov {
}
#header {
  width: 900px;
  margin-top: 145px;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
}
#head_title {
  float: left;
}
#head_title h1 {
  font-weight: normal;
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
  display: inline;
}
#title_word {
}
#head_link {
  float: right;
}
#head_link a {
  color: #585858;
  text-decoration: none;
}
#head_link a:hover {
  color: #585858;
  text-decoration: underline;
}
#head_logo {
  float: left;
  height: 36px;
}
.err_input {
  background-color: #ff9a75;
  border: 2px solid #ff0000;
}
#head_summary {
  float: left;
  padding-top: 3px;
  padding-left: 10px;
}
.clear {
  clear: both;
}

#g_navi_wrap {
  clear: both;
  width: 100%;
  background-image: url(/img/common/g_line.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 5px;
}
#g_navi {
  width: 900px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}

#g_navi li {
  float: left;
}
#p_list {
  width: 895px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #d2d2d2;
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
  background-image: url(/img/common/plist_bg.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 5px;
  height: 19px;
  clear: both;
  text-align: left;
}
.plist {
  float: left;
  display: block;
  margin-left: 25px;
}
#p_home {
  color: #ffffff;
  text-decoration: none;
  float: left;
  display: block;
}
#p_home:hover {
  color: #ffffff;
  text-decoration: underline;
}
#main_contents {
  float: left;
  width: 680px;
}
#right_contents {
  float: right;
  width: 200px;
  /*background-color: #FFFFCC;*/
}

#footer {
  width: 900px;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  clear: both;
  text-align: left;
  border-top: 1px solid #bcbcbc;
}
#footer_img p {
  line-height: 35px;
  font-size: 70%;
  color: #fff;
  width: 900px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  background-image: url(/img/common/foot.gif);
  background-repeat: no-repeat;
}

#foot_link {
  float: left;
  font-size: 10px;
  *font-size: 9px; /* IE 7向け */
  *font: 9px; /* IE 6以下 */
}
#footer a {
  color: #585858;
  text-decoration: none;
}
#footer a:hover {
  color: #585858;
  text-decoration: underline;
}

#top {
  text-align: right;
  float: right;
  font-size: 0;
}
#wrap {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  font-size: 77%;
}
h2#topsummary {
  font-size: 100%;
  *font-size: 85%; /* IE 7向け */
  *font: 85%; /* IE 6以下 */
  text-align: left;
  font-weight: normal;
  line-height: 160%;
  background-image: url(/img/common/top_visual_bg.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#month_title {
  background-image: url(/img/common/month_title.gif);
  background-repeat: no-repeat;
  padding-left: 204px;
  height: 31px;
  padding-top: 10px;
  text-align: left;
}

/*tab*/

#tab_box {
  border: 1px solid #d0d4d7;
  background-image: url(/img/index/tab_bg.gif);
  background-repeat: no-repeat;
  background-position: top;
}

#tabContent {
  border: 1px solid #d3d4d6;
  padding-top: 5px;
  background-image: url(/img/index/tab_bg.gif);
  *background-image: url(/img/index/tab_bgie.gif);
  background-repeat: no-repeat;
  background-position: top;
}

#tabIndex {
  margin: 0px auto;
  width: 665px;
}

#tabIndex li {
  float: left;
  margin-right: 3px;
  display: block;
}

#tabIndex .close {
  background-color: #ffcf00;
  text-decoration: underline;
  color: #0000ff;
}
#tabIndex .open {
  background-color: #ffe3a5;
  text-decoration: none;
}

#tabBoxIndex {
  clear: both;
}

/*tab*/

#btn_detail {
  text-align: right;
  padding-top: 185px;
  padding-right: 20px;
}
#tokusyu_visual {
  background-image: url(/img/index/tokusyu_visual.jpg);
  height: 219px;
  width: 677px;
  background-repeat: no-repeat;
}
#back_number {
  text-align: right;
  padding-top: 2px;
  padding-bottom: 2px;
  background-image: url(../img/line.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
.banner_padding {
  padding-top: 20px;
}
.banner_padding2 {
  padding-top: 20px;
  width: 676px;
}
#banner_skincare {
  border: 1px solid #d0d4d7;
  background-image: url(/img/index/banner_skincare.gif);
  width: 209px;
  display: block;
  float: left;
  text-align: left;
  padding-top: 72px;
  padding-left: 5px;
  padding-bottom: 5px;
  background-repeat: no-repeat;
  background-position: top;
  color: #585858;
  text-decoration: none;
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
  line-height: 160%;
}
#banner_skincare:hover {
  border: 1px solid #999999;
  text-decoration: underline;
}
#banner_blog {
  border: 1px solid #d0d4d7;
  background-image: url(/img/index/banner_blog.gif);
  width: 209px;
  display: block;
  float: left;
  text-align: left;
  padding-top: 72px;
  padding-bottom: 5px;
  background-repeat: no-repeat;
  background-position: top;
  color: #585858;
  text-decoration: none;
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
  padding-left: 5px;
  margin-left: 14px;
  line-height: 160%;
}
#banner_blog:hover {
  border: 1px solid #999999;
  text-decoration: underline;
}
#banner_qa {
  border: 1px solid #d0d4d7;
  background-image: url(/img/index/banner_qa.gif);
  width: 209px;
  display: block;
  float: left;
  text-align: left;
  padding-top: 72px;
  padding-bottom: 5px;
  background-repeat: no-repeat;
  background-position: top;
  color: #585858;
  text-decoration: none;
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
  padding-left: 5px;
  margin-left: 14px;
  line-height: 160%;
}

#banner_voice {
  background-image: url(/img/index/bana_voice.jpg);
  width: 216px;
  display: block;
  float: left;
  text-align: left;
  padding-top: 72px;
  padding-bottom: 5px;
  background-repeat: no-repeat;
  background-position: top;
  text-decoration: none;
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
  padding-left: 5px;
  margin-left: 13px;
  line-height: 160%;
}

#banner_qa:hover {
  border: 1px solid #999999;
  text-decoration: underline;
}
.float_l {
  float: left;
}
.float_r {
  float: right;
}
#news_box {
  background-image: url(/img/index/bar_news.gif);
  *background-image: url(/img/index/bar_newsie.gif);
  background-repeat: no-repeat;
  background-position: top;
  border: 1px solid #d0d4d7;
  margin-top: 20px;
  padding-top: 28px;
}
.news {
  background-image: url(/img/common/line.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  width: 670px;
  margin-right: auto;
  margin-left: auto;
}
.news2 {
  width: 670px;
  margin-right: auto;
  margin-left: auto;
}
.news li {
  float: left;
  padding: 7px;
}
.news li a {
  color: #585858;
}
.news2 li {
  float: left;
  padding: 7px;
}
.news2 li a {
  color: #585858;
}
#news_list {
  text-align: right;
  padding-top: 2px;
  padding-bottom: 2px;
}
#search {
  border: 1px solid #d0d3d7;
  background-image: url(/img/common/bar_search.gif);
  *background-image: url(/img/common/bar_searchie.gif);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 33px;
  padding-left: 15px;
  padding-bottom: 5px;
}
#search input {
  height: 17px;
  width: 120px;
}
#search img {
  *margin-top: 1px;
}
#regist {
  color: #585858;
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
  padding-left: 5px;
  border: 1px solid #4794e2;
  background-image: url(/img/common/btn_regist.gif);
  *background-image: url(/img/common/btn_registie.gif);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 32px;
  padding-right: 5px;
  text-align: left;
  display: block;
  margin-top: 10px;
}
#login {
  border: 1px solid #ddd4ab;
  background-image: url(/img/common/bar_login.gif);
  *background-image: url(/img/common/bar_loginie.gif);
  background-repeat: no-repeat;
  background-position: top;
  color: #585858;
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
  text-align: left;
  padding-top: 32px;
  margin-top: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
#login li {
  padding: 2px;
}
#login a {
  color: #585858;
}
#btn_login {
  text-align: right;
}
#check {
  background-image: url(/img/common/bar_check.gif);
  *background-image: url(/img/common/bar_checkie.gif);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 28px;
  border: 1px solid #52ccbf;
  text-align: center;
  background-color: #edfcf9;
  padding-bottom: 5px;
  margin-top: 10px;
}
#check li {
  margin-top: 5px;
}
#check span {
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
  text-align: left;
}

#icon_navi li {
  font-size: 10px;
  *font-size: 9px; /* IE 6以下 */
  *font: 9px; /* IE 7向け */
}

/*知識ナビ*/

.chishiki_index {
  border: 1px solid #d0d4d8;
  padding: 5px;
  text-align: left;
  line-height: 160%;
}
.chishiki h1 {
  font-size: 17px;
  color: #3dafd3;
}

/* 知識ナビ 終了 */

/*ケアナビ*/

.care_index {
  border: 1px solid #d0d4d8;
  padding: 5px;
  text-align: left;
  line-height: 160%;
}
.care h1 {
  font-size: 15px;
  color: #5fc45e;
}

/* ケアナビ 終了 */

/*医療ナビ*/

.health_index {
  border: 1px solid #d0d4d8;
  padding: 5px;
  text-align: left;
  line-height: 160%;
}
.health h1 {
  font-size: 17px;
  color: #ffac42;
}

/* 医療ナビ 終了 */

/*乳幼児ナビ*/

.baby_index {
  border: 1px solid #d0d4d8;
  padding: 5px;
  text-align: left;
  line-height: 160%;
}
.baby h1 {
  font-size: 17px;
  color: #ff979e;
}

/* 乳幼児ナビ 終了 */

/*体験ナビ*/

.experience_index {
  border: 1px solid #d0d4d8;
  padding: 5px;
  text-align: left;
  line-height: 160%;
}
.experience h1 {
  font-size: 17px;
  color: #4da8a1;
}

/* 体験ナビ 終了 */

/*スペシャルナビ*/

.special_index {
  border: 1px solid #d0d4d8;
  padding: 5px;
  text-align: left;
  line-height: 160%;
}
.special h1 {
  font-size: 17px;
  color: #4d74a8;
}

/* スペシャルナビ 終了 */

/* アトピQA*/

.atopifaq_index {
  border: 1px solid #d0d4d8;
  padding: 5px;
  text-align: left;
  line-height: 160%;
}
.atopifaq h1 {
  font-size: 17px;
  color: #87cf60;
}

/* アトピQA 終了 */

/*読者の声*/

.select_index {
  border: 1px solid #d0d4d8;
  padding: 5px;
  text-align: left;
  line-height: 160%;
}
.select h1 {
  font-size: 17px;
  color: #a874c6;
}

/* 読者の声終了 */

/*症状別スキンケア*/

.reco_index {
  border: 1px solid #d0d4d8;
  padding: 5px;
  text-align: left;
  line-height: 160%;
}

.reco h1 {
  font-size: 17px;
  color: #4eada7;
}

/* 症状別スキンケア終了 */

.kiji_box {
  border: 1px solid #d0d4d8;
}
.kiji_box2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.l_line {
  font-size: 1%;
  margin-top: 10px;
}

.l_line_exp {
  font-size: 1%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.l_box5 {
  padding-right: 5px;
  padding-left: 10px;
}

.l_box_first {
  padding-right: 10px;
  padding-left: 5px;
  padding-top: 5px;
}

#member_about {
  border: 1px solid #d0d4d8;
}

.imgspace {
  font-size: 1%;
  overflow: hidden;
}
.navi_top {
  margin-top: 5px;
  color: #585858;
  background-image: url(/img/common/navi_top.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  display: block;
  height: 19px;
  text-align: left;
  float: right;
}
.navi_top:hover {
  background-image: url(/img/common/navi_top_o.gif);
}
.navi_back {
  color: #585858;
  background-image: url(/img/common/btn_back.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 25px;
  padding-top: 6px;
  height: 23px;
  display: block;
  width: 100px;
  text-align: left;
}
.navi_back:hover {
  background-image: url(/img/common/btn_back_o.gif);
}
.navi_next {
  color: #585858;
  background-image: url(/img/common/btn_next.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 25px;
  padding-top: 6px;
  height: 23px;
  display: block;
  width: 100px;
  text-align: right;
}
.navi_next:hover {
  background-image: url(/img/common/btn_next_o.gif);
}
.txt_field {
  text-align: left;
  line-height: 180%;
  font-size: 12px;
  margin-left: 15px;
  margin-right: 5px;
}

.txt_field img {
  margin-right: 10px;
  margin-left: 10px;
}

.txt_midashi {
  text-align: left;
  line-height: 180%;
  font-weight: bold;
  font-size: 14px;
  background-image: url(/img/common/line2.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 3px;
  padding-left: 10px;
}

.txt_summary {
  text-align: left;
  font-size: 12px;
  line-height: 180%;
  margin-left: 15px;
  margin-right: 5px;
}

/* 会員登録 */

#regist {
}

#regist td {
  text-align: left;
}

.form_bg {
  margin-top: 5px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #2ebc9b;
  background-color: #ecfffc;
}

.form_bg td {
  line-height: 120%;
  padding: 5px;
}

.first_bg {
  margin-top: 2px;
  padding: 3px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #2ebc9b;
}

.first_bg td {
  line-height: 120%;
  padding: 3px;
}

#search_bg {
  background-color: #e4e4e4;
  padding: 5px;
}
.line {
  background-image: url(/img/common/line4.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
.bg_gray {
  background-color: #f2f2f2;
}
.bg_result td {
  background-color: #f2f2f2;
  padding: 3px 3px 5px 5px;
}
.midashi_box {
  border-width: 1px 1px 1px 5px;
  border-style: solid;
  border-color: #4eada7;
  padding: 5px;
  text-align: left;
  background-color: #ffffd9;
}

/*   create YSI  */
.navi_back_no {
  color: #585858;
  background-image: url(/img/common/btn_back.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 25px;
  padding-top: 3px;
  height: 20px;
}

/* わいわいフォーラム */
.forum_midashi_bg {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #629589;
  border-bottom-color: #629589;
  padding: 5px;
  text-align: left;
}
.forum_link_box {
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #c8c8c8;
  border-bottom-color: #c8c8c8;
  padding-bottom: 5px;
}
.forum_link {
  background-color: #edebcd;
  display: block;
  padding: 5px;
  text-align: left;
  margin-top: 5px;
}
.forum_table {
  border-top-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: #7d9492;
  border-left-color: #7d9492;
}
.forum_table td {
  padding: 5px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #7d9492;
  border-bottom-color: #7d9492;
}
.forum_td_color {
  background-color: #e6f4f3;
  text-align: left;
}
/* わいわいフォーラム終了 */

.an_bana_back {
  background-image: url(/img/index/sum_back.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  display: block;
  height: 93px;
  width: 216px;
}

/* 初めてのかたへ */
.search_box {
  border-top: #2ebc9b 1px solid;
  border-bottom: #2ebc9b 1px solid;
  border-left: #2ebc9b 1px solid;
  border-right: #2ebc9b 1px solid;
  background-color: #f7f7f7;
  text-align: left;
  padding: 5px;
}
/* 初めてのかたへ終了 */

/* type */
.orange_box2 {
  border-color: #ff9000;
  border-style: solid;
  border-width: 1px;
}
/*type 終了*/

/*special 座談会profile*/
.probox {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  margin: 10px;
}

/*はじめてのかたへ　文字設定*/
.txt_13pt {
  text-align: center;
  line-height: 180%;
  font-size: 13pt;
  padding: 5px;
}
/* 各種チェックシート用*/
.line_check {
  background-image: url(/img/common/linecheck.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}

/* バックナンバーページ*/
.backnumber_table {
  width: 100%;
  border-color: #ff9000;
  border-style: solid;
  border-width: 1px;
}

.backnumber_title {
  background-color: #ffbf50;
  color: #ffffff;
}

.bn_font {
  color: #ff9000;
}

.backnumber_table2 {
  width: 100%;
  border-color: #ff9000;
  border-style: solid;
  border-width: 1px;
}

.backnumber_table2 td {
  txt-align: left;
  padding: 5px;
}

.backnumber_table td {
  padding: 10px;
  text-align: left;
}

.bn_yline {
  background-image: url(/img/site/tate_line.gif);
  background-repeat: repeat-y;
}

/* 利用者の声*/

.list_box_y {
  background-image: url(/navicontent/select/img/list_box_y.gif);
  background-repeat: repeat-y;
  width: 473px;
  height: 100%;
}

.r_box_y {
  background-image: url(/navicontent/select/img/r_box_y.gif);
  background-repeat: repeat-y;
  width: 472px;
}

.list_nospace {
  font-size: 0;
}

.kiji_box3 {
  border: 1px solid #d0d4d8;
  padding-bottom: 10px;
}

.margin_bottom10 {
  margin-bottom: 10px;
}

/* ページ下お問合せインフォ*/

ul.menu_top {
  background-image: url(/img/infonavi/info_ap_01.jpg);
  background-repeat: no-repeat;
  padding-top: 30px;
  width: 678px;
  height: 100px;
  margin: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-left: 100px;
  padding-left: 20px;
}
li.menu_top {
  float: left;
  list-style-type: none;
}
li.menu_top a {
  text-indent: -9999px;
  display: block;
  background-image: url(/img/infonavi/info_ap_02.png);
  height: 97px;
  width: 226px;
}
li.menu_1 a {
  background-position: 0px 0px;
}
li.menu_2 a {
  background-position: -226px 0px;
}
li.menu_3 a {
  background-position: -452px 0px;
}

li.menu_1 a:hover {
  background-position: 0px -99px;
}
li.menu_2 a:hover {
  background-position: -226px -99px;
}
li.menu_3 a:hover {
  background-position: -452px -99px;
}

.head_st {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -450px;
  z-index: 999;
}

/* ケアナビ追加　20190903*/

.txt-bold {
  font-weight: bold;
  font-size: 1.3em;
}

.color_list {
  text-align: left;
  font-size: 1.3em;
  line-height: 1.6;
  font-weight: bold;
}

.red {
  color: #f44336;
}

.org {
  color: #ff9800;
}

.gre {
  color: #008005 !important;
  font-weight: bold;
}

.p159.gre {
  color: #008005 !important;
  font-weight: bold;
}

.img_left {
  text-align: left;
  padding-left: 10px;
}

.pu_list {
  text-align: left;
  color: #1a509b;
  margin: 10px 0 0 15px;
  font-weight: bold;
}

.pu_list li {
  margin-bottom: 10px;
}

.pu_list li:last-child {
  margin-bottom: 0;
}

.pur span {
  color: #1a509b;
  font-weight: bold;
}

.center {
  text-align: center;
}

.left_class {
  text-align: left;
}

.font-162 {
  border: solid 1px;
  border-radius: 7px;
  padding: 4px;
  margin-right: 7px;
  font-size: 0.9em;
  font-weight: bold;
}

.btm_162 {
  border: solid 2px #1a509b;
  border-radius: 20px;
  margin: 0 15px;
}

.pl10 {
  padding-left: 10px;
}

.p163_box {
  border: dotted 2px #cddc39;
  border-radius: 20px;
  padding: 10px;
  padding-bottom: 20px;
  margin-left: 15px;
}

.border_ye {
  background: linear-gradient(transparent 60%, #ff0 0%);
  font-weight: bold;
  color: #008e06;
}