@charset "utf-8";

/* ===================== product common css ===================== */

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

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


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

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

/* ----- forbaby ----- */
#contents #main .forbaby {
width: 676px;
height: 355px;
margin: 0 0 0 -15px;
padding: 16px 0 0 46px;
background: url(../img/concept/bg_forbaby.jpg) no-repeat left top;
}
#contents #main .forbaby p {
width: 480px;
margin: 0 0 0 0;
padding: 0 0 0 215px;
line-height: 180%;
color: #AB6959;
}
#contents #main .forbaby p span {
display: block;
}
#contents #main .forbaby p span.indent1 {
padding: 0 0 0 10px;
}
#contents #main .forbaby p span.indent2 {
padding: 0 0 0 17px;
}
#contents #main .forbaby p span.indent3 {
padding: 0 0 0 19px;
}
#contents #main .forbaby p span.indent4 {
padding: 0 0 0 24px;
}
#contents #main .forbaby p span.indent5 {
padding: 0 0 0 18px;
}
#contents #main .forbaby p span.indent6 {
padding: 0 0 0 14px;
}


/* ----- div.item ----- */
#contents #main .item {
clear: both;
}
#contents #main .item .btnArea {
float: left;
width: 300px;
}
#contents #main .item h2 {
float: none;
}
#contents #main .item h2.bottle {
margin: 26px 0 10px 0;
}
#contents #main .item h2.brain {
margin: 80px 0 10px 0;
}
#contents #main .item h2.carryme {
margin: 76px 0 0 -14px;
}
#contents #main .item ul {
clear: both;
float: none;
padding: 0 0 0 40px;
overflow: hidden;
}
#contents #main .item ul li {
float: left;
width: 91px;
}
#contents #main .item ul li.more a {
display: block;
height: 0;
padding: 40px 0 0 0;
font-size: 0;
background: url(../img/concept/btn_more.jpg) no-repeat left top;
overflow: hidden;
}
#contents #main .item ul li.buy a {
display: block;
height: 0;
padding: 40px 0 0 0;
font-size: 0;
background: url(../img/concept/btn_buy.jpg) no-repeat left top;
overflow: hidden;
}
#contents #main .item ul li.more a:hover {
background: url(../img/concept/btn_more.jpg) no-repeat 0 -40px;
}
#contents #main .item ul li.buy a:hover {
background: url(../img/concept/btn_buy.jpg) no-repeat 0 -40px;
}

#contents #main .item p {
float: left;
width: 367px;
}
#contents #main .item p.brain {
margin: 60px 0 0 0;
}




/* ===================== second page / bottle / css ===================== */

/* ----- subMenu ----- */
#contents #main .subMenu {
width: 676px;
border-bottom: 1px solid #EAE6E3;
overflow: hidden;
}
#contents #main .subMenu h1,
#contents #main .subMenu p {
float: left;
width: 204px;
margin: 10px 0 0 0;
}

/* dl.nav */
#contents #main .subMenu dl.nav {
float: right;
width: 300px;
overflow: hidden;
}
#contents #main .subMenu dl.nav dt {
height: 0;
overflow: hidden;
}
#contents #main .subMenu dl.nav dd {
float: right;
padding: 0 8px 0 0;
color: #A9A9A8;
}
#contents #main .subMenu dl.nav dd a {
padding: 0 0 0 8px;
border-left: 2px solid #A29073; 
color: #B36E13;
}
#contents #main .subMenu dl.nav dd.left a {
padding: 0 0 0 8px;
border-left: 2px solid #A29073; 
color: #B36E13;
}
#contents #main .subMenu dl.nav dd.right a {
padding: 0 8px 0 8px;
border-right: 2px solid #A29073; 
color: #B36E13;
}
#contents #main .subMenu dl.nav dd.right2 a {
padding: 0 8px 0 0;
border-right: 2px solid #A29073; 
color: #B36E13;
}

/* dl.menu */
#contents #main .subMenu dl.menu {
float: right;
width: 390px;
margin: 20px 0 0 0;
padding: 0 0 8px 0;
overflow: hidden;
}
#contents #main .subMenu dl.menu dt {
height: 0;
overflow: hidden;
}
#contents #main .subMenu dl.menu dd {
float: left;
width: 77px;
padding: 0 0 0 0;
}

