@charset "UTF-8";
/* CSS Document */

body{  
    margin: 0;
    padding: 100px 0 50px 0;
	text-align: center;
	font-size:100%;
	line-height:normal;
	-webkit-text-size-adjust: 100%;
}

body a {
	text-decoration: none;
	color:#dcbf7b;
}
body a#on {
	font-weight: bold;
	color:#000;
}
body a:hover {
	color:#999;
}

* html body{  
    overflow: hidden;
} 

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/*ヘッダー*/
div#headerArea {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
	/*background:url(commonImg/topBarBg.png) no-repeat 0 0; */
    background-color:#fff; 
	text-align:center;
	/*border-bottom:#dcbf7b 3px solid;*/
    background: url(indexImg/menu_border.png) #fff no-repeat top;
    padding-top: 1px;
    z-index:100000;
}

.globalnavi li {
    border:none;
}

div#headerArea p { 
	margin: -30px auto;
	width:880px;
	font-size:60%;
	text-align:right;
	line-height:160%;
	color:#dcbf7b;
}

.cosme_slides {
    max-width: 680px;
    text-align: center;
    margin: 100px auto 0 auto;
}
.cosme_slides span {
    width:100%;
}

.cosme_slides span img {
    width:100%;
    margin-bottom: 20px;
}

/*フッター*/
div#footerArea {
    position: fixed !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:100px;
	/*background:url(commonImg/topBarBg.png) no-repeat 0 0; */
    background-color:#fff;
	border-top:#dcbf7b 3px solid;
    color: #333;
	font-size:85%;
}

div#footerArea p {
	position: absolute;
    bottom: 0.2em;
    left: 0;
	width: 100%;
	font-size:80%;
	text-align:center;
	line-height: 200%;
}

/*コンテンツ*/
* html div#contentsArea{
    height: 100%;
    overflow: auto;
}

.logo{
/*	margin: 0 auto;*/
    float:right;
	text-align: left;
	width:340px;
	height:64px;
	background:url(commonImg/Title_name.png) no-repeat 0 0;
}


/*ナビゲーション上段*/
.globalnavi{
	position:absolute;
	text-align: left;
    bottom: 0;
	width: 100%;
}
.globalnavi ul{
  list-style-type: none;
  /*margin: 0;
  padding: 0;*/
  margin: 0 auto;  
  text-align: left;
  width:900px;
  font-size:80%;
}
.globalnavi li{
  float: left;
  width: 151px;
  margin: 0;
  padding: 0;
  border-top:#909090 solid;
  border-top-width: thin;
  background:#fff;
}
.globalnavi a{
  text-align: center;
  display:block;
  padding: 0.5em 0;
  width: 125px;
  /*background-color:#666;*/
  color: #333;
}
.globalnavi a#on{
  color:#dcbf7b;
  background:url(commonImg/naviBg.png)repeat 0 0;
}
.globalnavi a:hover{
  background:url(commonImg/naviBg2.png)no-repeat 5px 0;
  color:#333;
}

/*ナビゲーション下段*/
.globalnavi2{
  margin: 0;
  padding: 0;
}
.globalnavi2 ul{
  list-style-type: none;
  margin: 0 auto;
  width:766px;
  text-align: left;
  font-size:60%;
}
.globalnavi2 li{
  float: left;
  margin: 0;
  padding: 3px 18px 0 0;
}
.globalnavi2 a{
  text-align: center;
  display:inline-block;
  padding: 0.5em 0;
  /*background-color:#666;*/
  text-align:left;
  color: #333;
}
.globalnavi2 a:hover{
	color:#dcbf7c;
	text-decoration: underline;
}

