@charset "UTF-8";
html {
font-size: 62.5%;
	overflow-x:hidden;
}
body {
margin:0px auto;
padding:0px;
text-align:center;
line-height:160%;
font-size:15px;
font-size:1.5rem;
font-family:メイリオ,ＭＳ Ｐゴシック,sans-serif,ヒラギノ角ゴ Pro W3;
color:#333333;
	overflow-x:hidden;
text-align:left;
}
img {
	  touch-callout:none;
	  user-select:none;
	  -webkit-touch-callout:none;
	  -webkit-user-select:none;
	  -moz-touch-callout:none;
	  -moz-user-select:none;
}

input, select, textarea {
font-size: 100%;
}

a:link {
text-decoration:none;
color:#666666;
}
a:visited {
text-decoration:none;
color:#333333;
}
a:hover {
text-decoration:underline;
color:#ad3140;
}
a:link img, a:visited img, a:hover img {
text-decoration:none;
}

#head {
	width:100%;
	margin:0px auto;
	border-bottom:6px solid #ad3140;
	height:96px;
		box-sizing: border-box;
}
#head .head {
	margin:5px auto;
	max-width:980px;
	width:100%;
}
.head h1 {
	width:165px;
	float:left;
	text-align:left;
height:96px;
}


#main {
	max-width:980px;
	width:100%;
	margin:0px auto;
	margin-bottom:30px;
}
#main h1 {
	margin-bottom:0;
}
#main h1 img {
	width:100%;
}
#main #pankuzu {
margin:5px 0px;
font-size:14px;
font-size:1.4rem;
text-align:right;
}
#pankuzu li {
display:inline;
}

#main #top_main_left {
	float:left;
	max-width:720px;
	width:73%;
	box-sizing: border-box;
	margin-top:40px;
}
#main #top_main_right {
	float:right;
	max-width:230px;
	width:23%;
	margin-left:35px;
	box-sizing: border-box;
	margin-top:40px;
}

#main #sub_main_left {
	float:left;
	max-width:250px;
	width:25.5%;
	box-sizing: border-box;
}
#main #sub_main_left h2 {
	margin-bottom:0px;
}
#main #sub_main_left h2 img {
	width:100%;
}
#main #sub_main_left ul {
	width:100%;
	margin:0;
}
#main #sub_main_left li {
	background-image:url(../img/arrow06.png);
	background-repeat:no-repeat;
	background-position:7% center;
	background-color:#fbe7e7;
	padding:17px 0 17px 12%;
	margin-bottom:1px;
	line-height:1;
}


#main #sub_main_right {
	float:right;
	max-width:700px;
	width:71.4%;
	margin-left:3%;
	box-sizing: border-box;
	text-align:left;
}
#main #sub_main_right h2 {
	background-image:url(../img/sub_midashi_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:contain; */
	background-size: 100% auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding:3% 5%;
	padding-left:4%;
	margin-bottom:15px;
    hieght:1;
	width:100%;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
}
#main #sub_main_right h3 {
	background-image:url(../img/midashi_bg.gif);
	background-repeat:no-repeat;
	background-position:left center;
	border-bottom:1px solid #ccc;
	padding:4px 15px;
	font-weight:bold;
	margin-bottom:20px;
}
#main #sub_main_right .kiji img {
	max-width: 100%;
}


.page_top {
position: fixed;
bottom: 190px;
 right:10px;
 z-index:100;
}
#footer {
	background-color:#fbe7e7;
	width:100%;
	padding:15px 0px;
	margin:0px auto;
}

#footer .footer_content {
	max-width:980px;
	margin:0px auto;
	text-align:left;
	padding:0px 10px;
}
#footer .footer_content h2 {
	margin-bottom:5px;
}

#footer .footer_content address {
	font-size:15px;
	font-size:1.5rem;
}
#footer .footer_content p {
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:10px;
}
#footer .footer_content .footer_nav {
	text-align:right;
	font-size:13px;
	font-size:1.3rem;
}
#footer .footer_content .footer_nav li {
	display:inline;
	line-height:110%;
}
#footer .footer_content .footer_nav li img {
	vertical-align:middle;
	margin-right:10px;
}
#footer .copy {
	margin-top:10px;
	background-color:#ad3140;
	color:#fff;
	text-align:center;
	padding:5px;
}

/*===============================================
●style.css 画面の横幅が840px以上
===============================================*/
@media screen and (min-width: 840px), print{

/* #mainframe{
width:100%;
}  */
.smart {display:none;}
.tab  {display:none;}
.tab_smart  {display:none;}
#openMenu {display:none;}
#layerMenu {display:none;}
#closeMenu {display:none;}


/* サブページのコンテンツ */


}

