@charset "UTF-8";

/* CSS Document */
@media screen and (max-width: 640px) {

.pc-only {
	display:none;
}
.sp-only {
	display:block;
}
img {
	max-width:100%;
	height:auto;
}
/******************//*20150702 変更分（下層ページ分）*/
#header_03 {
	background: none;
	margin-bottom:30px;
}
#header_03 div.contents {
	width: 100%;
	margin: 0 auto;
}
#header_03 div.contents div.top {
	display:none;
	background: url(../images/sp/bg_header.jpg) top left;
	padding-bottom:5px;
}
#header_03 div.contents div.top_sp {
	display:block;
	background: url(../images/sp/bg_header.jpg) top left;
	padding:0 0 5px 5px;
	text-align:center;
}
#header_03 div.contents div.top_sp ul {
	margin:0;
}
#header_03 div.contents div.top_sp ul li {
	display:inline-block;
	color:#FFFFFF;
	margin-top:5px;
}
#header_03 div.contents div.top_sp ul li p.day {
	background-color: #7e97cd;
	border-radius: 3px;
	padding-top: 0px;
	margin-right: 10px;
	width: 50px;
	height: 12px;
	font-size: 85%;
	text-align: center;
}
#header_03 div.contents div.top_sp ul li p.time {
	height: 12px;
	padding-top: 0px;
	margin-right: 10px;
	font-size: 85%;
}
#header_03 div.contents div.top_sp ul li p.item {
	margin:0 10px 0 0;
}
#header_03 div.contents div.top_sp ul li p.item a {
	color:#fff;
	text-decoration:none;
}
#header_03 div.contents div.top_sp ul li p.item a:before {
	content:url(../images/item-sankaku.png);
	display:block;
	float:left;
	padding:5px 2px 0 0;
}
#header_03 div.contents div.btm {
	width: 95%;
	margin: 0 auto;
}
#header_03 div.contents div.btm div.left {
	width: 40%;
	float: left;
	display: block;
	margin-bottom:5px;
}
#header_03 div.contents div.btm div.left h1 {
	width: 212px;
	float: left;
	display: inline;
	margin: 10px 20px 0 0;
}
/*20150702 追加*/
#header_03 div.contents div.btm .new_h1 {
	color: #006;
	padding: 5px 0 0 0;
	font-size: 10.5px;
	text-align: center;
}
/*20150702 追加*/
#header_03 div.contents div.btm div.left .logo {
	width: 95%;
	height: auto;
	float: none;
	display: inline;
	margin: 10px 20px 0 0;/*40*/
}
#header_03 div.contents div.btm div.left h2 {
	margin-top: 5px;
	width: 100%;
}/*50*/
#header_03 div.contents div.btm div.left h2 img {
	width: 100%;
	height: auto;
}
#header_03 div.contents div.btm div.right {
	width: 50%;
	float: right;
	display: inline;
	margin-top: 5px;/*25*/
}
#header_03 div.contents div.btm div.right img {
	width: 100%;
	height: auto;
}
#header_03 div.contents div.btm div.right h3 {
	margin-bottom: 10px;
}
#header_03 div.contents div.btm div.right h4 {
}
/* gnav
--------------------------------------*/
#gnav {
	display: none;
	clear: both;
	margin-top: 19px;
}
#gnav_sp {
	display:block;
	clear: both;
	width: 100%;
	height:auto;
}
#gnav_sp .gnav_sp_menu {
	display:block;
}

/* slideshow
--------------------------------------*/
#slideshowImages {
	clear: both;
	width:100%;
	height:auto;
	margin-bottom: 0px;/*25*/
}
#slideshowImages img {
	width: 100%;
	height: auto;
}
ul.slideshow {
}
/* container
--------------------------------------*/
#container, #container-top {
	width: 95%;
	margin: 0 auto;
	text-align: left;
}
*:first-child+html #container-top {
	margin-top: 355px;
}
/* sidebar
--------------------------------------*/
#sidebar {
	width: 100%;
	float: none;
	display: block;
	overflow: hidden;
	margin-top:20px;
	text-align:center;
}
.sidebar-bdline {
	border: 1px dotted #dddddd;
}
/* sidebar sideNav
--------------------------------------*/
#sideNav {
	margin-bottom: 50px;
	overflow: hidden;
	width: 210x;
}
#sideNav h3 {
	text-align:left;
}
#sideNav h3 img {
	width:auto;
	height:auto;
}
#sideNav ul {
	background-color: #f0f9eb;
	padding: 0px 20px;
	text-align:left;
}
#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 {
	width: 80%;
	margin:0 auto 10px auto;
	overflow: hidden;
}
ul#bnr li {
	width:100%;
}
ul#bnr li img {
	width:100%;
	height:auto;
}
/* main
--------------------------------------*/
#main {
	width: 100%;
	float: none;
	display: inline;
	line-height: 170%;
}
/* main campaignArea
--------------------------------------*/
#main div#campaignArea {
	margin-bottom: 35px;
}
#main div#campaignArea img {
	width: 100%;
	height: auto;
}

