@charset "UTF-8";
/* CSS Document */

.pc-only {
	display: block;
}
.sp-only {
	display: none;
}
/* hover
--------------------------------------*/
a:link {
	color: #666666;
	text-decoration: underline;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #CA4C4C;
}
#footer a:link {
	color: #FFF;
}
#footer a:visited {
	color: #FFF;
}
#footer a:hover {
	color: #CC3333;
}
/* all
--------------------------------------*/
.txt10 {
	font-size: 77%;
}
.txt11 {
	font-size: 85%;
}
.txt12 {
	font-size: 93%;
}
.txt14 {
	font-size: 108%;
}
.txt16 {
	font-size: 123.1%;
}
.txt18 {
	font-size: 138.5%;
}
.txt22 {
	font-size: 167%;
}
.txt24 {
	font-size: 182%;
}
.txt26 {
	font-size: 197%;
}
.txtred {
	color: #ff0000;
}
/* common space
--------------------------------------*/
.mrgn-t05 {
	margin-top: 5px!important;
}
.mrgn-t15 {
	margin-top: 15px!important;
}
.mrgn-t30 {
	margin-top: 30px!important;
}
.mrgn-b05 {
	margin-bottom: 5px!important;
}
.mrgn-b15 {
	margin-bottom: 15px!important;
}
.mrgn-b30 {
	margin-bottom: 30px!important;
}
.mrgn-r10 {
	margin-right: 10px!important;
}
.mrgn-r15 {
	margin-right: 15px!important;
}
.mrgn-r19 {
	margin-right: 19px!important;
}
.mrgn-r30 {
	margin-right: 30px!important;
}
.pad-t05 {
	padding-top: 5px!important;
}
.pad-t15 {
	padding-top: 15px!important;
}
.pad-t30 {
	padding-top: 30px!important;
}
.pad-b05 {
	padding-bottom: 5px!important;
}
.pad-b15 {
	padding-bottom: 15px!important;
}
.pad-b30 {
	padding-bottom: 30px!important;
}
.fLeft {
	float: left;
}
.fRight {
	float: right;
}
.tCenter {
	text-align: center;
}
/* clearfix
--------------------------------------*/
.clearfix:after { /* for Modern Browser */
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
.clear {
	clear: both;
}
/* body
--------------------------------------*/
body {
	margin: 0 auto;
	padding: 0 auto;
	text-algin: center;
}
/* header
--------------------------------------*/
#header {
	background: url(../images/bg-header.jpg) top repeat-x;
	margin-bottom: 30px;
}
#header div.contents {
	width: 952px;
	margin: 0 auto;
}
#header div.contents div.top {
}
#header div.contents div.top ul {
	margin-left: 210px;
}
#header div.contents div.top ul li {
	color: #FFFFFF;
	float: left;
	display: inline;
	margin-top: 5px;
}
#header div.contents div.top ul li p.day {
	background-color: #7e97cd;
	border-radius: 3px;
	padding-top: 5px;
	margin-right: 10px;
	width: 50px;
	height: 18px;
	font-size: 85%;
	text-align: center;
}
#header div.contents div.top ul li p.time {
	padding-top: 5px;
	margin-right: 10px;
	font-size: 85%;
}
#header div.contents div.top ul li p.item {
	margin-left: 10px;
}
#header div.contents div.btm {
}
#header div.contents div.btm div.left {
	width: 500px;
	float: left;
	display: inline;
}
#header div.contents div.btm div.left h1 {
	width: 212px;
	float: left;
	display: inline;
	margin: 40px 20px 0 0;
}
#header div.contents div.btm div.left h2 {
	margin-top: 50px;
}
#header div.contents div.btm div.right {
	width: 258px;
	float: right;
	display: inline;
	margin-top: 25px;
}
#header div.contents div.btm div.right h3 {
	margin-bottom: 10px;
}
#header div.contents div.btm div.right h4 {
}
/******************//*20150702 変更分（トップページ分）*/
#header_02 {
	background: url(../images/bg-header_02.jpg) top repeat-x;
	margin-bottom: 30px;
}
#header_02 div.contents {
	width: 952px;
	margin: 0 auto;
}
#header_02 div.contents div.top {
}
#header_02 div.contents div.top ul {
	margin-left: 210px;
}
#header_02 div.contents div.top ul li {
	color: #FFFFFF;
	float: left;
	display: inline;
	margin-top: 5px;
}
#header_02 div.contents div.top ul li p.day {
	background-color: #7e97cd;
	border-radius: 3px;
	padding-top: 5px;
	margin-right: 10px;
	width: 50px;
	height: 18px;
	font-size: 85%;
	text-align: center;
}
#header_02 div.contents div.top ul li p.time {
	padding-top: 5px;
	margin-right: 10px;
	font-size: 85%;
}
#header_02 div.contents div.top ul li p.item {
	margin-left: 10px;
}
#header_02 div.contents div.btm {
}
#header_02 div.contents div.btm div.left {
	width: 500px;
	float: left;
	display: inline;
}
#header_02 div.contents div.btm div.left h1 {
	width: 212px;
	float: left;
	display: inline;
	margin: 40px 20px 0 0;
}
/*20150702 追加*/
#header_02 div.contents div.btm .new_h1 {
	/*width:212px;*/
	/*float:left;*/
	/*display:inline;*/
	color: #006;
	/*margin:40px 20px 0 0;*/
	padding: 20px 0 0 0;
}
/*20150702 追加*/
#header_02 div.contents div.btm div.left .logo {
	width: 212px;
	float: left;
	display: inline;
	margin: 20px 20px 0 0;/*40*/
}
#header_02 div.contents div.btm div.left h2 {
	margin-top: 30px;
}/*50*/
#header_02 div.contents div.btm div.right {
	width: 258px;
	float: right;
	display: inline;
	margin-top: 5px;/*25*/
}
#header_02 div.contents div.btm div.right h3 {
	margin-bottom: 10px;
}
#header_02 div.contents div.btm div.right h4 {
}
/******************//*20150702 変更分（下層ページ分）*/
#header_03 {
	background: url(../images/bg-header_03.jpg) top repeat-x;
	margin-bottom: 30px;
}
#header_03 div.contents {
	width: 952px;
	margin: 0 auto;
}
#header_03 div.contents div.top {
}
#header_03 div.contents div.top ul {
	margin-left: 210px;
}
#header_03 div.contents div.top ul li {
	color: #FFFFFF;
	float: left;
	display: inline;
	margin-top: 5px;
}
#header_03 div.contents div.top ul li p.day {
	background-color: #7e97cd;
	border-radius: 3px;
	padding-top: 5px;
	margin-right: 10px;
	width: 50px;
	height: 18px;
	font-size: 85%;
	text-align: center;
}
#header_03 div.contents div.top ul li p.time {
	padding-top: 5px;
	margin-right: 10px;
	font-size: 85%;
}
#header_03 div.contents div.top ul li p.item {
	margin-left: 10px;
}
#header_03 div.contents div.top_sp {
	display: none;
}
#header_03 div.contents div.btm {
}
#header_03 div.contents div.btm div.left {
	width: 500px;
	float: left;
	display: inline;
}
#header_03 div.contents div.btm div.left h1 {
	width: 212px;
	float: left;
	display: inline;
	margin: 40px 20px 0 0;
}
/*20150702 追加*/
#header_03 div.contents div.btm .new_h1 {
	/*width:212px;*/
	/*float:left;*/
	/*display:inline;*/
	color: #006;
	/*margin:40px 20px 0 0;*/
	padding: 20px 0 0 0;
}
/*20150702 追加*/
#header_03 div.contents div.btm div.left .logo {
	width: 212px;
	float: left;
	display: inline;
	margin: 20px 20px 0 0;/*40*/
}
#header_03 div.contents div.btm div.left h2 {
	margin-top: 30px;
}/*50*/
#header_03 div.contents div.btm div.right {
	width: 258px;
	float: right;
	display: inline;
	margin-top: 5px;/*25*/
}
#header_03 div.contents div.btm div.right h3 {
	margin-bottom: 10px;
}
#header_03 div.contents div.btm div.right h4 {
}
/* gnav
--------------------------------------*/
#gnav {
	clear: both;
	margin-top: 19px;
}
#gnav_sp {
	display: none;
}
/* panNav
--------------------------------------*/
#panNav {
	clear: both;
	margin-top: 19px;
}
#panNav ul {
}
#panNav ul li {
	display: inline;
	font-size: 77%;
}
/* slideshow
--------------------------------------*/
#slideshowImages {
	clear: both;
	margin-bottom: 0px;/*25*/
}
ul.slideshow {
}
/* container
--------------------------------------*/
#container, #container-top {
	width: 952px;
	margin: 0 auto;
	text-align: left;
}
*:first-child+html #container-top {
	margin-top: 355px;
}
/* sidebar
--------------------------------------*/
#sidebar {
	width: 210x;
	float: left;
	overflow: hidden;
}
.sidebar-bdline {
	border: 1px dotted #dddddd;
}
/* sidebar sideNav
--------------------------------------*/
#sideNav {
	margin-bottom: 50px;
	overflow: hidden;
	width: 210x;
}
#sideNav h3 {
}
#sideNav ul {
	background-color: #f0f9eb;
	padding: 0px 20px;
}
#sideNav ul.about {
	background-color: #F7F2F7;
}
#sideNav ul.program {
	background-color: #f5f7ff;
}
#sideNav ul.staffblog {
	background-color: #fff6f7;
}
#sideNav ul li {
	padding: 15px 0px;
	border-bottom: #CCCCCC 1px dotted;
}
#sideNav ul li.last {
	border-bottom: #CCCCCC 0px dotted;
}
#sideNav ul li p.space {
	margin-bottom: 8px;
}
#sideNav ul li p.maru {
	background: url(../images/sidebar-maru.png) 0px 1px no-repeat;
	padding-left: 22px;
}
#sideNav ul li p.sankaku {
	background: url(../images/sidebar-sankaku.png) left center no-repeat;
	margin-left: 22px;
	padding-left: 10px;
}
/* bnr
--------------------------------------*/
ul#bnr {
	margin-bottom: 40px;
	width: 210px;
	overflow: hidden;
}
ul#bnr li {
	margin-bottom: 15px;
	line-height: 135%;
}
/* main
--------------------------------------*/
#main {
	width: 687px;
	float: right;
	display: inline;
	line-height: 170%;
}
/* main campaignArea
--------------------------------------*/
#main div#campaignArea {
	margin-bottom: 35px;
}
/* main news
--------------------------------------*/
#main div#news {
	margin-bottom: 35px;
}
#main div#news div.tit {
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: #CCCCCC 1px solid;
}
#main div#news div.tit h3 {
	float: left;
	display: inline;
	width: 84px;
	padding-top: 3px;
	_margin-bottom: -20px;
}
#main div#news div.tit p.infoLink {
	margin-left: 595px;
	margin-top: -5px;
	width: 90px;
}
#main div#news ul {
	clear: both;
	height: 100%;
	padding: 15px 10px 15px 0px;
	margin: 0;
	border-bottom: #CCCCCC 1px dotted;
}
#main div#news ul li {
	float: left;
	display: inline;
	line-height: 20px;
}
#main div#news ul li p.left {
	width: 120px;		/* orgin 110px */
}
#main div#news ul li p.right {
	width: 550px;		/* orgin 560px */
}
#main #news_sp_btn {
	display: none;
}
#main #news_sp_extra {
	display: block;
}
/* main closed
--------------------------------------*/
#main div#closed {
	margin-bottom: 35px;
	background: url(../images/main-closed-box.png) bottom no-repeat;
	width: 338px;
	height: 150px;
	float: left;
	display: inline;
}
#main div#closed h3 {
	margin-bottom: 30px;
	_margin-bottom: 10px;
}
#main div#closed ul {
}
#main div#closed ul li {
}
#main div#closed ul li.top {
	margin-bottom: 12px;
	_margin: 20px 0 17px 0;
}
#main div#closed ul li.center {
	margin-bottom: 7px;
	color: #FFFFFF;
}
#main div#closed ul li.btm {
	color: #FFFFFF;
}
#main div#closed ul li p {
	text-align: center;
}
#main div#closed ul li p span {
	padding: 1px;
}
#main div#closed ul li span.txt16 {
	font-weight: bold;
}
#main div#closed ul li span.txt12 {
	padding-top: 4px;
}
#main div#closed ul li span.txt10 {
	padding-top: 5px;
}
#main div#closed div.left {
	float: left;
	display: inline;
	width: 110px;
	margin-right: 5px;
}
#main div#closed div.left ul li.top {
	color: #000000;
}
#main div#closed div.center {
	float: left;
	display: inline;
	width: 110px;
	margin-right: 2px;
}
#main div#closed div.center ul li.top {
	color: #999999;
}
#main div#closed div.right {
	float: left;
	display: inline;
	width: 110px;
}
#main div#closed div.right ul li.top {
	color: #999999;
}
/* main lesson
--------------------------------------*/
#main div#lesson {
	width: 318px;
	float: right;
	display: inline;
}
#main div#lesson h3 {
	margin-bottom: 5px;
	padding-bottom: 16px;
	border-bottom: #CCCCCC 1px solid;
}
#main div#lesson ul {
	clear: both;
	height: 100%;
	padding: 10px 10px 10px 0px;
	margin: 0;
	border-bottom: #CCCCCC 1px dotted;
}
#main div#lesson ul li {
	float: left;
	display: inline;
	line-height: 20px;
}
#main div#lesson ul li p.left {
	width: 90px;
	font-size: 95%;
}
#main div#lesson ul li p.right {
	width: 212px;
	font-size: 95%;
}
/* main text　20150702 追加*/
/*--------------------------------------*/
#main div#text {
	border: 1px solid #cccccc;
	margin: 30px 0 20px 0;
	padding: 15px;
}
#text_top {
	border: 1px solid #cccccc;
	margin: 30px auto 20px auto;
	padding: 15px;
	width: 952px;
}
#text_top_02 {
	border: 0;
	margin: 0px auto 20px auto;
	width: 952px;
}
#main div#text h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 5px;
	text-align: center;
}
/* img link
--------------------------------------*/
.img {
	z-index: 1;
	position: relative;
	font-size: medium;
	line-height: 1.6em;
}
.img a {
	border: 1px solid #dddddd;
	padding: 1px;
	width: auto;
	height: auto;
	display: block;
}
.img a img {
	position: relative;
	z-index: -1;
	display: block;
}
.img a:hover {
	border: 1px solid #381c79;/*background-image: url(../images/link-pic_on.png);
	background-repeat: no-repeat;
	background-position: right top;*/
}
#facility .img a:hover {
	border: 1px solid #381c79;/*background-image: url(../images/loupe-pic_on.png);
	background-repeat: no-repeat;
	background-position: right top;*/
}
#staff .box_stafflist {
	z-index: 1;
}
#staff .box_stafflist a img {
	border: 1px solid #dddddd;
	padding: 1px;
	position: relative;
}
#staff .box_stafflist a:hover img {
	border: 1px solid #381c79;
}
/* pagetop include
--------------------------------------*/
p.pagetop {
	width: 115px;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 23px 0 30px 570px;
}
p.pagetop a {
	background-image: url(../images/btn_pagetop_off.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 115px;
	height: 35px;
}
p.pagetop a:hover {
	background-image: url(../images/btn_pagetop_on.jpg);
	background-repeat: no-repeat;
}
p.linkSign {
	padding-left: 10px;
	color: #4D4D4D;
	background: url(../images/sidebar-sankaku.png) center left no-repeat;
}
/* footer
--------------------------------------*/
#footer {
	margin-top: 50px;
}
/* footer footerTop
--------------------------------------*/
#footerTop {
	background: url(../images/bg-buleDots.jpg) repeat;
}
#footerTop div.contents {
	width: 952px;
	margin: 0 auto;
	padding: 40px 0 60px 0;
	position: relative;
	zoom: 1;
}
#footerTop div.contents p.pageTop {
	position: absolute;
	top: -17px;
	left: 839px;
	zoom: 1;
}
#footerTop div.contents ul li {
}
#footerTop div.contents ul li.maru {
	margin: 5px 0;
}
#footerTop div.contents ul li p {
}
#footerTop div.contents ul li p.maru {
	float: left;
	display: inline;
	width: 17px;
	height: 17px;
	margin-right: 5px;
}
#footerTop div.contents ul li p.sankaku {
	float: left;
	display: inline;
	width: 6px;
	height: 6px;
	margin-right: 5px;
	margin-top: 5px;
}
#footerTop div.contents ul li p.txt {
	font-size: 85%;
	margin-left: 10px;
 /margin-top:-15px; /* hack */
}
/* footer footerTop membership
--------------------------------------*/
#footerTop div.contents div.membership {
	float: left;
	display: inline;
	width: 130px;
	height: 290px;
	border-right: #445777 1px dotted;
}
#footerTop div.contents div.membership h3 {
	background: url(../images/footer-info.jpg) left center no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	margin-bottom: 20px;
}
#footerTop div.contents div.membership ul {
	float: left;
	display: inline;
	width: 130px;
}
#footerTop div.contents div.membership ul li {
}
#footerTop div.contents div.membership ul li.sankaku {
	margin: 0 0 15px 15px;
}
/* footer footerTop about
--------------------------------------*/
#footerTop div.contents div.about {
	float: left;
	display: inline;
	width: 300px;
	height: 290px;
	border-right: #445777 1px dotted;
	margin: 0 15px;
}
#footerTop div.contents div.about h3 {
	background: url(../images/footer-mmBegin.jpg) left center no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	margin-bottom: 20px;
}
#footerTop div.contents div.about ul li.sankaku {
	margin: 0 0 10px 15px;
}
#footerTop div.contents div.about ul.left {
	float: left;
	display: inline;
	width: 130px;
}
#footerTop div.contents div.about ul.right {
	float: left;
	display: inline;
	width: 140px;
	margin-left: 20px;
}
#footerTop div.contents div.about ul.right li.space {
	margin-bottom: 30px;
}
/* footer footerTop program
--------------------------------------*/
#footerTop div.contents div.program {
	float: left;
	display: inline;
	width: 460px;
	height: 290px;
 /margin-top:-15px; /* hack */
}
#footerTop div.contents div.program h3 {
	background: url(../images/footer-lesson.jpg) left center no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	margin-bottom: 20px;
}
#footerTop div.contents div.program ul li.sankaku {
	margin: 0 0 10px 15px;
}
#footerTop div.contents div.program ul.left {
	float: left;
	display: inline;
	width: 240px;
}
#footerTop div.contents div.program ul.right {
	float: left;
	display: inline;
	width: 200px;
	margin-left: 20px;
}
#footerTop div.contents div.program div.btm {
	clear: both;
 /margin-top:-20px; /* hack */
}
#footerTop div.contents div.program div.btm ul {
	width: 480px;
}
#footerTop div.contents div.program div.btm ul li {
	float: left;
	display: inline;
	width: 150px;
}
#footerTop div.contents div.program div.btm ul li p.txt {
 /margin-top:0px; /* hack */
}
#footerTop div.contents div.program div.btm ul.center {
	clear: both;
}
#footerTop div.contents div.program div.btm ul.btm {
	clear: both;
}
/* footer footerCenter
--------------------------------------*/
#footerCenter {
}
#footerCenter div.contents {
	width: 952px;
	margin: 0 auto;
	padding: 14px 0 20px 0;
}
#footerCenter div.contents div.left {
	float: left;
	display: inline;
	width: 890px;/*690 -> 750*/
	height: 40px;
}
#footerCenter div.contents div.left ul {
}
#footerCenter div.contents div.left ul li {
	display: inline;
	padding-right: 10px;
}
#footerCenter div.contents div.right {
	float: right;
	display: inline;
	width: 56px;
	height: 31px;
	margin-top: 10px;
}
/* footer footerBtm
--------------------------------------*/
#footerBtm {
	background: url(../images/bg-footer_btm.jpg) repeat-x;
	color: #999999;
	font-size: 85%;
}
#footerBtm div.contents {
	width: 952px;
	margin: 0 auto;
	padding: 20px 0;
}
#footerBtm div.contents div.left {
	float: left;
	display: inline;
}
#footerBtm div.contents div.right {
	float: right;
	display: inline;
}
a .imgBd {
	border: 1px solid #dddddd;
	padding: 1px;
	width: auto;
	height: auto;
}
a:hover .imgBd {
	border: 1px solid #381c79;
	background-image: url(../images/link-pic_on.png);
	background-repeat: no-repeat;
	background-position: right top;
}
/* closed style */
#closedBox .monthBoxAll {
	border: 1px solid #d3d3d3;
}
#closedBox {
	margin-bottom: 35px;
	width: 338px;
	float: left;
}
#closedBox .monthBoxAll .monthBox {
	width: 109px;
	padding: 1px;
	float: left;
}
#closedBox .monthBoder {
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}
#closedBox .monthBoxAll .monthNow {
	background-color: #F2F2F2;
	margin: 0px;
	padding: 10px 6px 5px 6px;
	text-align: center;
}
#closedBox .monthBoxAll .monthAfter {
	background-color: #ffffff;
	margin: 0px;
	padding: 10px 6px 5px 6px;
	text-align: center;
	height: 100%;
}
#closedBox ul li.top {
	margin-bottom: 12px;
	color: #000;
}
#closedBox ul li.after {
	margin-bottom: 12px;
	color: #999999;
}
#closedBox ul li span.txt16 {
	font-weight: bold;
}
#closedBox ul li span.txt10 {
	padding-top: 5px;
}
#closedBox ul li p span {
	padding: 1px;
}
#closedBox ul li.center {
	margin-bottom: 7px;
	padding: 2px 0 1px 0;
	color: white;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #5b7e97;
}
#closedBox ul li.centerAfter {
	margin-bottom: 7px;
	padding: 2px 0 1px 0;
	color: white;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #999999;
}
#closedBox h3 {
	margin-bottom: 18px;
}