@charset "UTF-8";
/* common */

.clear {
	clear:both;
}
.clear0 {
clear:both;
 font-size: 1%;
height:1px;
width:1px;
overflow:hidden;
line-height:0px;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.center {
	text-align:center;
}
.color_red {
	color:#ff0000;
}
.color01 {
	color:#aaaaaa;
}
.color02 {
color:#0368b8;
}
.color03 {
	color:#cc0000;
}
.color04 {
	color:#ad3140;
}
.margin0 {
	margin:0 auto;
}
.margin_top {
	margin-top:5px;
}
.margin_top01 {
	margin-top:10px;
}
.margin_top02 {
	margin-top:20px;
}
.margin_top03 {
	margin-top:30px;
}
.margin_top04 {
	margin-top:40px;
}
.margin_top05 {
	margin-top:50px;
}
.margin_bottom {
	margin-bottom:5px;
}
.margin_bottom01 {
	margin-bottom:10px;
}
.margin_bottom02 {
	margin-bottom:20px;
}
.margin_bottom03 {
	margin-bottom:30px;
}
.margin_bottom04 {
	margin-bottom:40px;
}
.margin_bottom05 {
	margin-bottom:50px;
}
.img100{
max-width: 100%;
height: auto;
width /***/:auto;
}


.bold {
	font-weight:bold;
}
.display_none {
	display:none;
}
.display_table {
	display:table;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.float_left_pc {
		float:left;
}
.float_left_pc-tab {
		float:left;
}
.text_right {
	text-align:right;
}
.text_left {
	text-align:left;
}
.middle {
	vertical-align:middle;
}
.bottom {
	vertical-align:bottom;
}
.top {
	vertical-align:top;
}
.h4 {
	background-color:#f0f0f0;
	font-weight:bold;
	padding:12px 15px;
	margin-bottom:10px;
	line-height:100%;
}


.btn01 {
	background-color:#b33f4d;
	padding:6px 10px;
	line-height:100%;
	    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	color:#ffffff; 
	width:auto;
	font-size:10px;
}

.btn01 a:link {
text-decoration:none;
color:#fff;
font-size:12px;
}
.btn01 a:visited {
text-decoration:none;
color:#fff;
font-size:12px;
}
.btn01 a:hover {
text-decoration:underline;
color:#fff;
font-size:12px;
}
.font_size01 {
	font-size:18px;
}
.font_size02 {
	font-size:21px;
}
.bg_img01 {
	background-image:url(../img/icon01.png);
	background-repeat:no-repeat;
	background-position:left center;
	height:23px;
}
.bg_img02 {
	background-image:url(../img/icon02.png);
	background-repeat:no-repeat;
	background-position:left center;
	height:23px;
}
.bg_img03 {
	background-image:url(../img/icon03.png);
	background-repeat:no-repeat;
	background-position:left center;
	height:23px;
}
.border01 {
	border:1px solid #ccc;
	padding:10px;
	box-sizing:border-box;
}
.indent01 {
	margin-left:5px;
}
.indent02 {
	margin-right:10px;
}
.indent03 {
	margin-right:5%;
}

.indent04 {
	margin-right:3%;
}
.indent05 {
	margin-right:4%;
}
.indent06 {
	margin-right:2%;
}
.text_indent01 {
	padding-left:2.2em;
    text-indent:-2.2em;
}
.view {
	background-image:url(../img/list01.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:15px;
	line-height:110%;
}

/* スマホ、タブ設定あり */
.width01 {
	width:45%;
}
.width02 {
	width:20%;
}
.width03 {
	width:35%;
}
/* // スマホ、タブ設定あり */

.width04 {
	width:15%;
}
.width05 {
	width:80%;
}
.width06 {
	width:95%;
}
.table01 {
	width:100%;
}
.table01 th {
	background-color:#f0f0f0;
	border:1px solid #ccc;
	padding:5px 1px;
	text-align:center;
}
.table01 td {
		padding:10px 1px;
	text-align:center;
	border:1px solid #ccc;
}
.table02 {
	width:100%;
}
.table02 th {
	background-color:#f0f0f0;
	border:1px solid #ccc;
	padding:5px 1px;
	text-align:center;
}
.table02 td {
		padding:10px 5px;
	border:1px solid #ccc;
}


/* table01とtable03は同じ　スマホ対策で作った */
.table03 {
	width:100%;
}
.table03 th {
	background-color:#f0f0f0;
	border:1px solid #ccc;
	padding:5px 1px;
	text-align:center;
}
.table03 td {
		padding:10px 1px;
	text-align:center;
	border:1px solid #ccc;
}

.table04 {
	width:100%;
	font-size:14px;
}

.table04 th {
	background-color:#f0f0f0;
	border:1px solid #ccc;
	padding:4px 5px;
	text-align:left;
}
.table04 td {
		padding:4px 7px;
	border:1px solid #ccc;
	text-align:right;
}


/* スマホ、タブレット用あり */
.table05 {
	width:100%;
	font-size:14px;
}

.table05 th {
	background-color:#f0f0f0;
	border:1px solid #ccc;
	padding:5px 10px;
	text-align:left;
	vertical-align:top;
	width:17%;
}
.table05 td {
		padding:5px 10px;
	border:1px solid #ccc;
	text-align:left;
	width:83%;
}
.table05 td ul {

}
.table05 td li {
	background-image:url(../img/list02.gif);
	background-repeat:no-repeat;
	background-position:left 0.4em;
	line-height:1.5em;
	padding-left:13px;
}


.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:18%;	
}
.table05 td dd {
	float:left;
	width:82%;
}
.table05 td dd ol {
margin-left:1.7em;
}
.table05 td dd ol li{
	list-style-type:decimal;
	background-image:none;
		margin-left:0;
	padding-left:0;
}

.table06 {
	width:100%;
	font-size:14px;
}
.table06 th {
	background-color:#f8f8f8;
	padding:8px 5px;
	border:1px solid #ccc;
	text-align:center;
	line-height:130%;
}
.table06 td {
	padding:8px 5px;
	border:1px solid #ccc;
	line-height:130%;
}
/* スマホ、タブレット用あり */
.table07 {
	width:65%;
}
.table07 th {
	background-color:#f8f8f8;
	padding:8px 5px;
	border:1px solid #ccc;
	text-align:center;
	line-height:130%;
}
.table07 td {
	padding:8px 5px;
	border:1px solid #ccc;
	line-height:130%;
}


.table08 {
	width:auto;
	max-width:700px;
}
.table08 th {
background-color:#f8f8f8;
	padding:8px 15px;
	border:1px solid #ccc;
	text-align:center;
	line-height:130%;
}
.table08 td {
	text-align:left;
	padding:8px 15px;
	border:1px solid #ccc;
	line-height:130%;
}
/* // スマホ、タブレット用あり */

.table09 {
	width:100%;
}
.table09 th {
	width:33%;
	background-color:#efefef;
	padding:10px;
	border:1px solid #ccc;
}
.table09 td {
	width:67%;
	padding:10px;
	border:1px solid #ccc;
}

.ul01 {
	
}
.ul01 li {
	float:left;
	width:31%;
	margin-right:2%;
}

.ul02 {
	
}
.ul02 li {
	float:left;
	width:23%;
	margin-right:2%;
}
#main .ul03 {
	 width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
border:1px solid #ccc;
padding:15px 20px;
margin:0 auto;

}
.ul03:after {
	 content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}
.ul03 li {
	float:left;
	margin-right:0px;
}


.ol01 {
	list-style-type:decimal;
	padding-left:27px;
}

.ol02 {
list-style-type:lower-alpha;
	padding-left:27px;
}
/* top */

#main .slider-nav {
	width:100%;
	background-color:#fbe7e7;
	margin:0 auto;
	padding:0;
	text-align:center;
	padding:2% 1.7em 2% 1.7em;
	/* padding:20px 9px 20px 25px; */
}
.slider-nav li {
	/* width:20%;
	text-align:center; */
}
.slider-nav li img {
	/* max-width:169px; */
	width:95%;
	margin:0 3px;
}
#main .slider-for img {
	max-width:980px;
	width:100%;
}