/*サブメニュー*/
.subnavi {
	margin-left:0em;
	padding-bottom:3.0em;
}
.subnavi h1{
	float:left;
	margin-top:0em;
	padding-right:5px;
	padding-left:18px;
	font-size:90%;
	color:#333;
	background:url(commonImg/navimark02.png) no-repeat 0 0;
}
.subnavi a{
	float:left;
	padding-right:5px;
	padding-left:15px;
	font-size:90%;
	background:url(commonImg/navimark01.png) no-repeat 0 1px;
}
.subnavi span{
    float:left;
    color:#c40000;
	padding-right:5px;
	padding-left:15px;
	background:url(commonImg/navimark01.png) no-repeat 0 1px;
}

/*ログイン*/
.login { 
	position:relative;
	top:-5.0em;
	right:-29em;
	font-size:70%;
	color:#dcbf7b;
	clear:both;
}

/*見出し各ページ*/
.midashies{
	margin-left:-5em;
	margin-bottom:1em;
}

#contentsArea .topPagenavi_sp {
    display:none;
}
#w775 {
    width:775px;
}

.label_ts {
    clear:both;
    margin-top:30px;
}

#contentsArea .aisatsu1danNew_sp {
    display:none;
}

.ab_text01 {
    padding-left:50px;
}

.tp02 {
    padding-left:30px;
    color:#000000;
    border-top:1px solid #dcbf7b;
    padding-top:20px;
    font-weight: bold;
    margin-bottom:10px;
}

.sp { display:none !important; }
.pc { display:block !important; }

.br_pc {
    display:block;
}

.cosmetic_tattoo {
    margin-right:36px;
    font-weight:normal; 
}

.tbl01 td{
    padding:0 !important;
    vertical-align:top !important;
}
.tbl01 tr td:first-child{
    width:100px;
}

.pl33 {
    padding-left:33px;
}
.ml106 {
    margin-left:106px;
}

.pl20-lh2 {padding-left:20px;line-height:2em;}

.txt_left{text-align:left;}
.txt_center{text-align:center;}
.txt_right{text-align:right;}

a.anchor{
    display: block;
    padding-bottom: 160px;
    margin-top: -160px;
}

.bg_doctor {
    background: url(./indexImg/doctor_bg.jpg) no-repeat;
/*    background-position: right 0px; */
/*
    background-position: right 157px top 160px;
    background-size: 160px 150px;
*/
    background-position: right 140px top 106px;
    background-size: 320px 216px;

}


.iss01.delighter {
  transition: all .3s ease-out;
  transform: translateX(-100%);
  opacity: 0;
}

.iss01.delighter.started {
  transform: none;
  opacity: 1;
}

.iss01.delighter.started.ended {}

.iss02.delighter {
  transition: all .3s ease-out;
  transform: translateY(100px);
  opacity: 0;
}

.iss02.delighter.started {
  transform: none;
  opacity: 1;
}

.iss02.delighter.started.ended {}


.pick_block.delighter {
  transition: all .3s ease-out;
  transform: translateY(100px);
  opacity: 0;
}

.pick_block.delighter.started {
  transform: none;
  opacity: 1;
}

.pick_block.delighter.started.ended {}



strong.finemake_right {
    display: block;
    padding: 0px 10px;
    color:#666;
    width:200px;
}
#syohyo_tbl {
    padding-left:36px;
}
#syohyo_tbl td {
    width:50%;
    vertical-align: bottom;
}
.syohyo {
    width: auto;
    height: 70px;
}

.fl {
    float:left;
}
.flex {
    display: flex;
    justify-content: space-around;
    height: 50px;
}

.grey {
    color:#888;
}


.small {font-size:10pt;}
.ml04 {margin-left:10px;}
.pick_red{color:#6f191b;font-size:medium;}
.pick_block {
    border:1px solid #ccc;
    box-shadow:3px 3px 6px #ccc;
    padding: 10px 10px 10px 5px;
    width:auto;
}

#contentsArea .finemaketwodan {
    float:none;
    margin: 30px auto;
}

.woman_bg {
    background: url(./finemake/img/woman.png) no-repeat right 0px;
    background-size: cover;
    width:500px;
    margin:0 auto;
}