/**/
#contents #main .subMenu dl.menu dd a {
display:block;
width: 74px;
height: 0;
padding: 77px 0 0 0;
color:#FFFFFF;
font-size:0;
overflow:hidden;
}

#contents #main .subMenu dl.menu dd.buy a {
background: url(../img/concept/btn_subMenu_buy.jpg) no-repeat left top; 
}
#contents #main .subMenu dl.menu dd.bottle01 a {
background: url(../img/concept/bottle/btn_subMenu_carve-effect.jpg) no-repeat left top; 
}
#contents #main .subMenu dl.menu dd.bottle02 a {
background: url(../img/concept/bottle/btn_subMenu_bottle-birth.jpg) no-repeat left top; 
}
#contents #main .subMenu dl.menu dd.bottle02_2 a {
background: url(../img/concept/bottle/btn_subMenu_bottle-birth_02.jpg) no-repeat left top; 
}
#contents #main .subMenu dl.menu dd.bottle03 a {
background: url(../img/concept/bottle/btn_subMenu_persistence.jpg) no-repeat left top; 
}
#contents #main .subMenu dl.menu dd.bottle04 a {
background: url(../img/concept/bottle/btn_subMenu_doctor-voice.jpg) no-repeat left top; 
}
#contents #main .subMenu dl.menu dd.carryme01 a {
background: url(../img/concept/carryme/btn_subMenu_persistence.jpg) no-repeat left top; 
}
#contents #main .subMenu dl.menu dd.carryme02 a {
background: url(../img/concept/carryme/btn_subMenu_material.jpg) no-repeat left top; 
}
#contents #main .subMenu dl.menu dd.carryme03 a {
background: url(../img/concept/carryme/btn_subMenu_quality.jpg) no-repeat left top; 
}
#contents #main .subMenu dl.menu dd.carryme04 a {
background: url(../img/concept/carryme/btn_subMenu_comfort.jpg) no-repeat left top; 
}

 
#contents #main .subMenu dl.menu dd.buy a:hover, 
#contents #main .subMenu dl.menu dd.bottle01 a:hover,
#contents #main .subMenu dl.menu dd.bottle02 a:hover,
#contents #main .subMenu dl.menu dd.bottle02_2 a:hover,
#contents #main .subMenu dl.menu dd.bottle03 a:hover,
#contents #main .subMenu dl.menu dd.bottle04 a:hover,
#contents #main .subMenu dl.menu dd.carryme01 a:hover,
#contents #main .subMenu dl.menu dd.carryme02 a:hover,
#contents #main .subMenu dl.menu dd.carryme03 a:hover,
#contents #main .subMenu dl.menu dd.carryme04 a:hover {
background-position: 0px -77px;
}


#contents #main .subMenu dl.menu dd a:hover {
display: block;
}

/*#contents #main .subMenu dl.menu dd.buy a:hover       { background: url(../img/concept/btn_subMenu_buy_hover.jpg) no-repeat left top; }
#contents #main .subMenu dl.menu dd.bottle01 a:hover  { background: url(../img/concept/bottle/btn_subMenu_carve-effect_hover.jpg) no-repeat left top; }
#contents #main .subMenu dl.menu dd.bottle02 a:hover  { background: url(../img/concept/bottle/btn_subMenu_bottle-birth_hover.jpg) no-repeat left top; }
#contents #main .subMenu dl.menu dd.bottle03 a:hover  { background: url(../img/concept/bottle/btn_subMenu_persistence_hover.jpg) no-repeat left top; }
#contents #main .subMenu dl.menu dd.bottle04 a:hover  { background: url(../img/concept/bottle/btn_subMenu_doctor-voice_hover.jpg) no-repeat left top; }
#contents #main .subMenu dl.menu dd.carryme01 a:hover { background: url(../img/concept/carryme/btn_subMenu_persistence_hover.jpg) no-repeat left top; }
#contents #main .subMenu dl.menu dd.carryme02 a:hover { background: url(../img/concept/carryme/btn_subMenu_material_hover.jpg) no-repeat left top; }
#contents #main .subMenu dl.menu dd.carryme03 a:hover { background: url(../img/concept/carryme/btn_subMenu_quality_hover.jpg) no-repeat left top; }
#contents #main .subMenu dl.menu dd.carryme04 a:hover { background: url(../img/concept/carryme/btn_subMenu_comfort_hover.jpg) no-repeat left top; }*/




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