/* タブ設定 */
#main #top_main_left #tab-box {
	margin-bottom:30px;
}

#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:42px;
}

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

#tab-box ul .li99 {
	float:right;
	display:inline;
	text-align:right;
	background-image:url(../img/list01.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:15px;
	line-height:110%;
}
	
	
	
#tab-box dl {
display:none;
max-width:720px;
width:100%;
margin-bottom:0px;
line-height:140%;
font-size:14px;
font-size:1.4rem;
}

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


#tab-box dl dt {
	float:left;
	clear:both;
	width:27%;
	margin-bottom:15px;
	margin-bottom:1.5rem;
	background-position:center right;
	line-height:23px;
	/* border-bottom:1px dotted #ccc; */
}

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

#tab-box dl img {
	
}

.clearFix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
zoom:1;
}

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

/* 学園概要 */
.about01 {
	display:table-cell;
	width:65%;
	vertical-align:middle;
}
.about02 {
	display:table-cell;
	width:30%;
	vertical-align:middle;
	text-align:center;
}
.about02 img {
	width:95%;
	margin:3px;
}

/* 学園概要終わり */

/* 学費・奨学金 */
.gakuhi {
	width:100%;
	margin-bottom:10px;
}
.gakuhi .gakuhi_left {
	width:48%;
	float:left;
}
.gakuhi .gakuhi_right {
	width:48%;
	float:right;
}
.gakuhi h4 {
	background-color:#f0f0f0;
	padding:6px 10px 3px 10px;
	margin-bottom:10px;
	font-weight:bold;
}
.gakuhi h5 {
	font-weight:bold;
	margin-bottom:2px;
}
.gakuhi ul {
	margin-left:20px;
}
.gakuhi li {
	list-style:disc;
}
.gakuhi ul,p {
	margin-bottom:10px;
}