/*===============================================
●tablet.css 画面の横幅が839pxまで
===============================================*/
@media screen and (min-width:641px) and (max-width:839px){

/* #mainframe{
width:100%;
} */


.smart {
		display:none;
}
.pc {
		display:none;
}
.tab_img {
	width:100%;
}

.float_left_pc {
	float:none;
}

.head h1 {
	width:150px;
}

#main #sub_main_right .width01 {
	width:31%;
}
#main #sub_main_right .width02 {
	width:26%;
}
#main #sub_main_right .width03 {
	width:35%;
}

#main #top_main_left {
	float:left;
	width:70%;
	box-sizing: border-box;
	margin-top:40px;
	margin-left:1%;
}
#main #top_main_right {
	float:right;
	width:25%;
	margin-left:3%;
	margin-right:1%;
	box-sizing: border-box;
	margin-top:40px;
}
#main #top_main_right img {
	width:100%;
}


#main #top_main_left #tab-box {
	margin-bottom:0px;
}
#main #top_main_left #tab-box ul {
width:100%;
padding: 0;
list-style: none;
margin-bottom:0px;
}
#main #top_main_left #tab-box ul .li20 {
margin-right:5px;
margin-right:0.5rem;
float:left;
display:inline;
font-size:0;
}

#main #top_main_left #tab-box ul .li0 {
margin-right:5px;
margin-right:0.5rem;
float:left;
display:inline;
font-size:0;
}
#main #top_main_left #tab-box ul .li99 {
	display:none;
}

#main #top_main_left #tab-box ul li a img{
outline:none;
border:none;
}
#main #top_main_left #tab-box dl {
display:none;
max-width:720px;
width:100%;
margin-bottom:0px;
line-height:140%;
font-size:14px;
font-size:1.4rem;
}
#main #top_main_left #tab-box dl dt {
	float:left;
	clear:both;
	width:33%;
	margin-bottom:15px;
	margin-bottom:1.5rem;
	background-position:center right;
	line-height:23px;
	/* border-bottom:1px dotted #ccc; */
}

#main #top_main_left #tab-box dl dd {
		/* float:left; */
	width:100%;
	padding-left:36%; 
	line-height:23px;
	border-bottom:1px dotted #999;
	margin:15px 0px;
	margin:1.5rem 0;
}

#main .banner01 {
	/* width:100%;
	max-width:980px; */
	padding:0 1%;
	margin-right:-1%;
	margin-bottom:20px;
    overflow:hidden;
}
#main .banner01 p {
	float:left;
	width:49%;
	margin-right:1%;
	margin-bottom:10px;
	display:inline;
}
#main .banner01 p img {
	width:100%;
	max-width:480px;
	height:auto;
}

#main #sub_main_left {
	float:left;
	max-width:250px;
	width:24.5%;
	box-sizing: border-box;
	margin-left:1%;
}
#main #sub_main_right {
	float:right;
	max-width:700px;
	width:71.4%;
	margin-left:2%;
	margin-right:1%;
	box-sizing: border-box;
	text-align:left;
}

#main #sub_main_right .table05 td dt {
	background-image:url(../img/list02.gif);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:1.5em;
	padding-left:13px;
	float:left;
	width:24%;	
}
#main #sub_main_right .table05 td dd {
	float:left;
	width:76%;
}


#main #sub_main_right .ul01 {
	
}
#main #sub_main_right .ul01 li {
	float:left;
	width:45%;
	margin-right:4%;
}
#main #sub_main_right .ul02 {

}
#main #sub_main_right .ul02 li {
	float:left;
	width:30%;
	margin-right:2%;
}


#openMenu{
	display:none;
}
#layerMenu{
	display:none;
}
#closeMenu {
	display:none;
}

#slider2 .ul01 {
position:absolute;
top:10px;
padding-left:10px;
z-index:5;
}
#slider2 .ul01 li {
	float:none;
	/* padding-right:15px; */
}
#slider2 .ul01 li img {
	height:17px;
}
#slider2 .ul02 {
position:absolute;
top:10px;
right:0px;
padding-right:10px;
z-index:7;
}
#slider2 .ul02 li {
	float:none;
	/* padding-left:15px; */
}
#slider2 .ul02 li img {
	height:17px;
}





#footer .footer_content .footer_left{
	font-size:15px;
	font-size:1.5rem;
}
#footer .footer_content .footer_left address{
	font-size:15px;
	font-size:1.5rem;
}
#footer .footer_content .footer_left address span{
	font-size:15px;
	font-size:1.5rem;
}

/* 新着情報一覧 */
#new {
max-width:720px;
width:100%;
margin-bottom:0px;
line-height:140%;
font-size:14px;
font-size:1.4rem;
}

#new:after {
    clear: both;
} 


#new dt {
	float:left;
	clear:both;
	width:32%;
	margin-bottom:15px;
	margin-bottom:1.5rem;
	background-position:center right;
	line-height:23px;
}

#new dd {
	width:100%;
	padding-left:35%; 
	line-height:23px;
	border-bottom:1px dotted #999;
	margin:15px 0px;
	margin:1.5rem 0;
}

#main #sub_main_right .shinro01 {
	border:1px solid #ccc;
	padding:10px 0px 0px 28px;
	width:100%;
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:20px;
}

