@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin: 0px;
	padding: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
img {
	border:0;
	outline: none;
	vertical-align: bottom;
}
ul,ol,li {
	list-style:none;
}

body{
	font:16px/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color: #333;
}

/*---- headings ----*/
h1,h2, h3, h4, h5, h6 {
	font-size: 110%;
}
/*　↓リンクに対する共通設定↓　*/
a {
	text-decoration:none;
	color: #333;
}

a:hover {
	color: #999;
}

/*---- clearfix ----*/
.clearfix:after {
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* float */
.alRight {	
	float: right;
}
.alLeft {	
	float: left;
}
.clr {
	clear: both;
}
.mb40 {
	margin-bottom: 40px;
}

/*---------------------------------------
大枠
----------------------------------------*/
div.container {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
header {
	height: 130px;
	background: url(../images/h1back1.gif) repeat-x left top,url(../images/bg_header.gif) repeat-x left bottom;
	padding-top: 20px;
	margin-bottom: 20px;
}
div#contents {
	width: 700px;
	margin-bottom: 30px;
	float: left;
}
div#side {
	width: 260px;
	margin-bottom: 30px;
	float: right;
}
footer {
	border-top: 2px #ba1156 solid;
	padding-top: 10px;
}
.mb40 {
	margin-bottom: 40px;
}
/*---------------------------------------
header
----------------------------------------*/
header h1 {
	width: 455px;
	height: 90px;
	margin: 15px 0px 10px;
}
header ul {
	width: 305px;
	height: 100px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
header ul li {
	display: inline-block;
	margin-left: 8px;
	background: url(../images/sep.gif) no-repeat right center;
	padding-right: 12px;
}
header ul li:last-child {
	background: none;
	padding-right: 0;
}
header ul li a {
	background: url(../images/arrow01.gif) no-repeat left 6px;
	font-size: 12px;
	padding-left: 10px;
}
header ul li a:hover {
	text-decoration: underline;
}
/*---------------------------------------
side
----------------------------------------*/

/*--------sideIntro--------*/
div#side div.sBack div.sideCon {
	padding: 8px;
	background: #F4F4F4;
	border-radius: 5px;
}
div.sideCon h3.intoTitle {
	width: 220px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: url(../images/introTitle.gif) no-repeat left top;
	color: #fff;
	text-shadow: 1px 1px 2px #2100aa;
	letter-spacing: 0.2em;
}
div.sideCon h3.intoTitle span {
	font-size: 18px;
	font-weight:500;
	margin-right: 3px;
}
/*--------sideIntro--------*/

div#side div.sBack {
	width: 235px;
	margin: 0px 0px 30px 6px;
	padding: 7px;
	border-radius: 8px;
	box-shadow: 0px 0px 6px #999;
	position: relative;
}
div.sideCon ul#sideIntro {
	background-color: #fff;
	margin: 0px 0px 15px;
}
div.sideCon ul#sideIntro li {
	width: 208px;
	height: 38px;
	border: 1px #989898 solid;
	background: url(../images/bg_intro.gif) no-repeat left top;
	background-size: cover;
	padding: 5px 0px 0px 10px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	line-height: 1.1em;
}
div.sideCon ul#sideIntro li span.sIntro {
	font-size: 11px;
	color: #c61432;
}
/*--------sideAccess--------*/
div.sideCon div#sideAcc {
	width: 218px;
	background: #fff;
	border: 1px #989898 solid;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	text-align: center;
	background: linear-gradient(to bottom, #fff, #fff 80%, #ebeded);
}
div.sideCon h3.graTitle{
	padding: 7px 0px 5px;
	text-align: center;
	text-shadow: 1px 1px 0px #ffffff;
	border-bottom: 1px #989898 solid;
	border-radius: 4px 4px 0px 0px;
	background: linear-gradient(180deg, #ffffff, #ebeded);
}
div#sideAcc p {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 13px;
}
div#sideAcc div#sideMap {
	width: 208px;
	padding: 0px 6px;
	margin-bottom: 6px;
	position: relative;
}
div#sideAcc div#sideMap p {
	margin-top: 0px;
	margin-bottom: 0px;
}
div#sideAcc div#sideMap p#building {
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	width:88px;
	font-size: 10px;
}
div#sideAcc div#sideMap p#toMap {
	position: absolute;
	bottom: 0px;
	right: 4px;
	width: 88px;
	height: 38px;
	background: url(../images/toMap.gif) no-repeat left top;
}
div#sideAcc div#sideMap p#toMap a {
	display: block;
	width: 88px;
	height: 33px;
	padding-top: 5px;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/toMap.gif) no-repeat left top;
	color: #fff;
}
div#sideAcc div#sideMap p#toMap a:hover {
	background: url(../images/toMap_on.gif) no-repeat left top;
}
/*---------------------------------------
contents
----------------------------------------*/
p#visu {
	margin-bottom: 30px;
}
/*---infoBox---*/
div#infoBox {
	width: 461px;
	height: 250px;
	float: left;
	background: #F4F4F4;
	border: 2px #666695 solid;
	border-radius: 5px;
	margin-bottom: 60px;
}
div#infoBox h2 {
	width: 447px;
	height: 39px;
	border-top: 2px #f9d7e8 solid;
	border-right: 2px #f9d7e8 solid;
	border-left: 2px #f9d7e8 solid;
	border-bottom: 2px #f9d7e8 solid;
	border-radius: 4px 4px 0px 0px;
	margin-bottom: 10px;
	background-color: #666695;
	color: #fff;
	line-height: 39px;
	padding-left: 10px;
}
div#infoBox ul {
	width: 417px;
	height: 161px;
	overflow: auto;
	background: #fff;
	border: 1px #0e0e5b solid;
	margin-left: 9px;
	padding: 12px;
}
div#infoBox ul li {
	border-bottom: 2px #9c9c9c dashed;
	margin-bottom: 10px;
	padding-bottom: 8px;
	color: #333;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}
