@charset "utf-8";
/*index.html
//////////////////////////////////////////////////////////////////*/
h1.title01 {
margin: 30px 0 30px;
}
.contentsBox01{
margin:0 -4px 20px;
}
.contentsBox01:after{
content:"";
display:block;
clear:both;
}
.contentsInnerBox01,
.contentsInnerBox02,
.contentsInnerBox03 {
position:relative;
padding:23px 0 0 22px;
width: 468px;
height: 653px;
background: url(../images/index_bg_01.png) no-repeat 0 0;
float: left;
margin-left: 12px;
margin-bottom: 15px;
box-sizing:border-box;
}
.firstLine {
margin-left: 0;
}
.contentsInnerBox01 h2 {
margin:0 0 18px;
}
.contentsInnerBox01 .text01 {
margin:0 0 18px;
}
.contentsInnerBox01 .ico01 {
position: absolute;
right: 20px;
top: 20px;
}
.contentsInnerBox01 .ico02 {
margin:0 0 20px;
}
.contentsInnerBox01 .img01 {
margin:0 0 13px;
text-align:center;
}
.contentsInnerBox01 .img02 {
margin:-14px 0 8px;
text-align:center;
}
.contentsInnerBox02 {
height: 708px;
background: url(../images/index_bg_02.png) no-repeat 0 0;
}
.contentsInnerBox02 h2 {
margin:0 0 18px;
}
.contentsInnerBox02 .ico01 {
position: absolute;
top: 20px;
right: 20px;
}
.contentsInnerBox02 .text01 {
margin:0 0 15px;
}
.contentsInnerBox02 .text02 {
margin:0 0 33px;
}
.contentsInnerBox02 .text03 {
margin:0 0 125px;
}
.contentsInnerBox02 .img01 {
margin:0 0 13px;
text-align:center;
}
.contentsInnerBox02 .img02 {
margin:0 0 16px;
text-align:center;
}
.contentsInnerBox02 .img03 {
margin:0 0 10px;
text-align:center;
}
.contentsInnerBox03 {
height: 618px;
background: url(../images/index_bg_03.png) no-repeat 0 0;
}
.contentsInnerBox03 h2 {
margin:0 0 18px;
}
.contentsInnerBox03 .ico01 {
position: absolute;
top: 20px;
right: 20px;
}
.contentsInnerBox03 .text01 {
margin:0 0 16px;
}
.contentsInnerBox03 .text02 {
margin:0 0 30px;
}
.contentsInnerBox03 .text03 {
margin:0 0 65px;
}
.contentsInnerBox03 .img01 {
margin:0 0 8px;
text-align:center;
}
.contentsInnerBox03 .img02 {
margin:0 0 20px;
text-align:center;
}
.contentsBox01 .btn01 {
position: absolute;
left: 23px;
bottom: 20px;
margin:0;
}
.contentsBox01 .txt01 {
position: absolute;
left: 23px;
bottom: 165px;
}
.contentsBox01 .txt02 {
position: absolute;
left: 23px;
bottom: 115px;
}
.contentsBox01 .txt03 {
position: absolute;
left: 23px;
bottom: 75px;
}
.contentsBox01 .txt04 {
position: absolute;
left: 23px;
bottom: 310px;
}
.contentsBox01 .txt05 {
position: absolute;
left: 23px;
bottom: 93px;
}
/*awa.html
//////////////////////////////////////////////////////////////////*/
.section01 {
margin-bottom: 30px;
}
.section02 {
margin-bottom: 10px;
}
.mainVisual {
min-width: 940px;
margin-bottom: 30px;
background: url(../images/awa_main_bg_01.jpg) #e9f6fd no-repeat center top;
}
.mainVisual .inner01 {
width: 940px;
height: 310px;
margin: 0 auto;
position: relative;
}
.mainVisual .inner01 h2 {
margin: 0;
position: absolute;
top: 21px;
left: -42px;
}
.mainVisual .inner01 .txt01 {
position: absolute;
top: 219px;
left: 4px;
}
.mainVisual .inner01 .txt02 {
position: absolute;
top: 214px;
left: 52px;
}
.mainVisual .inner01 .txt03 {
position: absolute;
top: 288px;
left: -12px;
}
.mainVisual .inner01 .txt04 {
position: absolute;
top: 78px;
left: 431px;
}
.mainVisual .inner01 .img01 {
position: absolute;
top: 190px;
left: 428px;
}
.contents {
width: 940px;
margin: 0 auto;
}
.contents .inner01 {
width: 940px;
height: 380px;
margin: 0 auto;
background: url(../images/awa_bg_01.jpg) no-repeat center top;
position: relative;
}
.contents .inner01 h2 {
padding: 30px 0 0 180px;
}
.contents .inner01 .txt01 {
position: absolute;
top: 120px;
left: 58px;
}
.contents .inner01 .txt02 {
position: absolute;
top: 213px;
left: -5px;
}
.contents .inner01 .txt03 {
position: absolute;
top: 272px;
left: 70px;
}
.contents .contentsBox01 {
width: 451px;
float: left;
}
.contents .contentsBox02 {
width: 451px;
float: right;
}
.contents .contentsBox01 .inner02,
.contents .contentsBox02 .inner02 {
width: 380px;
float: right;
}
.contents .contentsBox01 h3,
.contents .contentsBox02 h3 {
margin: 0;
padding: 0;
}
.contents .contentsBox02 .inner03 {
width: 380px;
position: relative;
margin-right: 20px;
float: right;
}
.contents .contentsBox01 .inner02 p,
.contents .contentsBox02 .inner02 p {
margin-bottom: 10px;
}
.contents .contentsBox02 .inner03 .img01 {
width: 62px;
height: 142px;
margin: 0;
padding: 0;
position: absolute;
top: -48px;
right: -5px;
}
.contents .inner04 {
width: 940px;
height: 231px;
margin: 0 auto;
background: url(../images/awa_bg_02.gif) no-repeat 0 0;
position: relative;
}
.contents .inner04 h3 {
position: absolute;
left: 195px;
}
.contents .inner04 p {
position: absolute;
top: 110px;
}
.contents .inner04 .txt01 {
left: 97px;
}
.contents .inner04 .txt02 {
left: 247px;
}
.contents .inner04 .txt03 {
top: 98px;
left: 392px;
}
.contents .inner04 .txt04 {
top: 98px;
left: 594px;
}
.contents .inner04 .txt05 {
left: 757px;
}
.contents .inner05 {
width: 948px;
height: 308px;
margin: 60px 0 5px -4px;
background: url(../images/awa_bg_03.gif) no-repeat center top;
position: relative;
}
.contents .inner05 .img01 {
position: absolute;
top: -41px;
left: 40px;
}
.contents .inner05 ul {
list-style-type: none;
width: 708px;
margin: 30px 20px 0 0;
float: right;
}
.contents .inner05 ul li {
margin-bottom: 10px;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 haritsuya.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.haritsuya #mainVisual {
margin: 0 0 40px;
height: 340px;
background: url(../images/haritsuya_bg_01.png) no-repeat 50% 0;
}
.haritsuya #mainVisual h1 {
margin: 0 auto;
padding: 13px 0 0;
width: 940px;
text-align: center;
}
.haritsuya #mainVisual h1 img {
margin-left: -17px;
}
.haritsuya .content01 .step1img {
margin: -55px 0 27px;
}
.haritsuya .content01 .imageBox01A .image {
vertical-align: middle;
padding-right: 36px;
}
.haritsuya .content01 .imageBox01A .box {
vertical-align: middle;
}
.haritsuya .content01 .point4 .headingTypeA02 {
margin-top: 25px;
}
.haritsuya .content02 {
position: relative;
margin: 0 -4px 22px;
padding: 50px 44px 0;
height: 718px;
background: url(../images/haritsuya_bg_02.gif) no-repeat 0 0;
}
.haritsuya .content02 .headingTypeA01 {
margin: 0 -56px 10px;
}
.haritsuya .content02 ul {
margin: 0 0 40px;
padding: 0;
list-style: none;
}
.haritsuya .content02 .column ul {
margin: 0;
}
.haritsuya .content02 ul li {
padding: 10px;
background: url(../images/haritsuya_line_dashed_01.gif) repeat-x 0 100%;
}
.haritsuya .content02 .voice01 .headingTypeA00 {
margin-top: -22px;
}
.haritsuya .content02 .voice02 .headingTypeA00 {
margin-top: -20px;
}
.haritsuya .content02 .voice03 .headingTypeA00 {
margin-top: -29px;
}
.haritsuya .content02 .voice04 .headingTypeA00 {
margin-top: -16px;
}
.haritsuya .content03 {
position: relative;
margin: 0 -4px 16px;
padding: 35px 4px 0;
height: 727px;
background: url(../images/haritsuya_bg_03.gif) no-repeat 0 0;
}
.haritsuya .content03 .headingTypeA02 {
text-align: center;
}
.haritsuya .content03 .itemList {
margin: 0 0 20px;
padding: 0;
list-style: none;
text-align: center;
}
.haritsuya .content03 .itemList li {
display: inline-block;
vertical-align: bottom;
margin: 0 8px;
}
.haritsuya .notes {
float: right;
margin: 0;
padding: 0;
width: 345px;
list-style: none;
line-height: 1;
}
.haritsuya .notes li {
display: inline-block;
margin: 2px 0 0 16px;
vertical-align: top;
}
.haritsuya .notes li img {
vertical-align: top;
}
.haritsuya .columnBox {
margin: 0 -20px 0 0;
}
.haritsuya .columnBox .column {
display: inline-block;
margin: 0 16px 42px 0;
vertical-align: top;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 liftup.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.liftup .separate01 {
background: url(../images/liftup_line_01.gif) no-repeat 50% 100%;
padding-bottom: 35px;
margin-bottom: 35px;
}
.liftup #mainVisual {
margin: 0;
height: 360px;
background: url(../images/liftup_bg_01.jpg) no-repeat 50% 0;
}
.liftup #mainVisual h1 {
margin: 0 auto;
padding: 18px 0 0;
width: 940px;
text-align: center;
}
.liftup #mainVisual h1 img {
margin-left: -17px;
}
.liftup .heading01 {
background: url(../images/liftup_bg_02.jpg) no-repeat 50% 0;
margin: 0;
text-align: center;
height: 133px;
padding-top: 23px;
}
/* contentsBox01
/////////////////////////*/
.liftup .contentsBox01 ul {
list-style-type: none;
margin: 0;
padding: 0;
background: url(../images/liftup_img_01.jpg) no-repeat 100% 0;
}
.liftup .contentsBox01 li {
margin-bottom: 20px;
position: relative;
}
.liftup .contentsBox01 li span {
position: absolute;
left: 101px;
top: 84px;
}
/* contentsBox02
/////////////////////////*/
.liftup .contentsBox02 {
margin-bottom: 50px;
}
.liftup .contentsBox02 ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.liftup .contentsBox02 li {
margin-bottom: 20px;
}
.liftup .contentsBox02 .img01 {
margin: 0 0 0 -1px;
}
/* contentsBox03
/////////////////////////*/
.liftup .contentsBox03 .inner01 {
width: 948px;
height: 818px;
margin: 0 0 15px -8px;
position: relative;
background: url(../images/liftup_bg_03.gif) no-repeat center top;
}
.liftup .contentsBox03 .inner01 .heading02 {
text-align: center;
padding-top: 15px;
}
.liftup .contentsBox03 .inner01 .columnBox01 {
margin: 60px 0 25px;
}
.liftup .contentsBox03 .inner01 ul {
list-style-type: none;
width: 474px;
text-align: center;
margin: 0;
padding: 0;
display: table-cell;
position: relative;
}
.liftup .contentsBox03 .inner01 .ico01 {
position: absolute;
right: 17px;
top: 72px;
}
.liftup .contentsBox03 .inner01 .btn01 {
text-align: center;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 wrinkle.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.wrinkle {
min-width: 953px;
overflow: hidden;
}
.wrinkle .separate01 {
background: url(../images/liftup_line_01.gif) no-repeat 50% 100%;
padding-bottom: 35px;
margin-bottom: 35px;
}
.wrinkle #mainVisual {
margin: 0;
height: 405px;
background: url(../images/wrinkle_bg_01.jpg) no-repeat 50% 0;
position: relative;
}
.wrinkle #mainVisual .inner01 {
width: 940px;
margin: 0 auto;
position: relative;
}
.wrinkle #mainVisual .inner01 h1,
.wrinkle #mainVisual .inner01 p {
position: absolute;
}
.wrinkle #mainVisual .inner01 h1 {
top: 25px;
}
.wrinkle #mainVisual .inner01 .txt01 {
left: 447px;
top: 25px;
}
.wrinkle #mainVisual .inner01 .txt02 {
left: 526px;
top: 129px;
}
.wrinkle #mainVisual .inner01 .txt03 {
left: 440px;
top: 170px;
}
.wrinkle #mainVisual .inner01 .txt04 {
left: 526px;
top: 315px;
}
.wrinkle #mainVisual .inner01 .txt05 {
left: 276px;
top: 138px;
}
.wrinkle #mainVisual .inner01 .img01 {
top: 138px;
}
.wrinkle .heading01 {
background: url(../images/liftup_bg_02.jpg) no-repeat 50% 0;
margin: 0;
text-align: center;
height: 133px;
padding-top: 23px;
}
.wrinkle .contentsBox01 {
margin: 30px 0 35px;
}
.wrinkle .contentsBox01 .innerBox01 {
float: left;
}
.wrinkle .contentsBox01 .innerBox02 {
float: right;
}
.wrinkle .contentsBox01 .innerBox01 p,
.wrinkle .contentsBox01 .innerBox02 p {
margin: 0;
padding: 0;
}
.wrinkle .contentsBox01 h2 {
margin-bottom: 20px;
}
.wrinkle .contentsBox02 {
width: 944px;
height: 595px;
margin: 0 -2px 40px;
text-align: center;
background: url(../images/wrinkle_monitor_bg_01.gif) 50% 0 no-repeat;
}
.wrinkle .contentsBox02 h2 {
margin: 0 0 25px;
padding: 25px 0 0;
}
.wrinkle .contentsBox03 {
width: 944px;
height: 264px;
margin: 0 -2px 10px;
background: url(../images/wrinkle_product_bg_01.jpg) 50% 0 no-repeat;
}
.wrinkle .contentsBox03 .inner01 {
margin-left: 344px;
padding-top: 30px;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 moistmask.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.moistmask {
min-width: 940px;
overflow: hidden;
}
.moistmask #mainVisual {
margin: 0 0 85px;
height: 360px;
background: url(../images/moistmask_bg_01.jpg) no-repeat 50% 0;
position: relative;
}
.moistmask #mainVisual .inner01 {
width: 940px;
margin: 0 auto;
position: relative;
}
.moistmask #mainVisual .inner01 .ttl01 {
position: absolute;
left: 20px;
z-index: 10;
top: 20px;
margin: 0;
}
.moistmask #mainVisual .inner01 .txt01 {
position: absolute;
left: 520px;
z-index: 10;
top: 40px;
}
.moistmask #mainVisual .inner01 .txt02 {
position: absolute;
left: 520px;
z-index: 10;
top: 124px;
}
.moistmask #mainVisual .inner01 .txt03 {
position: absolute;
left: 520px;
z-index: 10;
top: 250px;
}
.moistmask #mainVisual .inner01 .txt04 {
position: absolute;
left: 520px;
top: 390px;
z-index: 10;
}
.moistmask #mainVisual .inner01 .img01 {
position: absolute;
left: -168px;
top: 5px;
z-index: 1;
}
.moistmask .ttlType01 {
margin-bottom: 20px;
}
/*contentsBox01//////////////////////////////////////////////////////////////////*/
.moistmask .contentsBox01 {
width: 944px;
height: 543px;
margin: 0 -2px 35px;
padding-top: 20px;
background: url(../images/moistmask_bg_02.png) 50% 0 no-repeat;
position: relative;
}
.moistmask .contentsBox01 .innerBox01 {
width: 450px;
height: 250px;
float: left;
margin: 0 0 20px 20px;
padding: 0;
}
.moistmask .contentsBox01 .innerBox01 .ttl01 {
margin: 0 0 20px;
padding: 0;
}
.moistmask .contentsBox01 .innerBox01 .text {
margin: 0 0 0 20px;
padding: 0;
}
.moistmask .contentsBox01 .innerBox01 .text01 {
margin: 0 0 0 20px;
padding: 0;
}
.moistmask .contentsBox01 .innerBox02 {
width: 450px;
float: left;
margin: 0 0 0 20px;
padding: 0;
}
.moistmask .contentsBox01 .innerBox02 .ttl01 {
margin: 0;
padding: 0;
}
.moistmask .contentsBox01 .innerBox02 .text02 {
margin: -15px 0 0 20px;
padding: 0;
}
.moistmask .contentsBox01 .innerBox02 .text03 {
margin: 12px 0 0 20px;
padding: 0;
}
/*contentsBox02//////////////////////////////////////////////////////////////////*/
.moistmask .contentsBox02 {
width: 944px;
height: 145px;
margin: 0 -2px 10px;
padding-top: 30px;
background: url(../images/moistmask_bg_03.png) 50% 0 no-repeat;
position: relative;
}
.moistmask .contentsBox02 p {
float: left;
margin-left: 30px;
}
/*contentsBox03//////////////////////////////////////////////////////////////////*/
.moistmask .contentsBox03 {
width: 944px;
height: 160px;
margin: 0 -2px 35px;
padding-top: 15px;
background: url(../images/moistmask_bg_03.png) 50% 0 no-repeat;
position: relative;
}
.moistmask .contentsBox03 p {
float: left;
margin-left: 30px;
}
.moistmask .contentsBox03 .text01 {
margin-top: 55px;
}
/*contentsBox04//////////////////////////////////////////////////////////////////*/
.moistmask .contentsBox04 {
width: 944px;
height: 244px;
margin: 0 -2px 0px;
background: url(../images/moistmask_bg_04.png) 50% 0 no-repeat;
position: relative;
}
.moistmask .contentsBox04 .img01 {
padding-top: 20px;
margin-left: 30px;
float: left;
}
.moistmask .contentsBox04 .inner01 {
float: left;
padding-top: 30px;
margin-left: 25px;
}
.moistmask .contentsBox04 .text {
margin: 0 0 20px -3px;
}
.moistmask .contentsBox04 .text02 {
margin-bottom: 20px;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 bbcream.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.bbcream {
min-width: 940px;
overflow: hidden;
}
.bbcream #mainVisual {
margin: 0 0 78px;
height: 624px;
background: url(../images/bbcream_bg_01.png) no-repeat 50% 0;
position: relative;
z-index: 1;
}
.bbcream #mainVisual .inner01 {
width: 940px;
margin: 0 auto;
position: relative;
}
.bbcream #mainVisual .inner01 .ttl01 {
position: absolute;
left: 37px;
top: 38px;
margin: 0;
z-index: 10;
}
.bbcream #mainVisual .inner01 .txt01 {
position: absolute;
left: -100px;
top: 105px;
z-index: 10;
}
.bbcream #mainVisual .inner01 .txt02 {
position: absolute;
left: 530px;
top: 20px;
z-index: 10;
}
.bbcream #mainVisual .inner01 .txt03 {
position: absolute;
left: 530px;
top: 122px;
z-index: 10;
}
.bbcream #mainVisual .inner01 .txt04 {
position: absolute;
left: 530px;
top: 227px;
z-index: 10;
}
.bbcream #mainVisual .inner01 .txt05 {
position: absolute;
right: 0;
top: 370px;
z-index: 10;
}
.bbcream #mainContents {
margin-top: -240px;
position: relative;
z-index: 100;
}
.bbcream .ttlType01 {
margin: 0 0 30px -30px;
padding: 0;
position: relative;
z-index: 50;
}
.bbcream .separate01 {
width: 940px;
margin: 0 -8px 20px;
background: url(../images/bbcream_line_01.png) no-repeat center bottom;
padding: 0 8px 35px;
}
/* contentsBox01 ///////////////////////////////////////////////////////*/
.bbcream .contentsBox01 {
position: relative;
}
.bbcream .contentsBox01 .inner01 {
width: 599px;
padding-left: 5px;
}
.bbcream .contentsBox01 .text {
margin: 0 0 40px 0;
}
.bbcream .contentsBox01 .img01 {
position: absolute;
right: 34px;
top: -71px;
}
/* contentsBox02 ///////////////////////////////////////////////////////*/
.bbcream .contentsBox02 {
position: relative;
}
.bbcream .contentsBox02 .inner01 {
width: 537px;
padding-left: 5px;
}
.bbcream .contentsBox02 .text {
margin: 0 0 45px 0;
}
.bbcream .contentsBox02 .img01 {
position: absolute;
right: 0;
top: -22px;
}
/* contentsBox03 ///////////////////////////////////////////////////////*/
.bbcream .contentsBox03 {
position: relative;
margin-bottom: 90px;
}
.bbcream .contentsBox03 .inner01 {
width: 537px;
padding-left: 5px;
}
.bbcream .contentsBox03 .text {
margin: 0 0 45px 0;
}
.bbcream .contentsBox03 .img01 {
position: absolute;
right: 30px;
top: -55px;
z-index: 1;
}
/* contentsBox04 ///////////////////////////////////////////////////////*/
.bbcream .contentsBox04 {
margin-bottom: 25px;
}
.bbcream .contentsBox04 .ttl01 {
text-align: center;
margin: 0;
padding: 20px 0;
}
.bbcream .contentsBox04 .monitorArea {
width: 944px;
height: 379px;
background: url(../images/bbcream_bg_02.png) no-repeat center 0;
margin: 0 -2px;
}
.bbcream .contentsBox04 .monitorArea ul {
width: 880px;
list-style-type: none;
display: flex;
margin: 0 auto;
padding: 0 32px;
}
.bbcream .contentsBox04 .monitorArea li {
display: table-cell;
width: 280px;
padding-left: 20px;
}
.bbcream .contentsBox04 .monitorArea li.first {
padding-left: 0 !important;
}
/* contentsBox05 ///////////////////////////////////////////////////////*/
.bbcream .contentsBox05 {
}
.bbcream .contentsBox05 .inner01 {
background: url(../images/bbcream_bg_03.png) no-repeat 0 0;
width: 944px;
height: 341px;
margin: 0 -2px;
}
.bbcream .contentsBox05 .inner01 .box01 {
width: 495px;
float: right;
margin-right: 120px;
padding-top: 40px;
}
.bbcream .contentsBox05 .inner01 .box01 p {
margin-bottom: 20px;
}
.bbcream .notes {
text-align: right;
margin-top: -55px;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 bihakuline.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.bihakuline {
min-width: 940px;
overflow: hidden;
}
.bihakuline #mainVisual {
margin: 0 0 100px;
height: 360px;
background: url(../images/bihakuline_bg_01.jpg) no-repeat 50% 0;
position: relative;
z-index: 1;
}
.bihakuline #mainVisual .inner01 {
width: 940px;
margin: 0 auto;
position: relative;
}
.bihakuline .inner01 .ttl01 {
position: absolute;
left: 640px;
top: 104px;
margin: 0;
padding: 0;
z-index: 2;
}
.bihakuline .inner01 .txt01 {
position: absolute;
left: 384px;
top: 28px;
margin: 0;
padding: 0;
z-index: 2;
}
.bihakuline .inner01 .txt02 {
position: absolute;
left: 617px;
top: 27px;
margin: 0;
padding: 0;
z-index: 2;
}
.bihakuline .inner01 .txt03 {
position: absolute;
left: 532px;
top: 390px;
margin: 0;
padding: 0;
z-index: 2;
}
.bihakuline .inner01 .img01 {
position: absolute;
left: 520px;
top: 95px;
margin: 0;
padding: 0;
z-index: 1;
}
.bihakuline .inner01 .ico01 {
position: absolute;
left: 877px;
top: 111px;
margin: 0;
padding: 0;
z-index: 2;
}
.bihakuline .ttlType01 {
margin: 0 -22px 10px -22px;
padding: 0;
}
/* contentsBox01 ///////////////////////////////////////////////////////*/
.bihakuline .contentsBox01 .inner01 {
width: 468px;
height: 243px;
margin: 0 0 0 -3px;
padding-top: 25px;
float: left;
background: url(../images/bihakuline_point1_bg_01.jpg) no-repeat 0 0;
}
.bihakuline .contentsBox01 .inner02 {
width: 468px;
height: 243px;
margin: 0 -3px 0 0;
padding-top: 25px;
float: right;
background: url(../images/bihakuline_point1_bg_02.jpg) no-repeat 0 0;
}
.bihakuline .contentsBox01 .inner01 > *,
.bihakuline .contentsBox01 .inner02 > * {
text-align: center;
margin: 0;
padding: 0;
}
.bihakuline .contentsBox01 .inner01 p:first-child {
margin-bottom: 30px;
}
/* contentsBox02 ///////////////////////////////////////////////////////*/
.bihakuline .contentsBox02 .inner01 {
width: 878px;
height: 201px;
margin: -47px -4px 5px;
padding: 0 35px;
background: url(../images/bihakuline_point2_bg_01.png) no-repeat 0 0;
position: relative;
}
.bihakuline .contentsBox02 .inner01 .text01 {
padding-top: 95px;
}
.bihakuline .contentsBox02 .inner01 .text02 {
position: absolute;
right: 378px;
top: 100px;
}
.bihakuline .contentsBox02 .inner01 .text03 {
position: absolute;
right: 35px;
top: 85px;
}
/* contentsBox03 ///////////////////////////////////////////////////////*/
.bihakuline .contentsBox03 .inner01 {
width: 948px;
height: 226px;
margin: -8px -4px 0;
background: url(../images/bihakuline_point3_bg_01.png) no-repeat 0 0;
position: relative;
}
.bihakuline .contentsBox03 .inner01 .text01 {
position: absolute;
margin-left: -227px;
left: 50%;
top: 30px;
}
.bihakuline .contentsBox03 .inner01 .text02 {
position: absolute;
right: 35px;
top: 75px;
}
.bihakuline .contentsBox03 .inner01 .text03 {
position: absolute;
right: 430px;
top: 80px;
}
/* contentsBox04 ///////////////////////////////////////////////////////*/
.bihakuline .contentsBox04 .inner01 {
width: 948px;
height: 90px;
margin: -34px -4px 10px;
padding-top: 95px;
background: url(../images/bihakuline_point4_bg_01.png) no-repeat 0 0;
position: relative;
}
.bihakuline .contentsBox04 .inner01 > * {
margin-left: 130px;
}
/* contentsBox05 ///////////////////////////////////////////////////////*/
.bihakuline .contentsBox05 {
margin-bottom: 20px;
}
.bihakuline .contentsBox05 .inner01 {
width: 940px;
height: 191px;
margin: 0;
padding: 0;
background: url(../images/bihakuline_etc_bg_01.jpg) no-repeat 0 0;
position: relative;
}
.bihakuline .contentsBox05 .inner01 .ttlType02 {
text-align: center;
margin: 0 0 20px;
padding: 15px 0 0;
}
.bihakuline .contentsBox05 .inner01 > * {
text-align: center;
}
/* monitorArea ///////////////////////////////////////////////////////*/
.bihakuline .monitorArea {
margin-bottom: 30px;
}
.bihakuline .monitorArea .inner01 {
width: 944px;
height: 625px;
margin: 0 -2px;
background: url(../images/bihakuline_monitor_bg_01.gif);
}
.bihakuline .monitorArea .ttlType01 {
text-align: center;
margin: 0 0 20px;
padding: 25px 0 0;
}
.bihakuline .monitorArea .listType01 {
list-style-type: none;
margin: 0;
padding: 0;
}
.bihakuline .monitorArea .listType01 > * {
text-align: center;
margin: 0;
padding: 0;
}
.bihakuline .monitorArea .listType01 .last {
margin-top: -5px;
}
.bihakuline .separate01 {
background: url(../images/bihakuline_border_01.gif) no-repeat center bottom;
padding-bottom: 30px;
}
.bihakuline .notes {
text-align: right;
}
/* productArea ///////////////////////////////////////////////////////*/
.bihakuline .productArea .inner01 {
width: 948px;
height: 1248px;
margin: 0 -4px;
background: url(../images/bihakuline_product_bg_01.gif);
}
.bihakuline .productArea .inner01 .ttlType01 {
margin: 0 0 70px;
padding: 17px 0 0;
text-align: center;
}
.bihakuline .productArea .inner01 .listType01 {
width: 880px;
list-style-type: none;
margin: 0 auto 27px;
padding: 0;
}
.bihakuline .productArea .inner01 .listType01 li {
float: left;
margin-left: 20px;
}
.bihakuline .productArea .inner01 .listType02 {
width: 580px;
list-style-type: none;
margin: 0 auto 30px;
padding: 0;
}
.bihakuline .productArea .inner01 .listType02 li {
float: left;
margin-left: 20px;
}
.bihakuline .productArea .inner01 .first {
margin-left: 0 !important;
}