#main #sub_main_right .shinro01 li {
	float:left;
	margin:0;
	list-style-type:disc;
	width:45%
}
/* カリキュラム */
.curriculum_tab {
	margin-bottom:10px;
}
.curriculum_tab li {
	width:50%;
}
.curriculum_tab li img {
	width:95%;
}
#main #sub_main_right .curriculum02 {
	padding:15px;
	width:100%;
	background-color:#f6f5f5;
	margin-bottom:20px;
}
#main #sub_main_right .curriculum02 .cur_ul01 {
	width:100%;
	margin-left:30px;
	margin-bottom:10px;
}
#main #sub_main_right .curriculum02 .cur_ul01 li {
	float:left;
	font-size:20px;
	font-size:2.0rem;
	list-style-type:square;
	line-height:160%;
	margin-right:100px;
}
#main #sub_main_right .curriculum02 .cur_ul02 {
	width: 100%;
}
#main #sub_main_right .curriculum02 .cur_ul02 li {
    float:left;
    width: 45%;
    padding-right: 5%;
}

/* Q＆A */
#main #sub_main_right #panel {
  width:100%;
  max-width: 700px;
}
#main #sub_main_right #panel dt {
background-image:url(../img/qa_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	/* background-size:contain; */
	background-size: 100% auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding:2.2% 6%;
	margin-bottom:10px;
    hieght:1;
	width:100%;
}
/* 沿革（略史） */
#main #sub_main_right .enkaku {
	width:100%;
	clear:both;
}
#main #sub_main_right .enkaku dt {
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	width:30%;
	float:left;
	padding:0px 0 0 10px;
	line-height:140%;
	margin-bottom:0px;
}
#main #sub_main_right .enkaku dd {
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	/* float:left; */
	width:100%;
	border-left:3px solid #ac3342;
	padding:0px 0;
		padding-left:30%;
	line-height:140%;
	margin-bottom:0px;
}

#main #sub_main_right .club li h4 br {
	display:block;
}

/* クラブ活動 */
#main #sub_main_right .club01 .frame02 img {
	box-shadow:2px 2px 2px 2px #ededed;
	-webkit-box-shadow: 2px 2px 2px 2px #ededed;
	-moz-box-shadow: 2px 2px 2px 2px #ededed;
	border:5px solid #ffffff; 
	width:auto;
	max-width:100%;
	height:auto;
}
#main #sub_main_right .club01 img {
		max-width:100%;
		width:auto;
	text-align:center;
}

/* 教員紹介 */
#main #sub_main_right .teacher li .teacher_left {
	float:left;
	width:41%;
	margin-right:2%;
}
#main #sub_main_right .teacher li .teacher_left img {
	width:100%;
	max-width:140px;
	height:auto;
	vertical-align:bottom;
}
#main #sub_main_right .teacher li .teacher_right {
	float:left;
	width:57%;
}
#main #sub_main_right .teacher li .teacher_right p {
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	margin-top:5px;
}


}

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.pc_tab {display:none;}
.pc {display:none;}
.tab {display:none;}
.float_left_pc {
	float:none;
}
.float_left_pc-tab {
	float:none;
}

.smart_color01 {
	color:#ab3342;
}


img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

p {
	font-size:14px;
	font-size:1.4rem;
}

.smart_width50 {
	width:50%;
}
.smart_width50 img {
	width:98%;
}

#main #sub_main_right .margin_bottom05 {
	margin-bottom:30px;
}
#main #sub_main_right .table01 { 
			display: block; 
			position: relative; 
			width: 100%; 
		}
#main #sub_main_right .table01 th,td {
	padding:1px 15px;
}
#main #sub_main_right .table01 thead{ 
        display: block; 
        float: left; 
		width:auto;
    }
#main #sub_main_right .table01 tbody{ 
        display: block; 
        position: relative; 
        overflow-x: auto; 
        white-space: nowrap; 
    }
#main #sub_main_right .table01 thead tr{ 
				display: block; 
			}
#main #sub_main_right .table01 th{ 
				display: block; 
				text-align:left;
			}
#main #sub_main_right .table01 tbody tr{ 
				display: inline-block; 
				vertical-align: top; 
					width:auto;
			}
#main #sub_main_right .table01 td{ 
				display: block; 
			}
		/* borderの調整 */
#main #sub_main_right .table01 th{ 
			border-bottom: 0;
		}
#main #sub_main_right .table01 td{ 
			padding:1px 15px;
			border-left: 0; 
			border-right: 0; 
			border-bottom: 0;
			text-align:right;
		}
#main #sub_main_right .table01 tbody tr{ 
			border-right: 1px solid #ccc; 
		}
#main #sub_main_right .table01 th:last-child,
#main #sub_main_right .table01 td:last-child { 
			border-bottom: 1px solid #ccc; 
		}
		
