@charset "utf-8";
/*---------------------
 2019.6.6 creates KINET
-----------------------*/
/*---------------------
 Base
-----------------------*/
html {font-size:13px;}
body {
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
background: -moz-linear-gradient(top, #902ed1,#d2b6d7);
background: -webkit-linear-gradient(top, #902ed1,#d2b6d7);
background: linear-gradient(to bottom, #902ed1,#d2b6d7);
color:#000;
font-size:13px;
text-align:center;
padding: 0px;
margin: 0 auto;
}
img {
border:0;
}
table {
border-collapse: collapse;
}
.hidden {
visibility: hidden;
}
.clear {
clear: both;
height: 0px;
}


.left {
text-align:left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.fl {
float: left;
}
.fr {
float: right;
}
a {
color:#ff0080;
}
a:hover {
color:#ff0080;
}
.dik {
display: inline-block;
}

.dik_t {
vertical-align: top;
}
.vat tr {
vertical-align: top;
}
.dik_m {
vertical-align: middle;
}
.dik_mc {
vertical-align: middle;
text-align: center;
margin: auto;
}


a {
color:#222222;
}
a:hover {
color:#ffcc00;
text-decoration: underline;
}
p,
div ,
li ,
table ,
td ,
th ,
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.no-wrap {
white-space: nowrap;
}


/*-------------------
 Twitter_Logo Facebook
 ameblo instagram
-------------------*/
.tfai {
position:fixed;
top:0px;left:0px;
background:transparent;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
line-height:110%;
text-align: left; 
}
.tfai_innr {
width:60px;
}
.tfai_innr img {
width:60px;
}
.tfai_innr img.auto {
width:auto;
}
.tfai_innr p {
margin: 0px;
padding:0 0.25em 0.8em 0.25em;
}
.tfai_innr a {
color: #000000;
text-decoration: none; 
}





/*-------------------
 Wrappers
-------------------*/
#wrapper {
color:#000;
font-size:13px;
line-height:160%;
text-align:left;
padding: 0px ;
margin: 0 auto;
}

#container { min-height:500px;
background-color:#fff;
width: 980px;
font-size:13px;
text-align:center;
padding:0px 20px;
margin: 0 auto;
}

/*-------------------
 Header
-------------------*/
#header {
background-color:#fff;
width: 100%;
text-align: left;
padding: 0px;
margin:  0px  auto;
}

.hd_l {
float: left;
width: 420px;
position: relative;
}
.hd_r {
float: right;
width: 500px;
}

#header .hd_l h2 {
z-index: 2;
position: absolute;
font-family: 'ＤＦ平成明朝体W9'; 
font-size: 2.154em ;  /*-- 28px; -- */
color: #ffffff; 
left: 56px; 
top: 30px;
}
#header .hd_l h3 {
z-index: 3;
position: absolute;
font-family: 'ＤＦ平成明朝体W9'; 
font-size: 1.692em ;
color: #ffffff; 
left: 56px; 
top: 85px;
}

.fl_elearn {
width: 80%;
border: 2px solid #902ed1;
color:#902ed1;
font-size: 1.231em ;
text-align:center;
margin: 0px auto 10px auto;
padding: 1em 8px;
}
.fl_elearn h3 {
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-size: 2.0em ;  
margin: 0 auto;
padding:0;
}
.fl_elearn a {
color:#902ed1;
text-decoration:none;
}



/*--- トップページ　トップ 右ナビメニュー ---*/
.pinkgray_waku {
margin:  5px auto;
}
.pinkgray_waku a {
color:#666;
}
.pinkgray_waku table {
width: 100%;
border: 2px  solid #fff;
}
.pinkgray_waku td {
border: 2px  solid #fff;
padding: 0.4em ;
margin: 0px;
background:#f0f0f0;
}
.pinkgray_waku .bgpink {
background:#EEE3EE;
}
.pinkgray_waku  a {
color:#222222;
}

