@charset "utf-8";

p, li, dt, dd, th, td, input, textarea, select, h1, h2, h3, h4, h5, h6 {font-size: 100%; }

p { line-height:1.6; }

/* pankuzu
------------*/

#pankuzu {
	width: 100%;
	display:block;
	margin:0 0 30px -15px;
}

#pankuzu li {
	display: inline-block;
	text-align:left;
	padding-left:15px;
	background:url(../images/base/arrow.png) left center no-repeat;
	margin:0 0 0 15px;
}

#pankuzu.pan_plaisir li {
	display: inline-block;
	text-align:left;
	padding-left:15px;
	background: url(../images/base/arrow_seed.png) left center no-repeat;
	margin:0 0 0 15px;
}

#pankuzu.pan_seed li {
	display: inline-block;
	text-align:left;
	padding-left:15px;
	background: url(../images/base/arrow_kids.png) left center no-repeat;
	margin:0 0 0 15px;
}

#pankuzu a { color: #444; text-decoration: none; }

#pankuzu a:visited { color: #444; text-decoration: none; }

#pankuzu a:hover { text-decoration: none; }

/* brand
------------*/

#pankuzu li.algo-plaisir { background:none #008141; padding:5px 7px; }
#pankuzu li.algo-plaisir a { color: #fff; }

#pankuzu li.algo-seed { background:none #CC3366; padding:5px 7px; }
#pankuzu li.algo-seed a { color: #fff; }

#pankuzu li.algo-kids { background:none #003399; padding:5px 7px; }
#pankuzu li.algo-kids a { color: #fff; }

@media screen and (max-width: 640px) {
	
#pankuzu {
	margin:0 0 20px -10px;
}

#pankuzu li {
	padding-left:15px;
	background:url(../images/base/arrow.png) left center no-repeat;
	margin:0 0 0 10px;
	font-size:85%;
}

}

/* midashi
------------*/

#cate-mv {
	width: 100%;
	height:148px;
	margin:0 0 30px;
	background:url(../images/top/mvbg.png) left bottom repeat-x;
}

#cmv {
	width: 100%;
	height:140px;
	background: url(../images/base/cmvbg.jpg) center top no-repeat;
}

#cmv div {
	width:960px;
	margin:0 auto;
}


#cmv div h1{
	text-align:center;
	font-size:210%;
	color:#0C853F;
	letter-spacing: 0.1em;
	margin-right: -0.1em;
	padding-top:37px;
	text-shadow: 3px 3px 20px #FFF;
}

#page-title{
	margin-bottom:15px;
}

#page-title img{
	width:100%;
}

@media screen and (max-width: 640px) {

#cate-mv {
	width: 100%;
	height:auto;
	background:none;
	margin-bottom:20px;
}

#cmv {
	width: 100%;
	height:auto;
}

#cmv div {
	width: 100%;
	margin:0 auto;
}


#cmv div h1{
	text-align:center;
	font-size: 138.5%;
	color:#0C853F;
	letter-spacing: 0.1em;
	margin-right: -0.1em;
	text-shadow: 3px 3px 20px #FFF;
	padding:23px 20px 20px 18px;
}


#page-title{
	margin-top:-5px;
}

}

.a_title {
	background: url(../images/base/a_title.png);
	font-size:138.5%;
	line-height:1.5;
	padding:16px 20px 15px;
	color:#00572C;
}

.a_plaisir {
	background: url(../images/base/a_title.png);
	color:#008141;
}

.a_seed {
	background: url(../images/base/a_title_seed.png);
	color:#CC3366;
}

.a_kids {
	background: url(../images/base/a_title_kids.png);
	color:#003399;
}

