@charset "utf-8";

/* ===================== support common css ===================== */

/* header current */
#header dl dd.support a {
background-position: -238px -72px;
}

#main dl.breadCrumb {
margin-bottom: 18px;
}

/* ----- h ----- */
#contents #main h1.support,
#contents #main p.support {
width: 665px;
height: 57px;
margin: -30px 0 0 0;
padding: 58px 0 0 0;
background: url(../img/support/logo_support.gif) no-repeat right top;
}
#contents #main h2 {
width: 666px;
margin: 42px 0 0 0;
border-bottom: 1px solid #D9D9D2;
}
#contents #main h3 {
margin: 26px 0 0 0;
padding: 0 0 0 16px;
background: url(../img/common/list_circle_blue.gif) no-repeat left top;
line-height: 110%;
color: #48BAC2;
}


/* ----- p ----- */
#contents #main p {
width: 666px;
margin: 20px 0 0 0;
line-height: 180%;
color: #7D6A51;
}
#contents #main p.mgt0 {
margin-top: 0;
}
#contents #main p.mgt10 {
margin-top: 10px;
}
#contents #main p.mgt15 {
margin-top: 15px;
}
#contents #main p.pdl85 {
width: 580px;
padding-left: 85px;
}
#contents #main p a {
color: #DC8A2B;
}


/* ----- table ----- */
#contents #main table {
width: 666px;
border-top: 1px solid #D9D9D2;
border-left: 1px solid #D9D9D2;
}
#contents #main table th,
#contents #main table td {
border-bottom: 1px solid #D9D9D2;
border-right: 1px solid #D9D9D2;
text-align: center;
}
#contents #main table th {
font-weight: bold;
}




/* ===================== page css ===================== */



/* index.html
--------------------------------------------------------- */
/* ----- h2 ----- */
#contents #main h2 {
margin: 20px 0 0 0;
}
#contents #main h2.support {
clear: both;
border: none;
}


/* ----- dl ----- */
/* dl.view */
#contents #main dl.view {
width: 700px;
margin: 0 0 5px 0;
overflow: hidden;
}
#contents #main dl.view dt {
display: none;
}
#contents #main dl.view dd {
position: relative;
float: left;
width: 340px;
margin: 10px 0 0 0;
padding: 0 0 40px 0;
line-height: 140%;
}
#contents #main dl.view dd.manual {
padding: 0 0 20px 0;
}
#contents #main dl.view dd span {
display: block;
position: absolute;
top: 26px;
left: 77px;
width: 260px;
}
#contents #main dl.view dd.welcome span {
top: 30px;
}
#contents #main dl.view dd a {
display: block;
color: #7D6A51;
outline: none;
}
#contents #main dl.view dd a:hover {
display: block;
}
#contents #main dl.view dd a:hover span {
text-decoration: underline;
}
#contents #main dl.view dd a {
display: block;
width: 280px;
height: 50px;
overflow: hidden;
}
#contents #main dl.view dd a:hover img {
visibility: hidden;
}

#contents #main dl.view dd.welcome a:hover   { background: url(../img/support/ico_welcome.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.store a:hover     { background: url(../img/support/ico_store.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.register a:hover  { background: url(../img/support/ico_register.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.point a:hover     { background: url(../img/support/ico_point.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.order a:hover     { background: url(../img/support/ico_order.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.send a:hover      { background: url(../img/support/ico_send.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.cancel a:hover    { background: url(../img/support/ico_cancel.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.bottle a:hover    { background: url(../img/support/ico_bottle.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.babycarry a:hover { background: url(../img/support/ico_babycarry.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.other a:hover     { background: url(../img/support/ico_other.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.manual a:hover    { background: url(../img/support/ico_manual.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.catalogue a:hover { background: url(../img/support/ico_catalogue.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.shop a:hover      { background: url(../img/support/ico_shop.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.faq a:hover       { background: url(../img/support/ico_faq.gif) no-repeat 0 -50px; }
#contents #main dl.view dd.contact a:hover   { background: url(../img/support/ico_contact.gif) no-repeat 0 -50px; }


/* dl.other */
#contents #main dl.other dd {
width: 170px;
}
#contents #main dl.other dd a {
width: 170px;
}




/* ===================== products ===================== */

/* bottle.html
--------------------------------------------------------- */

/* ----- ul.pageLink ----- */
#contents #main ul.pageLink {
margin:26px 0 50px 10px;
}