/*---薄ピンク 更新記録 update ----*/
.update  table {
width: 100%;
}
.update td { 
color: #7A8C64;
font-size: 0.923em ;  /*-- 12px -- */
border-bottom: 1px solid #EEDCDC;
margin: 0px; 
padding: 2px 0;
}
.update a {
color: #7A8C64;
}


/*-------------------
 MENU 
-------------------*/
.nav  { 
clear: both;
width: 100%;
text-align: center;
padding: 0px;
margin: 10px  auto;
}
.nav ul {
text-align: center;
padding: 0px;
}
.nav ul li {
background: url(../img/nav_bg_top.png) 60px -10px no-repeat;
display:inline-block;
list-style-type: none;
width:11.8%;
border:1px solid #becea8;
box-shadow: 2px 2px 5px #598144;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align: center;
padding: 6px 0;
margin: 0 1px;
}
.nav ul li a {
width: 100%;
color:#323232;
text-decoration:none;
}
.nav ul li:hover {
background:transparent;
border:1px solid #eee;
border-radius:0;
box-shadow: 3px 3px 3px #999 inset;
} 




.nav_r  { 
clear: both;
width: 100%;
text-align: center;
padding: 0px;
margin: 0 auto 20px autopx;
}
.nav_r ul {
text-align: center;
padding: 0px;
margin: 0px auto;
}
.nav_r ul li {
background: url(../img/nav_bg_top.png) 60px -10px no-repeat;
display:inline-block;
list-style-type: none;
width:25%;
border:1px solid #becea8;
box-shadow: 2px 2px 3px #999;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align: center;
lineheight:100%;
font-size: 0.846em ; 
padding: 3px 0;
margin: 0 1px;
}
.nav_r ul li a {
width: 100%;
color:#666;
text-decoration:none;
}



/*-------------------
 Contents accordionheader nav
-------------------*/
.cont_ac {
float: left;
width: 580px;
}
.cont_nav {
float: right;
width: 340px;
text-align:left;
}

/*--- ▼MENU▼  #00B4BEターコイズ　turquoise blue---- */
.menu_turq {
text-align: left; 
font-size: 0.846em ;  /*-- 11px -- */
line-height:120%;
color: #00b4be;
margin-left: 30px; 
}
.menu_turq a {
font-size: 0.846em ;  /*-- 11px -- */
color: #00b4be;
}


.conts_l {
float: left;
width: 580px;
}
.conts_r {
float: right;
width: 350px;
text-align:left;
}
.conts_l li {
margin-top: 1.25em; 
}

.conts_isopt {
float: left;
width: 246px;
text-align:center;
}
.conts_isopt_r {
float: right;
width: calc(100% - 250px);
text-align:left;
}




/*-------------------
 Contents
-------------------*/
.contents {
text-align:left;
}
.contents h2 {
font-size: 1.385em ;  /*-- 18px -- */
}
.contents h3 {
font-size: 1.231em ;  /*-- 16px -- */
margin: 1em 0 ;
}

.contents h3.svttl {
border-bottom: 1px solid #7a8c64;
margin: 2em 0 6px 0;
}
.wrap_cnt_80 {
width: 80%;
text-align: center; 
margin:0 auto;
}

