/* for 753 site */
@charset "utf-8";
body{
 color:#000; margin:0; padding:0; background:#fff;
 font:14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.clear{ clear:both; font-size:1px; }
h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,form,figure{ margin:0; padding:0; }
.le{ float:left; }
.ri{ float:right; }
.ce{ text-align:center; }
sup{ color:red; }
ul{ list-style-type:none; }
#main{ clear:both; }
#main li{ margin-left:1em; }
#main dl{ padding-left:1em; }
#main dt{ font-weight:bold; }
#main dd{ padding-left:1em; }
#main ol{ margin-left:1em; }
img{ max-width:100%; height:auto; border:none; vertical-align:middle; }
img.le{ float:left; margin:0 6px 0 0; }
img.ri{ float:right; margin:0 0 0 6px; }
input,textarea,select{ font-size:1em; }
form{ margin:0; }
a{ color:#666; }
a:hover{ color:#726343; text-decoration:none; }
#wrap{ width:985px; margin:0 auto; }
/* header */
header{ width:100%; height:95px; position:relative; z-index:4; }
header h1{ font-size:16px; text-align:right; font-weight:normal; margin-right:1em; }
header p{ font-size:14px; text-align:right; text-align:1.4;  margin-right:2em; }
header #logo{ position:absolute; left:28px; top:0; width:480px; }
/* header_end */
/* slideShow */
#tImg{ width:100%; height:auto; position:relative; border-radius:4px; border:solid 1px #333; }
#tImg img{ border-radius:4px; }
#tImg .imgSlide{ display:none; }
#overStep{ z-Index:2; width:100%; height:auto; position:relative; }
#underStep{ z-Index:1; height:auto; width:100%; position:absolute; left:0; top:0; }
/* slideShow_end */

/* navMenu */
/*nav#mMenu{ position:absolute; left:80px; bottom:0; z-index:3; }*/
nav#mMenu{ position:absolute; left:0px; bottom:0; z-index:3; }
/*nav#mMenu ul li{ float:left; width:135px; margin-left:5px; } */
nav#mMenu ul li{ float:left; width:118px; margin-left:5px; }
nav#mMenu ul li a{
 padding: 10px 0px; text-align:center; color:#000;
 text-decoration:none; display:block; letter-spacing:0.1em;
 border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;
 background:#999 no-repeat 10px center;	/*古いブラウザ用*/
 background:rgba(255,255,255,0.6) no-repeat 10px center;
}
nav#mMenu ul li:first-child{ margin-left:0; }
nav#mMenu ul li a:hover, nav#mMenu ul li.current a{
 color:#000; background: #fff no-repeat 10px center;
 border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff;
}
/* navMenu_end */



#contents{ clear:left; padding:28px; }
#main{ float:left; width:700px; padding-bottom:30px; }
#main h2{
 padding:5px 20px; clear:both; margin-bottom:15px; font-size:110%; color:#fff; letter-spacing:1px; background:#a89363;
 background:linear-gradient(#761295, #530270);
/* background:linear-gradient(170deg, #a89363 20%, #726343 80%);*/
 border-radius:4px; box-shadow:rgba(0,0,0,.7) 1px 1px 2px;
}
#main h3{
 clear:both; margin-bottom:15px; padding:4px 20px; font-size:110%; letter-spacing:1px; background:#fff;
 background:linear-gradient(#fff, #e7d3fb);
 border:1px solid #ccc; border-radius:4px;
}
#main h4{ padding-left:1em; color:#871295; font-size:110%; }
#main p{ padding:0.5em 15px 1em; }
#main p + p{ padding-top:0; }
#main h2 + p, #main h3 + p, #main h4 + p{ padding-top:0; margin-top:-5px; }
.kwaku{
	margin:0 15% 1em 10%; padding:4px 12px; text-align:center; background-color:#fffdca;
	border:2px solid #f7bb05 ; border-radius: 3px;
}
.mobile{ display:none; }

.kwaku02{
	width:270px;
	height:70px;
	margin:0 15% 1em 10%; padding:4px 12px; text-align:center; background-color:#ccffff;
	border:2px solid #000000 ; border-radius: 3px;
line-height: 500%;

}

.kwaku03{
	width:270px;
	margin:0 15% 1em 10%; padding:4px 12px; text-align:center; background-color:#ccffcc;
	border:2px solid #000000 ; border-radius: 3px;
}


/* 七五三 */
img.h250{ height:250px; width:auto; float:left; margin:0 40px 30px 0; }
.gallery img{ margin: 0 12px 24px 0; }
.gallery img.tate{ margin: 0 40px 24px 0; }


/* 七五三_end */
/* 講師紹介 */
#main section.koushi{
 float:left; margin: 0 0 15px 2%; padding:6px; border:1px solid #999; background:#fff;
 background:linear-gradient(#fff, #e5e5e5);
 font-size:100%; line-height:1.5;
}
#main section.koushi h4{ color:#ff5293; font-size:100%; }
#main section.koushi p{ padding:0; }
#main section.koushi figure img{ width:auto; height:auto; }
/* 講師紹介_end */
/* sub */
#sub{ float:right; width:200px; padding-bottom:30px; }
#sub h2{
 padding:8px 10px; color:#fff; font-size:100%; background:#640270;
 background:linear-gradient(#871295, #640270);
 box-shadow:rgba(0,0,0,.7) 1px 1px 2px;
}
#sub ul.sMenu{ margin-bottom:15px; box-shadow:rgba(0,0,0,.7) 1px 1px 2px; }
#sub ul.sMenu li a{
 display:block; padding:2px 10px; border-top:1px solid #640270; margin-bottom:1px;
 color:#000; text-decoration:none; background:#e6a2ff;
}
#sub ul.sMenu li a:hover{ background:#871295; color:#fff; }
/* sub_end */
/* footer */
footer{
 clear:both; text-align:center; padding:8px 10px; color:#fff; font-size:100%;
 border-bottom:3px solid #a89363; background:#640270; background:linear-gradient(#871295, #640270);
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-style:oblique;
}
/* footer_end */