#contents #main h3.glass {
width: 666px;
margin: 15px 0 4px 0;
background: #91cee5;
color: #022538;
padding: 5px 0 5px 0;
text-align: center;
font-weight: bold;
}

#contents #main h3.tritan {
width: 666px;
margin: 15px 0 4px 0;
background: #c9bae6;
color: #000066;
padding: 5px 0 5px 0;
text-align: center;
font-weight: bold;
}

#contents #main h3.plastic {
width: 666px;
margin: 15px 0 4px 0;
background: #bcdc97;
color: #2d4f05;
padding: 5px 0 5px 0;
text-align: center;
font-weight: bold;
}

/* ----- table.bottle ----- */

#contents #main table.bottle {
margin: 5px 0 0 0;
}

#contents #main table.material {
margin: 26px 0 5px 0;
}
#contents #main table.nipple {
margin: 15px 0 26px 0;
}

#contents #main table.bottle colgroup.col1,
#contents #main table.material colgroup.col1,
#contents #main table.nipple colgroup.col1 {
width: 92px;
}
#contents #main table.bottle colgroup.col2,
#contents #main table.nipple colgroup.col2 {
width: 286px;
}
#contents #main table.bottle colgroup.col1_a {
width: 92px;
}
#contents #main table.bottle colgroup.col2_a {
width: 92px;
}
#contents #main table.bottle th,
#contents #main table.material th,
#contents #main table.nipple th {
padding: 4px 10px 4px 10px;
color: #7C684E;
}

#contents #main table.bottle th.jewel {
background: #c9e9e0;
color: #498a78;
padding: 2px 0;
}
#contents #main table.bottle th.brain {
background: #e5e9c2;
color: #8b8944;
padding: 2px 0;
}
#contents #main table.bottle th.medical {
background: #f8dce6;
color: #ad596b;
padding: 2px 0;
}

#contents #main table.material th.glass {
background: #91cee5;
color: #022538;
padding: 2px 0;
}
#contents #main table.material th.tritan {
background: #c9bae6;
color: #000066;
padding: 2px 0;
}
#contents #main table.material th.plastic {
background: #bcdc97;
color: #2d4f05;
padding: 2px 0;
}

#contents #main table.bottle th.brwn,
#contents #main table.nipple th.brwn {
width: 90px;
background: #E0CBAE;
}
#contents #main table.bottle th.cream,
#contents #main table.nipple th.cream {
width: 240px;
background: #F6E2A7;
}
#contents #main table.bottle th.gry {
background: #DEDAC4;
}

#contents #main table.bottle td,
#contents #main table.material td,
#contents #main table.nipple td {
padding: 5px 9px 5px 9px;
line-height: 140%;
color: #604A2D;
}

#contents #main table.bottle th.np_t {
width: 220px;
}
#contents #main table.bottle td.ta_l,
#contents #main table.nipple td.ta_l {
text-align: left;
}

#contents #main table.bottle td.ta_t {
vertical-align: top;
}
#contents #main table.bottle td.usage {
padding: 18px 16px 18px 16px;
text-align: left;
}
#contents #main table.bottle td.usage span.brown {
display: block;
margin: 0 0 6px 0;
font-weight: bold;
color: #A87230;
}
#contents #main table.bottle td.usage span.red {
color: #ff0000;
}

/* ----- p ----- */
#contents #main p.note {
margin: 12px 0 0 0;
color: #CA5135;
}



/* babycarry.html
--------------------------------------------------------- */

/* ----- ul ----- */
/* ul.mgt5 */
#contents #main ul.mgt5 {
margin-top: 5px;
}


/* ----- table.size ----- */
#contents #main table.size {
margin: 12px 0 0 0;
}
#contents #main table.size th,
#contents #main table.size td {
padding: 6px 0 5px 0;
}
#contents #main table.size th.size {
width: 132px;
background: #E0CBAE;
color: #786144;
}
#contents #main table.size th.underBust {
background: #F6E2A7;
color: #A66D22;
}
#contents #main table.size tr.bustSize {
background: #FDF9D3;
}
#contents #main table.size tr.bustSize th.height {
background: #EEE4D5;
color: #A56E29;
}
#contents #main table.size colgroup.col1 {
background: #F8F8EC;
}
#contents #main table.size td {
color: #DF8650;
}
#contents #main table.size td span {
color: #7D6A51;
}
#contents #main table.size td span.s {
color: #77A82C;
}
#contents #main table.size td span.pdl10 {
padding: 0 0 0 10px;
}