#main #sub_main_right .table02 {
	width:100%;
}
#main #sub_main_right .table02 th {
	background-color:#f0f0f0;
	border:1px solid #ccc;
	padding:1px;
	text-align:center;
}
#main #sub_main_right .table02 td {
		padding:1px;
	border:1px solid #ccc;
	width:23%;
}		
		
		
#main #sub_main_right .table03 { 
			display: block; 
			position: relative; 
			width: 100%; 
		}
#main #sub_main_right .table03 th,td {
	padding:1px 5px;
}
#main #sub_main_right .table03 thead{ 
        display: block; 
        float: left; 
		width:auto;
    }
#main #sub_main_right .table03 tbody{ 
        display: block; 
        position: relative; 
        overflow-x: auto; 
        white-space: nowrap; 
    }
#main #sub_main_right .table03 thead tr{ 
				display: block; 
			}
#main #sub_main_right .table03 th{ 
				display: block; 
				text-align:left;
			}
#main #sub_main_right .table03 tbody tr{ 
				display: inline-block; 
				vertical-align: top; 
					width:auto;
			}
#main #sub_main_right .table03 td{ 
				display: block; 
			}
		/* borderの調整 */
#main #sub_main_right .table03 th{ 
			border-bottom: 0;
		}
#main #sub_main_right .table03 td{ 
			padding:1px 5px;
			border-left: 0; 
			border-right: 0; 
			border-bottom: 0;
			text-align:right;
		}
#main #sub_main_right .table03 tbody tr{ 
			border-right: 1px solid #ccc; 
		}
#main #sub_main_right .table03 th:last-child,
#main #sub_main_right .table03 td:last-child { 
			border-bottom: 1px solid #ccc; 
		}	


#main #sub_main_right .table05 td dt {
	background-image:url(../img/list02.gif);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:1.5em;
	padding-left:13px;
	float:none;
	width:100%;	
}
#main #sub_main_right .table05 td dd {
	float:none;
	width:100%;
	padding-left:13px;
}
#main #sub_main_right .table05 td dd ol {
margin-left:1.7em;
}
#main #sub_main_right .table05 td dd ol li{
	list-style-type:decimal;
	background-image:none;
		margin-left:0;
	padding-left:0;
}
#main #sub_main_right .table07 {
	width:100%;
}

#main #sub_main_right .table08 {
	width:100%;
	max-width:700px;
}
#main #sub_main_right .table08 th {
background-color:#f8f8f8;
	padding:8px;
	border:1px solid #ccc;
	text-align:center;
	line-height:130%;
}
#main #sub_main_right .table08 td {
	text-align:left;
	padding:8px;
	border:1px solid #ccc;
	line-height:130%;
}			

#main #sub_main_right .ul01 {
font-size:14px;	
}
#main #sub_main_right .ul01 li {
	float:left;
	width:45%;
	margin-right:4%;
}
#main #sub_main_right .ul02 {
font-size:14px;
}
#main #sub_main_right .ul02 li {
	float:left;
	width:45%;
	margin-right:4%;
}

#head {
	width:100%;
	margin:0px auto;
	border-bottom:none;
	height:auto;
		box-sizing: border-box;
}
#head .head {
	margin:5px auto;
	max-width:980px;
	width:100%;
}


.head h1 {
	width:100%;
	float:none;
	text-align:left;
	border-bottom:3px solid #ad3140;
	box-sizing: border-box;
height:58px;
}

.head h1 img {
	height:50px;
	width:auto;
}

#main {
	max-width:980px;
	width:100%;
	margin:0px auto;
	margin-bottom:0px;
}

#main #top_main_left {
	float:none;
	width:100%;
	box-sizing: border-box;
	padding:0 7px;
	margin-top:0px;
}
#main #top_main_right {
	float:none;
	max-width:640px;
	width:100%;
	margin-left:0;
	box-sizing: border-box;
	margin-top:10px;
	padding:0 7px;
}

#main #top_main_left #tab-box {
	margin:0;
}

#main #top_main_left #tab-box ul {
	background-image:url(../img/line02.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	max-width:720px;
width:100%;
padding: 0;
list-style: none;
margin-bottom:20px;
height:35px;
}

#main #top_main_left #tab-box ul .li20 {
margin-right:5px;
margin-right:0.5rem;
margin-left:0;
float:left;
display:inline;
font-size:0;
}
#main #top_main_left #tab-box ul .li0 {
margin-right:0px;
margin-left:0;
float:left;
display:inline;
font-size:0;
}
#main #top_main_left #tab-box ul li a img{
outline:none;
border:none;
}

#main #top_main_left #tab-box dl {
display:none;
max-width:720px;
width:100%;
margin-bottom:0px;
line-height:140%;
font-size:14px;
font-size:1.4rem;
}

#main #top_main_left #tab-box dl:after {
    clear: both;
} 


#main #top_main_left #tab-box dl dt {
	float:none;
	clear:none;
	width:175px;
	margin-bottom:0px;
	background-position:center right;
	line-height:23px;
	/* border-bottom:1px dotted #ccc; */
}

