@charset "UTF-8";


/* ----------------------------
 == index Style
---------------------------- */
#visualArea {
    background: #c9f1f0;
    width: 1000px;
    height: 400px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#visualArea * {
    margin: 0;
    padding: 0;
}

.balloonList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.balloonList li {
    margin: 0;
    padding: 0;
}

.balloon01 {
    position: absolute;
    top: 35px;
    left: 579px;
}

.balloon02 {
    position: absolute;
    top: 290px;
    left: 405px;
}

.balloon03 {
    position: absolute;
    top: 230px;
    left: 52px;
}

.balloon04 {
    position: absolute;
    top: 215px;
    left: 700px;
}

.balloon05 {
    position: absolute;
    top: 27px;
    left: 190px;
}

.balloon06 {
    position: absolute;
    top: 137px;
    left: 325px;
}





#gnavBlock {
    background: #ffffff;
    margin: 0;
    padding: 0;
    position: relative;
}

#gnavBlock:after {
    display: block;
    content: "";
    background: transparent url("../common/img/bg_shadow.png") repeat-x left top;
    height: 4px;
    position: relative;
    bottom: -4px;
}

#gnavBlock > ul {
    width: 1000px;
    height: 96px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: -23px;
}

#gnavBlock > ul > li > a {
    width: 200px;
    height: 123px;
}

#gnavBlock > ul > li > a:hover {
    background-position: 0 -123px;
}

#gnavBlock > ul > li#navAdult > a {
    background-image: url("../img/gnav_adult.png");
}

#gnavBlock > ul > li#navPremama > a {
    background-image: url("../img/gnav_premama.png");
}

#gnavBlock > ul > li#navChild > a {
    background-image: url("../img/gnav_child.png");
}

#gnavBlock > ul > li#navXylitol > a {
    background-image: url("../img/gnav_xylitol.png");
}

#gnavBlock > ul > li#navList > a {
    background-image: url("../img/gnav_list.png");
}


#gnavBlock ul.sNav {
    position: absolute;
    top: 122px;
}





#bnArea {
    background: #ffffff url("../common/img/bg_bnarea.png") repeat left top;
    margin: 0;
    padding: 30px 0;
}

#bnArea ul {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    letter-spacing: -.4em;
}

#bnArea ul li {
    display: inline;
    margin: 0 2px;
    padding: 0;
    letter-spacing: normal;
}

#bnArea ul li.infoBn {
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center;
    width: 922px;
    margin: auto;
    margin-bottom: 5px;
}

#newsArea {
    background: #ffffff;
    margin: 0;
    padding: 0;
}

#newsBlock {
    width: 880px;
    margin: 0 auto;
    padding: 25px 60px;
}

#newsBlock a,
#newsBlock a:link,
#newsBlock a:visited,
#newsBlock a:hover,
#newsBlock a:active {
    color: #43bfb8;
}

#newsBlock a:hover,
#newsBlock a:active {
    text-decoration: none;
}

#newsBlock h2 {
    margin: 0 0 1em 0;
    padding: 0;
}

.newsList {
    margin: 0;
    padding: 0;
    border-top: 1px dotted #d8e5e7;
}

.newsList li {
    margin: 0;
    padding: .5em 0;
    border-bottom: 1px dotted #d8e5e7;
    overflow: hidden;
}

.newsList .date {
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
}

.newsList .category {
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
    width: 18em;
    font-weight: bold;
}




#indFooterArea {
    width: 1000px;
    margin: 30px auto;
    padding: 0;
}

#indFooterArea ul {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#indFooterArea ul li {
    display: inline;
    margin: 0 16px;
    padding: 0;
}

/*add0330*/
.bn_yotube {
    padding-top: 10px;
    background: #ffffff url(../common/img/bg_bnarea.png) repeat left top;
    margin: 0;
}

.bn_yotube_inner {
    width: 922px;
    margin: auto;
}

.bn_yotube_inner img {
    width: 100%;
}

.bn_yotube p {
    margin: 0;
}

.txt_youtube {
    color: #666666;
    font-size: 16px;
    letter-spacing: 0.04em;
}

.bn_yotube_inner .sub_inr {
    padding: 30px 10px 0 10px;
}

.youtube_box {
    display: flex;
    padding-top: 30px;
}

.youtube_box .item:first-child {
    width: 25%;
}

.youtube_box .item:last-child {
    padding-left: 10px;
}

.youtube_list {
    margin: 0;
}

.youtube_list li {
    padding-bottom: 10px;
    font-size: 14px;
}