/* ----- merit ----- */
#contents #main .merit {
padding: 52px 0 0 0;
background: url(../img/concept/bottle/bg_bottle.jpg) no-repeat left top;
}
#contents #main .merit h2 {
margin: 0 0 0 -6px;
}
#contents #main .merit h2.fruition {
margin: 46px 0 0 -6px;
}
#contents #main .merit p {
margin: 20px 0 0 0;
line-height: 180%;
color: #AB6959;
}
#contents #main .merit p.fruition {
width: 692px;
margin: 10px 0 5px -8px;
text-align: center;
}

/* ----- effect ----- */

/* inner */
#contents #main .merit .inner {
width: 654px;
padding: 0 0 0 38px;
background: url(../img/concept/bottle/bg_effect.gif) repeat-y left top;
overflow: hidden;
}
#contents #main .merit .inner .gloss {
float: left;
width: 234px;
margin: 0 12px 0 0;
}
#contents #main .merit .inner .gloss h4 {
margin: 0 0 16px 0;
}
#contents #main .merit .inner .gloss p {
margin: 0;
color: #65533F;
}
#contents #main .merit .inner .fig {
float: left;
width: 395px;
}

/* effect1 */
#contents #main .merit .effect1 {
width: 692px;
padding: 23px 0 0 0;
background: url(../img/concept/bottle/bg_effect1_top.gif) no-repeat left top;
}
#contents #main .merit .effect1 .btm {
padding: 0 0 27px 0;
background: url(../img/concept/bottle/bg_effect1_btm.gif) no-repeat left bottom;
}
/* effect2 */
#contents #main .merit .effect2 {
width: 692px;
padding: 35px 0 0 0;
background: url(../img/concept/bottle/bg_effect2_top.gif) no-repeat left top;
}
#contents #main .merit .effect2 .btm {
padding: 0 0 39px 0;
background: url(../img/concept/bottle/bg_effect2_btm.gif) no-repeat left bottom;
}
/* effect3 */
#contents #main .merit .effect3 {
width: 692px;
padding: 38px 0 0 0;
background: url(../img/concept/bottle/bg_effect3_top.gif) no-repeat left top;
}
#contents #main .merit .effect3 .btm {
padding: 0 0 54px 0;
background: url(../img/concept/bottle/bg_effect3_btm.gif) no-repeat left bottom;
}



/* birth.html
--------------------------------------------------------- */

/* ----- birth ----- */
#contents #main .birth {
position: relative;
height: 600px;
margin: 0 0 0 -8px;
padding: 34px 0 0 8px;
background: url(../img/concept/bottle/bg_birth.gif) no-repeat 0 40px;
}
#contents #main .birth h2 {
height: 0px;
overflow: hidden;
}

/* p */
#contents #main .birth p {
position: absolute;
line-height: 170%;
text-align: justify;
text-justify: auto;
color: #936D63;
}
#contents #main .birth p span {
display: block;
}
#contents #main .birth p.idea {
top: 226px;
left: 0;
width: 240px;
}
#contents #main .birth p.idea span.indent1 {
padding: 0 0 0 96px;
}
#contents #main .birth p.idea span.indent2 {
padding: 0 0 0 76px;
}
#contents #main .birth p.encounter {
bottom: 28px;
left: 190px;
width: 310px;
}
#contents #main .birth p.encounter span.indent1 {
padding: 0 0 0 70px;
}
#contents #main .birth p.encounter span.indent2 {
padding: 0 0 0 50px;
}
#contents #main .birth p.fruition {
top: 140px;
right: 30px;
width: 250px;
}