/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 moisturelotion.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.moisturelotion #mainVisual{
overflow:hidden;
margin:0 0 -47px;
background:url(../images/moisturelotion_bg_01.gif) repeat-x 0 0;
}
.moisturelotion #mainVisual h1{
margin:0 auto;
width:960px;
text-align:center;
}
.moisturelotion #mainVisual h1 img{
margin:0 -160px;
}

.moisturelotion #point1{
margin:0 0 38px;
}
.moisturelotion #point1 .heading{
margin:0 0 -2px -25px;
}
.moisturelotion #point1 .summary{
padding:22px 0 0;
height:337px;
background:url(../images/moisturelotion_bg_02.jpg) no-repeat 0 0;
}
.moisturelotion #point1 .summary:after{
content:"";
display:block;
clear:both;
}
.moisturelotion #point1 .summary p:first-child{
margin:0 0 55px;
}
.moisturelotion #point1 .summary p + p{
float:left;
margin:0;
}
.moisturelotion #point1 .summary p:first-child + p{
margin-right:183px;
}

.moisturelotion #point2{
margin:0 0 60px;
}
.moisturelotion #point2 .heading{
margin:0 0 13px -31px;
}
.moisturelotion #point2 p{
margin:0 0 17px;
}
.moisturelotion #point2 ul{
margin:0;
list-style:none;
}
.moisturelotion #point2 ul:after{
content:"";
display:block;
clear:both;
}
.moisturelotion #point2 ul li{
float:left;
margin:0 0 0 25px;
}
.moisturelotion #point2 ul li:first-child{
margin-left:0;
}
.moisturelotion #point2 .banner{
margin:0;
}
.moisturelotion #point2 .banner img{
margin:-14px 0 0;
}