.b_title {
	font-size:116%;
	line-height:1.5;
	padding:10px 18px 9px;
	color:#fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5b9612), color-stop(50%,#5b9612), color-stop(50%,#4f8e00), color-stop(50%,#4f8e00), color-stop(100%,#4f8e00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5b9612 1%,#5b9612 50%,#4f8e00 50%,#4f8e00 50%,#4f8e00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5b9612 1%,#5b9612 50%,#4f8e00 50%,#4f8e00 50%,#4f8e00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5b9612 1%,#5b9612 50%,#4f8e00 50%,#4f8e00 50%,#4f8e00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5b9612 1%,#5b9612 50%,#4f8e00 50%,#4f8e00 50%,#4f8e00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b9612', endColorstr='#4f8e00',GradientType=0 ); /* IE6-9 */
	background: -moz-linear-gradient(top,  #5b9612 1%, #5b9612 50%, #4f8e00 50%, #4f8e00 50%, #4f8e00 100%); /* FF3.6+ */
}

.b_plaisir {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1B8F55), color-stop(50%,#1B8F55), color-stop(50%,#008141), color-stop(50%,#008141), color-stop(100%,#008141)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1B8F55 1%,#1B8F55 50%,#008141 50%,#008141 50%,#008141 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1B8F55 1%,#1B8F55 50%,#008141 50%,#008141 50%,#008141 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1B8F55 1%,#1B8F55 50%,#008141 50%,#008141 50%,#008141 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1B8F55 1%,#1B8F55 50%,#008141 50%,#008141 50%,#008141 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B8F55', endColorstr='#008141',GradientType=0 ); /* IE6-9 */
	background: -moz-linear-gradient(top,  #1B8F55 1%, #1B8F55 50%, #008141 50%, #008141 50%, #008141 100%); /* FF3.6+ */
}

.b_seed {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#D65A82), color-stop(50%,#D65A82), color-stop(50%,#D14774), color-stop(50%,#D14774), color-stop(100%,#D14774)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #D65A82 1%,#D65A82 50%,#D14774 50%,#D14774 50%,#D14774 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #D65A82 1%,#D65A82 50%,#D14774 50%,#D14774 50%,#D14774 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #D65A82 1%,#D65A82 50%,#D14774 50%,#D14774 50%,#D14774 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #D65A82 1%,#D65A82 50%,#D14774 50%,#D14774 50%,#D14774 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D65A82', endColorstr='#D14774',GradientType=0 ); /* IE6-9 */
	background: -moz-linear-gradient(top,  #D65A82 1%, #D65A82 50%, #D14774 50%, #D14774 50%, #D14774 100%); /* FF3.6+ */
}

.b_kids {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1E56CC), color-stop(50%,#1E56CC), color-stop(50%,#0D49C8), color-stop(50%,#0D49C8), color-stop(100%,#0D49C8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1E56CC 1%,#1E56CC 50%,#0D49C8 50%,#0D49C8 50%,#0D49C8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1E56CC 1%,#1E56CC 50%,#0D49C8 50%,#0D49C8 50%,#0D49C8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1E56CC 1%,#1E56CC 50%,#0D49C8 50%,#0D49C8 50%,#0D49C8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1E56CC 1%,#1E56CC 50%,#0D49C8 50%,#0D49C8 50%,#0D49C8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1E56CC', endColorstr='#0D49C8',GradientType=0 ); /* IE6-9 */
	background: -moz-linear-gradient(top,  #1E56CC 1%, #1E56CC 50%, #0D49C8 50%, #0D49C8 50%, #0D49C8 100%); /* FF3.6+ */
}

.c_title {
	background: #EDF3E5;
	font-size:138.5%;
	line-height:1.5;
	padding:16px 18px 15px;
	color:#333333;
	border-left:solid 6px #629A1B;
}

.c_plaisir {
	background: #EDF3E5;
	border-left:solid 6px #008141;
}

.c_seed {
	background: #FBEAEF;
	border-left:solid 6px #CC3366;
}

.c_kids {
	background: #ECF2FF;
	border-left:solid 6px #0A3B9D;
}

.d_title {
	font-size:123.1%;
	border-bottom:solid 1px #CCC;
	padding:8px 18px 8px 0;
	color:#666;
}

.d_title span {
	background:url(../images/base/d_title.png) 3px center no-repeat;
	padding: 2px 0 0 33px;
	display:block;
	line-height:1.5;
}

.d_plaisir span {
	background:url(../images/base/d_title_plaisir.png) 3px center no-repeat;
}

.d_seed span{
	background:url(../images/base/d_title_seed.png) 3px center no-repeat;
}

.d_kids span{
	background:url(../images/base/d_title_kids.png) 3px center no-repeat;
}

/* base
------------*/

.box p{
	font-size:108%;
}


.table{
width: 100%;
border-collapse: collapse;
}

.table th{
width: 20%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #ECF5FF;
border: 1px solid #b9b9b9;
vertical-align:middle;
}

.table td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
vertical-align:middle;
}

.table td.bg_lg{
background-color: #E6FFE6;
}

.tp th,.tp td{
	padding:12px;
}

.more01{
	display:inline-block;
	background:url(../images/base/arrow3.png) left center no-repeat;
	padding:3px 0 1px 18px;
}


@media screen and (max-width: 640px) {
	
.table{
font-size:77%;
}

.tp th,.tp td{
	padding:6px;
}

}

/* course
------------*/

.course{
	margin-bottom:40px;
}

.course_detail{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	float:right;
	width:auto;
	width:520px;
	padding-right:10px;
}

.course_detail h5{
	margin-bottom:10px;
	line-height:1.6;
}

.course_detail p{
	margin-bottom:13px;
	line-height:1.8;
}

.biko{
	border:solid 1px #CCC;
	background:#F7F7F7;
	padding:10px;
	display:block;
	line-height:1.5;
	font-size:93%;
}

@media screen and (max-width: 640px) {

.course{
	margin-bottom:20px;
}

.course img{
	display:block;
	width:100px;
	margin-right:15px;
	margin-bottom:10px;
}

.course_detail{
	float: none;
	width:100%;
	padding:0;
}

.course_detail p{
	display:block;
	width:100%;
}

}

/* faq
------------*/

.faq {
	border: dotted 1px #BEB192;
	border-radius: 7px;
	margin-bottom:30px;
}

.faq_title {
	background: url(../images/base/q.png) no-repeat 8px center;
	padding: 12px 10px 11px 44px;
	border-bottom: dotted 1px #BEB192;
	font-size:116%;
	color:#F90;
}

.q_box {
	padding: 10px 10px 9px 44px;
	background: url(../images/base/ans.png) no-repeat 8px center;
	font-size:108%;
	
}


/* list
------------*/

.list_nav1 {
	display:block;
}

.list_nav1 li {
	border-bottom: dotted 1px #9f9f9f;
	padding: 10px 0 9px 30px;
	line-height:1.6;
    background: url(../images/base/arrow2.png) no-repeat 7px center;
}

.ex_list {
	display:block;
}

.ex_list li {
	border-bottom: dotted 2px #9f9f9f;
	padding: 15px 0 13px 50px;
	line-height:1.6;
	background: url(../images/base/icon_pdf.png) no-repeat 7px center;
	font-weight:bold;
	font-size:108%;
}

.ex_list li a {
	color:#666;
}

/* photo yoko
------------*/

.photo2{
	display:block;
}

.photo2 li{
	width:45%;
	display:inline-block;
	margin-left:3%;
	padding:0;
}

.photo2 li img{
	width:100%;
}

/* records
------------*/

.records{
width: 100%;
border-collapse: collapse;
}

.records td{
padding: 12px;
border: 1px solid #b9b9b9;
vertical-align:middle;
width:50%;
}

.records tr:nth-child(even){
    background:#F2F2F2;
}

@media screen and (max-width: 640px) {

.records{
	border-bottom: 1px solid #b9b9b9;
}

.records tr:nth-child(even){
    background:none;
}

.records tr {
    display: block;
}
.records td {
    display: block;
	width:100%;
	border-bottom:none;
}

.records td:nth-child(even){
    background:#F2F2F2;
}

}

/* map
------------*/

.map_container{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	padding:10px;
	border: solid 1px #CCC;
	margin-bottom:40px;
}

#map{
	height:400px;
}

.access{
width: 100%;
border-collapse: collapse;
}

.access th{
width: 20%;
padding: 12px;
text-align: left;
vertical-align:middle;
color: #333;
background-color: #E8FFE8;
border: 1px solid #b9b9b9;
vertical-align:middle;
}

.access td{
padding: 12px;
border: 1px solid #b9b9b9;
vertical-align:middle;
}

@media screen and (max-width: 640px) {

#map{
	height:250px;
}

.access{
	width: 100%;
	border-bottom: 1px solid #b9b9b9;
}

.access tr {
    display: block;
}

.access th {
    display: block;
	width:100%;
	border-bottom:none;
}

.access td {
    display: block;
	width:100%;
	border-bottom:none;
}


}



/* flex
------------*/

.flex{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display: flex;
	flex-wrap: wrap;
}

.tube{
	min-height:350px;
}

.fxb100{
	width:100%;
}

.fxb70{
	width:70%;
}

.fxb50{
	width:50%;
}

.fxb50 p{
	padding-right:20px;
}

.fxb30{
	width:30%;
}

@media screen and (max-width: 640px) {

.fxb100{
	width:100%;
}

.fxb70{
	width:100%;
}

.fxb50{
	width:100%;
}

.fxb50 p{
	padding-right:0px;
}

.fxb30{
	width:100%;
}

}