/* reportArea */
#contents #main .reportArea {
width: 676px;
padding: 33px 0 0 0;
background: url(../img/concept/bottle/bg_reportArea_top.gif) no-repeat left top;
}
#contents #main .reportArea .btm {
width: 676px;
padding: 0 0 31px 0;
background: url(../img/concept/bottle/bg_reportArea_btm.gif) no-repeat left bottom;
}
#contents #main .reportArea .inner {
width: 638px;
padding: 0 0 0 38px;
background: #F6F2E9;
overflow: hidden;
}
#contents #main .reportArea .inner img.fig {
float: left;
margin: 0 20px 0 0;
}
#contents #main .reportArea .inner .warrant {
float: left;
width: 290px;
margin: 0 45px 0 0;
}
#contents #main .reportArea .inner .warrant h2 {
width: 290px;
margin: 0 0 5px 0;
padding: 0 0 4px 0;
border-bottom: 1px solid #E3CEB2;
}
#contents #main .reportArea .inner .warrant p {
line-height: 160%;
color: #936D63;
}
#contents #main .reportArea .inner .warrant p.note {
margin: 12px 0 0 0;
line-height: 120%;
}
#contents #main .reportArea .inner .btnArea {
float: left;
}
#contents #main .reportArea .inner .btnArea p {
margin: 12px 0 4px 0;
text-align: center;
line-height: 135%;
color: #05909F;
}
#contents #main .reportArea .inner .btnArea img {
}
#contents #main .reportArea .inner .btnArea a {
display: block;
width: 163px;
height: 45px;
margin: 0 0 0 5px;
overflow: hidden;
}
#contents #main .reportArea .inner .btnArea a:hover{
display: block;
width: 163px;
height: 45px; 
margin: 0 0 0 5px;
background: url(../img/concept/bottle/btn_report.jpg) no-repeat 0 -45px;
}
#contents #main .reportArea .inner .btnArea a:hover img {
visibility: hidden;
}


/* birth.html
--------------------------------------------------------- */

/* ----- report ----- */
#contents #main .doctorreport {
position: relative;
height: 600px;
margin: 0 0 0 -8px;
padding: 34px 0 0 8px;
}
#contents #main .doctorreport p {
margin:43px 0 0 0;
width: 430px;
line-height: 180%;
letter-spacing: 1px;
text-align: justify;
text-justify: auto;
color: #936D63;
}


/* birth.html
--------------------------------------------------------- */

/* ----- persistence ----- */
#contents #main .persistence {
width: 676px;
padding: 38px 0 0 0;
overflow: hidden;
}
#contents #main .persistence .intro {
float: left;
width: 374px;
margin: 0 46px 0 0;
}
#contents #main .persistence .intro h1 {
margin: 0 0 18px 0;
}
#contents #main .persistence .intro h2{
margin: 0 0 7px 0;
}
#contents #main .persistence .intro h2.end {
margin: 0 0 26px 0;
}
#contents #main .persistence .intro p {
margin: 0 0 24px 0;
line-height: 180%;
letter-spacing: 1px;
color: #936D63;
}
#contents #main .persistence p.pic {
float: left;
width: 252px;
}
#contents #main .persistence p.pic img {
margin: 0 0 7px 0;
}


/* ----- dl.process ----- */
#contents #main dl.process {
width: 705px;
margin: 0 0 0 -10px;
overflow: hidden;
}
#contents #main dl.process dt {
height: 0px;
overflow: hidden;
}
#contents #main dl.process dd {
float: left;
width: 230px;
margin: 0 0 18px 0;
padding: 0 0 0 5px;
line-height: 140%;
color: #936D63;
overflow: hidden;
}
#contents #main dl.process dd img.pic {
margin: 0 28px 10px 0;
}
#contents #main dl.process dd img.no {
float: left;
margin: 0 10px 0 -8px;
}

/* p.copyright */
#contents #main p.copyright {
width: 674px;
padding: 0 0 0 0;
text-align: right;
color: #936D63;
}
		/* hack for IE6,IE7 */
		* html #contents #main p.copyright {
		margin: 16px 0 0 0;
		}
		* +html #contents #main p.copyright {
		margin: 16px 0 0 0;
		}
		/* hack for IE6,IE7 end */


#contents #main .handmade h2{
margin: 20px 0 18px 0;
}
#contents #main .handmade p {
margin: 0 0 24px 0;
line-height: 180%;
letter-spacing: 1px;
color: #936D63;
}