.moisturelotion .box01{
position:relative;
margin:-2px -2px 10px;
padding:22px 0 0;
width:944px;
height:327px;
background:url(../images/moisturelotion_bg_03.png) no-repeat 0 0;
text-align:center;
}
.moisturelotion .box01 .heading{
margin:0 0 18px;
}
.moisturelotion .box01 ul{
margin:0;
list-style:none;
}
.moisturelotion .box01 ul li{
display:inline;
margin:0 8px;
}
.moisturelotion .mb35{
margin:0 0 35px;
}

.moisturelotion .box02{
margin:-4px -4px 80px;
padding:4px 4px 0;
width:940px;
height:814px;
background:url(../images/moisturelotion_bg_04.png) no-repeat 0 0;
text-align:center;
}
.moisturelotion .box02 .heading{
margin:0 0 20px;
}
.moisturelotion .box02 .columnBox{
margin:0 0 10px;
}
.moisturelotion .box02 .columnBox .column{
display:inline-block;
margin:0 28px;
width:400px;
}
.moisturelotion .box02 .columnBox .column p:first-child{
margin:0 0 46px;
}
.moisturelotion .box02 .columnBox .column p:first-child + p{
margin:0 0 30px;
}



/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 wrinklemoisture.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.wrinklemoisture #mainVisual{
overflow:hidden;
background:url(../images/wrinklemoisture_bg_01.gif) repeat-x 0 0;
}
.wrinklemoisture #mainVisual .inner{
position:relative;
margin:0 auto;
width:960px;
}
.wrinklemoisture #mainVisual .inner h1{
margin:0 -160px;
}
.wrinklemoisture #mainVisual .inner .note{
position:absolute;
top:370px;
right:10px;
margin:0;
}