#main #top_main_left #tab-box dl dd {
	width:100%;
	padding-left:0%; 
	padding-bottom:5px;
	line-height:23px;
	border-bottom:1px dotted #999;
	margin:3px 0px 7px 0px;
}

#main #top_main_right .smart_top_ul {
	width:100%;
	text-align:center;
}
#main #top_main_right .smart_top_ul li {
	float:left;
	width:50%;
}
#main #top_main_right .smart_top_ul li img {
	max-width:225px;
	width:100%;
}

#main .banner01 {
	width:100%;
	padding:0 7px;
	margin-right:0%;
	margin-bottom:20px;
    box-sizing: border-box;
}
#main .banner01 p {
	float:none;
	width:100%;
	margin-right:0%;
	margin-bottom:5px;
	display:inherit;
}
#main .banner01 p img {
	width:100%;
	max-width:640px;
	height:auto;
}

#main #pankuzu {
margin:3px;
font-size:12px;
font-size:1.2rem;
text-align:right;
}
#pankuzu li {
display:inline;
}
#main #sub_main_left {
	float:none;
	max-width:100%;
	width:100%;
	box-sizing: border-box;
	padding:0 0px;
	margin-top:10px;
	margin-top:1.0rem;
	margin-bottom:0;
	border-bottom:3px solid #ad3140;
}
#main #sub_main_left ul {
	width:100%;
	margin:0;
}
#main #sub_main_left li {
	background-image:url(../img/arrow06.png);
	background-repeat:no-repeat;
	background-position:7% center;
	background-color:#fbe7e7;
	/*For Old WebKit*/
     background: url(../img/arrow06.png) no-repeat 5% center,-webkit-linear-gradient(top,#fcf2f2 0%,#f9dfdf 100%);
    /*For Modern Browser*/
     background: url(../img/arrow06.png) no-repeat 5% center,linear-gradient(to bottom,#fcf2f2 0%,#f9dfdf 100%); 
	padding:15px 0 15px 9%;
	margin-bottom:1px;
	line-height:1;
}

#main #sub_main_right {
	float:none;
	width:100%;
	margin-left:0%;
	box-sizing: border-box;
	padding:0 7px;
}
#main #sub_main_right h2 {
	background-image:none;
	border-top:2px solid #ad3140;
	background-color:#fbe7e7;
    padding:4px;
	padding-left:4%;
	margin-bottom:15px;
    hieght:1;
	width:100%;
	font-size:15px;
	font-size:1.5rem;
	font-weight:bold;
}
#main #sub_main_right h3 {
	margin-bottom:10px;
}

/* 学園概要 */
#main #sub_main_right .about01 {
	display:block;
	width:100%;
	vertical-align:middle;
}
#main #sub_main_right .about02 {
	display:none;
}

#main #sub_main_right .gakuhi .gakuhi_left {
	width:100%;
	float:none;
}
#main #sub_main_right .gakuhi .gakuhi_right {
	width:100%;
	float:none;
}
#main #sub_main_right .gakuhi h4 {
	background-color:#f0f0f0;
	padding:3px 10px 1px 10px;
	margin-bottom:5px;
	font-weight:bold;
}

/* //学園概要 */

/* 進路 */

#main #sub_main_right .shinro {
	margin-bottom:20px;
}
#main #sub_main_right .shinro .shinro_left {
	float:none;
	width:100%;
}

#main #sub_main_right .shinro .shinro_left img {
	width:30%;
    float:right;
	margin-left:10px;
}

#main #sub_main_right .shinro01 {
	border:none;
	padding:0px 20px;
	width:100%;
	font-size:13px;
	font-size:1.3rem;
}

#main #sub_main_right .shinro01 li {
	float:none;
	list-style-type:disc;
	width:100%
}
/* カリキュラム */
.curriculum_smart {
	margin-bottom:10px;
}
.curriculum_smart li {
	float:left;
	width:50%;
}
.curriculum_smart li img {
	width:95%;
}
#main #sub_main_right .curriculum01 {
	background-color:#f6f5f5;
	padding:10px 10px 10px 30px;
	width:100%;
	margin-bottom:10px;
}
#main #sub_main_right .curriculum01 li {
	width:100%;
	float:none;
	font-size:17px;
	font-size:1.7rem;
	list-style-type:square;
	line-height:150%;
	margin-right:0px;
}
#main #sub_main_right .curriculum02 {
	padding:10px;
	width:100%;
	background-color:#f6f5f5;
	margin-bottom:20px;
}
#main #sub_main_right .curriculum02 .cur_ul01 {
	width:100%;
	margin-left:25px;
	margin-bottom:10px;
}
#main #sub_main_right .curriculum02 .cur_ul01 li {
	float:none;
	font-size:17px;
	font-size:1.7rem;
	list-style-type:square;
	line-height:150%;
	margin-right:0px;
}
#main #sub_main_right .curriculum02 .cur_ul02 {
	width: 100%;
}
#main #sub_main_right .curriculum02 .cur_ul02 li {
    float:none;
    width: 100%;
    padding-right: 0%;
}

