/*-----------------------------------------------
 __share_style
-----------------------------------------------*/



/* by */
.by {
	position:absolute;
	bottom:10px;
	right:10px;
	margin:0;
	padding:5px;
	background:#FFF;
}
* {
	margin:0;
	padding:0;
}
body {
    font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color:#666666;
    font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",
 Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    line-height:1.4em;
    background-color:#a4e2f1;
    font-size:70%;
    text-align:center;
}
html {
	overflow-y:scroll;
}
p,li,dt,dl {
	line-height:1.2;
}
p {
    margin:0 0 1em 0;
    font-size:85%;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
address {
	font-style:normal;
}
.clear {
	clear:both;
}

/*-----------------------------------------------
 __page
-----------------------------------------------*/


#page {
	background-size:100%;
    background-image:url('image/bg_pink.png');
    background-repeat:repeat-y;
    margin:0 auto 0 auto;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
    margin:0 auto 0 auto;
    color:#FFF;
    height:155px;
    background-image:url('image/top_img_sub.png');
    background-repeat:no-repeat;
}
#header2 {
    color:#FFF;
    height:41px;
	margin-left : auto ; 
	margin-right : 0 ;
}

#headerinner {
    background-color:#FFF;
    height:200px;
	width: 800px;
    margin:0px auto 0 auto;
}


#logo {
    margin:0px auto 0 auto;
    width:800px;
    background-color:#FFFFFF;
}
.left{
    text-align:left;
    padding-left:15px;
    padding-top:15px;
}
.rigth{
    text-align:right;
    padding-right:25px;
    padding-top:20px;
}
/*-----------------------------------------------
 __main
------------------------------------------*/

#main {
    width:800px;
    margin:0 auto 0 auto;
    padding-bottom:30px;
    background-repeat:repeat-y;
    background-color:#FFFFFF;
    background-image:url('image/bg_tenshi.png');
    background-position:left;
}
#nav {
    width:178px;
    float:left;
    padding-left:12px;
    background-color:#FFFFFF;
    background-image:url('image/bg_tenshi.png');
    background-position:left;
    background-repeat:repeat-y;
}
#baner img {
    margin-top:10px;
}
input {
font-size: 120%;
}
TEXTAREA {
font-size: 120%;
}
input#submit_button  {
    width: 50px;
    height: 30px;
}

/*-----------------------------------------------
 __menu
-----------------------------------------------*/
ul#menu{
    list-style:none;
    width:161px;
    background-image:url('image/bg_manu.png');
    padding-top:20px;
    background-repeat:no-repeat;
}
ul#menu li{
    list-style:none;
    width:120px;
    padding-bottom:8px;
}
ul#menu a{
    display:block;
    width:120px;
    height:25px;
    text-indent:-100px;
    overflow:hidden;

}
a.top{
    background-image:url('image/nav_top.png');
}
a.tops{
    background-image:url('image/nav_top_s.png');
}
a:hover.top{
    background-position:0px -25px;
}
a.school{
    background-image:url('image/nav_school.png');
}
a.schools{
    background-image:url('image/nav_school_s.png');
}
a:hover.school{
    background-position:0px -23px;
}
a.pri{
    background-image:url('image/nav_pri.png');
}
a.pris{
    background-image:url('image/nav_pri_s.png');
}
a:hover.pri{
    background-position:0px -23px;
}
a.pro{
    background-image:url('image/nav_pro.png');
}
a.pros{
    background-image:url('image/nav_pro_s.png');
}
a:hover.pro{
    background-position:0px -23px;
}
a.pet{
    background-image:url('image/nav_pet.png');
}
a.pets{
    background-image:url('image/nav_pet_s.png');
}
a:hover.pet{
    background-position:0px -23px;
}
a.acc{
    background-image:url('image/nav_acc.png');
}
a.accs{
    background-image:url('image/nav_acc_s.png');
}
a:hover.acc{
    background-position:0px -23px;
}
.red {
    color:#FF0000;
    font-weight:bold;
    font-size:small;
}
/*-----------------------------------------------
 __contents
-----------------------------------------------*/
#contents {
}
#tokuten {
    margin:0 auto 0 auto;
    text-align:center;
}
.topmenugold2{
    border-style:solid;
    border-color:#C0C0C0;
    border-width:thin;
    padding-top:8px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:5px;
    padding-bottom:8px;
    width:598px;
}
.topmenugold3{
    border-style:solid;
    border-color:#C0C0C0;
    border-width:thin;
    padding-top:8px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:5px;
    padding-bottom:8px;
    width:572px;
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:top;
}
.topmenugold{
    border-style:solid;
    border-color:#C0C0C0;
    border-width:thin;
    padding-top:8px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:5px;
    padding-bottom:8px;
    width:572px;
    background-image:url('image/angelgold.jpg');
    background-repeat:no-repeat;
    background-position:bottom right;
}

.price{
}
.price table {
    border-collapse: collapse;
    margin-bottom:5px;
    margin-top:5px;
    background-color:#F0F0F0;
    width:593px;
}
.price td {
	border: 1px solid #c0c0c0;
}
.priceengel td {
	border: 1px solid #c0c0c0;
}
.priceengel table {
    border-collapse: collapse;
    margin-bottom:5px;
    margin-top:5px;
    background-color:#F9E9ED;
    width:593px;
}
.price strong {
    color:#4B4B4B;
}