/* 進路情報 */

.shinro {
	margin-bottom:20px;
}
#main #sub_main_right .shinro .shinro_h3 {
	background-image:none;
	background-color:#f0f0f0;
	font-weight:bold;
	padding:10px 10px;
	line-height:100%;
	margin-bottom:10px;
	border-bottom:none;
}
.shinro .shinro_left {
	float:left;
	width:69%;
	margin-bottom:0;
	padding-bottom:0;
}
.shinro .shinro_right {
	width:31%;
	float:left;
	text-align:right;
}
.shinro .shinro_right img {
	width:100%;
	max-width:200px;
}
.shinro01 {
	border:1px solid #ccc;
	padding:10px 0px 0px 33px;
	width:100%;
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:20px;
}

.shinro01 li {
	float:left;
	margin:0;
	list-style-type:disc;
	width:32.5%
}

/* カリキュラム */
.curriculum01 {
	background-color:#f6f5f5;
	padding:15px 5px 12px 43px;
	width:100%;
	margin-bottom:20px;
}
.curriculum01 li {
	/* width:50%; */
	float:left;
	font-size:20px;
	font-size:2.0rem;
	list-style-type:square;
	line-height:160%;
	margin-right:80px;
}
.curriculum02 {
	padding:15px;
	width:100%;
	background-color:#f6f5f5;
	margin-bottom:20px;
}
.curriculum02 .cur_ul01 {
	width:100%;
	margin-left:30px;
	margin-bottom:10px;
}
.curriculum02 .cur_ul01 li {
	float:left;
	font-size:20px;
	font-size:2.0rem;
	list-style-type:square;
	line-height:160%;
	margin-right:100px;
}
.curriculum02 .cur_ul02 {
	width: 100%;
}
.curriculum02 .cur_ul02 li {
    float:left;
    width: 33%;
    padding-right: 3%;
} 
/* 新着情報一覧 */
#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:27%;
	margin-bottom:15px;
	margin-bottom:1.5rem;
	background-position:center right;
	line-height:23px;
}

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

/* 制服紹介 */
.uniform01 {
	border:1px solid #ccc;
	padding:15px 20px;
	margin-bottom:25px;
}
#main #sub_main_right .uniform01 h3 {
	border-bottom:2px solid #999;
	background-image:none;
	padding-bottom:8px;
	padding-left:0px;
    margin-bottom:10px;
	font-size:16px;	
}
.uniform01 h3 span {
	font-size:24px;
}

