@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      2010spr.css
 Update:         2010.03.29
 Style Info:     2010年春ページ設定
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　book01設定
----------------------------------------------------------- */
.bb-right01 {
 float: right;
 padding: 30px 0 0;
 width: 698px;
 border: 1px solid #CCC;
 background: #FFF url(../2010spr/img/butterfly.jpg) no-repeat 632px 5px;
}

.book01-box01 {
 margin: 0 39px;
 width: 620px;
}
.book01-title01 {
 text-align: center;
}
.book01-title02 {
 margin-top: 15px;
 text-align: center;
}
.book01-box02 {
 margin-top: 30px;
 width: 620px;
}
.book01-box02-left {
 float: left;
 padding-top: 10px;
 width: 280px;
 font-size: 14px;
 line-height: 1.8;
}
.book01-box02-right {
 float: right;
 width: 330px;
}
.book01-title03 {
 margin-top: 20px;
 font-size: 14px;
 font-weight: bold;
 color: #1F1949;
}
.book01-box03 {
 margin-top: 5px;
 padding: 0 29px 20px;
 width: 640px;
 background-color: #EDEBED;
}
.book01-box03 table {
 margin-top: 10px;
}
.book01-type1 {
 padding-left: 15px;
 width: 285px;
 height: 113px;
 background: url(../2010spr/img/book01_img02.gif) no-repeat left top;
}
.book01-type2 {
 padding-left: 15px;
 width: 285px;
 height: 113px;
 background: url(../2010spr/img/book01_img05.gif) no-repeat left top;
}
.book01-type3 {
 padding-left: 15px;
 width: 285px;
 height: 113px;
 background: url(../2010spr/img/book01_img08.gif) no-repeat left top;
}
.book01-title04 {
 display: block;
 padding: 4px;
 width: 292px;
 text-align: center;
 background-color: #807C92;
 color: #FFF;
 font-weight: bold;
}
.book01-title05 {
 display: block;
 padding: 4px;
 width: 162px;
 text-align: center;
 background-color: #807C92;
 color: #FFF;
 font-weight: bold;
}

/* -----------------------------------------------------------
　　book02設定
----------------------------------------------------------- */
.bb-right02 {
 float: right;
 padding: 25px 29px 30px;
 width: 640px;
 border: 1px solid #CCC;
 background: #FFF url(../2010spr/img/butterfly.jpg) no-repeat 632px 5px;
}

.bb2010spr-subnavi {
 margin-bottom: 15px;
 width: 590px;
}
.bb2010spr-subnavi li {
 display: inline;
 float: left;
 margin: 5px 5px 0 0;
 width: 290px;
}

.point-box {
 margin-top: 20px;
 width: 640px;
}
.point-box-left {
 float: left;
 width: 262px;
}
.attention {
 margin: 5px 0 0 1em;
 text-indent: -1em;
 font-size: 10px;
 line-height: 1.2;
}
.point-box-right {
 float: right;
 width: 340px;
}
.type-text {
 margin-top: 5px;
 font-size: 14px;
 line-height: 1.8;
}
.point-title {
 margin-top: 15px;
 padding: 3px 10px;
 background-color: #D6E8F2;
 font-weight: bold;
}
.point-type1 {
 margin-top: 10px;
 padding-right: 140px;
 background: url(../2010spr/img/book02_img02.jpg) no-repeat right center;
}

.pointcare-title {
 margin-top: 20px;
}
.book02-box01 {
 margin-top: 15px;
 width: 640px;
}
.book02-box01-left {
 float: left;
 width: 290px;
}
.book02-box01-right {
 float: right;
 width: 340px;
}

.book02-keisen {
 margin-top: 15px;
 padding-top: 15px;
 background: url(../2010spr/img/book02_keisen.gif) no-repeat left top;
}