/* ----- dl ----- */
/* dl.step */
#contents #main dl.step {
width: 666px;
margin: 20px 0 30px 3px;
padding: 0 0 33px 0;
border-bottom: 1px solid #D9D9D2;
overflow: hidden;
}
#contents #main dl.step dt {
display: none;
}
#contents #main dl.step dd {
float: left;
width: 181px;
margin: 0 60px 0 0;
line-height: 150%;
color: #7D6A51;
}
#contents #main dl.step dd.step3 {
margin: 0;
}

/* dl.hugging */
#contents #main dl.hugging {
width: 666px;
margin: 20px 0 0 3px;
overflow: hidden;
}
#contents #main dl.hugging dt {
clear: both;
float: left;
width: 210px;
margin: 0 0 36px 0;
}
#contents #main dl.hugging dd {
float: left;
width: 450px;
height: 226px;
color: #7D6A51;
}
#contents #main dl.hugging dd p {
width: 450px;
margin: 8px 0 0 3px;
}
#contents #main dl.hugging dd p span {
color: #CA5135;
}
#contents #main dl.hugging dd dl {
width: 450px;
margin: 12px 0 0 3px;
overflow: hidden;
}
#contents #main dl.hugging dd dl dt {
width: 450px;
margin: 0 0 4px 0;
}
#contents #main dl.hugging dd dl dd {
width: 132px;
float: left;
height: auto;
margin: 0 14px 0 0;
border-right: 1px solid #7D6A51;
}
#contents #main dl.hugging dd dl dd.n {
border: none;
}


/* ----- p ----- */
#contents #main p.mgt30 {
margin-top: 30px;
}


/* ----- p img ----- */
#contents #main p img.anno {
vertical-align: top;
}



/* manual.html
--------------------------------------------------------- */

/* ----- manualArea ----- */
#contents #main .manualArea h2 {
border: none;
}

#contents #main .manualArea h2.babycarry {
margin: 0 0 100px 0;
}

/* dl */
#contents #main .manualArea dl {
width: 666px;
padding: 0 0 34px 0;
overflow: hidden;
}
#contents #main .manualArea dl dt.top {
border: none;
}
#contents #main .manualArea dl dt {
clear: both;
float: left;
width: 170px;
padding: 16px 0 10px 0;
border-top: 1px solid #D9D9D2;
}
#contents #main .manualArea dl dd {
float: left;
width: 490px;
padding: 16px 0 20px 0;
border-top: 1px solid #D9D9D2;
overflow: hidden;
}
#contents #main .manualArea dl dd.top {
border: none;
}
#contents #main .manualArea dl dd h3 {
margin: 6px 0 14px 0;
padding: 0;
background: none;
}
#contents #main .manualArea dl dd h3 a {
color: #D26000;
}
#contents #main .manualArea dl dd p {
margin: 0;
width: 490px;
}
#contents #main .manualArea dl dd p.download {
width: 122px;
margin: 14px 0 0 0;
}



/* ===================== shopping ===================== */

#contents #main .shopping h1 {
margin: 0 0 24px 0;
}
#contents #main .shopping h2 {
margin: 74px 0 0 0;
}
#contents #main .shopping h2.welcome {
margin: 0;
}


/* ----- p ----- */
#contents #main .mgt5 {
margin-top: 5px;
}

#contents #main .shopping p.anno {
margin: 10px 0 0 10px;
padding: 0 0 0 -1em;
text-indent: -1em;
}
#contents #main .shopping p.anno.mmg {
margin-top: -30px;
} 


/* ----- ul ----- */
#contents #main .shopping ul.pageLink {
margin: 0 0 -28px 2px;
}
#contents #main .shopping ul.pageLink.mgt {
margin-top: 30px;
}

#contents #main .shopping ul.dot.nmg {
margin-top: 5px;
margin-bottom: 0;
}

#contents #main .shopping ul.anno {
width: 654px;
}
#contents #main .shopping ul.anno.mgt10 {
margin-top: 10px;
}
#contents #main .shopping ul.anno li {
display: block;
width: 650px;
margin: 0 0 2px 0;
padding: 0 0 0 1em;
text-indent: -1em;
line-height: 160%;
}
#contents #main .shopping ul.anno li ul.dot {
margin: 0;
}
#contents #main .shopping ul.anno li ul.dot li {
padding: 0 0 0 20px;
width: 600px;
}