.uniform02_left {
	width:47%;
	float:left;
	margin-bottom:20px;
}
.uniform02_left .uni_h402 {
		background-image:url(../img/uniform_img01.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:73px;
	margin-bottom:10px;
}
.uniform02_left .uni_h403 {
		background-image:url(../img/uniform_img02.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:73px;
	margin-bottom:10px;
}


.uniform03 {
	width:100%;
	margin-bottom:40px;
}
.uniform03 .uni_h401 {
		background-image:url(../img/uniform_img03.png);
	background-repeat:no-repeat;
	background-position:left center;
	height:73px;
	margin-bottom:10px;
}
.uniform04 {
	background-color:#f7f7f7;
	padding:25px 25px;
	text-align:center;
	margin-bottom:30px;
}
.uniform04 li {
	margin-bottom:10px;
}

/* 学事日程 */
.gakuji {
	width:100%;
	border-left:5px solid #d7a0a7;
	padding-left:15px;
	margin-bottom:30px;
}
.gakuji .gakuji_left {
	float:left;
	width:30%;
}
.gakuji .gakuji_left dt {
	margin-bottom:5px;	
}
.gakuji .gakuji_left dt img {
	width:100%;
	max-width:210px;
}
.gakuji .gakuji_right {
	float:left;
	width:67%;
	margin-left:3%;
}

.gakuji .gakuji_right li {
	float:left;
	width:48.4%;
}
.gakuji .gakuji_right li h4 {
	font-weight:bold;
	font-size:16px;
	margin-bottom:5px;
	line-height:140%;
}
.gakuji .gakuji_right li img {
	width:100%;
}
.gakuji01 {
	margin-bottom:40px;
}
.gakuji01 li {
	float:left;
	width:31%;
}
.gakuji01 li img {
	width:100%;
}
.gakuji02 {
	background-color:#f6f5f5;
	text-align:center;
	padding:20px 0px;
}
.gakuji02 img {
	width:100%;
	max-width:615px;
}

/* 入学までの流れ */
.flow {
	width:100%;
	margin-bottom:30px;
}
.flow dt {
	float:left;
	width:22%;
}
.flow dt h4 {
	background-color:#f0f0f0;
	padding:7px 0;
	text-align:center;
	font-weight:bold;
}
.flow dt div {
	text-align:center;
	margin:10px;
	margin-bottom:0px;
}
.flow dd {
	float:left;
	width:74%;
	margin-left:4%;
	padding-top:7px;
	margin-bottom:10px;
}
.flow dd ol {
	list-style-type:decimal;
margin-left:5.5%;
}
	
/* Q＆A */
#panel {
  width:100%;
  max-width: 700px;
}
#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.6% 6%;
	margin-bottom:10px;
    hieght:1;
	width:100%;
}
#sub_main_right #panel dt h3 {
	font-size:15px;
	font-size:1.5rem;
	font-weight:bold;
	border:none;
	background-color:none;
	background-image:none;
    padding:0;
	margin:0;
}
	
#panel > dt {
  cursor: pointer;
  /* padding: 10px; */
}
 
#panel > dd {
  margin: 0px;
  margin-bottom:30px;
}
#panel dd h4 {
	background-image:url(../img/q.png);
	background-repeat:no-repeat;
	/* background-position:13px center; */
	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;
}
#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 47px;

}
#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;

}
#panel dd p a:link {
text-decoration:underline;
color:#ad3140;
}
#panel dd p a:visited {
text-decoration:underline;
color:#ad3140;
}
#panel dd p a:hover {
text-decoration:none;
color:#666666;
}

/* 沿革（略史） */
.enkaku {
	width:100%;
	clear:both;
}
.enkaku dt {
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	width:25%;
	float:left;
	padding:0px 0 0 10px;
	line-height:140%;
	margin-bottom:0px;
}
.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:25%;
	line-height:140%;
	margin-bottom:0px;
}

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

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

#rinen02 {
	background-color:#f8f8f8;
    padding:25px 30px 10px 30px;
}
#sub_main_right #rinen02 h3 {
	border-bottom:none;
	background-image:none;
	padding-left:0px;
	font-size:30px;
	font-weight:bold;
	margin-bottom:20px;
	text-align:center;
}
#rinen02 h4 {
	text-align:center;
	font-size:22px;
	margin-bottom:20px;
}
#rinen02 dl {
	width:100%;
	clear:both;
}
#rinen02 dt {
	float:left;
	width:13%;
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
}
#rinen02 dd {
	width:100%;
	padding-left:15%;
	font-size:16px;
	margin-bottom:10px;
}

/* 卒業生の方　証明書 */
.alumni01 {
	border:1px solid #ccc;
	padding:12px 16px 12px 46px;
	list-style-type:decimal;
	margin-top:5px;
	display: inline-block;
}