.wrinklemoisture .box01{
position:relative;
margin:0 -8px 20px;
padding:0 8px 3px;
background:url(../images/wrinklemoisture_line_01.png) no-repeat 0 100%;
}
.wrinklemoisture .heading{
margin:0 0 10px -31px;
}

.wrinklemoisture #point1{
margin-top:-136px;
}
.wrinklemoisture #point1 .summary:after{
content:"";
display:block;
clear:both;
}
.wrinklemoisture #point1 .summary p:first-child{
margin:0 0 24px;
}
.wrinklemoisture #point1 .summary p:first-child + p{
float:left;
margin:0 0 0 86px;
}
.wrinklemoisture #point1 .summary p:first-child + p + p{
float:left;
margin:-170px -33px 0 70px;
}
.wrinklemoisture #point1 .note{
position:absolute;
bottom:-18px;
right:8px;
margin:0;
}

.wrinklemoisture #point2{}
.wrinklemoisture #point2 .summary:after{
content:"";
display:block;
clear:both;
}
.wrinklemoisture #point2 .summary p:first-child{
float:left;
margin:0 0 0 5px;
}
.wrinklemoisture #point2 .summary p:first-child + p{
position:relative;
float:left;
margin:-110px -45px -42px -39px;
z-index:0;
}

.wrinklemoisture #point3{
margin-bottom:80px;
}
.wrinklemoisture #point3 ol{
margin:0;
list-style:none;
}
.wrinklemoisture #point3 ol:after{
content:"";
display:block;
clear:both;
}
.wrinklemoisture #point3 ol li{
float:left;
margin:0 0 0 2px;
}
.wrinklemoisture #point3 ol li:first-child{
margin:0 -1px 0 0;
}
.wrinklemoisture #point3 ol li:first-child + li + li + li{
margin-top:-3px;
}
.wrinklemoisture #point3 .note{
position:absolute;
bottom:-18px;
right:0;
margin:0;
}