/* 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: none;
	display: block;
	width: 84px;
	padding-top: 3px;
	_margin-bottom: -20px;
}
#main div#news div.tit p.infoLink {
	display:none;
}
#main div#news p.infoLink_sp {
	margin:10px 0 0 0;
	width:100%;
	text-align:right;
}
#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: 100%;		/* orgin 560px */
}
#main #news_sp_btn {
	display:block;
	padding:2px 0;
	background-color:#4e4e4e;
	text-align:center;
	color:#FFFFFF;
}
#main #news_sp_btn span:before {
	content:"＋ ";
}
#main #news_sp_btn.active span:before {
	content:"－ ";
}
#main #news_sp_extra {
	display:none;
}
#main #news_sp_extra.active {
	display:block;
}

/* main lesson
--------------------------------------*/
#main div#lesson {
	width: 100%;
	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: none;
	display: inline;
	line-height: 20px;
}
#main div#lesson ul li p.left {
	float:left;
	width: 30%;
	font-size: 95%;
}
#main div#lesson ul li p.right {
	float:left;
	width: 70%;
	font-size: 95%;
}
/* main text　20150702 追加*/
/*--------------------------------------*/
#main div#text {
	border: 1px solid #cccccc;
	margin: 30px 0 20px 0;
	padding: 15px;
}
#text_top {
	border: none;
	margin: 30px auto 20px auto;
	padding: 0;
	width: 95%;
}
#text_top_02 {
	border: 0;
	margin: 0px auto 20px auto;
	width: 95%;
}

#main div#text h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 5px;
	text-align: center;
}
/* pagetop include
--------------------------------------*/
p.pagetop {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-indent: -9999px;
	margin: 23px 0 30px 0;
}
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: 30px;
}
/* footer footerTop
--------------------------------------*/
#footerTop {
	display: none;
	background: url(../images/bg-buleDots.jpg) repeat;
}
/* footer footerCenter
--------------------------------------*/
#footerCenter {
}
#footerCenter div.contents {
	width: 100%;
	margin: 0 auto;
	padding: 14px 0;
}
#footerCenter div.contents div.left {
	float: none;
	display: inline;
	width: 100%;/*690 -> 750*/
	height: 40px;
}
#footerCenter div.contents div.left .aside {
	text-align: center;
}
#footerCenter div.contents div.left ul {
}
#footerCenter div.contents div.left ul li {
	display: inline-block;
	width: 40%;
	margin: 5px;
	padding: 0;
}
#footerCenter div.contents div.left ul li img {
	width: 100%;
	height: auto;
}
#footerCenter div.contents div.right {
	float: none;
	clear: both;
	display: block;
	width: 100%;
	height: auto;
	margin-top: 10px;
	text-align: center;
}

/* footer footerBtm
--------------------------------------*/
#footerBtm {
	background: url(../images/bg-footer_btm.jpg) repeat-x;
	color: #999999;
	font-size: 85%;
}
#footerBtm div.contents {
	width: 95%;
	margin: 0 auto;
	padding: 20px 2.5%;
}
#footerBtm div.contents div.left {
	float: none;
	display: block;
}
#footerBtm div.contents div.right {
	float: none;
	display: block;
	text-align: right;
}

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 {
	width:auto;
	border: 1px solid #d3d3d3;
}
#closedBox {
	margin-bottom: 35px;
	width: auto;
	float: none;
	text-align: center;
}
#closedBox .monthBoxAll .monthBox {
	width: 33%;
	padding: 0;
	float: left;
}

#closedBox .monthBoder {
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}
#closedBox .monthBoxAll .monthNow {
	background-color: #F2F2F2;
	margin: 0px;
	padding: 10px 2px;
	text-align: center;
}
#closedBox .monthBoxAll .monthAfter {
	background-color: #ffffff;
	margin: 0px;
	padding: 10px 2px;
	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;
}
}