/* 学事日程 */
#main #sub_main_right .gakuji {
	width:100%;
	border-left:5px solid #d7a0a7;
	padding-left:8px;
	margin-bottom:30px;
	line-height:140%;
}
#main #sub_main_right .gakuji .gakuji_left {
	float:none;
	width:100%;
	margin-bottom:5px;
}
#main #sub_main_right .gakuji .gakuji_left dt {
	margin-bottom:5px;	
}
#main #sub_main_right .gakuji .gakuji_left dt img {
	width:100%;
	max-width:210px;
}
#main #sub_main_right .gakuji .gakuji_right {
	float:none;
	width:100%;
	margin-left:0%;
}

#main #sub_main_right .gakuji .gakuji_right li {
	float:left;
	width:48.4%;
	line-height:140%;
}
#main #sub_main_right .gakuji .gakuji_right li h4 {
	font-weight:bold;
	font-size:15px;
	margin-bottom:5px;
	line-height:140%;
}
#main #sub_main_right .gakuji .gakuji_right li img {
	width:100%;
}


/* 新着情報一覧 */
#main #sub_main_right #new {
max-width:720px;
width:100%;
margin-bottom:0px;
line-height:140%;
font-size:14px;
font-size:1.4rem;
}

#main #sub_main_right #new:after {
    clear: both;
} 


#main #sub_main_right #new dt {
	float:none;
	clear:none;
	width:175px;
	margin-bottom:0px;
	background-position:center right;
	line-height:23px;
}

#main #sub_main_right #new dd {
	width:100%;
	padding-left:0%; 
	padding-bottom:5px;
	line-height:23px;
	border-bottom:1px dotted #999;
		margin:3px 0px 7px 0px;
}

/* 制服紹介 */
#main #sub_main_right .uniform01 {
	border:1px solid #ccc;
	padding:7px 10px;
	margin-bottom:25px;
}
#main #sub_main_right .uniform02_left {
	width:100%;
	float:none;
	margin-bottom:10px;
}

/* 入学までの流れ */

#main #sub_main_right .flow dt h4 {
	background-color:#f0f0f0;
	padding:5px 1;
	text-align:center;
	font-weight:bold;
	line-height:140%;
}
#main #sub_main_right .flow dt div {
	text-align:center;
	margin:10px;
	margin-bottom:0px;
}
#main #sub_main_right .flow dd {
	float:left;
	width:74%;
	margin-left:4%;
	padding-top:7px;
	margin-bottom:10px;
	line-height:140%;
}
#main #sub_main_right .flow dd ol {
	list-style-type:decimal;
margin-left:9%;
}

/* Q＆A */
#main #sub_main_right #panel {
  width:100%;
  max-width: 700px;
}
#main #sub_main_right #panel dt {
background-image:none;
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f6f6f6));
    background:-webkit-linear-gradient(top, #fefefe, #f6f6f6);
    background:-moz-linear-gradient(top, #fefefe, #f6f6f6);
    background:-o-linear-gradient(top, #fefefe, #f6f6f6);
    background:linear-gradient(to bottom, #fefefe, #f6f6f6);
	border:1px solid #e6e6e6;
	border-left:5px solid #ad3140;
    padding:5px 10px;
	margin-bottom:5px;
    hieght:1;
	width:100%;
}
#main #sub_main_right #panel dt h3 {
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	border:none;
	background-color:none;
	background-image:none;
    padding:0;
	margin:0;
}
	
#main #sub_main_right #panel > dt {
  cursor: pointer;
  /* padding: 10px; */
}
 
#main #sub_main_right #panel > dd {
  margin: 0px;
  margin-bottom:30px;
}
#main #sub_main_right #panel dd h4 {
	background-image:url(../img/q.png);
	background-repeat:no-repeat;
	background-position:13px 7px;
	background-color:#e8e8e8;
	border:1px solid #ccc;
	border-bottom:none;
	
	padding:12px 10px 12px 47px;
	line-height:130%;
	font-size:15px;
	font-size:1.5rem;
	font-weight:bold;
}
#main #sub_main_right #panel dd div {
	background-image:url(../img/a.png);
	background-repeat:no-repeat;
	background-position:13px 10px;
	border:1px solid #ccc;
	border-top:none;
	padding:10px 10px 10px 10px;
}
#main #sub_main_right #panel dd div p {
	padding-left:37px;
}
#panel dd p {
	background-image:url(../img/a.png);
	background-repeat:no-repeat;
	background-position:13px 10px;
	border:1px solid #ccc;
	border-top:none;
	padding:10px 10px 10px 47px;
	line-height:150%;
}

