syなぎlogo@charset "utf-8";
/* ---------------------------------------------------------------------- */
.iNodisp {/* PCで表示 スマホで非表示 */}
.pcNodisp {/* PCで非表示 スマホで表示 */display: none;}
/* ---------------------------------------------------------------------- */
*{
margin:0;
padding:0;
}
html,body {
	height: 100%;
	margin: 0px auto;
}
img.nodisplay{display: none;}
body {
	color: #191d71;
    font-color:#191d71;
	font-size:14px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	line-height: 1.8em;
	background: url("../img/global/haikei.png") repeat;
}
#bg {
}
#container {
	min-width: 1000px;
	height: 100%;
	min-height: 100%;
	position: relative;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
}
body > #container {height: auto;}
a:link { color: #0054ff; text-decoration: underline; }
a:visited { color: #0054ff; text-decoration: underline; }
a:active { color: #46b4ce; text-decoration: underline; }
a:hover { color: #46b4ce; text-decoration: underline; }
img {
	border: none;
	-ms-interpolation-mode: bicubic;
}
p {}
.center {text-align: center;}
.right {text-align: right;}
.imgleft {float: left;margin-right:5px;}
.imgright {float: right;margin-left:5px;}
.floatl {float: left;}
.floatr {float: right;}
pre {}
.clear {clear: both;}
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}





.error {color: #c00;font-weight: bold;}
.nores {display: none;}
.normal {font-weight: normal;}
.strong {font-weight: bold;}
.fonts {font-size: 0.8em;}
.red {color: #f00;}
.red3 {color: #FFE5E5;}
.red2 {color: #c00;}
.pink {color: #FFE5E5;}
.strike {text-decoration: line-through;}
.dsh {
	box-shadow: 2px 2px 2px #e6e6e6;
	-moz-box-shadow: 2px 2px 2px #e6e6e6;
	-webkit-box-shadow: 2px 2px 2px #e6e6e6;
}
.corn {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* ---------------------------------------------------------------------- */
.message {
	margin-bottom: 10px;
	padding: 10px;
}
.message1 {
	background-color: #fffcf4;
	border: 1px dotted #ccc;
	margin-bottom: 10px;
	padding: 10px;
}
.pad10 {padding: 10px;}
.padwl10 {padding-left: 10px;}
.padwr10 {padding-right: 10px;}
.padht10 {padding-top: 10px;}
.padhb10 {padding-bottom: 10px;}
.marhb10 {margin-bottom: 10px;}
.borb {border-bottom: 1px solid #ccc;}
.borbd {border-bottom: 1px dotted #ccc;}
/* ---------------------------------------------------------------------- */
#header {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
#header h1 {display: none;}
.header {
	width: 1000px;
	margin: 0px auto;
}
.headerlogo {
	float: left;
	
}
.headerlogo img, .headerlogo a {
	display: block;
	
}
.headertop {
	background-color: #ccc;
	color: #fff;
	padding-top: 2px;
}
.headerlink {
	text-align: right;
	font-size: 8px;
	padding: 0px 10px 0px 0px;
}
.headerlink a:link { text-decoration: underline; }
.headerlink a:visited { text-decoration: underline; }
.headerlink a:active { text-decoration: underline; }
.headerlink a:hover { text-decoration: underline; }
.headersns {
	float: right;
	padding-top: 10px;
}
.headersns_line,.headersns_fb,.headersns_twitter {
	float: right;
	margin: 0px 5px;
}
/* ---------------------------------------------------------------------- */
#nav {
	margin: 0px auto;
	padding: 0px;
}
/* ---------------------------------------------------------------------- */
/*
.pagelink {
	text-align: right;
	padding-right: 20px;
}
.pagelink a {
	text-align: right;
	padding-left: 15px;
	padding-top: 1px;
	font-size: 10px;
	background-image:url("../img/parts/texlink3a.gif");
	background-repeat: no-repeat;
	background-position: left;
}
.pagelink a:link { text-decoration: underline; }
.pagelink a:visited { text-decoration: underline; }
.pagelink a:active { text-decoration: underline; }
.pagelink a:hover {
	text-decoration: underline;
	background-image:url("../img/parts/texlink3b.gif");
	background-repeat: no-repeat;
	background-position: left;
}
*/
/* ---------------------------------------------------------------------- */
#footer {
	clear: both;
	color: #fff;
	background-color: #008000;
	background-image:url("../img/global/logobg2.png");
	background-repeat: no-repeat;
	background-position: right;
	padding: 20px 10px;
}
.footer {
	width: 1000px;
	margin: 0px auto;
}
.footerlink {
	clear: both;
	font-size: 10px;
	text-align: center;
	line-height: 1.4em;
	padding: 10px 0px;
}
.footerlink a {
	text-decoration: none;
}
.footerlink a:link { color:#fff; }
.footerlink a:visited { color:#fff; }
.footerlink a:active { color:#fff; }
.footerlink a:hover {color:#c00;}
.footeradd {
	display: none;
}
.copyright {
	color: #ccc;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}
/* ---------------------------------------------------------------------- */
.gotop{
	position: fixed;
	bottom: 0;
	right: 0;
	line-height: 1em;
}
.gotop a {
	display: block;
	width: 30px;
	height: 30px;
	background-image:url("../img/parts/pagelink.png");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin-left: auto;
	margin-right: 10px;
	margin-bottom: 10px;
}
.bottom {
	position: fixed;
	bottom: 0;
	left: 0;
}
.bottom a {
	display: block;
	width: 300px;
	height: 380px;
	background-image:url("../img/global/bottom.png");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}




.relative {
    position: relative;
	width: 100%;
}
.absolutetanbo {
    position: absolute;
	left: 120px;
    bottom: 200px;
}
.absoluteoukoku {
    position: absolute;
	left: 370px;
    bottom: 280px;
}
.absolutetameike {
    position: absolute;
	left: 510px;
    bottom: 200px;
}
.absolutesatoyama {
    position: absolute;
	left: 200px;
    bottom: 280px;
}
.absolutesatoumi {
    position: absolute;
	left: 300px;
    bottom: 30px;
}
.absolutesosui {
    position: absolute;
	left: 460px;
    bottom: 140px;
}
.absolutegairai {
    position: absolute;
	left: 140px;
    bottom: 33px;
}



/* ---------------------------------------------------------------------- */
.pagelinks {
	text-align: right;
	padding-right: 20px;
	padding-bottom: 15px;
}
.pagelinks a {
	color: #fff;
	text-align: right;
	padding: 2px 5px 2px 15px;
	font-size: 10px;
	line-height: 1em;
	text-decoration: none;
	background-image:url("../img/parts/pagelink.png");
	background-repeat: no-repeat;
	background-position: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.pagelinks a:link { background-color:#333; }
.pagelinks a:visited { background-color:#333; }
.pagelinks a:active { background-color:#c00; }
.pagelinks a:hover {background-color:#c00;}
/* ---------------------------------------------------------------------- */
#slidebox {
	position: relative;
	background: url("../img/global/haikei2.png") repeat;
	margin:0px auto;
	padding: 10px 0px;
}
#slidebox p {}
#slide {width: 1000px!important;margin:0px auto;}
#slide1,#slide2,#slide3,#slide4,#slide5,#slide6,#slide7 {
}
#slide1,#slide2,#slide3,#slide4,#slide5,#slide6,#slide7 {width: 1000px!important;height:450px;}
#slide img {
	display:block;
	z-index: 100;
	margin:0px auto;
}
#s-navi{
	position: absolute;
	right: 500px;
	bottom:30px;
	width: 63px;
	z-index: 9999;
	margin: 0 auto 0 auto;
}
#s-navi a{
	display: block;
	width: 9px;
	height: 7px;
	float: left;
	background: url("../js/images/slide_btn.png") no-repeat 0 0;
	text-align: center;
	line-height: 7px;
	text-decoration: none;
	text-indent: -9999px;
	margin-top: 2px;
	text-indent: -9999px;
}
#s-navi a:hover,#s-navi a.activeSlide{ background-position: 0 -7px; }

#s-prev,#s-next {
	position: absolute;
	z-index: 9999;
	top: 50%;
}
a#s-prev,a#s-next {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-position: left top;
	background-repeat: no-repeat;
}
#s-prev {left: 10px;}
#s-next {right: 10px;}
a#s-prev {background-image:url("../img/slide/prev.png");}
a#s-next {background-image:url("../img/slide/next.png");}
/* link---------------------------------------------------------------------- */
.link {}
.linkleft {text-align:left;}
.linkcenter {text-align:center;}
.linkright {text-align:right;}
.linkleft a {
	margin-left: 0px;
	margin-right: auto;
}
.linkright a {
	margin-left: auto;
	margin-right: 0px;
}
.linkcenter a {
	margin-left: auto;
	margin-right: 0px;
}
.linkcenter a {
	margin-left: auto;
	margin-right: auto;
}

.link a {
	font-size: 12px;
	text-decoration: none;
	line-height: 1em;
	margin-bottom: 5px;
	padding: 2px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	background-image:url("../img/parts/link.png");
	background-position: left top;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
}
.links a {
	font-size: 12px!important;
}
.linkb a {
	width: 400px!important;
	font-size: 12px!important;
}
.link a.link_free {
	color: #fff;
	background-color: #666;
}
.link a.link_free:hover {
	color: #fff;
	background-color: #f90;
}
.link a.link_con {
	color: #fff;
	background-color: #099;
}
.link a.link_con:hover {
	color: #fff;
	background-color: #f90;
}
.link a.link_voice {
	color: #fff;
	background-color: #099;
}
.link a.link_voice:hover {
	color: #fff;
	background-color: #f90;
}
.link a.link_pdf {
	color: #fff;
	background-color: #099;
}
.link a.link_pdf:hover {
	color: #fff;
	background-color: #f90;
}
.link a.link_file {
	color: #fff;
	background-color: #099;
}
.link a.link_file:hover {
	color: #fff;
	background-color: #f90;
}
.link_free span {
	padding-left: 28px;
	background-image:url("../img/parts/next.png");
	background-position: left;
	background-repeat: no-repeat;
}
.link_con span {
	padding-left: 28px;
	background-image:url("../img/parts/mail.png");
	background-position: left;
	background-repeat: no-repeat;
}
.link_voice span {
	padding-left: 28px;
	background-image:url("../img/parts/voice.png");
	background-position: left;
	background-repeat: no-repeat;
}
.link_pdf span {
	padding-left: 25px;
	background-image:url("../img/parts/pdf.png");
	background-position: left;
	background-repeat: no-repeat;
}
.link_file span {
	padding-left: 25px;
	background-image:url("../img/parts/file.png");
	background-position: left;
	background-repeat: no-repeat;
}
/* ---------------------------------------------------------------------- */
.button {
	padding: 10px 0px;
	text-align: center;
}
.button a {
	display: block;
	width: 240px;
	text-decoration: none;
	line-height: 1em;
	margin: 0px auto;
	margin-bottom: 5px;
	padding: 8px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	background-image:url("../img/parts/link.png");
	background-position: left top;
	background-repeat: no-repeat;
	box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
}

.button a.link_con {
	color: #fff;
	background-color: #f00;
}
.button a.link_con:hover {
	color: #fff;
	background-color: #f90;
}

.button a.link_free {
	color: #fff;
	background-color: #f60;
}
.button a.link_free:hover {
	color: #fff;
	background-color: #f90;
}

.button a.link_pdf {
	color: #fff;
	background-color: #099;
}
.button a.link_pdf:hover {
	color: #fff;
	background-color: #f90;
}
/* ---------------------------------------------------------------------- */
#main {
	width: 1000px;
	margin: 0px auto 10px auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#main:after {
	content: "";
	display: block;
	clear: both;
}
#primary {
	float: right;
	width: 730px;
	padding: 0px 10px;

}
#secondary {
	float: right;
	width: 250px;
/*
	color: #fff;
	background-color: #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
*/
}
/* ---------------------------------------------------------------------- */
#top {
}
#top h2 {
	display: none;
}
/* title---------------------------------------------------------------------- */
#title {
	width: 1000px;
	background-color: #ccc;
	background-image:url("../img/title/title.png");
	background-position: center -5px;
	background-repeat: no-repeat;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px auto;
}
#title h2 {
	display: none;
}
#title div {
	height: 150px;
	background-repeat: no-repeat;
	background-position: left top;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#title img {
	display: block;
	float: right;
	margin-top: 20px;
}
#title div.title_tsp {background-image:url("../img/title/title.jpg");}
#title div.title_system {background-image:url("../img/title/title2.jpg");}
#title div.title_lesson {background-image:url("../img/title/title3.jpg");}
#title div.title_lesson {background-image:url("../img/title/title4.jpg");}
#title div.title_audition {background-image:url("../img/title/title5.jpg");}
#title div.title_message {background-image:url("../img/title/title2.jpg");}
#title div.title_faq {background-image:url("../img/title/title3.jpg");}
#title div.title_sns {background-image:url("../img/title/title5.jpg");}
#title div.title_contact {background-image:url("../img/title/title4.jpg");}
#title div.title_company {background-image:url("../img/title/title5.jpg");}
#title div.title_links {background-image:url("../img/title/title2.jpg");}
#title div.title_sitema {background-image:url("../img/title/title.jpg");}
/* title---------------------------------------------------------------------- */
.title {
	margin-left: 5px;
	margin-bottom: 5px;
}
.title h3 {
	color: #999;
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
	padding-top: 20px;
}
	
.title h5 {
	color: #999;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 0.5em;
	padding-top: 2px;
	
}
.title h4 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	border-bottom: 1px dashed #333;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.title h7 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	border-bottom: 1px dashed #c00;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}



.title div {
	float: left;
	color: #ce3948;
	font-family: ‘Metrophobic’, Arial, sans-serif;
	font-weight: 400; 
	font-size: 40px;
	font-weight: bold;
	line-height: 1em;
	padding-right: 5px;
}
/* titles---------------------------------------------------------------------- */
.titles {
	border-bottom: 1px dashed #333;
	margin-bottom: 10px;
	padding-left: 10px;
}
.titles h4 {
	color: #0e21aa;
	padding: 5px;
　　line-height: 130%;
	font-size: 1.4em;
}
h7 {
	color: #c00;
	padding-top: 5px;
	font-size: 2em;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.titles h5 {
	font-size: 1.1em;
	padding-top: 10px;
	line-height: 1em;
}


.titles div {
	float: left;
	font-family: ‘Metrophobic’, Arial, sans-serif;
	font-weight: 400; 
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	padding-right: 10px;
}
/* primary---------------------------------------------------------------------- */
.primary {
	position: relative;
	background: url("../img/haikei4.png") repeat;
	border: 5px solid #7fbfff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 10px;
	padding: 10px;
}

.primaryb {
	position: relative;
	background: url("../img/haikei4.png") repeat;
	border: 5px solid #7fbfff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 10px;
	padding: 10px;
}

.primary:after {
	content: "";
	display: block;
	clear: both;
}
.primary p {margin-bottom: 10px;}
.primary p:last-child {margin-bottom: 0px;}
/* ---------------------------------------------------------------------- */
/*
.tsp .primary {
	background-image:url("../img/global/bg1.jpg");
	background-position: left bottom;
	background-repeat: no-repeat;
}
*/
.absolute {
	position: absolute
}
.tsp .primary .absolute {
	right: 0px;
	bottom: 0px;
}
.system .primary .absolute {
	right: 0px;
	bottom: 0px;
}
.lesson .primary .absolute {
	right: 0px;
	bottom: 0px;
}

/* ---------------------------------------------------------------------- */
.tex {
	margin-bottom: 10px;
	padding: 5px 10px;
}
.primary .tex:last-child {
	margin-bottom: 0px;
}
/* ---------------------------------------------------------------------- */
.texlink1 {
}
.texlink1 a {
	padding-right: 20px;
	padding-top: 1px;
	font-weight: normal;
	background-image:url("../img/parts/texlink1a.gif");
	background-repeat: no-repeat;
	background-position: right;
}
.texlink1 a:link { text-decoration: none; }
.texlink1 a:visited { text-decoration: none; }
.texlink1 a:active { text-decoration: none; }
.texlink1 a:hover {
	text-decoration: none;
	background-image:url("../img/parts/texlink1b.gif");
	background-repeat: no-repeat;
	background-position: right;
}
/* secondary---------------------------------------------------------------------- */
.secban {
	text-align: center;
}
/* sec---------------------------------------------------------------------- */
.secaud {
}
.secaud a {
	display: block;
	width: 250px;
	height: 300px;
	text-indent: -9999px;
	background-image:url("../img/secondary/guidancea.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	margin-bottom: 15px;
}

.secaudc {
}
.secaudc a {
	display: block;
	width: 250px;
	height: 300px;
	text-indent: -9999px;
	background-image:url("../img/secondary/guidancec.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	margin-bottom: 15px;
}

.secsns {
}
.secsns a {
	display: block;
	width: 246px;
	height: 108px;
	text-indent: -9999px;
	background-color: #fff;
	background-image:url("../img/secondary/sns.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	border: 2px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/* table---------------------------------------------------------------------- */
.table {
	width: 100%;
	border-collapse:sepalate;
	/*border-collapse:collapse;*/
	border-spacing: 3px;
	empty-cells:show;
	margin: 0px auto 10px auto;
}
.table th {
	width: 25%;
	color: #fff;
	font-weight: normal;
	background-color: #666;
	text-align: center;
	padding: 5px;
}
.table td {
	border: 1px solid #999;
	padding: 5px 10px;
}
.table_bo {
	border-bottom: 1px dotted #ccc;
}
.tabletitle {
	color: #ed1e79;
	font-size: 1.1em;
	background-color: #000!important;
	text-align: center;
}
/* ---------------------------------------------------------------------- */
.contact {
}
.form {
}
.form table {
	width: 100%;
	border-collapse:sepalate;
	border-spacing: 3px;
	empty-cells:show;
	margin: 0px auto 10px auto;
}
.form th {
	width: 20%;
	color: #fff;
	font-weight: normal;
	background-color: #e57432;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
}
.form td {
	border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 10px;
}
.tel {
}
.postal {
}
.tel strong,.postal strong{
	color: #c00;
}
.tel span {
	color: #c00;
	font-size: 1.4em;
	font-weight: bold;
}
.postal span{
	font-size: 1.1em;
}
.telbox {
}
.telbox p,.postbox p {
	border: 1px dashed #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 20px;
}
.telbox1,.telbox2,.postbox1 {margin-bottom:10px;}
.mail {
}
.contact table textarea {
	width: 95%;
	height: 200px;
	font-size: 1.1em;
	padding: 10px;
}
.contact table input,.contact table select {
	font-size: 1.3em;
	margin: 2px 0px;
	padding: 3px 5px;
}
.submit {
	padding: 10px;
	text-align: center;
}
.submit input {
	font-size: 1.3em;
	color: #fff;
	background-color: #000;
	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px;
	padding: 6px 10px;
}
.submit input:hover {
	color: #fff;
	background-color: #f66;
	border: 1px solid #ccc;
	cursor:pointer;
}
.input10 {width: 10px;}
.input50 {width: 50px;}
.input100 {width: 100px;}
.input150 {width: 150px;}
.input200 {width: 200px;}
.input300 {width: 300px;}
.input400 {width: 400px;}
/* ---------------------------------------------------------------------- */
.news {
}
.news dl {
}
.news dt {
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #f8d6d9;
	margin-bottom: 10px;
}
.news dd {
	padding-left: 10px;
}

/* ---------------------------------------------------------------------- */
.blog {
}
.blog dl {
}
.blog dt {
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin-right: 10px;
}
.blog dd {
	border-bottom: 1px solid #f8d6d9;
	margin-bottom: 10px;
	padding-left: 10px;
}
.blog dd span {
	font-size: 8px;
}

/* ---------------------------------------------------------------------- */
.tsp {
}
.tsptop {
	font-size: 1.6em;
	line-height: 1.6em;
	margin-bottom: 20px;
}
.tspbox {}
.tspbox1 {
	margin-bottom: 20px;
}
.tspbox2 {
	margin-bottom: 20px;
}
.tspbox3 {
}
.tspbox3 .title h4 {
	color: #0032ff!important;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	border-bottom: none;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
}
.tspbox2 .zealbox {
	border: 1px solid #f8d6d9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
	padding: 10px;
}
.tspbox3 .zealbox {
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
	padding: 10px;
}
/*
.zealbox1 .zealtex {padding-right: 150px;}
.zealbox2 .zealtex {padding-right: 140px;}
.zealbox3 .zealtex {padding-right: 170px;}
.zealbox4 .zealtex {padding-right: 280px;}
.zealbox5 .zealtex {padding-right: 280px;}
.zealbox6 .zealtex {padding-right: 230px;}
.zealbox7 .zealtex {padding-right: 200px;}
*/
.tspbox3 .zealbox2 .zealtex {padding-right: 140px;}
.tspbox3 .zealbox3 .zealtex {padding-right: 170px;}
.tspbox3 .zealbox4 .zealtex {padding-right: 280px;}

.tspbox2 .zealtitle {
	line-height: 1.2em;
	background-color: #09f;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
}
.tspbox3 .zealtitle {
	line-height: 1.2em;
	background-color: #c00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
	padding: 5px 10px 5px 10px;
}
.tspbox2 .zealtitle h5 {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 40px;
}
.tspbox3 .zealtitle h5 {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 40px;
}
.tspbox2 .zealtitle div {
	float: left;
	color: #fff;
	background-color: #f00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 10px;
	padding: 0px 10px;
}
.tspbox3 .zealtitle div {
	float: left;
	color: #000;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 10px;
	padding: 0px 10px;
}
.zealtex {
	padding-left: 10px;
}
.tspimg {
	text-align: center;
}
.tspimg img {
	width: 32%;
}
/* ---------------------------------------------------------------------- */
.system {
}
.systembox {
	margin-bottom: 20px;
}
.system1 {
}
.system1 img {
	display: block;
	max-width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
}
.system1 ul {
	list-style-type: none;
	padding: 15px;
}
.system1 li {
	position: relative;
	width: 95%;
	border: 1px solid #db2672;
	border-radius: 17px;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	margin-bottom: 10px;
	padding: 5px 10px 5px 25px;
}
.system1 li span {
	position: absolute;
	left: -10px;
	top: -5px;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
	background-color: #ed1e79;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-right: 10px;
	padding: 5px 10px;
}
.systembox1 {
	color: #c00;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 20px;
	padding-right: 160px;
}
.system2 {
}
.system2 img {
	display: block;
	max-width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
}
/* ---------------------------------------------------------------------- */
.lesson {
}
.lesson1 {
}
.lessontitle {
	font-size: 1.4em;
	font-weight: bold;
	border-left: 3px solid #db2672;
	border-bottom: 1px dashed #333;
	margin-bottom: 10px;
	padding-left: 6px;
}
.lessontitle1 {
}
.lessontitle2 {
}
.lessontitle3 {
	border-left: 3px solid #26a6db;
}
.lessonbox {
}
.lessonbox1 {
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 250px;
}
.lessonbox2 {
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 300px;
}
.lessonbox3 {
}
.lessonbox3inner {
	float: left;
	width: 345px;
	margin-bottom: 20px;
}
.lessonbox3a,.lessonbox3c,.lessonbox3e {
	margin-right: 10px;
}
.lessonbox3inner p {
	padding-left: 20px;
	padding-right: 20px;
}

.lesson2 {
}
.lesson2 table {
	width: 100%;
	border-collapse:sepalate;
	border-spacing: 3px;
	empty-cells:show;
	margin: 0px auto 10px auto;
}
.lesson2 th {
	width: 20%;
	color: #fff;
	font-weight: normal;
	background-color: #666;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
}
.lesson2 td {
	border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 10px;
}
.lesson3 {
}
.lesson3 table {
	width: 100%;
	border-collapse:sepalate;
	border-spacing: 3px;
	empty-cells:show;
	margin: 0px auto 10px auto;
}
.lesson3 th {
	width: 20%;
	color: #fff;
	font-weight: normal;
	background-color: #666;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
}
.lesson3 td {
	border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 10px;
}
/* ---------------------------------------------------------------------- */
.mess {
}
.messbox {
}
.messboxa .messphoto {
	float: left;
	margin-right: 10px;
}
.messboxb .messphoto {
	float: right;
	margin-left: 10px;
}
.messphoto {width: 240px;}
.messboxa .messname {margin-left: 250px;}
.messboxb .messname {margin-right: 250px;}
.messname {
	line-height: 1em;
	border-bottom: 3px solid #db2672;
	margin-bottom: 15px;
	padding: 10px 10px;
}
.messname h5 {
	float: left;
	font-size: 2em;
	font-weight: bold;
	margin-right: 10px;
}
.messname .messnames {
	font-size: 0.9em;
}
.messname .messpro {
	float: right;
	color: #db2672;
	font-size: 0.9em;
	text-align:right;
}
.messtitle {
	font-size: 1.4em;
	font-weight: bold;
	border-left: 3px solid #db2672;
	border-bottom: 1px dashed #333;
	margin-bottom: 10px;
	padding-left: 6px;
}
.messboxa .messtitle1 {margin-left: 250px;}
.messboxb .messtitle1 {margin-right: 250px;}
.messtex {
}
.messtex1,.messtex2 {
	margin-bottom: 15px;
}
/* ---------------------------------------------------------------------- */
.faq {
}
.faqbox {
	position: relative;
	border: 1px solid #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;
}
.faqq {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #000;
	background-image:url("../img/parts/faqq.png");
	background-repeat: no-repeat;
	background-position: 5px;
	padding: 5px 10px 5px 40px;
}
.faqa {
	background-image:url("../img/parts/faqa.png");
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding: 5px 10px 5px 40px;
}
.faqa p {
	margin-bottom: 10px;
}
.faqa p:last-child {
	margin-bottom: 0px;
}
/* ---------------------------------------------------------------------- */
.sns {
}
.snsfb,.snsline {
	float: left;
	width: 350px;
}
.snsfb {
	margin-right: 5px;
}
.snsfb .titles {color:#2f5196;}
.snsline .titles {color:#42bb29;}
.snsbox {
	border: 1px solid #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}
.snstitle {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 5px;
}
.snsfb .snstitle {background-color: #2f5196;}
.snsline .snstitle {background-color: #42bb29;}
.snsboxs {
	border: 1px dotted #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 10px;
	padding: 5px;
}
.snsboxs img {
	display: block;
	max-width: 100%;
	margin: 0px auto;
}
/* ---------------------------------------------------------------------- */

/*上下アニメーション:/

/*レイアウト用CSS*/
.layout{
  width:200px;
  height:200px;
  /*background-color:;*/
}
/*アニメーション用CSS*/
.updown{
  /* アニメーションの名前 */
  animation-name:UpDown;
  /* アニメーションの１回分の長さ */
  animation-duration: 1.5s;
  /* アニメーションの回数 */
  animation-iteration-count: infinite;
  /* アニメーションの進行具合 */
  animation-timing-function: ease-in-out;
  /* アニメーション再生の向き */
  animation-direction: alternate;
}
  /* アニメーションの設定 */
@keyframes UpDown{
  /* 開始地点 */
  0%{
  /* Y軸0px */
  transform: translateY(0);
  }
  /* 終了地点 */
  100%{
  /* Y軸50px */
  transform: translateY(50px);
  }
}
/*アニメ終了*/


/*side用囲みボックス*/
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box5 p {
    margin: 0; 
    padding: 0;
}
/*side用囲みボックスここまで*/
/*透明度指示opacity: .5;*/
/*画像解像度指定image-resolution: */


/*文章右寄り表示*/
.box6 {
    color: red;/*文字色*/
    text-align: right;
    border: solid;
}