#contents #main .scene h3,
#contents #main .individuality h3{
margin: 0 0 24px 0;
}
#contents #main .scene p,
#contents #main .individuality p {
width: 680px;
margin: 0 0 24px 0;
line-height: 180%;
letter-spacing: 1px;
color: #936D63;
}



/* voice.html
--------------------------------------------------------- */

/* ----- voice ----- */
#contents #main .voice {
padding: 34px 0 0 0;
}
#contents #main .voice .doctor {
width: 676px;
margin: 0 0 25px 0;
overflow: hidden;
}
#contents #main .voice .doctor h2 {
margin: 0 0 4px 0;
}
#contents #main .voice .doctor h2.doc {
margin: 40px 0 0 0;
}
#contents #main .voice .doctor p {
width: 430px;
line-height: 180%;
letter-spacing: 1px;
text-align: justify;
text-justify: auto;
color: #936D63;
}
#contents #main .voice .doctor p.doc {
float: left;
width: 410px;
padding-left: 20px;
}
#contents #main .voice .doctor img.rgt {
float: right;
margin: 0 15px 0 0;
display: inline;
}
#contents #main .voice .doctor img.lft {
float: left;
}



/* ===================== second page / carryme / css ===================== */

/* carryme */
#contents #main .carryme {
position: relative;
}
#contents #main .carryme h1,
#contents #main .carryme p {
position: absolute;
top: -80px;
left: -10px;
width: 277px;
}

/* dl.c */
#contents #main .subMenu dl.c dd a {
border: none;
}
#contents #main .subMenu dl.nav dd.link a {
padding: 0 8px 0 0;
border-right: 2px solid #A29073; 
}



/* carryme.html
--------------------------------------------------------- */

/* ----- message ----- */
#contents #main .message {
height: 484px;
padding: 40px 0 0 0;
background: url(../img/concept/carryme/bg_visual_carryme.jpg) no-repeat left top;
}
#contents #main .message h2 {
margin: 0 0 16px 0;
}
#contents #main .message p {
line-height: 160%;
color: #936D63;
}
#contents #main .message p.none {
height: 0px;
overflow: hidden;
}


/* ----- persistence ----- */
#contents #main #persistence {
overflow: hidden;
}
#contents #main #persistence img {
float: left;
}
#contents #main #persistence p {
padding: 50px 0 0 160px;
line-height: 160%;
color: #936D63;
}


/* ----- pointArea ----- */
#contents #main .pointArea {
position: relative;
width: 683px;
height: 595px;
background: url(../img/concept/carryme/bg_babycarry.jpg) no-repeat 86px 0;
}

/* point */
#contents #main .point {
width: 205px;
padding: 0 0 33px 0;
background: url(../img/concept/carryme/bg_point_btm.gif) no-repeat left bottom;
}
#contents #main .point .inner {
background: #FFEADF;
}
#contents #main .point .inner p {
padding: 0 20px 0 24px;
background: url(../img/concept/carryme/bg_point.gif) no-repeat left bottom;
line-height: 160%;
color: #936D63;
}
#contents #main .p1 {
position: absolute;
top: 241px;
left: -12px;
}
#contents #main .p2 {
position: absolute;
top: -16px;
right: 0;
}
#contents #main .p3 {
position: absolute;
top: 283px;
right: 0;
}

/* ----- carrymeplus ----- */
#contents #main .carrymeplus {
width: 711px;
height: 359px;
background: url(../img/concept/carryme/bg_carryme_plus.jpg) no-repeat;
}
#contents #main .carrymeplus h2 {
margin: 0;
}
#contents #main .carrymeplus h3 {
margin: 0 0 0 25px;
}
#contents #main .carrymeplus p {
width: 190px;
margin: 15px 0 0 30px;
line-height: 160%;
}

#contents #main h2.relate {
clear: both;
float: none;
padding: 40px 0 15px 0;
}


/* quality.html
--------------------------------------------------------- */

/* ----- quality ----- */
#contents #main .quality {
padding: 54px 0 0 0;
background: url(../img/concept/carryme/bg_quality.jpg) no-repeat 230px 0;
}
#contents #main .quality p {
line-height: 160%;
color: #936D63;
}
#contents #main .quality p.intro {
margin: 20px 0 60px 0;
letter-spacing: 1px;
font-weight: bold;
}
#contents #main .quality p.q1 {
width: 246px;
margin: 18px 0 52px 0;
}
#contents #main .quality p.q2 {
width: 328px;
margin: 18px 0 0 0;
}