/* 沿革（略史） */
#main #sub_main_right .enkaku {
	width:100%;
	clear:both;
}
#main #sub_main_right .enkaku dt {
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  border-left:3px solid #ac3342;
	width:100%;
	float:none;
	padding:0px 0 0 10px;
	line-height:140%;
	margin-bottom:0px;
}
#main #sub_main_right .enkaku dd {
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	/* float:left; */
	width:100%;
		  border-left:3px solid #ac3342;
	padding:0px 0;
		padding-left:10px;
	line-height:140%;
	margin-bottom:0px;
}

/* 学校施設 */
#main #sub_main_right .shisetsu01 {
	width:100%;
	margin-bottom:20px;
}
#main #sub_main_right .shisetsu01 li {
	width:48%;
	float:left;
	
}
#main #sub_main_right .shisetsu01 li img {
	width:100%;
}
#main #sub_main_right .shisetsu01 li h4 {
	background-image:url(../img/list03.png);
	background-repeat:no-repeat;
	background-position:left 1px;
	line-height:1;
	padding:1px 0px 1px 18px;
	border-bottom:none;
}
#main #sub_main_right .shisetsu02 {
	width:100%;
	margin-bottom:20px;
}
#main #sub_main_right .shisetsu02 li {
	width:32%;
	float:left;
	margin-bottom:10px;
}
#main #sub_main_right .shisetsu02 li img {
	width:100%;
}
#main #sub_main_right .shisetsu02 li h4 {
	background-image:url(../img/list03.png);
	background-repeat:no-repeat;
	background-position:left 1px;
	line-height:1;
    padding:1px 0px 1px 18px;
	border-bottom:none;
}

/* 建学の理念 */
#main #sub_main_right #rinen01 {
	border:1px solid #ccc;
	padding:15px 20px 10px 20px;
	margin-bottom:30px;
}
#main #sub_main_right #rinen01 h3 {
	border-bottom:none;
	background-image:none;
	padding-left:0px;
	font-size:26px;
	color:#ad3140;
	margin-bottom:10px;
}
#main #sub_main_right #rinen01 p {
	font-size:18px;
	line-height:160%;
}

#main #sub_main_right #rinen02 {
	background-color:#f8f8f8;
    padding:20px 20px 10px 20px;
}
#main #sub_main_right #rinen02 h3 {
	border-bottom:none;
	background-image:none;
	padding-left:0px;
	font-size:28px;
	font-weight:bold;
	margin-bottom:20px;
	text-align:center;
}
#main #sub_main_right #rinen02 h4 {
	text-align:center;
	font-size:20px;
	margin-bottom:20px;
}
#main #sub_main_right #rinen02 dl {
	width:100%;
	clear:both;
}
#main #sub_main_right #rinen02 dt {
	float:left;
	width:19%;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
#main #sub_main_right #rinen02 dd {
	width:100%;
	padding-left:21%;
	font-size:16px;
	margin-bottom:10px;
}
/* 卒業生の方　証明書 */
#main #sub_main_right .alumni01 {
	border:1px solid #ccc;
	padding:7px 7px 7px 35px;
	list-style-type:decimal;
	margin-top:5px;
	display: inline-block;
}

/* サイトマップ */
#main #sub_main_right .sitemap01 {
	width:100%;
	float:none;
	margin-right:6%;
	margin-bottom:10px;
}
	
#main #sub_main_right .sitemap01 ul {
	width:100%;
	margin-left:4%;
	margin-bottom:0px;
}
#main #sub_main_right .sitemap01 ul li {
	background-image:url(../img/list04.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:100%;
	padding-left:20px;
	margin-bottom:10px;
}

#main #sub_main_right .sitemap02 {
	width:100%;
	float:none;
	margin-bottom:10px;
}
	
#main #sub_main_right .sitemap02 ul {
	width:100%;
	margin-left:4%;
	margin-bottom:0px;
}
#main #sub_main_right .sitemap02 ul li {
	background-image:url(../img/list04.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:100%;
	padding-left:20px;
	margin-bottom:10px;
}

/* クラブ活動 */
#main #sub_main_right .club {
	max-width:980px;
	width:100%;
	margin-bottom:10px;
}
#main #sub_main_right .club ul {
	margin-right:0%;
}
#main #sub_main_right .club li {
	float:none;
	width:100%;
	margin-right:0%;
	margin-bottom:8px;
	border:none;
	border-bottom:1px solid #ccc;
	padding-bottom:8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#main #sub_main_right .club li h4 {
	background-image:url(../img/list04.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	display:inline-block;
 vertical-align:middle;
 line-height:110%;
}
#main #sub_main_right .club li h4 br {
	display:none;
}
#main #sub_main_right .club li p {
	display:inline-block;
 vertical-align:middle;
 margin-bottom:0;
}
#main #sub_main_right .club li img {
	vertical-align:bottom;
	 margin-bottom:0;
	 width:90px;
	 hieght:auto;
}