.wrinklemoisture .box02{
position:relative;
margin:0 -2px -20px;
padding:28px 2px 2px;
width:940px;
height:234px;
background:url(../images/wrinklemoisture_bg_02.png) no-repeat 0 0;
}
.wrinklemoisture .box02 .imageBox01A{
margin-left:134px;
}
.wrinklemoisture .box02 .imageBox01A .image img{
margin:-54px 0 -64px;
}
.wrinklemoisture .box02 .imageBox01A .box{
padding-left:40px;
}
.wrinklemoisture .box02 .imageBox01A .heading{
margin:0 0 16px;
}
.wrinklemoisture .box02 .note{
position:absolute;
bottom:-18px;
right:0;
margin:0;
}




.wrinklemoisture #mainContents .sectionType01{
    margin:0 auto; padding:0 0 35px 0;
    background-image: url("../images/recommendList_bg.png");
    background-repeat: no-repeat;
    background-position-y: 66px;
}
.wrinklemoisture .heading{
    text-align:left;
    margin:0; padding:0;
}
.wrinklemoisture .recommendList01{
    width:928px;
    margin:0 auto; padding:0;
}
.wrinklemoisture .recommendList01 li{
    list-style-type:none;
    margin:0; padding:0;
}
/* margin */
.mb0{margin-bottom:0 !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.ml30{margin-left:30px !important;}


/* inline */
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}
.alignC{text-align:center !important;}



/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 cleansing.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.cleansing .headingType01{
margin:30px 0 20px -31px;
}
.cleansing #mainContents .visual + .headingType01{
margin-top:0;
}

.cleansing .ml14{margin-left:14px !important;}

#document.cleansing{
overflow:hidden;
}
.cleansing #container{
min-width:960px;
}
.cleansing .mainvisual{
margin:0 -100% 46px;
background:url(../images/cleansing_bg_mainvisual.gif) repeat-x 50% 0;
}
.cleansing .mainvisual .inner{
position:relative;
margin:0 auto;
width:960px;
}
.cleansing .mainvisual .inner h1{
margin:0 0 5px;
}
.cleansing .mainvisual .inner ul{
margin:0;
list-style:none;
}
.cleansing .mainvisual .inner ul > li{
position:absolute;
top:369px;
text-align:center;
width:245px;
}
.cleansing .mainvisual .inner ul > li.moist{
left:26px;
}
.cleansing .mainvisual .inner ul > li.water{
right:26px;
}
.cleansing .mainvisual .inner ul > li img{
margin-bottom:7px;
}
.cleansing .mainvisual .inner .note{
margin:0;
}