.woman_bg2 {
    background: url(./finemake/img/woman2.png) no-repeat right 0px;
    background-size: cover;
    width:500px;
    margin:0 auto;
}

span.br {display:block;}

body#medical .pl100 {
    padding-left:100px;
}

.pl06 {padding-left:64px !important;}
.pl160 {padding-left:160px !important;}

#sub {
    list-style:none;
    margin: 0 auto;
}
#sub li a{
    color: #777;
    font-size:100%;
}

.pr {
    margin:20px 0 !important;
    font-size:small;
    line-height:2em;
}

@media all and (max-width: 480px) {

    .cosme_slides {
        margin: 45px auto 0 auto;
    }

    body#medical .sp-pl60 {
        padding-left:60px;
    }

    body {
        padding: 83px 0 50px 0;
    }

    .pick_block {
        width:380px;
        margin: auto;
    }

    .pl160 {padding-left:30px !important;}

    .bg_doctor {
         background-position:right top;
    }

    .aisatsu1danNew.fs10 { font-size:small; }
    .issues { display:block;border:1px solid #ccc;padding:10px 20px; text-align:center;}

    .color_black { margin-left:0px !important;}

    .company_name_block {
        width:95px;
        display:inline-block;
    }

    .pc { display:none !important; }

    .tbl01 tr td:first-child{
        width:64px;
    }

    .tbl01-2 tr td:first-child{
        width:64px;
    }

    .left { text-align:left; }
    .mb01 { margin-bottom:30px; }

    img { max-width:100% !important; }

    #contentsArea {
        width: 100%;
        margin-top:20px;
    }

    #contentsArea .topPagenavi {
        width:100%;
        display:none;
    }

    #contentsArea .topPagenavi_sp {
        display:block;
        width:100%;
    }

    table.same {
        width:100%;
    }

    #contentsArea table.same .topInfoAdd {
        width: 50%;
        margin: 45px auto 5em auto;
        font-size: xx-small;
    }

    .globalnavi {
        position:relative;
        background: url(indexImg/menu_border.png) no-repeat top;
        background-color:#fff;
        padding-top: 1px;
    }
    .globalnavi a:hover {
        background-image: none !important;
    }

    .globalnavi ul {
        width:100%;
        padding: 0;
        margin: 0;
    }

    .globalnavi a#on {
        color: #dcbf7b;
        background: none;
        border-top: 1px solid #dcbf7b;
        border:none;
        background: url(indexImg/menu_on_border.png) repeat-x top center;
        border-top-width: 1px;

    }

    .globalnavi li {
        width:20%;
    }
    .globalnavi li a {
        width:100%;
        font-size: xx-small;
    }

    .topInfoAdd p {
        width: calc(100% - 20px);
        height: 105px;
        overflow-x: hidden;
        padding: 10px;
        overflow-y: scroll;
    }

    #contentsArea .topInfoAdd {
        width: 90%;
        margin: 5px auto 5em auto;
        padding: 10px;
        background: none;
        border: 1px solid #dcbf7b;
        border-radius: 5px;
        height:50px;
        top:0;
    }

    #contentsArea .topInfoAdd p {
        width: auto;
        height: 105px;
        overflow-x: hidden;
        padding: 10px;
        overflow-y: scroll;
    }

    #contentsArea .topInfoAdd h1 {
    font-size: xx-small;
    margin: -40px auto 0 auto;
    color: #000;
    text-align: left;
    }

    #headerArea .logo {
        float: none;
        background: url(commonImg/Title_name_sp.png) no-repeat center right;
        width: 100%;
        background-color: #fff;
        background-position-x: calc(100% - 12px);
    }

    div#headerArea {
        height:auto;
        z-index: 100;
    }

    #footerArea.globalnavi2 ul {
        list-style-type: none;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        font-size: xx-small;
        padding: 0;
        display: flex;
    }

    #footerArea.globalnavi2 li {
        margin: 0;
        width: 19%;
        padding: 3px 0 0 0;
        text-align: center;
    }
    #footerArea.globalnavi2 li:nth-of-type(3) {
        width:24%;
    }

    #footerArea.globalnavi2 ul li a {
        color:#fff;
        position: relative;
        top: 12px;
        text-shadow: white 1px 1px 0px, white -1px 1px 0px,
                     white 1px -1px 0px, white -1px -1px 0px;
        color:#000;
    }

    #footerArea.globalnavi2 ul li:nth-of-type(30) a {
        text-shadow: black 1px 1px 0px, black -1px 1px 0px,
                     black 1px -1px 0px, black -1px -1px 0px;
        color:#fff;

    }

    #footerArea.globalnavi2 ul li a.on {
        color: #dcbf7b;
    }

    div#footerArea {
        border-top:0px;
    }

    table.same td .about_block, table.same td  .page_block {
        width:auto;
    }

    #contentsArea h1 {
        text-align:left;
        padding-left:5px;
    }

    #contentsArea h1:before {
    font-size: xx-large;
    content: "●";
    color: #dcbf7b;
    margin-right: -14px;
    margin-top: -2px;
    }

    h1#w775 {
        width:100%;
    }

    table.same {
        margin:0px 0 !important;
        clear: both;
    }

    .subnavi {
        padding:0;
    }

    #contentsArea .benefit {
        width: 80%;
        margin: 50px auto 0;
        display: block;
    }

    #contentsArea .subnavi {
        margin-top:0px;
        padding-left: 16px;
        position: relative;
        top: -5px;
    }

    #contentsArea .finemaketwodan {
        float: none;
        width: auto;
        text-align: left;
    }

    #contentsArea .aisatsu1danNew {
        float: none;
        width: auto;
        height: auto;
        background: url(association/img/cert_trademarksSmall3.png) no-repeat 0 0;
        background:none;
        padding: 0 40px 0 40px;
    }

    #contentsArea .aisatsu1danNew_sp {
        display:block;
        text-align: center;
        margin: 0 auto;
    }

    .aisatsu1danNew p {
        width: auto;
        margin: 15px auto;
    }

    .hatsu {
        float: none;
        width: auto;
        margin-bottom: 0;
    }

    .hatsu h2 {
        width:auto;
    }

    .hatsu li {
        float:none;
    }

    #contentsArea .kiwamionedan {
        float: none;
        width: auto;
        height: auto;
        background: url(finemake/img/kiwami2015.jpg) no-repeat  -12px 0px;
        background:none;
        padding: 0 0 0 72px;
        font-size:small;
    }


    #contentsArea .hatsu {
        float: none;
        width: auto;
        margin-bottom: 0;
        clear: both;
    }

    #contentsArea .hatsu ul {
        float: none;
    }

    #contentsArea .hatsu li {
        list-style-type: none;
        float: none;
        margin: 0 auto 2.0em auto;
        width: 270px;
    }

    #contentsArea .aisatsu1danNew p {
        width: auto;
        margin: 15px auto;
        font-size: 90%;
    }

    #contentsArea .hatsu h2 {
        width: auto;
    }

    #contentsArea table.same2 {
        margin-left: 0px;
    }

    #contentsArea table.toiawase {
        width: auto;
        white-space: initial;
        margin: 0 10px;
    }

    .toiawase td {
        display:block;
    }

    table.toiawase {
        font-size:x-small;
    }
    form table.toiawase input,
    form table.toiawase textarea{
        border:1px solid #ccc;
    }

    .toiawase th {
        padding: 2px 10px !important;
    }

    form input {
        max-width:80%;
    }

    #contentsArea #customer_list {
        padding:0;
        margin-top: 15px;
    }

    #contentsArea .kiwamionedan h2 {
        width:auto;
        padding:0;
        font-size:small;
    }

    .mb50 {
            padding-bottom: 50px !important;
    }

    .about_block h2.label:before {
        position:initial;
        vertical-align: top;
    }

    .about_block, .page_block {
        padding: 30px !important;
        padding-top: 0px !important;
    }

    .fs-xx-small {
        font-size:xx-small !important;
    }

    .ab_text01 {
        padding-left:30px;
        font-size:small;
    }

    span.br { display:block; }
    span.br br{ display:inline-block; }
    span.br_pc { display:inline; }

    .pl01 {padding-left:100px;}
    .pl02 {padding-left:12px;}
    .pl03 {padding-left:50px !important;}
    .pl04 {padding-left:30px !important;}
    .pl05 {padding-left:20px !important;}
    .mt-01 {margin-top:-20px;}
    .fs-x-small{font-size:x-small;}
    .fs-small{font-size:small;}

    .pad01 { padding:0 10px; }
    #medical .finemaketwodan p { padding-left:10px !important;}


    .sp { display:block !important;}
    .lh2 { line-height:2em; }

    div#footerArea {
        height:82px;
        background: url(indexImg/footer_bg.png) no-repeat 0px 5px;
        background-color:#fff;
    }

    div#footerArea .footer_on {
       background: url(indexImg/footer_bg_bk.png) no-repeat;
    }

    div#footerArea p {
        bottom:0;
        position:relative;
    }

    .w80 {
        width:80% !important;
        margin:0 auto;
    }

    #customer_list li {
        width: 100% !important;
        float: none  !important;
        list-style: none;
        margin-bottom: 10px;
        font-size: small;
    }

    .w100 {
        width:100% !important;
    }

    .customer {
        width:80%;
    }

    .purple,
    .subnavi span {
        color: #4a1f9b !important;
    }


    .cosmetic_tattoo {
        display:block;
        font-size:medium;
        margin-top: 4px;
        margin-bottom: 20px;
        position: relative;
        left: 21px;
    }

    body#medical h2.label {
        font-size:small;
    }
    body#medical .mt50 {
        margin-top:30px;
    }
    body#medical .pl60 {
        padding-left:30px;
    }
    body#medical .pl60-2 {
        padding-left:5px;
    }

    body#medical .pl33 {
        padding-left:10px;
    }
    body#medical .ml106 {
        margin:0;
        display:block;
    }

    .contentsField {
        line-height: 120%;
    }

    #contentsArea .benefit {
        margin: 20px auto 0;
    }

    .tigai {
        color:#4a1f9b;
        font-size:small;
    }

    .finemaketwodan p {
        padding-left: 0px !important;
    }
    .pl20-lh2 {
        padding-left:0px;
        margin-left:0px;
        line-height:3em;
        color: #4a1f9b;
        font-size:small;
    }

    body#finemake {
    }

    body#finemake .pl60 {
        padding-left:50px;
    }
    body#medical .pl60 {
        padding-left:50px;
    }

    body#medical .pl60-2 {
        padding-left:25px;
    }


    .nippon {
        margin-top: 20px;
    }

    .hatsu ul {
        padding:0;
    }

    #finemake .hatsu ul li#hatsuone p,
    #finemake .hatsu ul li#hatsutwo p,
    #finemake .hatsu ul li#hatsuthree p,
    #finemake .hatsu ul li#hatsufour p {
        padding: 55px 0 0 10px !important;
        line-height:1.5em;
        font-size:small;
    }

    .tp02 {
        border:none;
        background: url(indexImg/menu_border.png) no-repeat top;
        background-size: 100% 1px;
    }
    .mt01 { margin-top:10px !important; }

    .txt_center_sp{text-align:center;}

    h2.label:before {
        position: initial !important;
    }
    .m0auto {margin:0 auto;display:block;}

    .mt0 { margin-top:0 !important; }

    #contact .subnavi h1 {
        background:none;
    }

    .pl30 {padding-left:30px;}

}