#main #sub_main_right .club01 {
	max-width:700px;
	width:100%;
	text-align:center;
	margin:0 auto;
	margin-bottom:20px;
}
#main #sub_main_right .club01 table {
	max-width:700px;
	width:100%;
	margin-bottom:20px;
	font-size:14px;
	font-size:1.4rem;
}
#main #sub_main_right .club01 table th {
	background-color:#f1f1f1;
	padding:5px 8px;
	border:1px solid #ccc;
	width:25%;
	vertical-align:top;
}
#main #sub_main_right .club01 table td {
	padding:5px 8px;
	border:1px solid #ccc;
	text-align:left;
}
#main #sub_main_right .club01 .frame {
	/* display: inline-block; */
	position: relative;
	width:100%;
	margin-bottom:20px;
}
#main #sub_main_right .club01 .frame:after {
	z-index: -1;
     position: absolute;
     content:'';
     bottom: 15px;
     left: 10px;
     width: 70%;
     top: 80%;
     max-width:700px;
     background: #acacac;
     /*影を入れる*/
     -webkit-box-shadow: 0px 15px 10px #acacac;
     -moz-box-shadow: 0px 15px 10px #acacac;
     box-shadow: 0px 15px 10px #acacac;
     /*回転させる*/
     -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
     -o-transform: rotate(-3deg);
     -ms-transform: rotate(-3deg);
     transform: rotate(-3deg);
}
#main #sub_main_right .club01 .frame img {
	box-shadow:1px 1px 1px 1px #ededed;
	-webkit-box-shadow: 1px 1px 1px 1px #ededed;
	-moz-box-shadow: 1px 1px 1px 1px #ededed;
	border:5px solid #ffffff; 
	width:100%;
	height:auto;
}
#main #sub_main_right .club01 .frame02 img {
	box-shadow:2px 2px 2px 2px #ededed;
	-webkit-box-shadow: 2px 2px 2px 2px #ededed;
	-moz-box-shadow: 2px 2px 2px 2px #ededed;
	border:5px solid #ffffff; 
	width:auto;
	max-width:100%;
	height:auto;
}

#main #sub_main_right .club01 img {
		max-width:100%;
		width:auto;
	text-align:center;
}

/* 教員紹介 */
#main #sub_main_right .teacher {
	max-width:700px;
	width:100%;
	margin-bottom:30px;
}
#main #sub_main_right .teacher ul {
	margin-right:0%;
	width:100%;
}
#main #sub_main_right .teacher li {
	float:none;
	width:100%;
	margin-right:0%;
	margin-bottom:12px;
	padding:5px;
	border:1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear:both;
}
#main #sub_main_right .teacher li .teacher_left {
	float:left;
	width:30%;
	margin-right:3%;
}
#main #sub_main_right .teacher li .teacher_left img {
	width:100%;
	max-width:300px;
	height:auto;
	vertical-align:bottom;
}
#main #sub_main_right .teacher li .teacher_right {
	float:left;
	width:67%;
}
#main #sub_main_right .teacher li .teacher_right p {
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	margin-top:6px;
}

#main #sub_main_right .teacher01_left {
	float:left;
	width:43%;
	margin-right:2%;
	margin-bottom:8px;
}
#main #sub_main_right .teacher01_left img {
		box-shadow:1px 1px 1px 1px #ededed;
	-webkit-box-shadow: 1px 1px 1px 1px #ededed;
	-moz-box-shadow: 1px 1px 1px 1px #ededed;
	border:3px solid #ffffff; 
	width:97%;
	max-width:250px;
	height:auto;
}
#main #sub_main_right .teacher01_right {
	float:left;
	width:55%;
	margin-bottom:8px;
}

#main #sub_main_right .teacher01_right h4{
	font-weight:bold;
	font-size:16px;
	margin-top:5px;
}




.page_top {
position: fixed;
bottom: 40px;
 right:6px;
 z-index:100;
}
.page_top img {
	width:35px;
}

#footer .copy {
font-size:13px;
font-size:1.3rem;
}
	
#footer .footer_content address {
	font-size:13px;
	font-size:1.3rem;
}
#footer .footer_content dl {
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:10px;
}
#footer .footer_content dt {
	float:left;
	width:30%;
}
#footer .footer_content dd {
	float:left;
	width:68%;
}
#footer .footer_content .footer_nav {
	text-align:center;
	font-size:13px;
	font-size:1.3rem;
}




#openMenu{
position:absolute;
top: 22px;
right:0px;
z-index:5;
}
#layerMenu{
display: none;
position:absolute;
top:79px;
right:0px;
width:25%;
height:30%;
font-size: 12px;
z-index:9999;
}
#layerMenu ul{
border-top: solid 1px #fbe7e7;
color:#111111;
}
#layerMenu ul li{
background: #fbe7e7;
list-style: none;
border-bottom: solid 1px #ccc;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
#layerMenu ul li a{
position: relative;
padding: 10px;
text-decoration: none;
color: #000;
display: block;
}
#layerMenu ul li a:hover{
color: #EA0001;
}
#closeMenu {
position: absolute;
top: -53px;
right: 0;
}





}

















