/* comfort.html
--------------------------------------------------------- */

/* ----- comfort ----- */
#contents #main .comfort {
overflow: hidden;
}
#contents #main .comfort h1 {
margin: 40px 0 0 0;
}
#contents #main .comfort p {
margin: 20px 0 0 0;
line-height: 180%;
color: #936D63;
}
#contents #main .comfort .hugging {
float: left;
margin: 46px 30px 0 0;
}
#contents #main .comfort .hugging.last {
margin: 46px 0 0 0;
}
#contents #main .comfort .hugging h2 {
width: 206px;
margin: 0 0 10px 0;
text-align: center;
}
#contents #main .comfort .hugging p {
width: 204px;
margin: 0 0 28px 0;
padding: 0 0 20px 0;
background: #F2EDE0 url(../img/concept/carryme/bg_carryme.gif) no-repeat left bottom;
text-align: center;
color: #936D63;
}
#contents #main .comfort .hugging p.howto {
width: 206px;
padding: 124px 0 0 0;
background: url(../img/concept/carryme/bg_hugging_top.gif) no-repeat left top;
}
#contents #main .comfort .hugging p.howto span {
display: block;
min-height: 150px;
height: 150px;
background: url(../img/concept/carryme/bg_hugging_btm.gif) no-repeat left bottom;
font-weight: bold;
}
#contents #main .comfort .hugging p.howto span a {
color: #E3840C;
}



/* material.html
--------------------------------------------------------- */

/* ----- material ----- */
#contents #main .material {
position: relative;
height: 878px;
padding: 38px 0 0 0;
background: url(../img/concept/carryme/bg_material.jpg) no-repeat 0 170px;
}
#contents #main .material p.intro {
margin: 16px 0 0 0;
line-height: 180%;
color: #936D63;
}
#contents #main .material p.noc {
margin: 20px 0 0 0;
}
#contents #main .material p.noc a {
color: #E3840C;
}
#contents #main .material .character {
position: absolute;
width: 188px;
}
#contents #main .material .character p {
margin: 6px 0 0 5px;
line-height: 160%;
color: #936D63;
}
#contents #main .material .c1 {
left: 210px;
top: 278px;
}
#contents #main .material .c2 {
left: 0;
top: 318px;
}
#contents #main .material .c3 {
left: -1px;
top: 640px;
width: 220px;
}
#contents #main .material .c4 {
left: 235px;
top: 735px;
width: 210px;
}
#contents #main .material .c5 {
left: 463px;
top: 716px;
width: 220px;
}


/* ----- nocArea ----- */
#contents #main #noc {
width: 676px;
}
#contents #main #noc h2 {
margin: 0 0 10px 0;
}
#contents #main #noc p.logo {
display: inline;
float: right;
width: 113px;
margin: 0 36px 0 0;
}
#contents #main #noc p {
width: 470px;
margin: 0 0 0 5px;
line-height: 160%;
color: #936D63;
}

/* policy */
#contents #main #noc .policy {
width: 676px;
margin: 24px 0 0 0;
padding: 24px 0 0 0;
background: url(../img/concept/carryme/bg_nocAea_top.gif) no-repeat left top;
}
#contents #main #noc .policy .bg {
padding: 0 0 4px 0;
background: url(../img/concept/carryme/bg_nocAea_btm.gif) no-repeat left bottom;
}
#contents #main #noc .policy dl {
width: 634px;
padding: 0 20px 0 20px;
border-left: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
overflow: hidden;
}
#contents #main #noc .policy dl dt {
clear: both;
float: left;
width: 168px;
padding: 30px 0 0 0;
border-top: 1px solid #DEDEDE;
}
#contents #main #noc .policy dl dt.no {
padding: 0;
border: none;
}
#contents #main #noc .policy dl dd {
float: left;
width: 456px;
padding: 18px 10px 20px 0;
border-top: 1px solid #DEDEDE;
line-height: 160%;
color: #936D63;
}
#contents #main #noc .policy dl dd.no {
padding: 0 10px 14px 0;
border: none;
}