@charset "utf-8";
html {
  /* body end */

}
html body {
  background: url("../images/00.png");
  /* #wrapper-all / div end */

}

.line0 {
	line-height:0;
}

body{-webkit-text-size-adjust: 100%; /*sp*/}
html body strong,
html body .strong {
  font-weight: bold;
}
html body em {
  text-decoration: underline;
  font-style: normal;
}
html body del {
  text-decoration: line-through;
}
html body .red {
  color: #f00;
}
html body .back-yellow {
  background: #ff0;
}
html body .contents {
  width: 925px;
  margin: 0 auto;
}
html body .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
html body a {
  color: #000;
  text-decoration: none;
}
html body a:hover {
  text-decoration: underline;
}
html body a:hover img {
  opacity: 0.6;
}
html body .button:hover {
  opacity: 0.6;
}
html body #wrapper-all {
  /* #top / div end */

  /* #header / div end */

  /* #main / div end */

}
html body #wrapper-all #top {
  background: url("../images/01.png") repeat-x center top;
  padding: 36px 0 0 0;
  height: 148px;
  /* .contents / div end */

}
html body #wrapper-all #top_01 {
  background-color:#F3F3EE;
  height: 66px;
  /* .contents / div end */

}

html body #wrapper-all #top_01_in {
  background: url("../images/01_2.png") no-repeat center bottom;
  padding: 10px 0 0 0;
  height: 56px;
  text-align:center;
  /* .contents / div end */

}
 @media screen and (max-width: 767px) {
	html body #wrapper-all #top_01 {
  height: 32px;
  border-bottom:#9B9A70 1px solid;
  /* .contents / div end */
} 
html body #wrapper-all #top_01_in {
  background: url("../images/01_2.png") no-repeat center bottom;
  
  padding: 5px 0 2px 0;
  height: 35px;
  text-align:center;
  /* .contents / div end */

}
 }

html body #wrapper-all #top .contents {
  /* #b4 / p end */

}
html body #wrapper-all #top .contents #b4 {
  margin-left: -3px;
}
html body #wrapper-all #header {
  background: #fff;
  /* .contents / div end */

}
html body #wrapper-all #header .contents {
  padding: 15px 0 0 0;
  text-align:center;

  /* #b7 / h1 end */

}
@media screen and (max-width: 767px) {
	html body #wrapper-all #header .contents {
  padding: 5px 0 0 0;
  text-align:center;
}
}
html body #wrapper-all #header .contents #b7 {
/*  margin-left: -68px;*/
margin-bottom:20px;
}
html body #wrapper-all #main {
  background: url("../images/02.png") repeat-x top;
  /* .contents / div end */

}
html body #wrapper-all #main .contents {
	background: #fff;
	font-size: 16px;
	line-height: 24px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

body .sp-item {
    display: none !important; }
  body .pc-item {
    display: block !important; }
	
  @media screen and (max-width: 767px) {
	  html body .contents {
  width: 100%;
  margin: 0 auto;
}
      body .sp-item {
        display: block !important; }
      body .pc-item {
        display: none !important; } 
	#contents .sp-item img {
		width:100%;}

	.sp img{
		max-width:100%;	
}
	.sp02 img{
		max-width:95%;	
}
	.btn img{
		max-width:94%;	
}

}
	
	/* .img / p end */
  /* .catch / p end */

  /* #b18 / div end */

  /* #curriculums / div end */

  /* #b134 / div end */

  /* #b185 / p end */

  /* .sign / p end */

  /* .0514 / div end */

  /* .0530 / div end */

html body #wrapper-all #main .contents p {
  margin: 0 90px 15px 90px;
}

html body #wrapper-all #main .contents .img {
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
html body #wrapper-all #main .contents .catch {
  margin: 38px auto 18px auto;
  padding-top:10px;
  text-align: center;
}
 @media screen and (max-width: 767px) {
	  html body #wrapper-all #main .contents p {
  margin: 0 auto 15px auto;
  width:90%;
}
html body #wrapper-all #main .contents .img {
  margin: 0 auto 10px auto;
  text-align: center;
}
	 html body #wrapper-all #main .contents .catch {
  margin: 10px auto;
  padding-top:10px;
  text-align: center;
}
 html body #wrapper-all #main .contents .catch img {
	max-width:100%;
}
 }