div#infoBox ul li span {
	display: inline-block;
	font-size: 90%;
	padding: 3px 0px 1px 0px;
	margin-bottom: 5px;
}
div#infoBox ul li a {
	color: #066;
	text-decoration: underline;
}
div#infoBox ul li a:hover {
	color: #39F;
}
div#infoBox ul.insd {
	width: 100%;
	height: auto;
	border: none;
	margin-left: 0px;
	padding: 12px 0 12px 0;
}
div#infoBox ul.insd li {
	border-bottom: none;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-bottom: 0px;
	color: #333;
	list-style: disc inside;
}
/*---infoSub---*/
div#infoSub {
	width: 220px;
	height: 254px;
	float: right;
	background: #F4F4F4;
	border-radius: 5px;
}
div#subCon {
	width: 206px;
	height: 236px;
	background: #fff;
	border: 2px #b5b4b4 solid;
	margin: 7px 0px 0px 5px;
}
div#subCon p {
	margin: 0px 4px 0px 10px;
	font-size: 13px;
	line-height: 1.7;
}
div#subCon div#subAnnu {
	width: 196px;
	height: 120px;
	border: 1px #ccc solid;
	border-radius: 4px;
	background: #f2f0f1 url(../images/pc.png) no-repeat right bottom;
	margin: 4px 0px 10px 4px;
}
div#subCon div#subAnnu h3 {
	font-size: 16px;
	margin: 5px 5px 8px;
	letter-spacing: 0.1em;
}
div#subCon div#subAnnu p {
	margin: 0px 0px 5px 5px;
	font-size: 12px;
	line-height: 1.4em;
}
/*---説明会---*/
h2.addh2 {
	font-size: 22px;
	border-bottom: none;
	margin-bottom: 30px;
	clear: both;
}
div#contents div#custmDesk {
	width: 80%;
	color: #000;
	margin: 10px auto 40px;
	background: #f7f6e2;
	padding: 20px 20px 10px;
	border: 2px #e0dca6 dashed;
}
/*-------hellowBox-------*/
div#contents div.hellowBox {
	width: 698px;
	position: relative;
	margin-bottom: 30px;
	border: 1px #666 solid;
}
div#contents div#hellowBox {
	margin-bottom: 60px;
}
div#contents div.hellowBox h3 {	
	padding: 10px;
	font-size: 18px;
	line-height: 1.0em;
	background: url(../images/bg_h3.gif) repeat-x top left;
	border-bottom: 1px #cc9 dashed;
	color: #423e0f;
}
div.hellowBox div.flowLeft {
	width: 350px;
	padding: 25px 15px 15px;
	font-size: 14px;
}
div.hellowBox div.flowLeft ul li {
	margin-bottom: 20px;
}
div.hellowBox div.flowLeft dl dt {
		width: 65px;
}
div.hellowBox div.flowLeft dl dd {
		width: 278px;
}
div.hellowBox div.flowLeft h4 {
	font-size: 16px;
	color: #c71432;
	margin-bottom: 15px;
}
div.hellowBox div.flowLeft ul.date li {
	margin-bottom: 10px;
	list-style: disc inside;
	background: #f7f5d0;
	padding: 7px 0px 5px 5px;
	color: #000;
	width: 300px;
}
div.hellowBox div.flowRight {
	width: 270px;
	padding: 15px;
}
div.hellowBox div.flowRight p.toHellow {
	margin: 10px 0px;
	text-align: center;
}
div.hellowBox div.flowRight p.toHellow a {
	text-decoration: underline;
	color: #009;
}
div.hellowBox div.flowRight p.toHellow a:hover {
	text-decoration: none;
	color: #99c;
}
/*--スクールの特長--*/
div#contents div.aboutCon {
	width: 694px;
	border: 3px #1f2b61 solid;
	margin-bottom: 40px;
	position: relative;
}
div#contents div.aboutCon h3 {
	font-size: 24px;
	background: #e8f3f9;
	padding: 15px 0px 15px 110px;
	color: #000;
}
div#contents div.aboutCon p {
	color: #4a5b54;
	font-size: 14px;
	line-height: 1.4em;
}
div#contents div.aboutCon p.abNo {
	width: 87px;
	height: 87px;
	background: url(../images/abNo.png) no-repeat left top;
	font-size: 50px;
	line-height: 87px;
	position: absolute;
	top: -20px;
	left: 0px;
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 2px #07663d;
	font-weight: bold;
}
div#contents div.aboutCon p.abSentence {
	width: 580px;
	margin: 15px auto;
}