.cleansing #moist .visual{
background:url(../images/cleansing_bg_moist.png) no-repeat 0 0;
margin:0 0 50px;
padding:80px 0 0 515px;
height:404px;
}
.cleansing #moist .visual dl{
margin:0;
}
.cleansing #moist .visual dl dt{
margin:0 0 12px;
}
.cleansing #moist .visual dl dd{
margin:0 0 13px 10px;
}
.cleansing #moist .visual dl dd img{
vertical-align:middle;
}
.cleansing #moist .visual h2{
position:relative;
}
.cleansing #moist .visual h2 .ttlNew01{
margin:0 0 10px; padding:0;
}
.cleansing #moist .visual h2 .ttlNew02{
margin:0 0 20px; padding:0;
}
.cleansing #moist .visual h2 .ttlNew03{
position:absolute;
top:-70px;
left:-20px;
}
.cleansing #moist .voice{
margin:0 -2px 30px;
padding:26px 0 0;
height:323px;
background:url(../images/cleansing_bg_moist_02.gif) no-repeat 0 0;
text-align:center;
}
.cleansing #moist .voice > .heading{
margin:0 0 20px;
}
.cleansing #moist .voice ul{
margin:0;
list-style:none;
}
.cleansing #moist .voice ul > li{
display:inline-block;
margin:0 8px;
vertical-align:top;
}
.cleansing #moist .item{
margin:0 -4px 56px;
padding:18px 0 0;
height:745px;
background:url(../images/cleansing_bg_moist_03.png);
text-align:center;
}
.cleansing #moist .item .heading{
margin:0 0 60px;
text-align:center;
}
.cleansing #moist .item .itemList{
display:inline-block;
margin:0 auto;
}
.cleansing #moist .item .itemList > .column{
display:inline-block;
margin:0 28px;
width:400px;
vertical-align:top;
}
.cleansing #moist .item .itemList > .column p:first-child{
margin:0;
}

.cleansing #water .visual{
background:url(../images/cleansing_bg_water.png) no-repeat 0 0;
padding:0px 0 120px 482px;
}
.cleansing #water .visual h2{
text-align:center;
margin:0 0 50px; padding:0;
}
.cleansing #water .visual dl dt{
margin:0 0 12px;
}
.cleansing #water .visual dl dd{
margin:0 0 13px 10px;
}
.cleansing #water .visual dl dd img{
vertical-align:middle;
}
.cleansing #water .note01{
text-align:right;
}
.cleansing #water .note02{
margin:-30px 0 25px;
text-align:right;
}
.cleansing #water .item{
position:relative;
margin:0 0 -80px;
}
.cleansing #water .item .button{
position:absolute;
top:173px;
left:332px;
z-index:1;
}
.cleansing #water .img{
margin:0 -4px 20px;
}




/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 awacleansing.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

#awacleansing .headerMain{
    width:100%;
    text-align:center;
    background:#014099;
    margin:0; padding:0;
}
#awacleansing .alertMain{
    width:940px;
    font-size:9px;
    color:#555555;
    margin:5px auto 40px; padding:0;
}

#awacleansing #leadArea{
    width:940px;
    position:relative;
    margin:0 auto 60px; padding:0;
}
#awacleansing #leadArea p{
    margin:0; padding:0;
}
#awacleansing #leadArea .alertLead{
    position:absolute;
    right:0;
    bottom:10px;
    font-size:9px;
    color:#555555;
}

#awacleansing #point1{
    width:940px;
    position:relative;
    background:url(../images/awacleansing_point1_bg.png) no-repeat right 90px;
    margin:0 auto 60px; padding:0;
}
#awacleansing #point1 h2{
    margin:0 0 20px; padding:0;
}
#awacleansing #point1 .txt1{
    margin:0 0 36px 10px; padding:0;
}
#awacleansing #point1 .img1{
    margin:0 0 15px; padding:0;
}
#awacleansing #point1 .txt2{
    text-align:right;
    font-size:9px;
    color:#555555;
    margin:0; padding:0;
}

#awacleansing #point2{
    width:940px;
    position:relative;
    margin:0 auto 60px; padding:0;
}
#awacleansing #point2 h2{
    margin:0 0 20px; padding:0;
}
#awacleansing #point2 .txt1{
    margin:0 0 0 10px; padding:0;
}
#awacleansing #point2 .img1{
    margin:0; padding:0;
}

#awacleansing #point3{
    width:940px;
    position:relative;
    margin:0 auto 60px; padding:0;
}
#awacleansing #point3 h2{
    margin:0; padding:0;
}
#awacleansing #point3 .txt1{
    margin:0 0 0 10px; padding:0;
}

#awacleansing #voiceArea{
    width:940px;
    position:relative;
    margin:0 auto 60px; padding:0;
}
#awacleansing #voiceArea h2{
    margin:0; padding:0;
}
#awacleansing #voiceArea .voiceBox01{
    position:relative;
    height:309px;
    background:url(../images/awacleansing_voice_bg.png) no-repeat center top;
    margin:0; padding:0;
}
#awacleansing #voiceArea .voiceBox01 .user1{
    position:absolute;
    top:15px;
    left:30px;
    margin:0; padding:0;
}
#awacleansing #voiceArea .voiceBox01 .user2{
    position:absolute;
    top:15px;
    left:330px;
    margin:0; padding:0;
}
#awacleansing #voiceArea .voiceBox01 .user3{
    position:absolute;
    top:15px;
    left:630px;
    margin:0; padding:0;
}

#awacleansing #introArea{
    width:948px;
    height:763px;
    background:url(../images/awacleansing_intro_bg.png) no-repeat center top;
    position:relative;
    margin:0 auto 60px; padding:0;
}
#awacleansing #introArea h2{
    text-align:center;
    margin:0 0 66px;; padding:15px 0 0 0;
}
#awacleansing #introArea .introBox01{
    display:table;
    margin:0;; padding:0;
}
#awacleansing #introArea .introBox01 div{
    width:474px;
    display:table-cell;
    text-align:center;
    margin:0;; padding:0;
}
#awacleansing #introArea .introBox01 div .img{
    margin:0 0 55px; padding:0;
}
#awacleansing #introArea .introBox01 div .txt{
    margin:0 0 30px; padding:0;
}
#awacleansing #introArea .introBox01 div .btn{
    margin:0; padding:0;
}



/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 makecleansingmilk.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#makecleansingmilk{
}

#makecleansingmilk .headerMain{
    width:100%;
    background:url(../images/makecleansingmilk_mv_img.png) repeat-x left top;
    margin:0; padding:0;
}
#makecleansingmilk .headerMain .mvArea{
    width:960px;
    position:relative;
    margin:0 auto; padding:0;
}
#makecleansingmilk .headerMain .itemImg{
    position:absolute;
    top:20px;
    right:50px;
}
#makecleansingmilk .alertMain{
    width:940px;
    font-size:9px;
    color:#555555;
    margin:5px auto 80px; padding:0;
}

#makecleansingmilk #point1{
    width:940px;
    position:relative;
    margin:0 auto 60px; padding:0;
}
#makecleansingmilk #point1 h2{
    margin:0 0 20px; padding:0;
}
#makecleansingmilk #point1 .txt1{
    margin:0 0 30px 10px; padding:0;
}
#makecleansingmilk #point1 ul{
    display:table;
    margin:0; padding:0;
}
#makecleansingmilk #point1 ul li{
    display:table-cell;
    margin:0; padding:0;
}
#makecleansingmilk #point1 ul li:first-child{
    width:540px;
    text-align:left;
    vertical-align:middle;
}
#makecleansingmilk #point1 ul li:last-child{
    width:400px;
    text-align:right;
    vertical-align:middle;
}
#makecleansingmilk #point1 .alert{
    font-size:9px;
    color:#555555;
    text-align:right;
    margin:0; padding:10px 0 0 0;
}

