@charset "UTF-8";

/**
 * Top
 */
#product-index {
    width: 900px;
    height: 375px;
    padding-bottom: 7px;
}

#banner {
    width:100%;
	float:left;
	clear:both;
}


#product-index #sofre-baby,
#product-index #sofre {
    position: relative;
    width: 440px;
    height: 360px;
}

#product-index #sofre-baby,
#banner #bnr_kappa {
    margin: 6px 0 10px 0;
    float: left;
    display: inline;
}

#banner #bnr_waochi a:hover img {
    opacity:0.8;
	filter:alpha(opacity=80);
}

#product-index #sofre,
#banner #bnr_cm,
#banner #bnr_waochi {
    margin: 6px 0 10px 0;
    float: right;
    display: inline;
}

#product-index h2,
#product-index p,
#product-index div {
    position: absolute;
    z-index: 10;
}

/* SOFRE BABY */
#product-index #sofre-baby h2 {
    top: 247px;
    left: 337px;
}

#product-index #sofre-baby p.txt01 {
    top: 47px;
    left: 36px;
}

#product-index #sofre-baby p.txt02 {
    top: 53px;
    left: 18px;
}

#product-index #sofre-baby p.txt03 {
    top: 110px;
    left: 40px;
}

#product-index #sofre-baby div.package {
    top: 156px;
    left: 99px;
}


/* SOFRE */
#product-index #sofre h2 {
    top: 271px;
    left: 324px;
}

#product-index #sofre p.txt01 {
    top: 107px;
    left: 61px;
}

#product-index #sofre p.txt02 {
    top: 24px;
    left: 136px;
}

#product-index #sofre div.package {
    top: 174px;
    left: 125px;
}

#product-index .btn_detail {
    bottom: 6px;
    right: 14px;
}

#product-index img.bg_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#product-index #sofre-baby #sofre-baby-over {
    display: none;
    width: 440px;
    height: 360px;
    background: url(../images/top/baby_box_on.gif) no-repeat 0 0;
    cursor: pointer;
}

#product-index #sofre #sofre-over {
    display: none;
    width: 440px;
    height: 360px;
    background: url(../images/top/sofre_box_on.gif) no-repeat 0 0;
    cursor:pointer;
}

#footer-contents {
    margin-top: 20px;
	clear:both;
}

#footer-contents #whatsnew h2 {
	padding-top: 3px;
	width: 80px;
	float: left;
}

#footer-contents #whatsnew ul {
	width: 800px;
	float: right;
}

#footer-contents #whatsnew ul li {
    padding: 0 3px 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dfd5ce;
}

#footer-contents #whatsnew ul li span {
    display: block;
    width: 7em;
    float: left;
    color: #92574b;
}

#footer-contents #whatsnew ul li p {
    margin-left: 7.5em;
}


#footer-contents #banner {
    width: 280px;
    float: right;
}