/* ----- ol ----- */
#contents #main .shopping ol {
margin: 20px 0 30px 0;
}
		/* hack for IE6,IE7 */
		*html #contents #main .shopping ol {
		margin: 20px 0 50px 5px;
		}
		* +html #contents #main .shopping ol {
		margin: 20px 0 50px 5px;
		}
		/* hack for IE6,IE7 end */		

#contents #main .shopping ol.mgt5 {
margin-top: 5px;
}

#contents #main .shopping ol li {
margin: 0 0 0 20px;
padding: 0 0 0 0;
line-height: 160%;
list-style: decimal;
color: #7D6A51;
}
#contents #main .shopping ol li ul {
margin: 0;
}
#contents #main .shopping ol li ul li {
margin: 0;
list-style: none;
}


/* ----- table ----- */
#contents #main .shopping table.postage {
margin: 10px 0 15px 0;
border-left: none;
}
#contents #main .shopping table.postage td {
text-align: left;
}
#contents #main .shopping table.postage td.tax {
text-align: center;
}




/* ===================== faq ===================== */

/* index.html
--------------------------------------------------------- */

#contents #main .faqArea h1 {
margin: 0 0 20px 0;
}
#contents #main .faqArea h2 {
margin: 0 0 16px 0;
border: none;
}

/* ----- dl.faq-top ----- */
#contents #main .faqArea dl.faq-top {
width: 666px;
margin: -16px 0 20px 0;
overflow: hidden;
}
#contents #main .faqArea dl.faq-top dt {
float: left;
width: 158px;
padding: 20px 0 18px 30px;
background: url(../img/common/list_square_brwn.gif) no-repeat 15px 22px; 
border-top: 1px solid #D9D9D2;
}
#contents #main .faqArea dl.faq-top dt a {
font-weight: bold;
color: #DC8A2B;
}
#contents #main .faqArea dl.faq-top dd {
float: left;
width: 478px;
padding: 20px 0 4px 0px;
border-top: 1px solid #D9D9D2;
}
#contents #main .faqArea dl.faq-top dt.bdr-n,
#contents #main .faqArea dl.faq-top dd.bdr-n {
border: none;
}
#contents #main .faqArea dl.faq-top dd ul {
overflow: hidden;
}
#contents #main .faqArea dl.faq-top dd ul li {
float: left;
width: 238px;
margin: 0 0 14px 0;
}
#contents #main .faqArea dl.faq-top dd ul li a{
color: #D26000;
}

/* ----- dl.faq ----- */
#contents #main .faqArea dl.faq {
width: 666px;
margin: 40px 0 0 0;
}
#contents #main .faqArea dl.faq dt {
height: 26px;
padding: 8px 0 0 40px;
color: #369FAF;
border-bottom: 1px solid #D9D9D2;
background: url(../img/support/faq/ico_q.gif) no-repeat left top;
}
#contents #main .faqArea dl.faq dt span {
float: left;
height: 0px;
font-weight: bold;
font-size: 0px;
overflow: hidden;
}
#contents #main .faqArea dl.faq dd {
margin: 0 0 90px 0;
padding: 8px 20px 0 40px;
color: #7D6A51;
background: url(../img/support/faq/ico_a.gif) no-repeat left top;
line-height: 160%;
}
#contents #main .faqArea dl.faq dd span {
float: left;
height: 0px;
font-weight: bold;
font-size: 0px;
overflow: hidden;
}
#contents #main .faqArea dl.faq dd a {
color: #D57D2B;
}

/* dl.faq dd h */
#contents #main .faqArea dl.faq dd h3 {
margin: 10px 0 5px 0;
padding:0 0 0 20px;
background: url(../img/common/list_circle_d-brwn.gif) no-repeat left top;
font-weight: bold;
color: #7D6A51;
}

/* dl.faq dd p */
#contents #main .faqArea dl.faq dd p {
width: 580px;
margin: 5px 0 0 0;
}
#contents #main .faqArea dl.faq dd p.anno {
margin: 5px 0 0 0;
padding: 0 0 0 1em;
text-indent: -1em;
}
#contents #main .faqArea dl.faq dd p.note {
width: 580px;
margin: 0 0 15px 0;
padding:0 0 0 20px;
background: url(../img/common/list_circle_d-brwn.gif) no-repeat 0 3px;
color: #7D6A51;
}

/* dl.faq dd ul */
#contents #main .faqArea dl.faq dd ul.dot {
margin: 5px 0 5px 0;
}