#makecleansingmilk #point2{
    width:940px;
    position:relative;
    margin:0 auto 60px; padding:0;
}
#makecleansingmilk #point2 h2{
    margin:0 0 20px; padding:0;
}
#makecleansingmilk #point2 .txt1{
    margin:0 0 50px 10px; padding:0;
}
#makecleansingmilk #point2 .img1{
    text-align:center;
    margin:0; padding:0;
}

#makecleansingmilk #point3{
    width:940px;
    position:relative;
    margin:0 auto 30px; padding:0;
}
#makecleansingmilk #point3 h2{
    margin:0; padding:0;
}
#makecleansingmilk #point3 .txt1{
    position:relative;
    margin:0 0 0 10px; padding:20px 0 220px;
}
#makecleansingmilk #point3 .img1{
    position:absolute;
    top:0;
    right:50px;
    margin:0; padding:0;
}

#makecleansingmilk #voiceArea{
    width:940px;
    position:relative;
    margin:0 auto 80px; padding:0;
}
#makecleansingmilk #voiceArea h2{
    margin:0; padding:0;
}
#makecleansingmilk #voiceArea .voiceBox01{
    position:relative;
    height:309px;
    background:url(../images/awacleansing_voice_bg.png) no-repeat center top;
    margin:0; padding:0;
}
#makecleansingmilk #voiceArea .voiceBox01 .user1{
    position:absolute;
    top:15px;
    left:30px;
    margin:0; padding:0;
}
#makecleansingmilk #voiceArea .voiceBox01 .user2{
    position:absolute;
    top:15px;
    left:330px;
    margin:0; padding:0;
}
#makecleansingmilk #voiceArea .voiceBox01 .user3{
    position:absolute;
    top:15px;
    left:630px;
    margin:0; padding:0;
}

#makecleansingmilk #introArea{
    width:944px;
    box-sizing:border-box;
    background:url(../images/makecleansingmilk_intro_bg.png) no-repeat center top;
    position:relative;
    margin:0 auto 60px; padding:30px 0 0 330px;
}
#makecleansingmilk #introArea h2{
    margin:0 0 18px;; padding:15px 0 0 0;
}
#makecleansingmilk #introArea .txt{
    margin:0 0 25px; padding:0;
}
#makecleansingmilk #introArea .btn{
    margin:0; padding:0 0 50px;
}
#makecleansingmilk #introArea .item{
    position:absolute;
    top:-30px;
    left:114px;
    margin:0; padding:0;
}