div#contents div.aboutCon div.abfloat {
	width: 600px;
	margin: 0px auto 20px;
}

div#contents div.aboutCon div.abfloat p.alLeft {
	width: 180px;
	height: 180px;
}

div#contents div.aboutCon div.abfloat p.alRight {
	width: 380px;	
	padding: 30px 0px;
}

div#contents div.aboutCon ul#abarrow {
	width: 580px;
	margin: 30px 0px 20px 75px;
	display: flex;
}

div#contents div.aboutCon ul#abarrow li{
	margin-right: 30px;
}

div#contents div.aboutCon ul#abarrow li dt{
	margin-bottom: 10px;
}

div#contents div.aboutCon div.abfloat ul {
	width: 580px;
	margin: 20px auto;
}

div#contents div.aboutCon div.abfloat li.alLeft {
	width: 80px;
	height: 80px;
}

div#contents div.aboutCon div.abfloat li.alRight {
	width: 460px;
	padding-top: 15px;	
}

div#contents div.aboutCon p#abComp {
	width: 610px;
	height: 310px;
	margin: 20px auto;
}
p#course_img {
	margin-bottom: 40px;
}
p#howto {
	font-weight: bold;
	font-size: 24px;
	color: red;
	text-align: center;
	margin: 60px 0;
}
p#toTop {
	width: 85px;
	height: 15px;
	position: absolute;
	top: -45px;
	right: 10px;
}
/*---------------------------------------
				footer
----------------------------------------*/
footer ul {
	width: 980px;
	height: 25px;
	background: #cecece;
	margin-bottom: 5px;
}
footer .container {
	position: relative;
}
footer ul li {
	float: left;	
	height: 25px;
	line-height: 25px; 
	background: url(../images/sep.gif) no-repeat right center;
	padding: 0px 15px;	
}
footer ul li#ftlast {
	background: none;
}
footer ul li a {
	color: #000;
}
footer ul li a:hover {
	text-decoration: underline;
}
footer p#copy {
	text-align: right;
	font-size:11px;
	color: #696969;
	margin-bottom: 50px;
}
/*---------------------------------------
			各ページ共通
---------------------------------------*/

/*-------パンくずリスト-------*/
div.container ul#bread {
	width: 980px;
	height: 20px;
	margin-bottom: 20px;
}

ul#bread li {
	float: left;
	margin-left: 5px;
	font-size: 11px;
}

ul#bread li a {
	color: #ba1156;	
}

ul#bread li span {	
	margin-left: 5px;
}
/*--------pageBar---------*/
div#contents h2#pageBar {
	margin-bottom: 40px;
}
/*---------------------------------------
			company
---------------------------------------*/
div#contents div#comCon {
	width: 698px;	
	position: relative;
	margin-bottom: 40px;
	margin-left: 2px;
	font-size: 14px;
}