/* news */
#news{ margin-bottom:15px; }
#news dl{ overflow:auto; height:150px; padding-left:15px; }
#news dt{ font-weight:bold; float:left; width:8em; }
#news dd{ border-bottom:1px solid #a89363; padding-left:8em; }
/* news_end */

/* table */
table{ border-collapse:collapse; border:1px solid #999; font-size:100%; border-spacing:0; margin-bottom:15px; }
table caption{ text-align:left; font-weight:bold; }
td{ border:1px solid #999; padding:4px 6px; }
th{ width:auto; padding:4px 6px; text-align:left; background:#fffbcc; border:1px solid #999; }
/* table_end */

/* pagetop */
#pagetop{ clear:both; }
#pagetop a{
 display:block; float:right; width:60px; color:#fff; background:#111;
 border-bottom:3px solid #a89363; background:#640270; background:linear-gradient(#871295, #640270);
 text-decoration:none; text-align:center; line-height:60px; letter-spacing:0.1em;
}
#pagetop a:hover{ background-color:#666; color:#fff; }

/* --------------- widthが800px以下なら --------------- */
@media (min-width:481px) and (max-width:800px){
 #wrap{ width:auto; margin:0 15px; }
 header{ width:100%; height:auto; position:static; text-align:center; }
 header h1{ font-size:16px; text-align:left; font-weight:normal; }
 header p{ font-size:14px; text-align:right; text-align:1.4; }
 header #logo{ position:static; width:100%; height:auto; margin:0 auto; }
 /* navMenu */
 nav#mMenu{ width:100%; position:absolute; left:0; bottom:-230px; }
 nav#mMenu ul li{ width:48%; margin-left:1.2%; margin-bottom:5px; }
 nav#mMenu ul li a{
  border:1px solid #ccc; border-right:1px solid #000; border-bottom:1px solid #000;
  background:#fff url(none); background:linear-gradient(#fff, #eee);
 }
 nav#mMenu ul li:first-child{ margin-left:1.2%; }
 nav#mMenu ul li a:hover, nav#mMenu ul li.current a{
  color:#000; background: #bfecfd url(none); background:linear-gradient(#bfecfd, #a8dbef);
  border:1px solid #333; border-right:1px solid #000; border-bottom:1px solid #000;
 }
 /* navMenu_end */
 #contents{ padding:240px 0 0; }
 #main, #sub{ float:none; width:auto; }
.mobile{ display:block; }
}
/* --------------- widthが480px以下なら --------------- */
@media (max-width:480px){
 #wrap{ width:auto; margin:0 15px; }
 header{ width:100%; height:auto; position:static; }
 header h1{ font-size:12px; text-align:right; font-weight:normal; }
 header p{ font-size:12px; text-align:right; text-align:1.4; }
 header #logo{ position:static; width:100%; height:auto; margin:0; }
 nav#mMenu{ position:absolute; left:0; bottom:-100px; width:100%; padding-top:5px; }
 #top nav#mMenu{ position:absolute; left:0; bottom:-230px; }
 nav#mMenu ul li{ width:48%; margin-left:1.2%; margin-bottom:5px; }
 nav#mMenu ul li a{
  border:1px solid #ccc; border-right:1px solid #000; border-bottom:1px solid #000;
  background:#fff url(none); background:linear-gradient(#fff, #eee);
 }
 nav#mMenu ul li:first-child{ margin-left:1.2%; }
 nav#mMenu ul li a:hover, nav#mMenu ul li.current a{
  color:#000; background: #bfecfd url(none); background:linear-gradient(#bfecfd, #a8dbef);
  border:1px solid #333; border-right:1px solid #000; border-bottom:1px solid #000;
 }
 #contents{ padding:20px 0 0; }
 #top #contents{ padding:240px 0 0; }
 #main, #sub{ float:none; width:auto; }
 #main h2, #main h3{ padding:4px 1em; }
 #main p{ padding:0.5em 5px 1em; }
 #main section.koushi{ width:100%; margin:0; text-align:left; border:none; background: transparent; }
 #main section.koushi a{ width:auto; height:auto; overflow:hidden; color:#333; }
 #main section.koushi figure img{ width:30%; float:left; margin-right:10px; }
 section#news h2.open{ background: url(../images/btnUp.png) no-repeat right center/34px 34px, linear-gradient(170deg, #a89363 20%, #726343 80%); }
 section#news h2.close{ background: url(../images/btnDn.png) no-repeat right center/34px 34px, linear-gradient(170deg, #a89363 20%, #726343 80%); }
 #news dl{ height:auto; margin:5px 5px 0; padding-left:0; }
 #news dt{ float:none; width:auto; }
 #news dd{ padding-left:0; }
 table{ width:100%; }
 td{ width:auto; padding:2px; }
 th{ width:100px; padding:2px; }
 .mobile{ display:block; }
}