html body #wrapper-all #main .contents #b18 {
	background: #000;
	margin-bottom: 24px;
	margin-top: 32px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	text-align: center;
}
@media screen and (max-width: 767px) {
	html body #wrapper-all #main .contents #b18 {
	background: #000;
	margin-bottom: 24px;
	margin-top: 15px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	text-align: center;
	color:#FFF;
}
html body #wrapper-all #main .contents #b18 p {
	text-align: left;
}
}
html body #wrapper-all #main .contents #curriculums {
  margin-top: 40px;
  /* .curriculum / div end */

}

html body #wrapper-all #main .contents #curriculums .curriculum {
  background: url("../images/34.png") repeat-x center bottom #f0f0e6;
  padding: 0 0 10px 0;
}
html body #wrapper-all #main .contents #b133 {
  margin-bottom: -20px;
}
html body #wrapper-all #main .contents #b134 {
  background: #231714;
  padding: 16px 4px;
  margin-bottom: 24px;
  /* #b135 / p end */

}
html body #wrapper-all #main .contents #b185 {
  width: 760px;
  margin: 24px auto 24px auto;
  border: 1px solid #000;
}
html body #wrapper-all #main .contents #b185 tr th {
  background: #858180;
  padding: 6px 0; 
    color:#FFF;
  font-weight:bold;
  font-size:17px;
  border: 1px solid #000;
}
html body #wrapper-all #main .contents #b185 tr + tr th {
	background: #e3e2e2;
	color: #000;
	font-weight: bold;
	font-size: 15px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #000;
	padding: 10px 20px;
}
html body #wrapper-all #main .contents #b185 td {
border-right: 1px solid #000;
  padding: 10px 10px;
  text-align:left;
}
html body #wrapper-all #main .contents #b185 tr + tr td {
  padding: 10px 20px 10px 20px;
}
html body #wrapper-all #main .contents #b185 tr + tr + tr {
  border-top: 1px solid #000;
}
 @media screen and (max-width: 767px) {
html body #wrapper-all #main .contents #b185 {
	width: 90%;
	border: 1px solid #000;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
}
html body #wrapper-all #main .contents #b185 tr th {
	background: #858180;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #000;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 12px;
}
html body #wrapper-all #main .contents #b185 tr + tr th {
	background: #e3e2e2;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	vertical-align: top;
	text-align: center;
	border: 1px solid #000;
	padding: 5px;
}
html body #wrapper-all #main .contents #b185 td {
	border-right: 1px solid #000;
	padding: 10px 5px;
	font-size: 12px;
	text-align: left;
}
html body #wrapper-all #main .contents #b185 tr + tr td {
	padding: 5px;
}
html body #wrapper-all #main .contents #b185 tr + tr + tr {
  border-top: 1px solid #000;
}
 }
html body #wrapper-all #main .contents .sign {
  text-align: right;
}
html body #wrapper-all #main .contents .b0514 {
  margin-bottom: 50px;
}
html body #wrapper-all #main .contents .b0514 p {
  text-align: center;
  margin: 0 0 10px 0;
}
html body #wrapper-all #main .contents .b0530 {
  padding-bottom: 50px;
}
html body #wrapper-all #main .contents .b0530 p {
  text-align: center;
  margin: 0 0 10px 0;
}
html body #wrapper-all #main .contents .b0000 {
  padding-bottom: 50px;
}
html body #wrapper-all #main .contents .b0000 p {
  text-align: center;
  margin: 0 0 10px 0;
}
html body #wrapper-all #footer {
  background: #221715;
  color: #bfa980;
  padding: 15px 0;
}
html body #wrapper-all #footer .contents {
  width: 885px;
  margin: 0 auto;
  padding: 0 20px;
}
html body #wrapper-all #footer .contents .logo {
  margin-bottom: 8px;
}
html body #wrapper-all #footer .contents .copy {
  font-size: 10px;
}
html body #wrapper-all #footer .contents .link {
  float: right;
  font-size: 12px;
}
html body #wrapper-all #footer .contents .link a {
  color: #bfa980;
  text-decoration: none;
}
 @media screen and (max-width: 767px) {
html body #wrapper-all #footer .contents {
  width: 90%;
  margin: 0 auto;
  padding: 0 5%;
}
html body #wrapper-all #footer .contents .link {
  float: none;
  font-size: 12px;
  text-align:center;
  margin-bottom:10px;
}
html body #wrapper-all #footer .contents .logo {
  margin-bottom: 8px;
  text-align:center;
}
html body #wrapper-all #footer .contents .copy {
  font-size: 10px;
  text-align:center;
}
 }
