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

/* 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;
}

/* 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:152px;}
#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 {}

/* gnav
--------------------------------------*/
#gnav {
	clear:both; 
	margin-top:19px;
}

/* panNav
--------------------------------------*/
#panNav {
	clear:both; 
	margin-top:19px;
}
#panNav ul {}
#panNav ul li {
	display:inline;
	font-size:77%;
}

/* slideshow
--------------------------------------*/
#slideshowImages {
	clear:both;
	margin-bottom:25px;
}
ul.slideshow {}

/* container
--------------------------------------*/
#container {
	width:952px;
	margin: 0 auto;
	text-align: left;
}

/* sidebar
--------------------------------------*/
#sidebar {
	width:210px;
	float:left; 
	display:inline;
	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:110px;
}
#main div#news ul li p.right {
	width:560px;
}

/* 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%;
}


/* 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: 25px 0 20px 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:150px;
	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:15px;
}
#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:280px;
	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:15px;
}
#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:140px;
}
#footerTop div.contents div.about ul.right {
	float:left;
	display:inline;
	width:120px;
	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:480px;
	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:15px;
}
#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:260px;
}
#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:auto;
}
#footerTop div.contents div.program div.btm ul li {
	float:left;
	display:inline;
	width:158px;
}
#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:750px;/*690*/
	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;
}