div#contents div#comCon p {
	width: 650px;
	margin: 0px auto 40px;
	font-size: 14px;
	line-height: 1.4em;
	color: #636363;
}

div#comCon table {
	width: 690px;
	border: 2px #846f6f solid;
	margin-bottom: 70px;
}

div#comCon table th,
div#comCon table td {
	padding: 15px;
}

div#comCon table th {
	background: #f7f0f0;
	border: 1px #fff solid;
	text-align: left;
	vertical-align: top;
	width: 150px;
	color: #000;
}

div#comCon table td {
	color: #757474;
	border: 1px #a59393 dotted;
}

div#comCon table td li {
	list-style: disc inside;
	margin-bottom: 5px;
}
/*------access------*/

div#contents div#comCon h3#acch3 {
	height: 38px;
	background: url(../images/page/bg_acc.gif) repeat-x left top;
	line-height: 38px;
	font-size: 18px;
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-left: 7px #666 solid;
	padding-left: 20px;
	margin-bottom: 30px;
}

div#comCon div#accessCon {
	margin-bottom: 50px;
}

div#comCon div#accessCon div#accLeft {
	width: 300px;
}

div#accessCon div#accLeft dl {
	margin: 30px 0px;
}

div#accessCon div#accLeft dl dt {
	width: 60px;
	clear: both;
	margin-bottom: 20px;
}

div#accessCon div#accLeft dl dd {
	width: 220px;
	margin-bottom: 20px;
}

div#accessCon div#accLeft p {
	color: #000;
}

div#comCon div#accessCon div#accRight {
	width: 350px;
}

div#comCon div#accessCon div#accRight p#accMap {
	width: 320px;
	padding: 15px;
	background: url(../images/accessMap.gif) no-repeat left top;
	margin-bottom: 10px;
}

div#comCon div#accessCon div#accRight p#togmap {
	width: 200px;
	margin: 0px auto;
}

div#comCon div#accessCon div#accRight p#togmap a {
	color: #5e2727;
	text-decoration: underline;
}

div#comCon div#accessCon div#accRight p#togmap a:hover {
	color: #a56d6d;	
}

/*------privacy policy------*/

div#contents div#priCon {
	width: 698px;	
	position: relative;
	margin-bottom: 40px;
	margin-left: 2px;
	font-size: 14px;	
}

div#priCon p {
	font-size: 14px;
	margin-bottom: 15px;
}

div#priCon p#rollover {
	margin-bottom: 20px;
	font-size: small;
	text-align: right;
}

div#priCon h3 {
	font-weight: bold;
	border-top: 2px #CCC dotted;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-top: 10px;
	clear: both;
}


div#priCon div.descCom {
	width: 620px;
	float: right;
	color: #000;
	margin-bottom: 30px;
	text-align: left;
}

div#priCon div.descCom h4 {
	font-weight: bold;
	margin-bottom: 20px;
}

div#priCon div.descCom h5 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 1.0em;
}


div#priCon div.descCom p {
	margin-left: 1.2em;	
	font-size: 14px;
	color: #636363;
	line-height: 1.5em;
}

div#priCon div.descCom ul {
	margin-left: 30px;
}

div#priCon div.descCom ul li {
	list-style: disc inside;
	color: #636363;
	margin-bottom: 5px;
}
div#contents div#conCon {
	width: 678px;	
	position: relative;
	margin-bottom: 40px;
	margin-left: 2px;
	font-size: 13px;
	box-shadow: 0px 0px 4px #c4b3bd;
	padding: 10px;
}
div#conCon p#preform {
	width: 600px;
	padding: 15px;
	border: 1px #d89aa6 dotted;
	margin: 0px auto 40px;
	line-height: 1.4em;
	text-align: left;
}
div#conCon p {
	font-size: 16px;
	margin-bottom: 40px;
	text-align: center;
}

div#conCon dl {
	width: 400px;
	margin: 0px auto 40px;
	font-size: 16px;
	background: #f7f0f4;
	padding-top: 15px;
	border: 1px #d89aa6 dotted;
}

div#conCon dl dt {
	width: 150px;
	clear: both;
	margin-bottom: 15px;	
	padding: 15px;	
}

div#conCon dl dd {
	width: 200px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	color: #ce2481;
	padding: 10px 20px 10px 0px;	
}