.product-name {
 margin-top: 10px;
 color: #08204F;
 font-weight: bold;
 line-height: 1.2;
}
.product-kind {
 margin-top: 2px;
}
.product-detail {
 margin-top: 5px;
 font-size: 10px;
 line-height: 1.2;
}

.care-method {
 margin-bottom: 5px;
 font-size: 14px;
 font-weight: bold;
}

/* -----------------------------------------------------------
　　book03設定
----------------------------------------------------------- */
.point-title2 {
 margin-top: 15px;
 padding: 3px 10px;
 background-color: #FACCE2;
 font-weight: bold;
}
.point-type2 {
 margin-top: 10px;
 padding-right: 140px;
 background: url(../2010spr/img/book03_img02.jpg) no-repeat right center;
}

.book03-care-method {
 margin: 15px 0 5px 0;
 font-size: 14px;
 font-weight: bold;
}
.book03-care-method span {
 padding: 0 2px;
 font-size: 16px;
 color: #F04F9E;
}
.book03-care {
 width: 638px;
 border: 1px solid #ACACAC;
}
.book03-care-text {
 margin: 15px 15px 0;
}
.book03-care table {
 font-size: 11px;
 line-height: 1.3;
}
.book03-care table p {
 margin: 10px 0 0 1em;
 text-indent: -1em;
}
.book03-care table p sup {
 display: inline-block;
 padding: 0 0 0 1em;
 line-height: 1.5;
}
.pink {
 color: #F04F9E;
}
.red {
 color: #FF0000;
}
.green {
 color: #239B79;
}
.blue {
 color: #1F60A9;
}


/* -----------------------------------------------------------
　　book04設定
----------------------------------------------------------- */
.point-title3 {
 margin-top: 15px;
 padding: 3px 10px;
 background-color: #D3ECDB;
 font-weight: bold;
}
.point-type3 {
 margin-top: 10px;
 padding-right: 140px;
 background: url(../2010spr/img/book04_img02.jpg) no-repeat right center;
}

.book04-keisen {
 margin-top: 15px;
 padding-top: 15px;
 background: url(../2010spr/img/book04_keisen.gif) no-repeat left top;
}
.product-name span {
 padding: 0 5px;
 color: #484848;
 font-weight: normal;
}

/* -----------------------------------------------------------
　　book05設定
----------------------------------------------------------- */
.uvcare-box-left {
 float: left;
 width: 420px;
}
.uvcare-box-right {
 float: right;
 width: 208px;
}
.uvcare {
 margin-top: 20px;
 padding: 0 0 20px 190px;
 width: 230px;
 background: url(../2010spr/img/book05_img01.jpg) no-repeat left top;
}
.uvcare-product-name {
 font-size: 14px;
 font-weight: bold;
 color: #7F3B5F;
 line-height: 1.2;
}
.uvcare-effect {
 margin-top: 10px;
 padding: 3px 10px;
 background-color: #FEEDC5;
 font-weight: bold;
}
.uvcare-text {
 margin-top: 5px;
}

.dia-product-name {
 margin: 10px 0 0 30px;
 color: #7F3B5F;
 font-weight: bold;
 line-height: 1.2;
}
.dia-product-kind {
 margin: 2px 0 0 30px;
}
.dia-product-detail {
 margin: 5px 0 0 30px;
 font-size: 10px;
 line-height: 1.2;
}

.salon-t {
 margin-top: 10px;
 padding: 40px 10px 0 110px;
 width: 520px;
 height: 284px;
 background: url(../2010spr/img/book05_bg_st.jpg) no-repeat left top;
}
.salon-t p {
 margin-top: 7px;
 padding-left: 100px;
 line-height: 1.2;
}
.salon-t p.intense-title {
 margin-top: 15px;
 padding-left: 0;
}
.salon-t p.st-attention {
 margin: 10px 0 0 1em;
 text-indent: -1em;
 font-size: 10px;
 line-height: 1.2;
 width: 290px;
}