.omiya{
	width:720px;
	max-width:93%;
	clear:both; margin-bottom:15px; padding:4px 20px;
	font-size:110%; letter-spacing:1px; background:#fff;
 background:linear-gradient(#fff, #e7d3fb);
 border:1px solid #ccc; border-radius:4px;
}


/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	/* 会社情報 */
	.company {
		width:  820px;
	  margin: 0 auto;
		margin-top:10px;
		margin-bottom:20px;
    text-align: center;
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	/* 会社情報 */
	.company {
		width:  100%;
	  margin: 0 auto;
		margin-top:10px;
		margin-bottom:20px;
    text-align: center;
	}
	.company img {
		max-width:100%;
	}
	.company p {
		font-size:14px;
	}

}

.kwaku04{
	width:600px;
  margin: 0 auto;
/*	margin:0 15% 1em 10%;*/
	padding:4px 12px;
	text-align:center;
	background-color:#ffffcc;
	border:2px solid #ff0000 ; border-radius: 3px;
}

/* 753画像 */
.omiyaimg {
	width:  988px;
	margin-top:10px;
	margin-bottom:0px;
	text-align: left;
/*border: 1px solid #FF0000;*/
}


.kwaku05{
	width:550px;
	background-color:#ffcc00;
	border:2px solid #000000;
	padding:4px 12px;
	text-align:center;
	line-height: 200%;
	font-size:20px;
	color:#0000ff;
	font-weight:bold;
	margin-left:50px;
}
.kwaku06{
	margin-left:50px;
}
.kwaku07{
	width:260px;
	background-color:#ffff00;
	border:0px solid #000000;
	padding:6px 12px;
	text-align:center;
	line-height: 200%;
	font-size:24px;
	color:#0000ff;
	font-weight:bold;
	margin-left:200px;
	margin-bottom:30px;
}



.kwaku08{
	width:550px;
	background-color:#ffff00;
	border:2px solid #0000ff;
	padding:10px 12px;
	text-align:center;
	line-height: 200%;
	font-size:16px;
	color:#0000ff;
	font-weight:bold;
	margin-left:50px;
}