.innr_2 {
width: 49%;
margin: 0;
padding: 6px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.innr_3 { 
width: 33%;
margin: 0;
padding: 12px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.innr_32 {
width: 66%;
margin: 0;
padding: 12px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.innr_4 {
width: 24%;
margin: 0;
padding: 12px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}








/*-------------------
 Wrap
-------------------*/
.grn_line_tbl td ,
.grn_line_tbl th {
border: 1px solid #00786E;;
padding: 0.35em 0.5em;
}
.wrap_gm {
background-color:#fff;
border: 1px solid #C8D78C;
padding: 1em;
margin: 1em ; 
}

.wrap_gm_tran {
background-color: transparent;
border: 1px solid #C8D78C;
padding: 1em;
margin: 1em ; 
}

.wrap_gm h2.radius_ao {
border:solid 1px #0084b4;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
color: #0084b4;; 
background-color: #e0eeee; 
text-align:left;
margin: 5px 0; 
padding: 0.5em 1em;
}
.wrap_gray {
border: 1px solid #C3C8C3;
padding: 1em;
margin: 1em ;
}
.wrap_red {
border: 1px solid #F08C8C;
padding: 1em;
margin: 1em ; 
}

.wrap_gm a ,
.wrap_gm_tran a {
color:#00786E; 
text-decoration: underline;
}
.wrap_green {
border: 1px solid #00786E;
padding: 12px;
margin: 1em; 
}

.wrap_bg_green {
background-color:#ebf5e6;
border: 1px solid #00786E;
padding: 12px;
margin: 1em; 
}

.waku_grnao td {
font-size:13px;
color:#000;
border:1px solid  #00786E;
padding: 4px;
}
.waku_grnao table {
width: 100%;
}
.wrap_bg_greenc8 {
background-color: #ebf5e6;
border: 1px solid #C8D78C;
padding: 20px;
margin: 0.5em 0; 
}
.wrap_line_wh {
border: 2px solid #fff;
margin: 10px 0 0 0px;
}


.sen_dot_ccc {
border-top: 1px dotted #ccc;
margin: 3em 20px 1em 20px; 
}

.sen_gm {
border-top: 1px solid #C8D78C;
margin: 3em 20px 1em 20px; 
}

.dot_line_bt_gm {
border-bottom: 1px dotted #00786E;
padding:20px 0.8em 0 0;
}
.dot_line_top_gm {
border-top: 1px dotted #00786E;
padding:20px 0.8em 0 0;
}

.dot_line_l_gm {
border-left: 1px dotted #00786E;
padding:20px 0 20px 0.25em;
}

/*-- kantei.html ---- */
.wrap_gm_c {
background:  url(../img/back_c.gif) 100px 110px repeat-y;
width: 80%;
text-align: center; 
margin:0 auto;
padding: 0px 0 40px 0;
}
.wrap_gm_c h2 {
background:#ffffff url(../img/back_400.gif) 0 0 no-repeat; 
width:400px; 
height:120px;
font-size: 22px;
text-align: center; 
margin:20px auto 0px auto;
padding-top: 64px;
}
.wrap_gm_c h2 span {
font-size: 18px ; 
line-height:3em;
}
.wrap_gm_c h3 {
text-align: left; 
font-size: 18px ; 
background-color: #c8dcd2;
line-height: 100%;
padding: 10px ;
}
.wrap_gm_c h4.line {
font-size: 1em;
color: #336666;
text-align: left;
border-bottom:1px solid #336666;
}

.wrap_gm h4.svttl {
text-align: left; 
font-size: 16px ;
color: #7A8C64; 
border-bottom: 1px solid #7a8c64;
margin: 2em 0 6px 0;
}
.wrap_line {
border: 1px solid #C3C8C3;
}


/*-- lesson.html ---- */
.wrap_gm_c_conts {
background:  transparent url(../img/back_c.gif) 300px 280px repeat-y;
line-height:180%;
}

.bgc_pink {
background-color: #FFe7FF; 
padding: 10px 80px;  
margin: 0 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.bgc_pink h2 {
font-size: 1.692em ;
text-align: center; 
margin: 1em auto;
padding: 0px;
}
.bgc_turquoise {
background-color: #b0e0e6; 
padding: 10px;  
margin: 0 60px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}


/*-------------------
 Wrap img
-------------------*/
.letter_pink_s {
background: url(../img/letter_pink_s.gif) 0px 0px no-repeat;
text-align: center;
width:160px;
height:80px;
padding:20px ;
margin:  0 auto;
}
.letter_pink_s a {
color: #00786E;
}

/*-- index.html 対面鑑定-- */
.sara240 {
background: url(../img/sara240.jpg) 0 0 no-repeat;  
text-align: center;
width:240px;
height:250px;
margin: 0px auto; 
padding: 10px 5px;
}
.sara240 p {
text-align: left;
}
.bu250 {
background: url(../img/back_bu250.gif) 0px 0px no-repeat;
text-align: center;
width:250px;
height:300px;
padding:20px ;
margin:  0 auto;
}



/*--- index ご利用者の声 ----*/
.qa_wp2602 {
background: url(../img/bc_wp2602.gif) 0px 0px no-repeat;
margin-bottom: 3px;
width: 260px; 
height: 200px;
line-height: 1.05em;
font-size: 0.923em ;
color: #555555;
}
.qa_wp2602 .title ,
.qa_wp2602 .title a {
text-decoration: none; 
color: #00786e;
font-size: 1.154em ;
font-weight:bold;
text-align:center;
padding-top: 20px;
margin:  0 auto;
}
.qa_wp2602 .note {
padding: 6px 2px;
text-align: left;
}
.qa_wp2602 .note a {
color:#FF64AA; ;
}



/*-------------------
 UL マーク　箇条書き
-------------------*/
.ul7 li {
line-height: 16px; 
list-style-image: url(../img/ul7.gif);
margin:0.8em 0;
}
ul.ilstul01 {
list-style-image: url(../img/ul_01.gif);
}
.mark_orange {
list-style-image: url(../img/ul7or.gif);
}

/*-------------------
 mark
-------------------*/
.mark_or a:before {
content: url(/img/mark_or.png);

}



/*-------------------
 Font
-------------------*/
.red {
color: #f05578;
}
.red_t {
color: #EB896C;
}
.pink {
color: #ff00cc;
}
.ora {
color: #ff9933;
}
.black {
color: #000000;
}
.mediumblue {
color: #0000cd;
}
.enji {
color:#dc6464;
}
.enji a {
color:#dc6464;
}
.enji2 {
color: #cc0066;
}
.stenji {
color:#DC0000;
}
.stenji a {
color:#DC0000;
}
.violet {
color:#ee82ee;
}
.stviolet {
color: #780032;
}
.turq_blue {
color: #00b4be;
}
.gray {
color: #9999cc;
}
.grnao {
color: #00786E;
}
.grnaonomi a {
color: #00786E;
}
.grn7 {
color: #7A8C64;
}
.purple {
color: #cc33cc;
}
.blue06c {
color: #0066cc;
}

.note {
margin: 10px; 
}
.note_m20 {
margin: 20px; 
}
.pd_10 {
padding: 0 10px;
}
.pd20 {
padding: 20px 1.2em;
}



#wrapper .h132 {
line-height:132% ;
}
.small {
font-size: 84%;
}
.m-large {
font-size:120%;
}
.large {
font-size:140%;
}
.w100 {
width: 100%;
}
.w80 {
width: 79%;
}
.w70 {
width: 69%;
}
.w60 {
width: 59%;
}
.w50 {
width: 49%;
}
.w40 {
width: 39%;
}
.w30 {
width: 30%;
}
.w20 {
width: 20%;
}

.dl_fl dl {
padding:0px;
margin: 0;
}
.dl_fl dt ,
.dl_fl dd {
float: left;
padding:0px;
margin: 0;
}
.dl_fl dt { 
clear: both;
width: 60px ;
}
.dl_fl dd {
width: calc( 100% - 64px ) ;
}




/*-------------------
button
-------------------*/

input.butt  {
width: 200px;
color:#343434;
font-size: 1.462em ;
background: linear-gradient(to bottom, #fff 0%, #cacaca 56%, #dedede 100%);
background: -webkit-linear-gradient(top, #fff 0%, #cacaca 56%, #dedede 100%);
background: -ms-linear-gradient(top, #fff 0%, #cacaca 56%, #dedede 100%);
border-radius: 10px;
-moz-border-radius:  10px;
-webkit-border-radius:  10px;
-o-border-radius:  10px;
-ms-border-radius:  10px;
text-align:center;
padding: 0.8em;
margin: 20px auto;
}


/*------------------
 thank 
 ----------------- */
.thank {
text-align: center;
font-size: 18px ;
line-height: 200%;
margin: 50px auto;
padding: 0px;
}


/*-------------------
  Copyright  Footer
-------------------*/

#footer {
padding: 10px;
margin: 0 auto;
text-align:center;
}
#footer a {
color:#565656;
}
#footer a:hover {
color: #ffb6c1;
}