/* アクセス */
.access {
position: relative;
padding-bottom: 56.25%;
/* padding-bottom:79.13%; */
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.access iframe,
.access object,
.access embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.access02 {
position: relative;
padding-bottom: 115%;
/* padding-bottom:79.13%; */
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.access02 iframe,
.access02 object,
.access92 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* サイトマップ */
.sitemap01 {
	width:47%;
	float:left;
	margin-right:6%;
	margin-bottom:20px;
}
	
.sitemap01 ul {
	width:100%;
	margin-left:4%;
	margin-bottom:0px;
}
.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;
}

.sitemap02 {
	width:47%;
	float:left;
	margin-bottom:20px;
}
	
.sitemap02 ul {
	width:100%;
	margin-left:4%;
	margin-bottom:0px;
}
.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;
}

/* クラブ活動 */
.club {
	max-width:700px;
	width:100%;
	margin-bottom:30px;
}
.club ul {
	margin-right:-2%;
}
.club li {
	float:left;
	width:48%;
	margin-right:2%;
	margin-bottom:12px;
	border:1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.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%;
}
.club li h4 br {
	display:none;
}
.club li p {
	display:inline-block;
 vertical-align:middle;
 margin-bottom:0;
}
.club li img {
	vertical-align:bottom;
	 margin-bottom:0;
}


.club01 {
	max-width:700px;
	width:100%;
	text-align:center;
	margin:0 auto;
	margin-bottom:50px;
}
.club01 table {
	max-width:700px;
	width:100%;
	margin-bottom:50px;
	font-size:15px;
	font-size:1.5rem;
}
.club01 table th {
	background-color:#f1f1f1;
	padding:7px 12px;
	border:1px solid #ccc;
	width:20%;
	vertical-align:top;
}
.club01 table td {
	padding:7px 12px;
	border:1px solid #ccc;
	text-align:left;
}
.club01 table td ul {
	width:100%;
	margin-left:20px;
}
.club01 table td ul li {
	list-style-type:disc;
	padding-left:0px;
	padding-right:12px;
}
.club01 .frame {
	/* display: inline-block; */
	position: relative;
	width:100%;
	margin-bottom:20px;
}
.club01 .frame:after {
	/* position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	background: #fff;
	z-index: -1; */
	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);
}
.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;
}
.club01 .frame02 {
		margin-bottom:20px;
}
.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:700px;
	height:auto;
}

.club01 .ul_img {
	width:100%;
	clear:both;
}
.club01 .ul_img li {
	float:left;
	width:32%;
}
.club01 .ul_img li img {
	width:100%;
	height:auto;
}
.club01 img {
		max-width:700px;
		width:auto;
	text-align:center;
}

/*　教員紹介 */
.teacher {
	max-width:700px;
	width:100%;
	margin-bottom:30px;
}
.teacher ul {
	margin-right:-2%;
}
.teacher li {
	float:left;
	width:48%;
	margin-right:2%;
	margin-bottom:12px;
	padding:5px;
	border:1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.teacher li .teacher_left {
	float:left;
	width:37%;
	margin-right:3%;
}
.teacher li .teacher_left img {
	width:100%;
	max-width:120px;
	height:auto;
	vertical-align:bottom;
}
.teacher li .teacher_right {
	float:left;
	width:60%;
}
#main #sub_main_right .teacher li .teacher_right h3{
	border-bottom:none;
	background-image:none;
	padding:0;
	margin:0;
	line-height:120%;
	border-left:5px solid #e4e4e4;
	padding-left:10px;
	margin-top:3px;
	font-size:15px;
	font-weight:bold;
}
.teacher li .teacher_right h3 span {
	font-size:14px;
	font-weight:normal;
}
.teacher li .teacher_right p {
	font-size:15px;
	font-weight:bold;
	line-height:120%;
	margin-top:10px;
}

.teacher a:link {
text-decoration:none;
color:#333333;
}
.teacher a:visited {
text-decoration:none;
color:#333333;
}
.teacher a:hover {
text-decoration:underline;
color:#ad3140;
}

.teacher01_left {
	float:left;
	width:45%;
	margin-right:2%;
	margin-bottom:15px;
}
.teacher01_left 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:100%;
	max-width:300px;
	height:auto;
}
.teacher01_right {
	float:left;
	width:53%;
	margin-bottom:15px;
}
#main #sub_main_right .teacher01_right h3{
	border-bottom:none;
	background-image:none;
	padding:0;
	margin:0;
	line-height:120%;
	border-bottom:4px solid #e4e4e4;
	padding-bottom:5px;
	margin-top:3px;
	margin-bottom:10px;
	font-size:20px;
	font-weight:bold;
}
.teacher01_right h4{
	font-weight:bold;
	font-size:20px;
	margin-top:13px;
}