/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 tounyu.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#tounyu{
}
#tounyu p.mainImg{
    width:960px;
    margin:0 auto; padding:0;
}
/*


/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

torontokoigel.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#torontokoigel .headerMain{
position: relative;
text-align: center;
margin-top: 0;
height: 460px;
}
#torontokoigel .headerMain img{
position: absolute;
left: 50%;
margin-left: -640px;
}
#torontokoigel .headerMain:before{
content: '';
position: absolute;
top: 0;
left: 0;
margin-left: -640px;
width: 50%;
height: 100%;
background: url(../images/torontokoigel_mvBg02.gif);
}
#torontokoigel .headerMain:after{
content: '';
position: absolute;
top: 0;
right: 0;
margin-right: -640px;
width: 50%;
height: 100%;
background: url(../images/torontokoigel_mvBg01.gif);
}
#torontokoigel .alertMain {
width: 940px;
font-size: 9px;
color: #555555;
margin: 5px auto 40px;
padding: 0;
}
#torontokoigel h2{
margin-bottom: 15px;
}
#torontokoigel p.sectionImg{
margin-bottom: 40px;
}
#torontokoigel #voiceArea{
position:relative;
height:421px;
background:url(../images/torontokoigel_voiceBg.png) no-repeat center top;
margin:0 auto 50px;
padding:0;
}
#torontokoigel #voiceArea h2{
position: absolute;
width: 553px;
left: 0;
right: 0;
top: 75px;
margin: auto;
}
#torontokoigel #voiceArea .voiceBox01 .user1{
position:absolute;
top:130px;
left:30px;
margin:0; padding:0;
}
#torontokoigel #voiceArea .voiceBox01 .user2{
position:absolute;
top:128px;
left:330px;
margin:0; padding:0;
}
#torontokoigel #voiceArea .voiceBox01 .user3{
position:absolute;
top:128px;
left:630px;
margin:0; padding:0;
}
#torontokoigel #introArea {
width: 948px;
height: 683px;
background: url(../images/torontokoigel_introBg.png) no-repeat center top;
position: relative;
margin: 0 auto 60px;
padding: 0;
text-align: center;
position: relative;
}
#torontokoigel #introArea h2{
text-align: center;
padding-top: 15px;
}
#torontokoigel #introArea .item{
position: absolute;
top: 90px;
}
#torontokoigel #introArea .item.item1{
left: 38px;
}
#torontokoigel #introArea .item.item2{
right: 38px;
}
#torontokoigel #introArea .item .img{
margin-bottom: 30px;
}
#torontokoigel #introArea .item .txt{
margin-bottom: 30px;
}

.itemLink{
    margin-top: 25px;
    text-align: center;
}

#torontokoigel .cosmeBlock{
width: 100%;
background: url(../images/torontokoigel_cosme_bg_01.png) no-repeat;
background-position: center bottom;
}
#torontokoigel .cosmeBlock .inner{
width: 940px;
height: 400px;
margin: 0 auto;
position: relative;
}
#torontokoigel .cosmeBlock .inner .txt01{
  width: 470px;
  position: absolute;
  left: 30px;
  bottom: 40px;
}
#torontokoigel .cosmeBlock .inner .txt02{
  width: 377px;
  position: absolute;
  right: 0;
  top: 0;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

torontokoigelEnrich.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.mb{margin-bottom: 0;}
.mb25{margin-bottom: 25px;}
.mb40{margin-bottom: 40px;}
.mb55{margin-bottom: 55px;}

#torontokoigelEnrich .headerMain{
position: relative;
text-align: center;
margin-top: 0;
height: 460px;
}

#torontokoigelEnrich .headerMain{
background: url(../images/torontokoigel_enrich_mvBg01.gif) repeat-x 50% 0;
}

#torontokoigelEnrich .alertMain {
width: 940px;
font-size: 9px;
color: #555555;
margin: 5px auto 50px;
padding: 0;
}

#torontokoigelEnrich .s_alignCenter{text-align: center;}

#torontokoigelEnrich h2{
margin-bottom: 15px;
}

#torontokoigelEnrich p.sectionImg{
margin-bottom: 40px;
}

#torontokoigelEnrich #voiceArea{
position:relative;
height:421px;
background:url(../images/torontokoigel_voiceBg.png) no-repeat center top;
margin:0 auto 60px;
padding:0;
}
#torontokoigelEnrich #voiceArea h2{
position: absolute;
width: 553px;
left: 0;
right: 0;
top: 75px;
margin: auto;
}
#torontokoigelEnrich #voiceArea .voiceBox01 .user1{
position:absolute;
top:130px;
left:30px;
margin:0; padding:0;
}
#torontokoigelEnrich #voiceArea .voiceBox01 .user2{
position:absolute;
top:128px;
left:330px;
margin:0; padding:0;
}
#torontokoigelEnrich #voiceArea .voiceBox01 .user3{
position:absolute;
top:128px;
left:630px;
margin:0; padding:0;
}
#torontokoigelEnrich #introArea {
width: 948px;
height: 730px;
background: url(../images/torontokoigel_enrich_introBg.png) center top;
position: relative;
margin: 0 auto 60px;
padding: 0;
text-align: center;
position: relative;
}
#torontokoigelEnrich #introArea h2{
text-align: center;
padding-top: 15px;
}
#torontokoigelEnrich #introArea .item{
position: absolute;
top: 90px;
}
#torontokoigelEnrich #introArea .item.item1{
left: 38px;
}
#torontokoigelEnrich #introArea .item.item2{
right: 38px;
}
#torontokoigelEnrich #introArea .item .img{
margin-bottom: 30px;
}
#torontokoigelEnrich #introArea .item .img02{
margin-bottom: 39px;
}
#torontokoigelEnrich #introArea .item .txt{
margin-bottom: 30px;
}



/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

gelmask.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#gelmask .headerMain{
text-align: center;
background: url(../images/gelmask_mainBg.jpg);
margin-top: 0;
}
#gelmask .alertMain{
width: 940px;
margin: 0 auto;
color: #555;
}
#gelmask .section{
margin: 0;
}
#gelmask p{
margin: 0;
}
#gelmask .btn a img:hover{
opacity: 0.7;
}

#gelmask .section01{
margin-top: 40px;
}
#gelmask .section06{
width: 946px;
height: 400px;
margin: 0 auto;
position: relative;
background: url(../images/gelmask_lieupBg.jpg);
}
#gelmask .section06 .img{
position: absolute;
top: 55px;
left: 55px;
}
#gelmask .section06 .dtl{
position: absolute;
top: 145px;
left: 435px;
}
#gelmask .section06 .dtl .ttl{
color: #da1521;
font-size: 1.25em;
font-weight: bold;
line-height: 1.067;
margin-bottom: 5px;
}
#gelmask .section06 .dtl .txt{
color: #555;
font-weight: bold;
margin-bottom: 40px;
}
#gelmask .section07{
position: relative;
}
#gelmask .section07 .btn{
position: absolute;
}
#gelmask .section07 .btn.btn1{
top: 380px;
left: 410px;
}
#gelmask .section07 .btn.btn2{
top: 380px;
right: 112px;
}

#memoto .mvArea{
background: #ee829e;
}
#memoto .mvArea .img{
text-align: center;
margin: 0;
}
#memoto .bgWrap{
    background: url(../images/memoto_bg01.png) no-repeat center 210px,#f8d8d9;
position: relative;
}
@media (min-width: 1280px) {
#memoto .bgWrap{
-webkit-background-size: 100%;
background-size: 100%;
}
}
#memoto .bgWrap >*{
width: 960px;
margin: 0 auto;
}
#memoto .bgWrap .txt{
    padding-top: 6px;
    margin-bottom: 60px;
}
#memoto .bgWrap .pdt{
position: relative;
}
#memoto .bgWrap .pdt .img{
margin: 0;
}
#memoto .bgWrap .pdt .btn{
margin: 0;
position: absolute;
bottom: 101px;
right: 217px;
}
#memoto .bgWrap .pdt .btn a:hover{
opacity: 0.7;
}



/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

torontokoigel_bihaku.html

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#torontokoigelBihaku{
overflow: hidden;
background: #fcf8f2;
}
#torontokoigelBihaku .inner{
width: 960px;
margin: auto;
}
#torontokoigelBihaku .headerMain{
position: relative;
margin: 0;
z-index: 0;
}
#torontokoigelBihaku .headerMain::before,
#torontokoigelBihaku .headerMain::after{
position: absolute;
top: 0;
right: -1000%;
left: -1000%;
content: "";
}
#torontokoigelBihaku .headerMain::before{
bottom: 13px;
background: -webkit-linear-gradient(left, #63a9d7 0%,#63a9d7 50%,#cbe8f8 51%,#7db9e8 100%);
background: linear-gradient(to right, #63a9d7 0%,#63a9d7 50%,#cbe8f8 51%,#7db9e8 100%);
z-index: -1;
}
#torontokoigelBihaku .headerMain::after{
bottom: 0;
background: #ffffff;
z-index: -2;
}
#torontokoigelBihaku #mainContents .point{
position: relative;
margin: 0 -160px 58px;
z-index: 1;
}
#torontokoigelBihaku #mainContents .point.txt{
position: relative;
margin: 0 -160px 0;
z-index: 1;
}
#torontokoigelBihaku #mainContents .point::before{
position: absolute;
top: 0;
right: -1000%;
bottom: 0;
left: -1000%;
content: "";
background: url(../images/torontokoigel_bihaku_bg_02.png) repeat-x 50% 0;
z-index: -1;
}
#torontokoigelBihaku #mainContents .section{
margin: 0 0 60px;
}
#torontokoigelBihaku #mainContents .section > .heading{
margin: 0 0 20px;
}
#torontokoigelBihaku #mainContents .section > .txt{
margin: 0 0 40px;
}
#torontokoigelBihaku #mainContents .section > .image{
text-align: center;
}
#torontokoigelBihaku #mainContents .section.point01 > .image{
margin-right: -95px;
}
#torontokoigelBihaku #mainContents .section > *:last-child{
margin-bottom: 0;
}
#torontokoigelBihaku #mainContents .voice{
margin: -60px -4px 55px;
}
#torontokoigelBihaku #mainContents #introArea{
margin: 0 -4px 35px;
padding-bottom: 52px;
background: url(../images/torontokoigel_bihaku_bg.png) no-repeat 50% 0;
text-align: center;
}
#torontokoigelBihaku #mainContents #introArea .heading{
margin: 0 0 35px;
padding: 17px 0;
}
#torontokoigelBihaku #mainContents #introArea .itemList{
letter-spacing: -0.5em;
}
#torontokoigelBihaku #mainContents #introArea .itemList .item{
display: inline-block;
vertical-align: bottom;
width: 470px;
}
#torontokoigelBihaku #mainContents #introArea .itemList .item p{
margin-bottom: 30px;
}
#torontokoigelBihaku #mainContents #introArea .itemList .item p:last-child{
margin-bottom: 0;
}


/* koigel seriesBox */
#torontokoigel #mainContents #series,
#torontokoigelEnrich #mainContents #series,
#torontokoigelBihaku #mainContents #series{
padding-bottom: 30px;
background: url(../images/torontokoigel_series_bg.gif) no-repeat 50% 100%;
text-align: center;
}
#torontokoigel #mainContents #series .heading,
#torontokoigelEnrich #mainContents #series .heading,
#torontokoigelBihaku #mainContents #series .heading{
margin: 0 0 29px;
}
#torontokoigel #mainContents #series .heading img,
#torontokoigelEnrich #mainContents #series .heading img,
#torontokoigelBihaku #mainContents #series .heading img{
margin-top: -15px;
}
#torontokoigel #mainContents #series .itemList,
#torontokoigelEnrich #mainContents #series .itemList,
#torontokoigelBihaku #mainContents #series .itemList{
letter-spacing: -0.5em;
}
#torontokoigel #mainContents #series .itemList .item,
#torontokoigelEnrich #mainContents #series .itemList .item,
#torontokoigelBihaku #mainContents #series .itemList .item{
display: inline-block;
width: 470px;
vertical-align: top;
letter-spacing: 0;
}
#torontokoigel #mainContents #series .itemList .item p,
#torontokoigelEnrich #mainContents #series .itemList .item p,
#torontokoigelBihaku #mainContents #series .itemList .item p{
margin-bottom: 20px;
}
#torontokoigel #mainContents #series .itemList .item p:last-child,
#torontokoigelEnrich #mainContents #series .itemList .item p:last-child,
#torontokoigelBihaku #mainContents #series .itemList .item p:last-child{
margin-bottom: 0;
}