.pri1{
    width:330px;
    padding:10px 10px 1px 10px;
}
.pri15{
    width:400px;
    padding:10px;
    background-color:#FBE1F9;
}
.pri1p{
    width:400px;
    padding:10px;
    background-color:#FBE1F9;
}
.pri1p p{
    font-weight:bold;
    font-size:8.5pt;
}
.pri11{
    width:300px;
    padding:10px;
}
.pri2p{
    width:90px;
    text-indent:10px;
    font-size:80%;
    background-color:#FBE1F9;
}
.pri3p{
    width:110px;
    text-align:right;
    padding-right:5px;
    font-size:80%;
    background-color:#FBE1F9;
}
.pri2{
    width:160px;
    text-indent:10px;
    font-size:80%;
}
.pri3{
    width:70px;
    text-align:right;
    padding-right:5px;
    font-size:80%;
}
.pri8{
    width:50px;
    text-align:center;
    padding-right:5px;
    font-size:80%;
}
.pri25{
    width:100px;
    text-indent:10px;
    font-size:80%;
    background-color:#FBE1F9;

}
.pri35{
    width:110px;
    text-align:right;
    padding-right:5px;
    font-size:80%;
    background-color:#FBE1F9;

}
.purobox{
    padding-top:20px;
    padding-left:20px;
}
.link1{
    width:110px;
}
.accc{
    font-size:80%;
    margin-top:10px;
}
.aisatsu{
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
}
.profile1{
    padding-left:15px;
    padding-top:10px;
}
#probg{
    background-image:url('image/ima_pro.png');
    background-repeat:no-repeat;
    background-position-y:350px;
    background-position-x:400px;
}
.prih1{
	color:#259DC8;
    font-size:100%;
}
#diva01{
    
}

#diva01 span {
  color: red;
    font-size:90%;    
}

#diva01 h1{
    color:forestgreen;
    font-size:100%;    
}
.diva01 h1{
    color:forestgreen;
    font-size:100%;    
}
#diva02{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#diva02 h1{
    color:#d45500;
    font-size:145%; 
		font-weight: bold;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#diva022 {
	text-align: right;
	color:#d45500;
    font-size:145%; 
		font-weight: bold;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

#diva02 p{
	margin-left: 20px;
	font-size: 1em;
	font-weight: bold;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.diva03{
	color:#6C4300;
	margin-left: 20px;
	font-size: 1.2em;
	font-weight: bold;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";

}
#diva02 span {
  color: red;
}

.diva02 h1{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    color:orangered;
    font-size:130%;    
}

#diva02 h2{
	font-weight: bold;
    color:forestgreen;
    font-size:100%;    
}



.toph01{
	color:#db4266;
    font-size:120%;
}
.toph04{
	padding-top: 10px;
	color:#523000;
    font-size:125%;
	font-weight: 700;
	font-family: "游明朝","YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
.topse{
	color:#523000;
	font-weight: 700;
	font-family: "游明朝","YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
.topse01{
	color:#db4266;
	font-weight: 700;
	font-family: "游明朝","YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
.highlight{
	padding-top: 5px;
	color:#523000;
	font-weight: 700;
	font-family: "游明朝","YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
    background: linear-gradient(transparent 70%, #f5d9dd 0%);
    line-height: 1.8em;
}  

.highlightb {
    background: linear-gradient(transparent 50%, #B1EAF0 0%);
    line-height: 1.3em;
}    

.setumei{
    font-size:100%;
	color:#523000;
	font-weight: 700;
	font-family: "游明朝","YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}    
.setumei01{
    font-size:100%;
	color:#db4266;
	font-weight: 700;
	font-family: "游明朝","YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif";
}    

.fontiro{
	color:red;   
}

.box8 {
  margin: 1em auto;
  background: #E8FFFD; /* 背景色 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); /* 影の色 */
  width: 100%;
}

.box8-title {
  font-size: 1.2em;
  background: #2DC9D8; /* タイトル背景色 */
  padding: 2px;
  text-align: center;
  color: #FFF; /* タイトル文字色 */
  font-weight: bold;
  letter-spacing: 0.05em;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.22); /* タイトル影の色 */
}

.box8 p {
  font-size: 1em;
  margin: 0;
  padding: 1em;
}

/* box19用リスト表示 */
ol.list5 {
  counter-reset:list;
  list-style-type:none;
  padding: 5px 15px 2px 15px;
}
ol.list5 li {
  color: #2DC9D8; /* フォントの色 */
  position:relative;
  padding: 5px 0 6px 27px;
  line-height: 25px;
}
ol.list5 li:before {
  counter-increment: list;
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  font-weight: 900;
  font-size: 1.2em;
  color: #2DC9D8; /* アイコンの色 */
  display: block;
  position: absolute;
  left: 1px;
  top: 4px;
}
/* 各種講座の見出しデザイン */

.demo {
  width: 550px;
  margin: 0 auto;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 25px;
  color:#3cb3e4;
}
.heading {
  margin: 10px 0
}
.demo3 .heading {
  color: #3cb3e4;
  text-align: center;
  overflow: hidden;
}
.demo3 .heading span {
  display: inline-block;
  position: relative;
}
.demo3 .heading span:before,
.demo3 .heading span:after {
  content: "";
  border-bottom: 2px solid #3cb3e4;
  width: 400px;
  margin: 0 15px;
  position: absolute;
  bottom: 13px;
}
.demo3 .heading span:before {
  right: 100%;
}
.demo3 .heading span:after {
  left: 100%;
}

/*予後約ボタン*/
/*基本*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
/*予後約ボタンデザイン*/
a.btn--orange {
  color: #fff;
  background-color: #2DC9D8;
}

a.btn--orange:hover {
  color: #DDDDDD;
  background: #92DCE3;
}

a.btn-c {
  font-size: 1.8rem;
  position: relative;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 100vh;
}

a.btn-c i.fa {
  margin-right: 1rem;
}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
    width:800px;
    margin:0 auto 0 auto;
    background-color:#FFFFFF;
    text-align:right;
    border-top-color:#FFFFFF;
    border-top-style:dotted;
    padding-top:8px;
}