@import "menu.css";
@import "lightbox.css";
@charset "UTF-8";
body {
	padding:0;
	margin:0;
	background: #f8dbe9;
	font-family: Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html {	font-size:16px;}
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary {display: block;}
.h1_01 {color:#f10977; font-size:18px;}
.h3_01 {color:#f10977; font-size:24px; margin:0; padding:0;}
.h3_02 {color:#203a77; font-size:22px; margin:1em 0 0 0; padding:0.5em 0 0.5em 3em; background:url(../images/cookie02.png) no-repeat;}
ul.ul01 {margin:0; padding:0; color:#203a77;}
.ul01 li {display: inline-block; margin:0.2em 1em;}
.ul01 li:before {content:"● ";}
.ul01 a {color:#203a77;}
.ul01 a:hover {text-decoration:none;}
.ul02 li {margin-bottom:2%;}
.txt_pnk {color:#f10977;}
.txt01 {font-size:13px;}
.mtb10 {margin: 10px 0;}
.mtb50 {margin: 50px 0;}
.mtb80 {margin: 80px 0;}
.mrl50 {margin: 0 50px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.mt100 {margin-top:100px;}
.mrlesson {margin:0 50px;}
.contents1000 {width:1000px;
	margin:0 auto;
}
.bg01 {
	width: 96%;
	min-height:200px;
	padding: 2% 0;
	background: url(../images/deco01.png) no-repeat bottom left;
}
.hr01 {background: url(../images/line01.png) no-repeat; height:16px; border:none;}
.hr02 {border:none; border-bottom: 1px dotted #ee7491;}
table.table01 {width:100%;}
.table01 th {background:#b5e6e7; width:30%; padding:1% 2%; font-weight:normal;}
.table01 td {background:#fff; padding:1% 2%;}
.pcnone {display:none;}
#container {
	width: 100%;
	height: 850px;
	padding:0;
	margin:0;
}
#theTarget {
	z-index: 1;
	position: relative;
}
#headertop {
	margin:0 auto;
	width:100%;
	height:100px;
	text-align:center;
	z-index: 2;
	position: absolute;
	top: 18%;
	left: 0;
	right: 0;
	bottom: 0;
	
}
#headersec {
	margin:0 auto;
	width:100%;
	height:auto;
	text-align:center;
	z-index: 2;
	background: url(../images/mainimg2.jpg) center top no-repeat;
}
#gnaviTop {
	width:100%;
	margin: 1% auto;
	padding:10px 0;
}
#gnavi li {
	display:inline;
	margin: 0;
	padding: 0;
	font-size:23px;
	font-weight:800;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
#gnavi a {color:#f10977; text-decoration: none;
    text-shadow: 1px 1px 1px #fff;}
#gnavi a:hover {color:#e789b5;}
#gnavi a:before {content:"　　｜　　";}
#navilast a:after {content:"　　｜";}
#gnavisec {
	background: #e789b5;
	opacity: 0.7;
	width:100%;
	margin: 0;
	padding:5px 0;
}
#logotop img {width:430px;}
#logosec img {width:250px; margin:10px auto;}
#news {width:800px; margin: 0 auto;}
#news dl {width:100%;}
#news dt{width:15%; padding:0 1%;float:left;border-bottom:1px dotted #fd9cb3; font-size:13px;}
#news dd {width:75%; margin-left:20%; padding:0 0 0 1%; border-bottom:1px dotted #fd9cb3;}
footer {margin:0;padding:0;}
#footer {width: 900px; margin:40px auto 0; text-align:center;}
#gotop {
	position: fixed;
    bottom:30px;
    right: 1%;
}
#pan {font-size:12px; margin:10px 0;}
#gotop a {	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; color:#f10977; font-size:12px;}
.title {background:url(../images/bouquet.png) no-repeat; height:60px; padding: 40px 0 0 120px; color:#f10977;
	font-size: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
#profile img {width:300px;}
#profile dl {display:table; width:95%;}
#profile dt {display:table-cell; width:30%; margin:0; padding:0;}
#profile dd {display:table-cell;  width:55%; padding: 0 5%; vertical-align:top;}
.lessonimg, .lessonimg2 {width:100%; text-align:center;}
.lessonimg img {margin:1%; width:45%;}
.lessonimg2 img {margin:1%; width:250px;}
.lessonimg3 img {margin:1% 3%; width:25%;}
#gallery {text-align:center;}
#gallery img {width:150px; margin:5px 1px;}
.table02 {
	margin: 10px 30px 0;
	padding:0;
	background-color: #A4CA7D;
}
.table02 th{
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
	width: 19em;
	text-indent: 10px;
	color:#FFF;
	padding:10px 4px;
	text-align:left;
}
.table02 td {
	background-color: #fff;
	padding:10px;
	text-align:center;
}
.table02 p {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
@media screen and (max-width: 1000px){
.pcnone {display:block;}
.smpnone {display:none;}
#headertop {
	height:20px;
	top: 2%;
	left: 0;
	right: 0;
	bottom: 0;
}
#headersec {
	height:auto;
}
.mrlesson {margin:0 2%;}
.contents1000 {width:90%; margin-bottom:100px;}
#gnaviTop {
	margin: 5% auto;
	}
#gnavi {width:100%; margin:0 ;padding:0;}
#gnavi li {
	display:block;
	padding: 1% 2%;
	font-size:18px;
	border-bottom: 1px solid #e789b5;
}
#gnavi a:before {content:"";}
#navilast a:after {content:"";}
#headertop img {width:70%;}
#logotop img {width:60%; margin: 2% 0 0;}
#logosec img {width:40%; margin: 2% 0;}
#news {width:92%; margin: 0 auto; padding: 1% 3%; background-color:rgba(255,255,255,0.5);
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */}
#news dt {width:100%; clear:both; border:none;}
#news dd {width:100%; margin: 0 0 2% 1%;}
#footer {width: 90%;}
.hr01 {width:100%; background: url(../images/line01.png) no-repeat; height:16px; border:none;}
#profile img {width:100%;}
#profile dl {display:table; width:100%;}
#profile dt {display:table-cell; width:38%; margin:0; padding: 1% 0 0 1%;}
#profile dd {display:table-cell;  width:55%; padding: 0 2%; vertical-align:top;}
.lessonimg3 img {width:40%;}
#gallery img {width:90%; margin:10px 0;}
table.table02 {
	margin: 1% 0;
	padding:0;
	width:98%;
	font-size:12px;
	border:none;
}
.table02 th {
	margin: 0;
	padding:2%;
	width:96%;
	display:block;
	border:none;
}
.table02 td {
	margin:0;
	padding:2% 3% 2% 1%;
	width:96%;
	display:block;
	border:none;
}
}