/* html end */


/*add*/

.voi1, .voi2{
	width: 817px;
	margin:0 auto;
	
}



.voi1 {
    background: url("../images/voi1-bg.jpg") no-repeat top left ;
    clear: both;
	padding: 0;
   margin-bottom: 30px;
}

.voi1_btm {
   background: url("../images/voi1-bg_btm.jpg") no-repeat bottom left;
   height: 60px;
}


.voi2{
	background: url("../images/voi2-bg.jpg") no-repeat top left;	
    clear: both;
	padding: 0;
	margin-bottom: 30px;
	}

.voi2_btm {
    background: url("../images/voi2-bg_btm.jpg") no-repeat bottom left;
   	height: 60px;
}
	

.voi1 p.v001 {
    font-size: 17px;
    line-height: 175%;
    margin-bottom: 0 !important;
    margin-left: 260px !important;
    margin-right: 0 !important;
    padding-top: 305px !important;
    width: 530px;
}

.voi1 p.v002 {
    font-size: 17px;
    line-height: 170%;
    margin: 30px 0 0 50px !important;
    width: 730px;
}

.voi2 p.v001 {
    font-size: 17px;
    line-height: 175%;
    margin-bottom: 0 !important;
    margin-left: 260px !important;
    margin-right: 0 !important;
    padding-top: 175px !important;
    width: 530px;
}

.voi2 p.v002 {
    font-size: 17px;
    line-height: 170%;
    margin: 20px 0 0 50px !important;
    width: 730px;
}

/*IE7 Only*/


*+html #main html body #wrapper-all #header .contents {
  padding: 20px 0 0 0;
  z-index: 0;

}

*+html #b11 {
   position: relative; 
	top: -40px;

 }

*+html #b12 {
   position: relative; 
	top: -30px;
 }

*+html #b13 {
   position: relative; 
	top: -10px;
 }
 
*+html #wrapper-all #main .contents {
    position: relative; 
	top: 50px;
}


.voice {
	background-color: #f9f8e1;
	margin-bottom: 0px;
}

.voice_name {
	font-size:20px;
	line-height:140%;
	margin-bottom:20px;
	font-weight:bold;
}

.voice_pic{
	margin-bottom: 20px;
	margin-right: 20px;
	float:left;
}

.voice_inner {
	margin: 10px auto 0 auto;
	padding-bottom:40px;
	width:736px;

}
 @media screen and (max-width: 767px) {
.voice {
	background-color:#f9f8e1;
	margin-bottom:20px;
}
.voice_name {
	font-size:16px;
}

.voice_pic{
	margin-bottom: 10px;
	margin-right: 0;
	text-align:center;
	float:none;
}

.voice_inner {
	margin: 5px auto 0 auto;
	padding-bottom:20px;
	width:90%;

}
}

.fs20 {
	font-size:20px;
	line-height:130%;
	margin-bottom:30px;
}


.buttons {
	margin-bottom: 55px;  /* p */
}
.buttons p {
  margin: 0;
  text-align: center;
}

.pb50 {
	padding-bottom:50px;
}


.ttl_hm {
	text-align:left;
	margin-top:20px;
}

.mt40 {
	margin-top:40px;
}


.mb25 {
	margin-bottom:25px;
}

.mt25 {
	margin-top:25px;
}

.ttl_yousei5{
	text-align:center;
	padding-top:25px;
	margin-bottom:12px;
}
@media screen and (max-width: 767px) {
	.ttl_yousei5{
	text-align:center;
	padding-top:10px;
	margin-bottom:7px;
}
}
.ttl_sotugyou{
	text-align:center;
	padding-top:30px;
	margin-bottom:15px;
}

.box01 {
	width:520px;
	margin-bottom:10px;
}

.box01_l {
	width:210px;
	float:left;
}
.box01_r {
	width:305px;
	float:right;
}

.text01 {
	width:740px;
	margin:0 auto;
	font-size:18px;
	line-height:1.5em;
	text-align:left;
	font-weight:bold;
}

.text01 ul { 
	list-style: none outside;
	padding: 0px;
	
}

.text01 li { 
	background: url(../images/list01.png) no-repeat ;
	background-position:0px 4px; 
	padding-left: 30px;
	padding-bottom: 10px;
	margin-top:7px;
}
 @media screen and (max-width: 767px) {
.text01 {
	width:90%;
	margin:0 auto;
	font-size:17px;
	line-height:1.5em;
	text-align:left;
	font-weight:bold;
}	 
	 
 }
 
.text02 {
	width:740px;
	margin:0 auto;
	font-size:20px;
	line-height:1.4em;
	text-align:left;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:15px;
}

.text02 ul { 
	list-style: none outside;
	padding: 0px;
	
}

.text02 li { 
	background: url(../images/list02.png) no-repeat ;
	background-position:0px 4px; 
	padding-left: 24px;
	margin-top:7px;
}
 @media screen and (max-width: 767px) {
.text02 {
	width:90%;
	margin:0 auto;
	font-size:17px;
	line-height:1.4em;
	text-align:left;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
.text02 li { 
	background: url(../images/list02.png) no-repeat ;
	background-position:0px 4px; 
	padding-left: 24px;
	margin-top:7px;
} 
	 
 }

.text03 {
	width:740px;
	margin:15px auto 15px auto;
	font-size:18px;
	line-height:1.5em;
	text-align:left;
	font-weight:bold;
	border:#E5CD5E 5px solid;
	padding-top:7px;
}

.text03 ul { 
	list-style: none outside;
	padding: 0px;
	margin:10px 10px;
	
}

.text03 li { 
	background: url(../images/list01.png) no-repeat ;
	background-position:0px 4px; 
	padding-left: 30px;
	padding-bottom: 10px;
	padding-top:2px;
}
 @media screen and (max-width: 767px) {
.text03 {
	width:90%;
	margin:10px auto 10px auto;
	font-size:17px;
	line-height:1.5em;
	text-align:left;
	font-weight:bold;
	border:#E5CD5E 5px solid;
}	 
	 
 }
 
.fusion {
	width:740px;
	font-size:19px;
	margin:12px auto;
}
.fusion_l {
	float:left;
	width:180px;
	color:#D71E00;
	font-weight:bold;
}
.fusion_r {
	width:560px;
	font-weight:bold;
	float:right;
}
 
 @media screen and (max-width: 767px) {
.fusion {
	width:90%;
	font-size:17px;
	margin:12px auto;
}
.fusion_l {
	float:none;
	width:90%;
	color:#D71E00;
	font-weight:bold;
}
.fusion_r {
	width:90%;
	font-weight:bold;
	float:none;
}
 }
 
.date {
	 color:#454900;
	 font-size:23px;
	 font-weight:bold;
	 text-align:center;
	 margin:10px auto 10px auto;
	 line-height:140%;
	 
 }
.bg_yellow{
	background-color:#FFC;
}
  @media screen and (max-width: 767px) {
.date {
	 color:#454900;
	 font-size:14px;
	 font-weight:bold;
	 line-height:140%;
	 width:90%;
	 margin:5px auto 5px auto;
	 text-align:center;
 }	  
	  
  }
/* ----------------------------------------------------
 
    text
 
---------------------------------------------------- */
em {
	text-decoration: underline;
  font-style: normal;
}
.bd_red {
	border-bottom: 1px solid #FF0004;
	padding-bottom: 2px;
}
.red {
	color: #FF0004;
}
.yellow {
	background-color: #ffff00;
}
.bold {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
.strike {
	text-decoration: line-through;
}
.ac {
	text-align: center !important;
}
.ar {
	text-align: right !important;
}
.al {
	text-align: left !important;
}
.bold {
	font-weight: bold !important;
}
.font10 {
	font-size: 10px !important;
}
.font11 {
	font-size: 11px !important;
}
.font12 {
	font-size: 12px !important;
}
.font13 {
	font-size: 13px !important;
}
.font14 {
	font-size: 14px !important;
}
.font15 {
	font-size: 15px !important;
}
.font16 {
	font-size: 16px !important;
}
.font17 {
	font-size: 17px !important;
	line-height:150%;
}
.font18 {
	font-size: 18px !important;
}
.font19 {
	font-size: 19px !important;
}
.font20 {
	font-size: 20px !important;
}
.font21 {
	font-size: 21px !important;
}
.font22 {
	font-size: 22px !important;
}
.font23 {
	font-size: 23px !important;
}
.font24 {
	font-size: 24px !important;
}
.font25 {
	font-size: 25px !important;
}
.font26 {
	font-size: 26px !important;
	line-height:150%;
}
.font27 {
	font-size: 27px !important;
}
.font28 {
	font-size: 28px !important;
}
.font29 {
	font-size: 29px !important;
}
.font30 {
	font-size: 30px !important;
}