@charset "shift-jis";
/*-----------------------------------------

variable

------------------------------------------*/
/*------------------------------------------

mixin

------------------------------------------*/
/*------------------------------------------
gradient
------------------------------------------*/
/*------------------------------------------

reset and default

------------------------------------------*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body, article, aside, footer, header, nav, section, figure, figcaption, dd {
  display: block;
  margin: 0;
}

h1, h2, h3, h4, h5 {
  margin: 0;
}

ul, ol, p, dl, dt, dd {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
  text-align: left;
}
ul li, ol li {
  margin-bottom: 5px;
}

ul.list_disc {
  margin-left: 30px;
  list-style-type: disc;
}

ol.list_disc {
  margin-left: 30px;
  list-style-type: decimal;
}

dl {
  color: #515E73;
}

a {
  color: #0066CC;
  text-decoration: underline;
}

p {
  color: #515E73;
  text-align: left;
}

h4 {
  color: #444;
}

img {
  border: none;
  vertical-align: bottom;
}

table {
  border: 1px solid #cccccc;
  border-collapse: collapse;
}
table th, table td {
  border: 1px solid #cccccc;
  padding: 5px 10px;
  text-align: center;
}
table th {
  background-color: #d2ecd3;
}
table td {
  background-color: #f4fcef;
}

.clearfix {
  zoom: 1;
}

* html .clearfix {
  display: inline-table;
}

.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  height: 0px;
  visibility: hidden;
}

.pc_hide {
  display: none;
}

.sp .sp_hide {
  display: none;
}
.sp .pc_hide {
  display: block;
}

.r_over:hover {
  opacity: 0.8;
}

.for_smartphone {
  border: 1px solid #128d4f;
  margin: 10px auto;
  padding: 20px;
  border-radius: 15px;
  width: 920px;
  display: none;
  text-align: center;
  background: #44ae6f;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #44ae6f), color-stop(50%, #379f68), color-stop(50%, #139956), color-stop(100%, #27a361));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #44ae6f 0%, #379f68 50%, #139956 50%, #27a361 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #44ae6f 0%, #379f68 50%, #139956 50%, #27a361 100%);
  /* W3C */
}
.for_smartphone a {
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  display: block;
  font-size: 45px;
}

@font-face {
	font-family: "Noto Sans JP";
	font-display: swap;
	font-weight: normal;
	src:
	url(/font/NotoSansJP-Regular.woff)format("woff"),
	url(/font/NotoSansJP-Regular.ttf)format("truetype");
}
@font-face {
	font-family: "Noto Sans JP";
	font-display: swap;
	font-weight: bold;
	src:
	url(/font/NotoSansJP-Bold.woff)format("woff"),
	url(/font/NotoSansJP-Bold.ttf)format("truetype");
}

body {
  /* font-family: "??��?��q??��?��??��?��??��?��M??��?��m??��?��p??��?��S Pro W3","Hiragino Kaku Gothic Pro","??��?��??��?��??��?��C??��?��??��?��??��?��I","Meiryo","Osaka","MS P??��?��S??��?��V??��?��b??��?��N","MS PGothic","sans-serif"; */
  font-family: "Noto Sans JP","Hiragino Kaku Gothic Pro","Meiryo","Osaka","MS PGothic","sans-serif";
  font-size: 13px;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  background:#FAF7DC url("/img_ht/common/bg.jpg") repeat-x;
}

body.no_nav #container {
  background-image: url("../img_ht/bg_no_gnav.jpg");
}

body.sp {
  background-image: none;
  background-color: #fff;
}

body.ex {
	background: #FAF7DC url("/img_ht/common/bg_ex.jpg") repeat-x;
}
.pc #container {
	min-width:960px;
	margin:0 auto;
}

/*--------------------------------------------------------------

basic_pc

--------------------------------------------------------------*/
/*--------------------------------
header
--------------------------------*/
#wrap_header{
	background:#FFF;
}
#wrap_header > header {
  height: 104px;
  position: relative;
  margin: 0 auto;
  width: 960px;
}
#wrap_header > header div {
  position: absolute;
}
#wrap_header > header > .logo {
  top: 26px;
  left: 0;
}
#wrap_header > header > .logo2 {
  top: 33px;
  left: 265px;
}
#wrap_header > header .nav {
  top: 0;
  left: 586px;
}
#wrap_header > header .nav li {
  margin-bottom: 0;
  position: absolute;
}
#wrap_header > header .nav .navi01 {
  top: 8px;
  left: 0;
}
#wrap_header > header .nav .navi02 {
  top: 8px;
  left: 80px;
}
#wrap_header > header .nav .navi03 {
  top: 8px;
  left: 170px;
}
#wrap_header > header .nav .navi04 {
  top: 0;
  left: 274px;
}
#wrap_header > header > .tel {
  top: 40px;
  left: 570px;
}

/*--------------------------------
nav
--------------------------------*/
nav {
  margin: 0 auto;
  _zoom: 1;
}
nav:after {
  content: "";
  display: block;
  clear: both;
}
nav > div{
  width: 960px;
  margin:0 auto;
}
nav li {
  margin-bottom: 0;
  float: left;
  position: relative;
  z-index: 100;
}
nav li div {
  position: absolute;
  top: 39px;
  display: none;
}
nav .balloon01 {
	left: 37px;
	background:url('/img_ht/common/gnavi_cmt01.png');
	height: 82px;
	width: 113px;
}
nav .balloon02 {
	left: 28px;
	background:url('/img_ht/common/gnavi_cmt02.png');
	height: 82px;
	width: 138px;
}
nav .balloon03 {
	left: 14px;
	background:url('/img_ht/common/gnavi_cmt03.png');
	height: 82px;
	width: 111px;
}
nav .balloon04 {
	left: 5px;
	background:url('/img_ht/common/gnavi_cmt04.png');
	height: 82px;
	width: 113px;
}
nav .balloon05 {
	left: 23px;
	background:url('/img_ht/common/gnavi_cmt05.png');
	height: 82px;
	width: 113px;
}
nav .balloon06 {
	left: 24px;
	background:url('/img_ht/common/gnavi_cmt06.png');
	height: 82px;
	width: 113px;
}

nav .navi01 {
	background:url('/img_ht/common/gnav01.png');
	height: 40px;
	width: 191px;
}
nav .navi02 {
	background:url('/img_ht/common/gnav02.png');
	height: 40px;
	width: 173px;
}
nav .navi03 {
	background:url('/img_ht/common/gnav03.png');
	height: 40px;
	width: 138px;
}
nav .navi04 {
	background:url('/img_ht/common/gnav04.png');
	height: 40px;
	width: 128px;
}
nav .navi05 {
	background:url('/img_ht/common/gnav05.png');
	height: 40px;
	width: 164px;
}
nav .navi06 {
	background:url('/img_ht/common/gnav06.png');
	height: 40px;
	width: 166px;
}
nav .navi07 {
  height: 40px;
  width: 166px;
}
@media (min-width: 992px) {
  nav .navi01,
  nav .navi02,
  nav .navi03,
  nav .navi04,
  nav .navi05,
  nav .navi06,
  nav .navi07 {
    height: 60px;
  }
}


/*--------------------------------
main
--------------------------------*/
#main {
  margin: 20px auto 0 auto;
  padding-bottom: 30px;
  width: 960px;
  _zoom: 1;
}
.top #main{
	width:100%;
	margin-top:0;
	padding-bottom:0;
}
#main:after {
  content: "";
  display: block;
  clear: both;
}




.centerBox {
	padding-top:17px;
	clear:both;
	width:916px;
	margin:0 auto;
	border:2px solid #E2CC92;
	border-radius:10px;
	padding:15px 20px;
	background:#FFFFFF url('/img_ht/parts/bg_point_lightgreen.png') no-repeat;
}
.centerBox .titL{
	background-image:url('/img_ht/ico/ico_circle_lightgreen_l.png');
	color:#719B28;
}
.centerBox .hometeacherArea{
	float:left;
	width:530px;
}
.centerBox .hometeacherArea .profile{
	padding:10px 5px 0;
}
.centerBox .hometeacherArea .profile img{
	float:left;
}
.centerBox .hometeacherArea .profile p{
	float:right;
	width:320px;
}
.centerBox .hometeacherArea .data{
	padding:2px 5px 0;
}
.centerBox .hometeacherArea .data .info{
	float:left;
}
.centerBox .hometeacherArea .data .link{
	float:right;
	padding-right:10px;
}
.centerBox .hometeacherArea .data .link li{
	margin:12px 0 0 8px;
	display:inline-block;
}
.centerBox .hometeacherArea .data .link a{
	background-image:url(/img_ht/ico/link_lightgreen.png);
	font-size:14px;
}
.link a{
	background:url(/img_ht/ico/link_lightgreen.png) no-repeat;
	background-position: 0 4px;
	padding-left:18px;
	font-weight:bold;
	font-size:13px;
	color:#0066CC;
	text-decoration:none;
}
.link a:hover{
	text-decoration:underline;
}
.centerBox .areaArea{
	float:right;
	width:380px;
}
.centerBox .areaArea .bg_map{
	position:relative;
	top:-15px;
	background:url('/img_ht/top/bg_map.png') no-repeat;
	background-position:top right;
}
.centerBox .areaArea .bg_map p{
	padding:40px 25px 30px;
}


.bnrBox {
	width:960px;
	margin:0 auto;
	padding-bottom:23px;
}
.bnrBox img.first{
	padding-left:0;
}
.bnrBox img{
	float:left;
	padding-left:13px;
	padding-bottom:7px;
}

.flowBox {
	padding-top:17px;
	clear:both;
	width:916px;
	margin:0 auto 65px;
	border:2px solid #E2CC92;
	border-radius:10px;
	padding:15px 20px;
	background:#FFFFFF url('/img_ht/parts/bg_point_yellow.png') no-repeat;
}
.flowBox .titL{
	float:left;
	background-image:url('/img_ht/ico/ico_circle_yellow_l.png');
	color:#E7AE03;
}
.flowBox img{
	margin:0 auto;
	padding-top:25px;
	display:block;
}
.flowBox .link{
	float:right;
	padding:7px 10px 0;
}
.flowBox .link a{
	background-image:url(/img_ht/ico/link_yellow.png);
	margin-left:15px;
}


/*--------------------------------
footer
--------------------------------*/

.sp footer {
  margin: 0 auto;
  padding: 0 0 20px;
  width: 100%;
  background:#FFF;
  position:relative;
}
.sp footer .flagL {
	position:absolute;
	top:-2px;
	left:0;
}
.sp footer .flagR {
	position:absolute;
	top:-2px;
	right:0;
}
.sp footer .innerFooter {
  margin: 0 auto;
  width: 300px;
}
.sp footer .list{
	padding:7px 0 15px;
	overflow:hidden;
}
.sp footer .list ul{
	/*list-style-image:url('/img_ht/parts/list_img.png');*/
	list-style-position:inside;
}
.sp footer .list a{
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	position:relative;
	left:-5px;
}
.sp footer .list a:hover{
	text-decoration:underline;
}

.sp footer .courseFooter {
	width: 280px;
	float: none;
}
/* .sp footer .courseFooter .titM {
	color:#FFF;
	padding-left: 20px;;
	text-align:left;
} */
/*.sp footer .courseFooter .titM:before{
	content:" ";
	display:inline-block;
	width:16px;
	height:16px;
	background-image:url('/images_ht/icons/ico_circle_orange_l.png');
	background-size:100%;
	vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}*/
.sp footer .courseFooter ul {
	float:left;
	width: 140px;
	letter-spacing:-0.01em;
}
.sp footer .btnFooter {
	clear:both;
	width: 100%;
	padding:0 0 15px;
}
.sp footer .btnFooter img{
	padding:0 0 10px;
}
.sp footer .btnFooter p{
	font-size:11px;
	font-weight:bold;
	color:#515E72;
	letter-spacing:-0.01em;
}

.sp footer .subFooter {
	clear:both;
	padding:0;
}
.sp footer .utilityFooter{
	float:none;
	width:225px;
	margin:0 auto;
	padding:15px 0 10px;
}
.sp footer .utilityFooter li{
	display:inline-block;
	padding-right:8px;
}
.sp footer .utilityFooter li a{
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#515E72;
	padding-left:10px;
	background: url("/images_ht/arrows/arw_green.png") no-repeat;
	background-position:0 6px;
}
.sp footer .copyright{
	float:none;
	width: 100%;
	margin:0 auto;
}
.sp footer .copyright small{
	float:none;
	display:block;
	text-align:center;
}
.sp footer .pagetop{
	position:absolute;
	right:0;
	bottom:380px;
}
.sp footer .pagetop a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:32px;
	height:32px;
	background:url('/img_ht/sp/btn_pagetop.png') no-repeat;
	background-size: 32px;
}



#pageslide {
  /* These styles MUST be included. Do not change. */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  /* Specify the width of your pageslide here */
  width: 260px;
  /* These styles are optional, and describe how the pageslide will look */
  background-color: #F2EBA8;
  color: #FFF;
  -webkit-box-shadow: inset 0 0 5px 5px #E5D688;
  -moz-shadow: inset 0 0 5px 5px #E5D688;
  box-shadow: inset 0 0 5px 5px #E5D688;
}



.titL {
	font-size:18px;
	padding-left:25px;
	background:url('/img_ht/ico/ico_circle_green_l.png') no-repeat;
	background-position:0 4px;
	color:#339966;
}
.titM {
	font-size:15px;
	padding-left:20px;
	background:url('/img_ht/ico/ico_circle_green_m.png') no-repeat;
	background-position:0 4px;
	color:#339966;
}
.sp .titM {
	font-size:14px
}


/*--------------------------------------------------------------

basic_sp

--------------------------------------------------------------*/
/*--------------------------------
header_sp
--------------------------------*/
.sp {
  /*--------------------------------
  nav
  --------------------------------*/
  /*--------------------------------
  main
  --------------------------------*/
  /*--------------------------------
  aside
  --------------------------------*/
  /*--------------------------------
  footer
  --------------------------------*/
}
/*.sp #wrap_header {
  background-color: #FAF7DC;
}*/
.sp #wrap_header > header {
  position: relative;
  margin: 0 auto;
  width: 320px;
  height: 60px;
}
.sp #wrap_header > header div {
  position: absolute;
}
.sp #wrap_header > header > .logo {
  top: 6px;
  left: 9px;
  /* text-indent: -9999px; */
}
.sp #wrap_header > header > .nav {
  display: none;
}
.sp #wrap_header > header > .tel {
  display: none;
}
.sp #wrap_header > header > .btn_sp > div {
  position: absolute;
  top: 6px;
}
.sp #wrap_header > header > .btn_sp > .pc {
  left: 215px;
}
.sp #wrap_header > header > .btn_sp > .pc a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.sp #wrap_header > header > .btn_sp > .menu {
  left: 268px;
}
.sp #wrap_header > header > .btn_sp > .menu a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.sp nav {
  display: none;
  width: 320px;
}
.sp nav li {
  float: none;
}
.sp nav li a:hover {
  background: none;
}
.sp nav li div {
  display: none;
}
.sp nav .close {
  margin: 10px;
}
.sp nav .top_menu {
  border: 1px solid #DFCA91;
  border-radius: 5px;
  position: relative;
  z-index: 100;
  margin: 5px;
  width: 305px;
  background-color: #fff;
}
.sp nav .top_menu li {
  margin: 0;
  border-top: 1px solid #DFCA91;
  height: 34px;
  color: #0066CC;
}
.sp nav .top_menu li a {
  padding-top: 8px;
  padding-left: 10px;
  text-decoration: none;
}
.sp nav .top_menu li.plan {
  padding-top: 5px;
  padding-left: 10px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top: none;
  background-color: #FCEDE2;
  height: 24px;
  color: #E47225;
}
.sp nav .top_menu li.plan_new {
  padding-top: 5px;
  /*padding-left: 10px;*/
  padding-bottom: 10px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top: none;
  background-color: #FCEDE2;
  height: 24px;
  color: #E47225;
}
.sp nav .top_menu li.plan_new span {
  /*padding-top: 5px;*/
  padding-left: 10px;
  /*padding-bottom: 10px;*/
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top: none;
  background-color: #FCEDE2;
  height: 24px;
  color: #E47225;
}
.sp nav .top_menu li.plan_new a {
  padding-top: 4px;
  padding-left: 10px;
  text-decoration: none;
}
.sp nav .top_menu li.course {
	height: 40px;
	line-height: 1.3;
}
.sp nav .top_menu li.course_new {
	height: 30px;
	line-height: 1.3;
}
.sp #modal .top_menu {
  margin: 0;
  width: 305px;
  border-radius: 0px;
}
.sp #modal .top_menu li.plan {
  border-radius: 0px;
}


.sp #main {
  margin: 0 auto 0 auto;
  padding-bottom: 0;
  width: 100%;
  /*background-color: #FAF7DC;*/
}
.sp .link_tvcm{
	/* background:#00522F; */
}
.sp .link_tvcm img{
	display:block;
	margin:0 auto;
}
.sp .link_train{
	margin: 0 auto;
	width:320px;
	text-align: center;
	padding:0 0 8px;
}
.sp .link_train a{
	font-size:11px;
}
.sp aside {
  margin: 0 auto;
  width: 100%;
  clear: both;
  background:#FAF7DC;
}
.sp .bnr_box {
  display: none;
}
.sp .aside > div {
  margin: 0 auto;
  padding-bottom:8px;
  position: static;
  width: 310px !important;
}
.sp .aside .btn_inquiry {
  width:310px;
  height:46px;
}
.sp .aside .btn_search {
  width:310px;
  height:46px;
}
.sp .aside a{
  text-indent:0px;
}
.sp .aside > .tel {
  width: 310px;
  height: 100px;
}
.sp #wrap_footer {
  background-color: #339966;
  position: relative;
}


/*--------------------------------------------------------------

accordion by koyama

--------------------------------------------------------------*/
.sp #modal.accordion .ac_tub{
	text-indent:-9999px;
}
.sp nav.accordion .top_menu li a {
  /* オーãƒ�???��?��ンã?��???��?��???��?��ãE??��?��ã‚¿ãƒ�???��?��åEãE??��?��liãE??��?��ãE??��?��インチEƒ³ãƒˁE??��?��§£é™¤ã?��???��?��???��?��ã?��???��?��???��?��ãE??��?��ãE??��?��ãE??��?��E*/
  text-indent: inherit !important;
}

.sp_menu nav.accordion {
  /* スマãE下部ãE??��?��アコーチE‚£ã‚ªãƒ³ãE??��?��対応ã?��???��?��???��?��ã?��???��?��???��?��ã‚�???��?��ãE??��?��めE??��?��E??��?��追å??��?��?*/
  display: inherit !important;
}

/*------------------------------------------

class

------------------------------------------*/
.bold {
  font-weight: bold;
}

.small {
  padding-left: 10px;
  font-size: 11px;
}

.center {
  text-align: center;
}

.img_right {
  position: absolute;
  top: 0;
  right: 0;
}

.align_right {
  text-align: right;
}

.align_left {
  text-align: left;
}

.align_center {
  text-align: center;
}

.red {
  color: red;
}

.f_right {
  margin-left: 10px;
  float: right;
}

.f_left {
  margin-right: 10px;
  float: left;
}

.f_none {
  margin-bottom: 10px;
  display: block;
}
.f10 {
  font-size: 10px;
}

span.f_right {
  margin-left: 10px;
  padding-bottom: 10px;
  float: right;
}

span.f_left {
  margin-right: 10px;
  padding-bottom: 10px;
  float: left;
}

span.f_none {
  padding-top: 10px;
  margin-bottom: 20px;
  display: block;
}
span.f_none img {
  margin-right: 10px;
}

.sp .sp_resize50 {
  width: 50%;
}

.img_frame {
  padding: 7px !important;
  border: 1px solid #efefef;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18);
}
#j-shine .img_frame {
  margin: 0 10px 0 20px;
  border: none;
  box-shadow:none;
}
#j-shine .img_frame .name {
  text-align:right;
  margin:0;
  padding:0;
  font-size:12px;
}
#j-shine .box {
  clear:both;
  padding:10px 0 0;
}
#j-shine .box img {
  float:left;
  margin-right:30px;
}
#j-shine .box .name {
  margin:0;
}
#j-shine .attention {
  margin:0;
}
#j-shine .big_image {
  margin-bottom:0;
}

.sp .img_frame {
  padding: 0 !important;
  border: none;
  box-shadow: none;
  width: 50%;
}
.sp .img_frame img {
  width: 100%;
}

.border_box {
  padding: 15px !important;
  border: 1px solid #cccccc;
  background-color: #f4fcef;
}

.table {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.table p {
  margin: 0 !important;
  padding: 0 !important;
}
.table .title {
  padding: 8px 10px;
  background-color: #d2ecd3;
  border-bottom: 1px solid #cccccc;
}
.table .content {
  padding: 8px 10px;
  border-bottom: 1px solid #cccccc;
  background-color: #f4fcef;
  _zoom: 1;
}
.table .content:after {
  content: "";
  display: block;
  clear: both;
}
.table .content dt {
  margin-right: 15px;
  float: left;
}
.table .content dd {
  float: left;
}

.table_big {
  width: 100% !important;
}
.table_big td {
  text-align: left;
}

.sp .table_big {
  margin: 0 auto;
  width: 304px !important;
}

.ico_green_small {
  padding-left: 13px;
}

.li_colums {
  _zoom: 1;
}
.li_colums:after {
  content: "";
  display: block;
  clear: both;
}
.li_colums ul, .li_colums dl {
  padding-left: 16px;
  padding-right: 20px;
  list-style-type: disc;
  float: left;
}
.li_colums ul ul, .li_colums ul dl, .li_colums dl ul, .li_colums dl dl {
  margin-bottom: 20px;
  padding-right: 0;
  width: auto;
  float: none;
  list-style-type: circle;
  font-size: 12px;
}
.li_colums ul li, .li_colums dl li {
  margin-bottom: 8px;
}
.li_colums ul li li, .li_colums dl li li {
  margin-bottom: 0;
}
.li_colums dl dt {
  margin-bottom: 5px;
  font-weight: bold;
}
.li_colums dl dd + dt {
  margin-top: 20px;
}
.li_colums dl dd li {
  list-style-type: disc;
  font-size: 13px;
}

.colums3 ul, .colums3 dl {
  width: 182px;
}

.sp .colums3 ul, .sp .colums3 dl {
  width: 220px;
}

.colums2 ul, .colums2 dl {
  width: 290px;
}

.sp .colums2 ul, .sp .colums2 dl {
  width: 220px;
}

.style_box {
  margin-left: 8px;
  margin-right: 8px;
  padding: 15px 15px 10px 15px;
  border: 2px solid #ccc;
  border-radius: 4px;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  background-color: #fff;
  _zoom: 1;
}
.style_box:after {
  content: "";
  display: block;
  clear: both;
}
.style_box .title {
  margin-bottom: 20px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  background-image: none;
}
.style_box .title span {
  padding: 3px 0 2px 9px !important;
  border-left: 4px solid #118064;
  background-image: none !important;
}
.style_box .box {
  margin: 0 !important;
  width: 47%;
  float: left !important;
  clear: none !important;
}
.style_box .box .title_box {
  margin-bottom: 10px;
  color: #444;
  font-size: 14px;
}
.style_box .box > p {
  padding: 0 !important;
  margin: 0 0 10px 0 !important;
  font-size: 12px;
}
.style_box .box .style_column_2 > p {
  padding: 0 !important;
  margin: 0 0 25px 0 !important;
  font-size: 12px;
}
.style_box .box .style_column_2 > img {
  margin-right: 15px;
  float: left;
}
.style_box .box .style_column_2 > div {
  _zoom: 1;
  margin-bottom: 13px;
}
.style_box .box .style_column_2 > div:after {
  content: "";
  display: block;
  clear: both;
}
.style_box .box .style_column_2 > div p {
  margin: 0 0 3px 0 !important;
}
.style_box .box .style_column_2 > div .small {
  font-size: 11px;
}
.style_box .box .box_link {
  margin-bottom: 15px !important;
}
.style_box .box ~ .box {
  margin-left: 5% !important;
}

.sp .style_box .box {
  width: 100%;
  padding-bottom: 15px;
}
.sp .style_box .box .title_box {
  padding: 15px 15px 0 0 !important;
}
.sp .style_box .box > p {
  padding: 0 15px 0 0 !important;
}
.sp .style_box .box .style_column_2 {
  padding: 0 15px 0 0 !important;
}
.sp .style_box .box .style_column_2 img {
  width: 50%;
}
.sp .style_box .box img {
  width: 100%;
}
.sp .style_box .box ~ .box {
  margin-left: 0 !important;
}

ul.link_list li {
  margin-bottom: 8px;
  position: relative;
  padding: 20px 20px 13px 20px;
  border: 1px solid #eda06d;
  border-radius: 4px;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  background-color: #fff;
  _zoom: 1;
}
ul.link_list li:after {
  content: "";
  display: block;
  clear: both;
}
ul.link_list li a {
  text-decoration: none;
}
ul.link_list li a:hover {
  opacity: 1;
}
ul.link_list li img {
  position: absolute;
  top: 13px;
  left: 12px;
}
ul.link_list li dl {
  margin-left: 100px;
  padding: 12px 0;
  display: table;
  width: 570px;
}
ul.link_list li dl dt {
  /* display: table-cell; */
  /* vertical-align: middle; */
  margin-top:8px;
  margin-left:15px;
  font-size: 15px;
  font-weight: bold;
  /* float: left; */
}
ul.link_list li dl dt span {
  display: block;
}
ul.link_list li dl dd {
  /* padding-top: 2px; */
  padding-left: 40px;
  /* display: table-cell; */
  /* vertical-align: middle; */
  font-size: 12px;
  /* float: left; */
}
ul.link_list li:hover {
  /* border: 1px solid #9DCE4C; */
  background-color: #fdf5f0;
}

.sp ul.link_list li {
  padding: 10px;
}
.sp ul.link_list li a {
  padding-top: 5px;
  padding-bottom: 5px;
}
.sp ul.link_list li img {
  display: none;
}
.sp ul.link_list li dl {
  margin-left: 0;
  width: auto;
}
.sp ul.link_list li dl dt {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  float: left;
  margin:0px;
}
.sp ul.link_list li dl dd {
  padding-top: 2px;
  padding-left: 15px;
  display: table-cell;
  vertical-align: middle;
  font-size: 11px;
  float: left;
}

.make_colums_3 .colums_3 {
  float: left;
  width: 32%;
  margin: 0;
  clear: none !important;
}
.make_colums_3 .colums_3 p {
  padding: 0;
}
.make_colums_3 .colums_3 ~ .colums_3 {
  margin-left: 2%;
}

.make_colums_2 .colums_2 {
  float: left;
  width: 45%;
  margin: 0;
  clear: none !important;
}
.make_colums_2 .colums_2 p {
  padding: 0;
}
.make_colums_2 .colums_2 ~ .colums_2 {
  margin-left: 5%;
}

.sp .make_colums_3,
.sp .make_colums_2 {
  padding: 0 8px;
}
.sp .make_colums_3 .colums_3,
.sp .make_colums_3 .colums_2,
.sp .make_colums_2 .colums_3,
.sp .make_colums_2 .colums_2 {
  float: none;
  width: 100%;
}
.sp .make_colums_3 .colums_3 ~ .colums_3,
.sp .make_colums_3 .colums_2 ~ .colums_2,
.sp .make_colums_2 .colums_3 ~ .colums_3,
.sp .make_colums_2 .colums_2 ~ .colums_2 {
  margin-top: 15px;
}

.bnr00 {
  display: block;
  margin-bottom: 8px;
}

/*-----------------------------------------

variable

------------------------------------------*/
/*------------------------------------------

mixin

------------------------------------------*/
/*------------------------------------------
gradient
------------------------------------------*/
/*------------------------------------------

top_pc

------------------------------------------*/
/*.hero_image {
  text-indent: -9999px;
  clear: left;
}*/
/*#wrap_hero_image {
    padding-top:10px;
}*/
.sp #wrap_hero_image {
	padding-top: 0;
	background: #EADAAF;
}
div.hero_image {
	position: relative;
}
div.hero_image div#btn_tvcm {
	position: absolute;
	left: 12px;
	top: 220px;
	width: 147px;
	height: 62px;
}


.top_navi {
  position: relative;
  height: 340px;
}
.top_navi > .title {
  text-indent: -9999px;
  position: absolute;
  top: 60px;
  left: 0;
}
.top_navi li {
  position: absolute;
  top: 100px;
}
.top_navi .navi01 {
  top: 120px;
  left: 3px;
}
.top_navi .navi02 {
  left: 194px;
}
.top_navi .navi03 {
  top: 120px;
  left: 386px;
}
.top_navi .navi04 {
  left: 579px;
}
.top_navi .navi05 {
  left: 771px;
}
.top_navi .navi05 img.sp_hide{
  position:absolute;
  top:160px;
  left:88px;
}

#main > .left,
#main > .right {
  float: left;
  width: 474px;
}

#main > .left {
  margin-right: 12px;
}

.area02, .area03, .area04 {
  border: 2px solid #C9C9D3;
  border-radius: 6px;
  behavior: url(/ie-css3.htc);
}

/* left */
.area01 {
  margin-bottom: 10px;
  position: relative;
}
.area01 div {
  text-indent: -9999px;
  position: absolute;
}
.area01 > .title {
  top: 18px;
  left: 10px;
}
.area01 > .btn {
  top: 24px;
  left: 306px;
}

.area03 {
  padding: 10px 18px 22px 18px;
  position: relative;
  min-height: 316px;
  background-color: #fff;
}
.area03 > .title {
  margin-left: -10px;
  padding-left: 58px;
  padding-top: 5px;
  background: url(../img_ht/top/top_area03_bg_title.gif) left bottom no-repeat;
  width: 385px;
  height: 45px;
  color: #339966;
  font-size: 16px;
  font-weight: bold;
  line-height: 3.8;
}
.area03 > img {
  position: absolute;
  top: 85px;
  left: 20px;
  padding:3px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 8px 6px -4px #8d8c8c;
  -moz-box-shadow: 0 8px 6px -4px #8d8c8c;
  box-shadow: 0 8px 6px -4px #8d8c8c;
}
.area03 > .name {
  position: absolute;
  top: 200px;
  left: 20px;
  font-size: 16px;
}
.area03 > .f_small{
  font-size: 13px;
}
.area03 > .name span {
  display: block;
  font-size: 13px;
}
.area03 > p {
  padding: 22px 0;
  margin-left: 160px;
  width: 270px;
}
.area03 .btn {
  margin-left: 145px;
  padding-top: 0px;
}
.area03 .btn a {
  margin-left: 16px;
  padding-left: 16px !important;
  display: inline-block;
}

/* right */
.area02 {
  padding: 0 18px;
  background-color: #FCF7E3;
  min-height: 236px;
}
.area02 .title {
  margin-top: 19px;
  margin-bottom: 15px;
}
.area02 > .left,
.area02 > .right {
  float: left;
  width: 210px;
}
.area02 > .right > p {
  color: #E03F57;
  font-size: 15px;
}
.area02 > .right > div {
  border: 1px solid #ccc;
  height: 118px;
  background-color: #fff;
  overflow: auto;
}
.area02 > .right > div > div {
  padding: 10px 8px;
  border-bottom: 1px dotted #ccc;
}
.area02 > .right > div > div a {
  display: inline-block;
}
.area02 > .left select {
  margin-bottom: 10px;
  width: 200px;
}
.area02 > .left .btn01 {
  margin-bottom: 6px;
}
.area02 .btn01 input{
  background:url(/img_ht/top/top_area02_btn01.png);
  width:206px;
  height:56px;
  position:relative;
  left:-2px;
  border:0px solid;
  cursor:pointer;
}

.area04 {
  margin-top: 10px;
  min-height: 116px;
  position: relative;
  background-color: #fff;
}
.area04 > div {
  position: absolute;
}
.area04 > .title {
  top: 24px;
  left: 12px;
}
.area04 > .btn {
  top: 19px;
  left: 295px;
}

.area05 {
  margin-top: 12px;
}

/*--------------------------------------------------------------

top_sp

--------------------------------------------------------------*/
/*.sp #wrap_hero_image {
  background-color: #FAF7DC;
}*/
.sp .hero_image {
  margin: 0 auto;
  width: 320px;
}
/*.sp .sp_inquiry_box {
  border-bottom: 3px solid #339966;
  background-color: #FAF7DC;
}*/
.sp .sp_inquiry_box ul {
  margin: 0 auto;
  width: 320px;
  position: relative;
  height: 64px;
}
.sp .sp_inquiry_box ul li {
  position: absolute;
  top: 9px;
  left: 5px;
}
.sp .sp_inquiry_box .inquiry {
  left: 163px;
}
.sp #wrap_sp_menu {
  border-top: 1px solid #DFCA91;
  /* border-bottom: 1px solid #EDE389; */
  background-color: #FAF7DC;
}
.sp .sp_menu {
  margin: 0 auto;
  padding: 0 0 15px;
  width: 320px;
}
.sp .sp_menu h1 {
  color: #339966;
  font-size: 14px;
}
.sp .sp_menu li {
  margin-left: 4px;
  margin-top:3px;
}
.sp .sp_menu li.arrowList {
    background: url("/images_ht/sp/nav/nav_top_05_act.png") no-repeat;
	background-size: 100%;
    width: 310px;
    height: 40px;
}
.sp .sp_menu li.accordion_open img {
	display:none;
}
.sp .sp_menu li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent:0;
}
.sp #main > .right {
  display: none;
}
.sp #main > .left {
  margin: 0 auto;
  width: 320px;
  float: none;
}
.sp .area01 {
  margin-top: 10px;
  margin-left: 5px;
  position: relative;
}
.sp .area01 div {
  text-indent: -9999px;
  position: absolute;
}
.sp .area01 > .title {
  top: 12px;
  left: 11px;
}
.sp .area01 > .btn {
  top: 11px;
  left: 206px;
}

/*-----------------------------------------

variable

------------------------------------------*/
/*------------------------------------------

mixin

------------------------------------------*/
/*------------------------------------------
gradient
------------------------------------------*/
/*--------------------------------------------------------------

templete pc

--------------------------------------------------------------*/
/*--------------------------------
main
--------------------------------*/
#main {
  _zoom: 1;
}
#main:after {
  content: "";
  display: block;
  clear: both;
}

#main_content {
  width: 726px;
  float: right;
}
#main_content section {
  _zoom: 1;
  position: relative;
  clear: both;
}
#main_content section:after {
  content: "";
  display: block;
  clear: both;
}
#main_content > section {
  border: 2px solid #339A67;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  border-radius: 5px !important;
  background-color: #fff;
}
#main_content > section > .path {
  padding: 6px 18px;
  background: -webkit-gradient(linear, 0 100%, 0 0, from(#38aa71), to(#308f60));
  background: -webkit-linear-gradient(#38aa71, #308f60);
  background: -moz-linear-gradient(#38aa71, #308f60);
  background: -o-linear-gradient(#38aa71, #308f60);
  background: linear-gradient(#38aa71, #308f60);
  background-color: #308F60;
  color: #fff;
  font-size: 12px;
}
#main_content > section > .path a {
  color: #fff;
}
#main_content > section > header {
  margin: 0 18px;
  padding: 22px 0 18px 0;
  min-height: 42px;
  position: relative;
  color: #515E73;
  line-height: 1.4;
}
#main_content > section > header .hvOther {
  position: absolute;
  top:12px;
  right:50px;
  border:2px solid #B6DB77;
  border-radius: 5px;
  behavior: url(/ie-css3.htc);
  background:#FFF;
}
#main_content > section > header .hvOther a {
  display:block;
  text-decoration:none;
  padding:8px 10px 8px 30px;
  font-size:14px;
  line-height:18px;
  color:#7B9B66;
}
#main_content > section > header .hvOther img {
  position:absolute;
  top:12px;
  left:8px;
}
#main_content > section > header .hvOther:hover {
  background:#F1FFD9;
}
#main_content > section > header h1 {
  font-size: 26px;
}
#main_content > section > header h1 span.small {
  padding-left: 15px;
  padding-left: 0;
  font-size: 13px;
}

#main_content > section > header img {
  position: absolute;
  bottom: 0;
  right: 0;
  right: 18px;
}
#main_content > section > header p.attention {
  position: absolute;
  bottom: 10px;
  right: 0;
}
#main_content.course > section > header p.attention {
  right: 30px;
}

.box_link {
  margin-left: 10px;
  margin-bottom: 35px;
  text-align: left;
  background-color: #fff;
  display: table;
}
.box_link a {
  padding: 9px 14px 8px 8px;
  border: 1px solid #36A56E;
  border: 2px solid #36A56E\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #36A56E;
  border-radius: 2px;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  color: #118064;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f5fafd));
  background: -webkit-linear-gradient(white, #f5fafd);
  background: -moz-linear-gradient(white, #f5fafd);
  background: -o-linear-gradient(white, #f5fafd);
  background: linear-gradient(#ffffff, #f5fafd);
  background-color: #fff;
}
.box_link a span {
  padding-left: 20px;
  display: inline-block;
  background-color: #fff;
}

.content_nav {
  margin: 0 18px 35px 18px;
  padding: 15px 15px 10px 15px;
  border: 1px dotted #36A46D;
  border-radius: 6px;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  background-color: #CFEFDF;
  width: 660px;
}
.content_nav li {
  margin-right: 15px;
  margin-bottom: 5px;
  display: inline-block;
}
.content_nav li a {
  color: #118064;
}

.content {
  margin: 0 18px;
}
.content .content {
  margin: 0;
}
.content h2 {
  margin-bottom: 20px;
  padding-bottom: 5px;
  color: #118064;
  font-size: 18px;
  background-image: url("../img_ht/dotline_green.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
.content section.circle {
  min-height: 250px;
}
.content > section {
  margin-bottom: 40px;
}
.content > section a:hover {
  opacity: 0.75;
}
.content > section p {
  padding: 0 8px;
  margin: 10px 0 20px 0;
}
.content > section p.circle {
  width: 410px;
}
.content > section img.circle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.content > section p.big_image {
  padding: 0;
  margin: 0;
  text-align: center;
}
#j-shine .content > section p.big_image {
  padding: 0 0 20px;
}
.content > section > section {
  margin-top: 10px;
  margin-bottom: 30px;
}
.content > section section img.circle {
  top: -45px;
}
.content > section h3 {
  color: #339966;
  margin-bottom: 6px;
}
.content > section div > section {
  margin: 10px 8px 20px 8px;
}

.no_sidebar {
  width: 960px !important;
  float: none;
}
.no_sidebar .path {
  width: 921px\9 !important;
}

.sp .no_sidebar {
  margin: 0 auto;
  width: auto !important;
}
.sp .no_sidebar > .content {
  width: 320px;
}

.inquiry_box {
  display: none !important;
  border: 2px solid #C9C9D3;
  border-radius: 6px;
  behavior: url(/ie-css3.htc);
  background-color: #fff;
  position: relative;
  width: 722px;
  height: 196px;
}
.inquiry_box div {
  position: absolute;
}
.inquiry_box h1 {
  position: absolute;
  left: 124px;
}
.inquiry_box .reserv {
  top: 56px;
  left: 16px;
}
.inquiry_box .inquiry {
  top: 56px;
  left: 367px;
}
.inquiry_box .tel {
  top: 136px;
  left: 95px;
}

/*--------------------------------
side
--------------------------------*/
#side {
  margin-right: 20px;
  width: 210px;
  float: right;
}
#side .search {
  border: 2px solid #E4C9A7;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
  padding: 15px 12px 15px 12px;
  border-radius: 4px !important;
  background-color: #FFFFFF;
  width: 180px;
}
#side .search > .title {
  margin-bottom: 12px;
}
#side .search select {
  width: 100%;
}
#side .search .info {
  margin-bottom: 12px;
  border: 1px solid #B3B8C2;
  overflow: auto;
  width: 178px;
  height: 150px;
  background-color: #fff;
}
#side .search .info div {
  padding: 10px 8px;
  border-bottom: 1px dotted #ccc;
}
#side .search .btn01 {
  margin: 8px 0 10px -2px;
}
#side .search .btn01 input {
   background:url(/img_ht/sidebar_search_btn.png);
   width:186px;
   height:36px;
   border:0px solid;
   cursor:pointer;
}
#side .search .link a{
	font-size:14px;
	background-image:url(/img_ht/ico/link_red.png);
}
#side .teacher {
  position:relative;
  z-index:1;
  margin-bottom: 15px;
  /*border: 2px solid #339966;*/
  border: 2px solid #8FC734;
  border-radius: 4px;
  behavior: url(/ie-css3.htc);
  background-color: #fff;
}
/*#side .teacher .title {
  padding: 4px 6px 4px 6px;
  background: -webkit-gradient(linear, 0 100%, 0 0, from(#38aa71), to(#308f60));
  background: -webkit-linear-gradient(#38aa71, #308f60);
  background: -moz-linear-gradient(#38aa71, #308f60);
  background: -o-linear-gradient(#38aa71, #308f60);
  background: linear-gradient(#38aa71, #308f60);
  background-color: #308F60;
  color: #fff;
  text-align: center;
}*/
#side .teacher .title {
  padding: 4px 6px 4px 6px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#8fc734), to(#8fc734));
  background: -webkit-linear-gradient(#8fc734, #8fc734);
  background: -moz-linear-gradient(#8fc734, #8fc734);
  background: -o-linear-gradient(#8fc734, #8fc734);
  background: linear-gradient(#8fc734, #8fc734);
  background-color: #8FC734;
  color: #fff;
  text-align: center;
}
#side .teacher .box {
  padding: 10px 9px 8px 9px;
  border-bottom: 1px dotted #999;
  _zoom: 1;
}
#side .teacher .box:after {
  content: "";
  display: block;
  clear: both;
}
#side .teacher .box .photo {
  padding-right: 8px;
  padding-bottom: 8px;
  width: 80px;
  height: 56px;
  float: left;
}
#side .teacher .box .name {
  color: #339966;
}
#side .teacher .box .place {
  font-size: 11px;
}
#side .teacher .box .detail {
  clear: left;
}
#side .teacher .box .link a{
	background-image:url(/img_ht/ico/link_green.png);
}
#side .teacher .box .txt {
  padding-left: 0;
  clear: both;
}
#side .teacher .box .txt p {
  margin: 10px 0;
  font-size: 11px;
}
#side .teacher .box .area {
  background-color: #ECF9F1;
  /* border: 1px solid #36856B; */
  border: 1px solid #539d09;
  margin: 0 0 10px;
  padding: 5px;
}
#side .teacher .box hr {
  border: none;
  border-top: 1px dotted #333;
  border-left: none;
  border-right: none;
}
#side .teacher .btn {
  /* border: 1px solid #339966; */
  border: 1px solid #65CA00;
  padding-top: 5px;
  padding-bottom: 4px;
  margin: 8px;
  border-radius: 4px;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  /*
  background: -webkit-gradient(linear, 0 100%, 0 0, from(#38aa71), to(#308f60));
  background: -webkit-linear-gradient(#38aa71, #308f60);
  background: -moz-linear-gradient(#38aa71, #308f60);
  background: -o-linear-gradient(#38aa71, #308f60);
  background: linear-gradient(#38aa71, #308f60);
  background-color: #308F60;
  */
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#8fc734), to(#8fc734));
  background: -webkit-linear-gradient(#8fc734, #8fc734);
  background: -moz-linear-gradient(#8fc734, #8fc734);
  background: -o-linear-gradient(#8fc734, #8fc734);
  background: linear-gradient(#8fc734, #8fc734);
  background-color: #8FC734;
  padding-left: 15px;
  text-indent: -15px;
}
#side .teacher .btn a {
  margin-left: 7px;
  color: #fff;
}
#side .teacher .img_btn li {
  text-align: center;
}
#side .bnr div {
  margin-bottom: 8px;
}
#side .bnr div a {
  display: block;
  width: 100%;
  height: 100%;
  /* text-indent: -9999px; */
}

/*--------------------------------------------------------------

templete sp

--------------------------------------------------------------*/
body {
}
body.sp #main_content {
  width: auto;
  float: none;
}
body.sp #main_content > section {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  behavior: url(/ie-css3.htc);
  background-color: #fff;
}
body.sp #main_content > section .path {
  display: none;
}
body.sp #main_content > section > header {
  background: -webkit-gradient(linear, 0 100%, 0 0, from(#38aa71), to(#308f60));
  background: -webkit-linear-gradient(#38aa71, #308f60);
  background: -moz-linear-gradient(#38aa71, #308f60);
  background: -o-linear-gradient(#38aa71, #308f60);
  background: linear-gradient(#38aa71, #308f60);
  background-color: #308F60;
  margin: 0;
  padding: 6px 10px;
  min-height: 0;
  color: #fff;
  font-weight: normal;
  box-sizing:border-box;
}
body.sp #main_content > section > header h1 {
  font-weight: normal;
}
body.sp #main_content > section > header h1 span {
  margin: 0 auto;
  position: static;
  width: 300px;
  display: block;
  font-size: 17px;
  font-weight: bold;
}
body.sp #main_content > section > header h1 span.small {
  padding: 0;
  display: block;
  font-size: 12px;
  font-weight: normal;
}
body.sp #main_content > section > header img {
  display: none;
}
body.sp #main_content > section > header p.attention {
  position: static;
}
body.sp #main_content > section .box_link {
  margin-bottom: 20px;
}
body.sp #main_content > section .box_link a {
  padding: 0;
  border: none;
  box-shadow: none;
  background: none;
}
body.sp #main_content > section .box_link a span {
  line-height: 2;
  padding-top:3px;
  padding-bottom: 5px;
  display: inline;
}
body.sp #main_content > section .content_nav {
  margin: 10px;
  border-radius: 0px;
  behavior: url(/ie-css3.htc);
  width: auto;
}
body.sp #main_content > section > .content {
  padding-top: 10px;
  margin: 0 auto;
  width: 320px;
}
body.sp #main_content > section > .content > section {
  margin-bottom: 25px;
  position: static;
  text-align: left;
  min-height: 0;
  color:#515E73;
}
body.sp #main_content > section > .content > section h2 {
  margin-bottom: 20px;
  padding: 0 8px 8px 8px;
}
body.sp #main_content > section > .content > section h2 span {
  position: relative;
  display: block;
  line-height: 1.3;
}
body.sp #main_content > section > .content > section h2 span::before {
  content: '';
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
}
body.sp #main_content > section > .content > section > section {
  margin-left: 8px;
  margin-right: 8px;
  /*border: 1px solid red;*/
}
body.sp #main_content > section > .content > section > div {
  padding: 0 8px;
}
body.sp #main_content > section > .content > section > p {
  margin: 10px 10px 20px 10px;
}
body.sp #main_content > section > .content > section p.circle {
  width: auto;
}
body.sp #main_content > section > .content > section img.circle {
  margin-left: 8px;
  margin-bottom: 3px;
  width: 100px;
  position: static;
  float: right;
}
body.sp #main_content > section > .content > section div > section {
  margin: 10px 0 20px 0;
}
body.sp #main_content > section > .content > section h3, body.sp #main_content > section > .content > section h4 {
  padding: 0 8px 4px 8px;
}
body.sp .inquiry_box {
  padding: 16px 0 30px 0;
  border: none;
  border-top: 2px solid #ccc;
  border-radius: 0;
  behavior: url(/ie-css3.htc);
  position: static;
  width: auto;
  height: auto;
}
body.sp .inquiry_box div {
  margin: 0 auto 8px auto;
  position: static;
  width: 310px !important;
}
body.sp .inquiry_box h1 {
  display: none;
}
body.sp #side {
  display: none;
}
body.sp div div div section div section div#ht_mainvisual div.movie_wrap {
  margin-bottom: 30px;
}
body.sp div div div section div section div#ht_mainvisual div.movie_wrap div.movie {
  width: 90%;
  height: 120px;
  margin-left: 0;
  margin-right: 0;
}
body.sp div.movie_message div.movie_wrap div.movie iframe {
  width: 100%;
  height: 150px;
}
body.sp div.movie_message div.movie_wrap p {
  font-size: 14px !important;
}

/* IE8 */
#side .teacher .title {
  width: 195px\9;
}

#main_content section .path {
  width: 687px\9;
  display: flex;
}
#main_content section .path li {
  margin-bottom: 0;
}
#main_content section .path li:not(:last-child) {
  margin-right: 0.25em;
}
#main_content section .path li:last-child a {
  text-decoration: none;
}

/*--------------------------------------------------------------

templete styleplan

--------------------------------------------------------------*/
#container .styleplan {
  margin-top: 10px;
  background:#FAF7DC;
}

.styleplan {
  width: auto !important;
  float: none !important;
  background-color: #fff;
}
.styleplan > section {
  border: none !important;
  background-color: #FAF7DC;
}
.styleplan .box_link {
  margin-bottom: 10px;
}
.styleplan .box_link a {
  padding-top: 14px\9;
  /* IE8 */
  padding-bottom: 4px\9;
  /* IE8 */
}
.styleplan .box_link span {
  background-image: url("../img_ht/sprite_ico-s4b3855b349.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.styleplan header {
  margin: 0 auto;
  /* width: 1200px; */
  height: 438px;
  background-image: url("../img_ht/styleplan/bg_mainvisual.jpg");
  background-repeat: repeat-x;
  background-position: 0 0;
  position: relative;
}
.pc .styleplan header #styleplanheader {
  margin: 0 auto;
  width: 960px;
}
.styleplan .mainvisual_text {
  /* margin-left: 120px; */
  float:left;
  width: 520px;
  text-align: center;
}
.styleplan .mainvisual_text .case {
  margin-top: 40px;
}
.styleplan .mainvisual_text h1 {
  margin-top: 20px;
}
.styleplan .mainvisual_text .copy {
  margin-top: 20px;
}
.styleplan .mainvisual_text .balloon {
  margin-top: 20px;
}
.styleplan .mainvisual_text #mana {
  position:relative;
  top:-140px;
  left:64px;
}
.styleplan .main_photo {
  margin-left: 33px;
}
.styleplan .path {
  margin: 0 auto 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 960px;
  background: none !important;
  color: #000 !important;
  display: flex;
}
.styleplan .path li {
  margin-bottom: 0;
}
.styleplan .path li:not(:last-child) {
  margin-right: 0.25em;
}
.styleplan .path li:last-child a {
  color: #000;
  text-decoration: none;
}
.styleplan .path a {
  color: #79A433;
}
.styleplan .content {
  padding-bottom: 55px;
  margin: 0;
  background-repeat: repeat;
}
.styleplan h2 {
  background-image: none;
}
.styleplan h2 .inner {
  margin: 0 auto;
  padding: 16px 0 14px 0;
  display: block;
  width: 960px;
}
.styleplan .feature {
  margin: 0 auto;
  width: 960px;
}
.styleplan .feature .inquiry_box {
  margin: 0 auto;
}
.styleplan .feature .inquiry_box h3 {
  position: absolute;
  top: 22px;
  left: 124px;
  background: url("../img_ht/sprite_big-s56c1d1e1e8.png");
  background-repeat: no-repeat;
  background-position: 0 -1449px;
  height: 18px;
  width: 480px;
  text-indent: -9999px;
}
.styleplan .inquiry_box {
  margin: 0 auto;
  clear: left;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.styleplan .comment {
  padding: 20px;
  margin-right: 20px;
  border-radius: 8px;
  width: 546px;
  background-color: #fff;
  float: left;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
}
.styleplan .comment h3 {
  margin-bottom: 10px;
  padding-bottom: 6px;
  width: 360px;
  background-repeat: repeat-x;
  background-position: bottom;
}
.styleplan .comment > section {
  margin-bottom: 20px;
  _zoom: 1;
}
.styleplan .comment > section:after {
  content: "";
  display: block;
  clear: both;
}
.styleplan .comment > section img {
  margin-top: -30px;
}
.styleplan .comment .photo_right img {
  margin-left: 15px;
  margin-bottom: 30px;
  float: right;
}
.styleplan .comment .photo_left h3 {
  margin-left: 200px;
  width: 340px;
}
.styleplan .comment .photo_left img {
  margin-right: 15px;
  margin-bottom: 30px;
  float: left;
}
.styleplan .schedule {
  width: 340px;
  float: left;
}
.styleplan .story {
  padding-top: 30px;
  margin-bottom: 30px;
  clear: left;
  position: relative;
}
.styleplan .story .box_link {
  position: absolute;
  right: 80px;
  bottom: 56px;
}
.styleplan .footer_content {
  margin-bottom: 40px;
}
.styleplan .qa {
  margin: 40px auto 30px auto;
  padding: 30px;
  border-radius: 6px;
  width: 900px;
  background-color: #fff;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  clear: both;
}
.styleplan .qa h3 {
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin-bottom: 10px;
  font-size: 25px;
  line-height: 1.4;
}
.styleplan .qa h3:before {
  margin-right: 4px;
  content: "Q.";
}
.styleplan .qa .answer {
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
.styleplan .qa .answer:before {
  margin-right: 4px;
  content: "A.";
}
.styleplan .qa > section {
  margin-bottom: 15px;
  min-height: 272px;
  _zoom: 1;
}
.styleplan .qa > section:after {
  content: "";
  display: block;
  clear: both;
}
.styleplan .qa > section .text {
  padding-top: 30px;
  width: 480px;
}
.styleplan .qa > section .image {
  position: relative;
}
.styleplan .qa > section .image .photo {
  position: absolute;
  top: 52px;
  left: 0;
}
.styleplan .qa > section .image .profile {
  position: absolute;
  top: 0;
  left: 196px;
}
.styleplan .qa .text {
  float: right;
}
.styleplan .qa .photo_left .text {
  float: right;
}
.styleplan .qa .photo_left .image {
  float: left;
}
.styleplan .qa .photo_right .text {
  float: left;
}
.styleplan .qa .photo_right .image {
  float: right;
}
.styleplan .qa .photo_right .image .photo {
  left: auto;
  right: 0;
}
.styleplan .qa .photo_right .image .profile {
  left: auto;
  right: 196px;
}
.styleplan .link_area {
  padding: 15px 0;
  margin: 0 auto 40px auto;
  width: 960px;
  position: relative;
  /*background-image: url("../img_ht/styleplan/border_LP_white.png");*/
  background-repeat: repeat-x;
  background-position: bottom;
}
.styleplan .link_area .box_link {
  position: absolute;
  top: 30px;
  right: 0;
}
.styleplan .styleplan_navi {
  margin: 0 auto;
  width: 960px;
  _zoom: 1;
  padding-top: 20px;
}
.styleplan .styleplan_navi:after {
  content: "";
  display: block;
  clear: both;
}
.styleplan .styleplan_navi .title {
  margin-bottom: 15px;
  width: 953px;
  height: 33px;
  text-indent: -9999px;
}
.styleplan .styleplan_navi li {
  margin-bottom: 0;
  margin-left: 32px;
  float: left;
}
.styleplan .styleplan_navi li a {
  display: block;
  width: 162px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -9999px;
}
.styleplan .styleplan_navi li a:hover {
  opacity: 0.8;
}
.styleplan .styleplan_navi .navi01 {
  margin-left: 10px;
}
.styleplan .styleplan_navi .navi01 a {
  background-image: url("../img_ht/styleplan/btn_case01.png");
}
.styleplan .styleplan_navi .navi02 a {
  background-image: url("../img_ht/styleplan/btn_case02.png");
}
.styleplan .styleplan_navi .navi03 a {
  background-image: url("../img_ht/styleplan/btn_case03.png");
}
.styleplan .styleplan_navi .navi04 a {
  background-image: url("../img_ht/styleplan/btn_case04.png");
}
.styleplan .styleplan_navi .navi05 a {
  background-image: url("../img_ht/styleplan/btn_case05.png");
}

/* plan_blue */
.plan_blue h2 {
  background-color: #2b99d7;
}
.plan_blue .box_link a {
  border: 1px solid #379FD7;
  border: 2px solid #379FD7\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #379FD7;
  color: #0066CC;
}
.plan_blue .box_link span {
  background-position: 0 -160px;
}
.plan_blue .content {
  background-image: url("../img_ht/styleplan/blue/bg.gif");
}
.plan_blue .feature .inquiry_box {
  border: 3px solid #2b99d7;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.plan_blue .comment {
  border: 4px solid #ABD9EF;
}
.plan_blue .comment h3 {
  background-image: url("../img_ht/styleplan/blue/border.png");
  color: #2b99d7;
}
.plan_blue .footer_content {
  background-color: #64b7e1 !important;
}
.plan_blue .qa h3 {
  color: #1d6e99 !important;
}
.plan_blue .qa .answer {
  color: #1d6e99 !important;
}
.plan_blue .styleplan_navi .title {
  background-image: url("../img_ht/styleplan/blue/title_plans.png");
}

/* plan_green */
.plan_green h2 {
  background-color: #719b28;
}
.plan_green .case {
  margin-top: 24px !important;
}
.plan_green .box_link a {
  border: 1px solid #8FC734;
  border: 2px solid #8FC734\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #8FC734;
  color: #539D09;
}
.plan_green .box_link span {
  background-position: 0 -960px;
}
.plan_green .content {
  background-image: url("../img_ht/styleplan/green/bg.gif");
}
.plan_green .feature .inquiry_box {
  border: 3px solid #719b28;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.plan_green .comment {
  border: 4px solid #B5D77B;
}
.plan_green .comment h3 {
  background-image: url("../img_ht/styleplan/green/border.png");
  color: #719b28;
}
.plan_green .comment .txt {
	float: right;
	width: 345px;}
.plan_green .footer_content {
  background-color: #9dca53 !important;
}
.plan_green .qa h3 {
  color: #4a671b !important;
}
.plan_green .qa .answer {
  color: #4a671b !important;
}
.plan_green .styleplan_navi .title {
  background-image: url("../img_ht/styleplan/green/title_plans.png");
}

/* plan_yellow */
.plan_yellow h2 {
  background-color: #eab600;
}
.plan_yellow .box_link a {
  border: 1px solid #E3C531;
  border: 2px solid #E3C531\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #E3C531;
  color: #E19300;
}
.plan_yellow .box_link span {
  background-position: 0 -800px;
}
.plan_yellow .content {
  background-image: url("../img_ht/styleplan/yellow/bg.gif");
}
.plan_yellow .feature .inquiry_box {
  border: 3px solid #eab600;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.plan_yellow .comment {
  border: 4px solid #EBD776;
}
.plan_yellow .comment h3 {
  background-image: url("../img_ht/styleplan/yellow/border.png");
  color: #CC8C00;
}
.plan_yellow .footer_content {
  background-color: #f2d04a !important;
}
.plan_yellow .qa h3 {
  color: #cc8e00 !important;
}
.plan_yellow .qa .answer {
  color: #cc8e00 !important;
}
.plan_yellow .styleplan_navi .title {
  background-image: url("../img_ht/styleplan/yellow/title_plans.png");
}

/* plan_orange */
.plan_orange h2 {
  background-color: #e77c36;
}
.plan_orange .box_link a {
  border: 1px solid #EDA06D;
  border: 2px solid #EDA06D\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #EDA06D;
  color: #EF5F10;
}
.plan_orange .box_link span {
  background-position: 0 -320px;
}
.plan_orange .content {
  background-image: url("../img_ht/styleplan/orange/bg.gif");
}
.plan_orange .feature .inquiry_box {
  border: 3px solid #e77c36;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.plan_orange .comment {
  border: 4px solid #EFBA96;
}
.plan_orange .comment h3 {
  background-image: url("../img_ht/styleplan/orange/border.png");
  color: #e77c36;
}
.plan_orange .footer_content {
  background-color: #eb9962 !important;
}
.plan_orange .qa h3 {
  color: #c45c17 !important;
}
.plan_orange .qa .answer {
  color: #c45c17 !important;
}
.plan_orange .styleplan_navi .title {
  background-image: url("../img_ht/styleplan/orange/title_plans.png");
}

/* plan_pink */
.plan_pink h2 {
  background-color: #e66074;
}
.plan_pink h2.mana {
  text-align: center;
  margin-bottom:5px;
  background:none;
}
.plan_pink h2.mana .inner {
  padding:0;
}
.plan_pink header .case {
  margin-top: 24px !important;
}
.plan_pink .box_link a {
  border: 1px solid #ED8B9A;
  border: 2px solid #ED8B9A\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #ED8B9A;
  color: #E03069;
}
.plan_pink .box_link span {
  background-position: 0 -480px;
}
.plan_pink .content {
  background-image: url("../img_ht/styleplan/pink/bg.gif");
}
.plan_pink .feature .inquiry_box {
  border: 3px solid #e66074;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.plan_pink .comment {
  margin-bottom: 70px;
  border: 4px solid #F4BDC6;
}
.plan_pink .comment h3 {
  background-image: url("../img_ht/styleplan/pink/border.png");
  color: #e66074;
}
.plan_pink .footer_content {
  background-color: #ef9ba7 !important;
}
.plan_pink .qa h3 {
  color: #c52e44 !important;
}
.plan_pink .qa .answer {
  color: #c52e44 !important;
}
.plan_pink .qa > section {
  margin-bottom: 40px;
  min-height: 0;
}
.plan_pink .qa > section > p {
  padding: 0 40px;
}
.plan_pink .qa > section > section {
  margin-left: 40px;
  width: 400px;
  float: left;
}
.plan_pink .qa > section > section h4 {
  margin-bottom: 10px;
  font-size: 15px;
}
.plan_pink .qa > section > section p {
  margin-bottom: 15px;
}
.plan_pink .coursepc{
	background-repeat: no-repeat;
  background-image: url("../img_ht/styleplan/pink/img02.png");
}
.plan_pink .courseline {
  margin: 40px auto 0 auto;
  padding: 30px;
  border-radius: 6px;
  width: 900px;
  height: 560px;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  clear: both;
}
.plan_pink .courseline .link_list {
  padding: 0;
  margin-top:10px;
}
.plan_pink .courseline .link_list li {
  margin-left: 20px;
  margin-bottom: 15px;
  border: 1px solid #999;
  position: relative;
  z-index: 1;
  background-color: #fff;
  width: 378px;
  float: left;
  overflow:hidden;
}
.plan_pink .courseline .link_list li dl dt span {
  display: block;
  background-image: url("../img_ht/ico/link_pink.png");
  background-repeat:no-repeat;
  padding-left:20px;
  line-height:18px;
}
.plan_pink .courseline .link_list li img.new_course{
  margin-left: 120px;
}
.plan_pink .courseline .link_list li:hover {
  background-color: #FFEEF1;
}
.sp .plan_pink .courseline .link_list li {
  margin-left: 0px;
  margin-bottom:8px;
  padding: 10px;
  width:278px;
  border: 1px solid #e66074;
}
.sp .plan_pink .courseline .link_list li a {
  padding-top: 5px;
  padding-bottom: 5px;
}
.sp .plan_pink .courseline .link_list li img {
  display: none;
}
.sp .plan_pink .courseline .link_list li dl {
  margin-left: 0;
  width: auto;
}
.sp .plan_pink .courseline .link_list li dl dt {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  float: left;
  margin:0px;
}
.sp .plan_pink .courseline .link_list li dl dd {
  padding-top: 2px;
  padding-left: 15px;
  display: table-cell;
  vertical-align: middle;
  font-size: 11px;
  float: left;
  letter-spacing: -0.5px;
}
.sp .plan_pink .courseline {
  margin-top: 0px;
  padding: 10px;
  border-radius: 0;
  width: 300px;
}
.sp .plan_pink .comment {
  margin-bottom: -10px;
}
.sp .feature .inquiry_box {
  border:none;
}
body.sp .styleplan .inquiry_box {
  border:none;
}
.styleplan .feature .inquiry_box h1{
    top:10px;
}

.plan_pink .qa .attention {
  padding-left: 40px;
}
.plan_pink .styleplan_navi .title {
  background-image: url("../img_ht/styleplan/pink/title_plans.png");
}
.sp .styleplan .path {
  display: none;
}
.sp .styleplan header {
  padding-top: 137px;
  padding-bottom: 12px;
  width: 320px;
  height: auto;
  background: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 137px;
}
.sp .styleplan header .pc_hide .copy {
  padding: 8px 20px;
}
.sp .styleplan header .pc_hide .info_teacher {
  margin: 0 12px;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
}
.sp .styleplan header .pc_hide .info_teacher .small {
  padding: 0;
}
.sp .styleplan .mainvisual_text {
  display: none;
}
.sp .styleplan .main_photo {
  display: none;
}
.sp .styleplan h2 {
  margin-bottom: 0;
  padding-top: 10px;
}
.sp .styleplan h2 .inner {
  display: none;
}
.sp .styleplan h2 span {
  margin: 0 auto;
  padding-left: 12px;
  width: 308px;
  color: #fff;
  font-size: 16px;
}
.sp .styleplan .content {
  padding-bottom: 30px;
  background-image: none;
  background-color: #fff;
}
.sp .styleplan .feature {
  width: 320px;
}
.sp .styleplan .comment {
  border: none;
  border-radius: 0;
  padding: 10px;
  width: 300px;
  float: none;
}
.sp .styleplan .comment h3 {
  margin-left: 0;
  width: 100%;
}
.sp .styleplan .comment img {
  margin-top: 0;
  margin-bottom: 0;
  width: 36%;
}
.sp .styleplan .schedule {
  padding: 10px;
  float: none;
  width: 300px;
  margin-bottom: 20px;
}
.sp .styleplan .schedule img {
  width: 300px;
}
.sp .styleplan .story {
  display: none;
}
.sp .styleplan .footer_content {
  margin-bottom: 0;
  background-color: #fff !important;
}
.sp .styleplan .qa {
  margin-top: 10px;
  margin-bottom:0px;
  padding: 10px;
  border-radius: 0;
  width: 300px;
}
.sp .styleplan .qa > section {
  margin-bottom: 15px;
}
.sp .styleplan .qa .text {
  padding-top: 0 !important;
  width: 300px !important;
  float: none !important;
}
.sp .styleplan .qa .text p img {
  margin-left: 10px;
  float: right;
  width: 38%;
}
.sp .styleplan .qa h3 {
  font-size: 16px;
}
.sp .styleplan .qa .answer {
  font-size: 13px;
}
.sp .styleplan .qa .teacher_info {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px;
  border-radius: 6px;
}
.sp .styleplan .qa .teacher_info p {
  margin-left: 12px;
}
.sp .styleplan .styleplan_navi {
  margin: 0 auto;
  padding-top: 1px;
  padding-bottom: 5px;
  position: static;
  width: 320px;
  height: auto;
  _zoom: 1;
}
.sp .styleplan .styleplan_navi:after {
  content: "";
  display: block;
  clear: both;
}
.sp .styleplan .styleplan_navi > .title {
  margin: 9px 0 10px 5px;
  position: static;
  width: 301px;
  height: 36px;
  background: url("../img_ht/sprite_retina-sde2f971920.png");
  background-position: 0 -198px;
  background-repeat: no-repeat;
  background-size: 316px auto;
}
.sp .styleplan .styleplan_navi ul {
  padding-left: 6px;
  _zoom: 1;
}
.sp .styleplan .styleplan_navi ul:after {
  content: "";
  display: block;
  clear: both;
}
.sp .styleplan .styleplan_navi ul li {
  margin: 0 0 4px 0;
  position: static;
  border-radius: 5px;
  behavior: url(/ie-css3.htc);
  float: left;
  width: 148px;
  height: 36px;
}
.sp .styleplan .styleplan_navi ul li a {
  padding-top: 13px;
  padding-left: 10px;
  width: 138px;
  height: 23px;
  text-indent: 0;
  color: #5E6C85;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.2;
  background-image: none;
}
.sp .styleplan .styleplan_navi ul li a:hover {
  background: none;
  width: 138px;
  height: 23px;
}
.sp .styleplan .styleplan_navi ul li a span {
  font-size: 12px;
}
.sp .styleplan .styleplan_navi ul li a img {
  float:left;
  margin-top:-7px;
  margin-right:6px;
}
.sp .styleplan .styleplan_navi ul li > div {
  position: absolute;
  margin-top: -25px;
  margin-left: 126px;
  z-index: 10;
}
.sp .styleplan .styleplan_navi .navi01 {
  margin-right: 6px;
  border: 2px solid #A9D5ED;
  background-color: #BADFF2;
}
.sp .styleplan .styleplan_navi .navi02 {
  border: 2px solid #C6D7A9;
  background-color: #D1E6AE;
}
.sp .styleplan .styleplan_navi .navi03 {
  margin-right: 6px;
  border: 2px solid #E7DBA3;
  background-color: #FCE99B;
}
.sp .styleplan .styleplan_navi .navi04 {
  border: 2px solid #F4C8A9;
  background-color: #F7D4BC;
}
.sp .styleplan .styleplan_navi .navi05 {
  width: 306px;
  border: 2px solid #F3B4BD;
  background-color: #F8D1D7;
}

.sp .styleplan .styleplan_navi .navi05 a .small {
	font-size:11px;
	font-weight: normal;
}

.sp .styleplan .styleplan_navi .navi05 a {
  width: 296px;
}
.sp .styleplan .styleplan_navi .navi05 a:hover {
  width: 296px;
}
.sp .styleplan .styleplan_navi .navi05 div {
  margin-left: 284px;
}

.sp .plan_blue header {
  border-top: 3px solid #2b99d7;
  background-image: url("../img_ht/styleplan/blue/bg_sp_main.png");
  background-color: #EAF5FB;
}
.sp .plan_blue header .pc_hide .info_teacher {
  border: 3px solid #64b7e1;
  color: #2b99d7;
}
.sp .plan_blue .answer {
  color: #2b99d7 !important;
}
.sp .plan_blue .teacher_info {
  border: 2px solid #2b99d7;
}
.sp .plan_blue .teacher_info p {
  color: #2b99d7;
}

.sp .plan_green header {
  border-top: 3px solid #719b28;
  background-image: url("../img_ht/styleplan/green/bg_sp_main.png");
  background-color: #ECF7E4;
}
.sp .plan_green header .pc_hide .info_teacher {
  border: 3px solid #9dca53;
  color: #719b28;
}
.sp .plan_green .answer {
  color: #719b28 !important;
}
.sp .plan_green .teacher_info {
  border: 2px solid #719b28;
}
.sp .plan_green .teacher_info p {
  color: #719b28;
}
.sp .plan_green .comment .txt {
	float: none;
	width: auto;}
.sp .plan_yellow header {
  border-top: 3px solid #eab600;
  background-image: url("../img_ht/styleplan/yellow/bg_sp_main.png");
  background-color: #FDF6DA;
}
.sp .plan_yellow header .pc_hide .info_teacher {
  border: 3px solid #f2d04a;
  color: #eab600;
}
.sp .plan_yellow .answer {
  color: #eab600 !important;
}
.sp .plan_yellow .teacher_info {
  border: 2px solid #eab600;
}
.sp .plan_yellow .teacher_info p {
  color: #eab600;
}

.sp .plan_orange header {
  border-top: 3px solid #e77c36;
  background-image: url("../img_ht/styleplan/orange/bg_sp_main.png");
  background-color: #FDEEE3;
}
.sp .plan_orange header .pc_hide .info_teacher {
  border: 3px solid #eb9962;
  color: #e77c36;
}
.sp .plan_orange .answer {
  color: #e77c36 !important;
}
.sp .plan_orange .teacher_info {
  border: 2px solid #e77c36;
}
.sp .plan_orange .teacher_info p {
  color: #e77c36;
}

.sp .plan_pink header {
  border-top: 3px solid #e66074;
  background-image: url("../img_ht/styleplan/pink/bg_sp_main.png");
  background-color: #FCEFF1;
}
.sp .plan_pink header .pc_hide .info_teacher {
  border: 3px solid #ef9ba7;
  color: #e66074;
}
.sp .plan_pink .answer {
  color: #e66074 !important;
}
.sp .plan_pink .teacher_info {
  border: 2px solid #e66074;
}
.sp .plan_pink .teacher_info p {
  color: #e66074;
}

/*-----------------------------------------

variable

------------------------------------------*/
/*------------------------------------------

mixin

------------------------------------------*/
/*------------------------------------------
gradient
------------------------------------------*/
/*--------------------------------------------------------------
blue
--------------------------------------------------------------*/
.blue #main_content > section {
  border: 2px solid #61B5E0;
}
.blue #main_content > section > .path {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#70bce3), to(#61b5e0));
  background: -webkit-linear-gradient(#70bce3, #61b5e0);
  background: -moz-linear-gradient(#70bce3, #61b5e0);
  background: -o-linear-gradient(#70bce3, #61b5e0);
  background: linear-gradient(#70bce3, #61b5e0);
  background-color: #70BCE3;
}
.blue .content > section div > section {
  margin: 10px 0 20px;
}
.blue #main_content > section .box_link a {
  border: 1px solid #379FD7;
  border: 2px solid #379FD7\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #379FD7;
  color: #0066CC;
  display: block;
}
.blue #main_content > section > header img{
  position: static;
  bottom: auto;
  right: auto;
}
.blue #main_content > section .content_nav {
  border: 1px dotted #61B5E0;
  background-color: #D8EDF8;
  margin-top: 20px;
}
.blue #main_content > section .content_nav a {
  color: #0066CC;
}
.blue #main_content > section .content h2 {
  color: #0066CC;
  background-image: url("../img_ht/dotline_blue.png");
}
.blue #main_content > section .content h3 {
  color: #2585B8;
}
.blue #main_content > section .style_box .title span {
  border-left: 4px solid #0066CC;
}

body.sp .blue #main_content .path + header {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#70bce3), to(#61b5e0));
  background: -webkit-linear-gradient(#70bce3, #61b5e0);
  background: -moz-linear-gradient(#70bce3, #61b5e0);
  background: -o-linear-gradient(#70bce3, #61b5e0);
  background: linear-gradient(#70bce3, #61b5e0);
  background-color: #70BCE3;
}
.blue #main_content > section > header {
	/*
  margin: 0;
  width: auto;
  background: url("/img_ht/job/title_bg.jpg") no-repeat;
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-position: 0 -193px;
  padding: 15px 18px 20px;
  	 */
	margin: 0;
	width: auto;
	background: url(/img_ht/job/title_bg.jpg) no-repeat left bottom;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: 105%;
	background-position: 0 -200px;
	padding: 15px 18px 20px;
 }
.blue #main_content > section > header p{
  margin-top: 1em;
  font-weight: bold;
  color: #444;
}
.blue #main_content .content .circle img {
  float: right;
  }
.blue #main_content .content > section .txt_box{
  overflow: hidden;
  margin: 10px;
  padding-right: 10px;
}
.blue #main_content .content > section .txt_box p{
  padding: 0;
  margin: 0 0 10px;}
.blue #main_content .content > section .txt_box img{
  width: 100%;
  height: 100%;
}
.blue #main_content .content > section .txt_box .box_link{
  margin: 0px auto;
  padding: 20px 0 5px;
}
.blue #main_content .content > section#content03 .txt_box{
    background-image: url(../img_ht/dotline_blue.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 55%;
}
.blue #main_content .content > section#content03 .txt_box .box_link{
  margin: 0px auto 2px;
  padding: 0 0 15px;
}
.blue #main_content .content .ht_bnr{
  text-align: center;
}
.sp .blue #main_content .content .ht_bnr{
  margin: 0 10px 30px;
}
.sp .blue #main_content .content .ht_bnr img{
  width: 100%;
}
.sp .blue #main_content .content .circle img{
    float: none;
    width: 100%;
}
.sp .blue #main_content .content > section#content03 .txt_box{
    width: 100%;
}
.sp .blue #main_content .content .ht_bnr .cnt_area{
  width: 100%;
  overflow: hidden;
}
.sp .blue #main_content .content .ht_bnr .cnt_area .cnt_box .bnr_txt{
  position: initial;
  width: 100%;
}
.sp .blue #main_content .content > section .txt_box{
  margin: 10px 0;
  padding-right: 0;
}
.sp .blue #main_content section .sp_titlebg {
    margin: 0;
}
.sp .blue #main_content section .sp_titlebg p {
    padding:10px;
}
.sp .blue #main_content section .sp_titlebg img {
    width: 100%;
}
.sp .blue #main_content > section .sp_titlebg h2 > span{
  background: none;
  padding-left: 0;
  color: #61B5E0;
  margin-bottom: 20px;
}
/*--------------------------------------------------------------
lgreen
--------------------------------------------------------------*/
.lgreen #main_content > section {
  border: 2px solid #8FC734;
}
.lgreen #main_content > section > .path {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#8fc734), to(#8fc734));
  background: -webkit-linear-gradient(#8fc734, #8fc734);
  background: -moz-linear-gradient(#8fc734, #8fc734);
  background: -o-linear-gradient(#8fc734, #8fc734);
  background: linear-gradient(#8fc734, #8fc734);
  background-color: #8FC734;
}
.lgreen #main_content > section .box_link a {
  border: 1px solid #8FC734;
  border: 2px solid #8FC734\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #8FC734;
  color: #539D09;
}

.lgreen #main_content > section a {
  transition: 0.2s ;
}

.lgreen #main_content > section a:hover {
  opacity: 0.8;
}

.lgreen #main_content > section .content_nav {
  border: 1px dotted #8FC734;
  background-color: #DEEFC0;
}
.lgreen #main_content > section .content_nav a {
  color: #539D09;
}

.lgreen #main_content > section .content h2 {
  color: #539D09;
  background-image: url("../img_ht/dotline_lgreen.png");
}
.lgreen #main_content > section .content h3 {
  color: #7B9E12;
}
.lgreen #main_content > section .style_box .title span {
  border-left: 4px solid #539D09;
}

body.sp .lgreen #main_content .path + header {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#8fc734), to(#8fc734));
  background: -webkit-linear-gradient(#8fc734, #8fc734);
  background: -moz-linear-gradient(#8fc734, #8fc734);
  background: -o-linear-gradient(#8fc734, #8fc734);
  background: linear-gradient(#8fc734, #8fc734);
  background-color: #8FC734;
}

.lgreen .lifestyle_box {
	width:692px;
	height:620px;
	margin:0;
	position:relative;
}

.lgreen .case01 {
	position:absolute;
	top:0;
	left:0px;
}

.lgreen .case02 {
	position:absolute;
	top:0;
	left:232px;
}

.lgreen .case03 {
	position:absolute;
	top:0;
	left:464px;
}

.lgreen .case04 {
	position:absolute;
	top:295px;
	left:0px;
}

.lgreen .case05 {
	position:absolute;
	top:295px;
	left:232px;
}

.lgreen .case06 {
	position:absolute;
	top:295px;
	left:464px;
}

body.sp .lgreen .lifestyle_box {
	width:314px;
	height:645px;
	margin:0 3px;
	position:relative;
}

body.sp .lgreen .case01 {
	position:absolute;
	top:0;
	left:0px;
}

body.sp .lgreen .case01 img {
	max-width: 155px;
	height: auto;
}

body.sp .lgreen .case02 {
	position:absolute;
	top:0;
	left:159px;
}

body.sp .lgreen .case02 img {
	max-width: 155px;
	height: auto;
}

body.sp .lgreen .case03 {
	position:absolute;
	top:204px;
	left:0px;
}

body.sp .lgreen .case03 img {
	max-width: 155px;
	height: auto;
}

body.sp .lgreen .case04 {
	position:absolute;
	top:204px;
	left:159px;
}

body.sp .lgreen .case04 img {
	max-width: 155px;
	height: auto;
}

body.sp .lgreen .case05 {
	position:absolute;
	top:408px;
	left:0px;
}

body.sp .lgreen .case05 img {
	max-width: 155px;
	height: auto;
}

body.sp .lgreen .case06 {
	position:absolute;
	top:408px;
	left:159px;
}

body.sp .lgreen .case06 img {
	max-width: 155px;
	height: auto;
}

/*--------------------------------------------------------------
yellow
--------------------------------------------------------------*/
.yellow #main_content > section {
  border: 2px solid #E3C531;
}
.yellow #main_content > section > .path {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e3c531), to(#e3c531));
  background: -webkit-linear-gradient(#e3c531, #e3c531);
  background: -moz-linear-gradient(#e3c531, #e3c531);
  background: -o-linear-gradient(#e3c531, #e3c531);
  background: linear-gradient(#e3c531, #e3c531);
  background-color: #E3C531;
}
.yellow #main_content > section .box_link a {
  border: 1px solid #E3C531;
  border: 2px solid #E3C531\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #E3C531;
  color: #E19300;
}
.yellow #main_content > section .content_nav {
  border: 1px dotted #E3C531;
  background-color: #F9F2D0;
}
.yellow #main_content > section .content_nav a {
  color: #E19300;
}
.yellow #main_content > section .content h2 {
  color: #E19300;
  background-image: url("../img_ht/dotline_yellow.png");
}
.yellow #main_content > section .content h3 {
  color: #E1B500;
}
.yellow #main_content > section .style_box .title span {
  border-left: 4px solid #E19300;
}

body.sp .yellow #main_content .path + header {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e3c531), to(#e3c531));
  background: -webkit-linear-gradient(#e3c531, #e3c531);
  background: -moz-linear-gradient(#e3c531, #e3c531);
  background: -o-linear-gradient(#e3c531, #e3c531);
  background: linear-gradient(#e3c531, #e3c531);
  background-color: #E3C531;
}

/*--------------------------------------------------------------
orange
--------------------------------------------------------------*/
.orange #main_content > section {
  border: 2px solid #EDA06D;
}
.orange #main_content > section > .path {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#eda06d), to(#eda06d));
  background: -webkit-linear-gradient(#eda06d, #eda06d);
  background: -moz-linear-gradient(#eda06d, #eda06d);
  background: -o-linear-gradient(#eda06d, #eda06d);
  background: linear-gradient(#eda06d, #eda06d);
  background-color: #EDA06D;
}
.orange #main_content > section .box_link a {
  border: 1px solid #EDA06D;
  border: 2px solid #EDA06D\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #EDA06D;
  color: #EF5F10;
}
.orange #main_content > section .content_nav {
  border: 1px dotted #EDA06D;
  background-color: #FBE4D7;
}
.orange #main_content > section .content_nav a {
  color: #EF5F10;
}

.orange #main_content > section .content h1 {
  color: #EF5F10;
  background-image: url("../img_ht/dotline_orange.png");
  padding-left: 1em;
  text-indent: -1em;
}

.orange #main_content > section .content h2 {
  color: #EF5F10;
  background-image: url("../img_ht/dotline_orange.png");
}
.orange #main_content > section .content h3 {
  color: #E88340;
  font-size:17px;
}
.orange #main_content > section .style_box .title span {
  border-left: 4px solid #EF5F10;
}

body.sp .orange #main_content .path + header {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#eda06d), to(#eda06d));
  background: -webkit-linear-gradient(#eda06d, #eda06d);
  background: -moz-linear-gradient(#eda06d, #eda06d);
  background: -o-linear-gradient(#eda06d, #eda06d);
  background: linear-gradient(#eda06d, #eda06d);
  background-color: #EDA06D;
}

/*--------------------------------------------------------------
pink
--------------------------------------------------------------*/
.pink #main_content > section {
  border: 2px solid #ED8B9A;
}
.pink #main_content > section > .path {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ed8b9a), to(#ed8b9a));
  background: -webkit-linear-gradient(#ed8b9a, #ed8b9a);
  background: -moz-linear-gradient(#ed8b9a, #ed8b9a);
  background: -o-linear-gradient(#ed8b9a, #ed8b9a);
  background: linear-gradient(#ed8b9a, #ed8b9a);
  background-color: #ED8B9A;
}
.pink #main_content > section .box_link a {
  border: 1px solid #ED8B9A;
  border: 2px solid #ED8B9A\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #ED8B9A;
  color: #E03069;
}
.pink #main_content > section .content_nav {
  border: 1px dotted #ED8B9A;
  background-color: #FDEEF0;
}
.pink #main_content > section .content_nav a {
  color: #E03069;
}
.pink #main_content > section .content h2 {
  color: #E03069;
  background-image: url("../img_ht/dotline_pink.png");
}
.pink #main_content > section .content h3 {
  color: #E75F73;
}
.pink #main_content > section .content h3 .t_name {
	font-weight: normal;
	font-size: 12px;}
.pink #main_content > section .style_box .title span {
  border-left: 4px solid #E03069;
}

body.sp .pink #main_content .path + header {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ed8b9a), to(#ed8b9a));
  background: -webkit-linear-gradient(#ed8b9a, #ed8b9a);
  background: -moz-linear-gradient(#ed8b9a, #ed8b9a);
  background: -o-linear-gradient(#ed8b9a, #ed8b9a);
  background: linear-gradient(#ed8b9a, #ed8b9a);
  background-color: #ED8B9A;
}

/*--------------------------------------------------------------
purple
--------------------------------------------------------------*/
.purple #main_content > section {
  border: 2px solid #B683C9;
}
.purple #main_content > section > .path {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#b683c9), to(#b683c9));
  background: -webkit-linear-gradient(#b683c9, #b683c9);
  background: -moz-linear-gradient(#b683c9, #b683c9);
  background: -o-linear-gradient(#b683c9, #b683c9);
  background: linear-gradient(#b683c9, #b683c9);
  background-color: #B683C9;
}
.purple #main_content > section .box_link a {
  border: 1px solid #B683C9;
  border: 2px solid #B683C9\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #B683C9;
  color: #7537A2;
}
.purple #main_content > section .content_nav {
  border: 1px dotted #B683C9;
  background-color: #F1E8F4;
}
.purple #main_content > section .content_nav a {
  color: #7537A2;
}
.purple #main_content > section .content h2 {
  color: #7537A2;
  background-image: url("../img_ht/dotline_purple.png");
}
.purple #main_content > section .content h3 {
  color: #9F5EB9;
}
.purple #main_content > section .style_box .title span {
  border-left: 4px solid #7537A2;
}

body.sp .purple #main_content .path + header {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#b683c9), to(#b683c9));
  background: -webkit-linear-gradient(#b683c9, #b683c9);
  background: -moz-linear-gradient(#b683c9, #b683c9);
  background: -o-linear-gradient(#b683c9, #b683c9);
  background: linear-gradient(#b683c9, #b683c9);
  background-color: #B683C9;
}

/*-----------------------------------------

variable

------------------------------------------*/
/*------------------------------------------

mixin

------------------------------------------*/
/*------------------------------------------
gradient
------------------------------------------*/
/*--------------------------------------------------------------

course

--------------------------------------------------------------*/
.course_top section section section {
  margin-bottom: 60px !important;
}
.course_top h3 {
  width: 684px;
}
.course_top h3 span {
  display: block;
  width: 684px;
}

.sp .course_top section section section {
  padding: 0 8px;
  margin-bottom: 40px !important;
}
.sp .course_top h3 {
  width: auto;
}
.sp .course_top h3 span {
  width: auto;
}

.course p {
  line-height: 1.8;
}
.course p.title_text {
  padding-top: 10px !important;
  padding-bottom: 15px !important;
  font-size: 14px;
  _zoom: 1;
}
.course p.title_text:after {
  content: "";
  display: block;
  clear: both;
}
.course table {
  float: left;
  width: 340px;
}
.course table th {
  min-width: 80px;
}
.course table td {
  text-align: left;
}
.course table + table {
  margin-left: -1px;
}
.course .attention_price {
  padding-top: 8px !important;
  clear: both;
  font-size: 11px;
}
.course .attention {
  padding-top: 8px;
  clear: both;
  font-size: 11px;
  color: red;
}
.course .other_course ul {
  padding-top: 20px;
}
.course .other_course ul li {
  width: 137px;
  margin-bottom: 15px;
  float: left;
  text-align: center;
}
.course .other_course a {
  font-size: 11px;
}
.course .other_course a img {
  margin: 0 auto 5px auto;
  display: block;
  width: 100px;
  height: 72px;
}
.course .price {
	font-size: 11px;
	text-align: right;
	margin-bottom: 35px;
}
.course p.bnr {
  padding: 0 !important;
}
.course .content_nav {
  margin: 20px 0 5px 0 !important;
  width: 675px;
  padding: 15px 0px 10px 12px;
  _zoom: 1;
}
.course .content_nav:after {
  content: "";
  display: block;
  clear: both;
}
.course .content_nav dl {
  clear: left;
  _zoom: 1;
}
.course .content_nav dl:after {
  content: "";
  display: block;
  clear: both;
}
.course .content_nav dl dt:before {
  content: "??��?��??��?��";
  float: left;
  font-size:20px;
  position:relative;
  top:-5px;
  margin-right:5px;
  color:#EF5F10;
}
.course .content_nav dl dt {
  width: 220px;
  float: left;
  font-weight: bold;
  font-size:14px;
}
.course .content_nav dl dt span:before {
  content: "\A";
  white-space: pre;
}
.course .content_nav dl dt span {
  /* display: block; */
  position:relative;
  top:-5px;
  left:0px;
  font-size: 11px;
}
.course .content_nav dl .content_nav_end {
  height: 77px;
}
.course .content_nav dl dd {
  margin-bottom: 5px;
  margin-right: 20px;
  float: left;
}
.course .content_nav dl dd.math {
	margin-right: 4.6em;
}
.course .content_nav dl ~ dl {
  margin-top: 15px;
}
.course #bnr_manacm {
  margin-left:220px;
}
.course .english_detail {
  margin-top:-15px;
  margin-bottom: 5px !important;
}
.course .english_detail h5 {
  font-size:12px;
}
.course .english_detail a {
  font-size:11px;
  color: #EF5F10;
}
.course .english_detail a:before {
  content:"";
  display:inline-block;
  width:14px;
  height:15px;
  position: relative;
  top: 4px;
  margin-right:5px;
  background-image: url("../img_ht/ico/link_orange.png");
  background-repeat:no-repeat;
}
.mb50{
	margin-bottom: 50px!important;
}
.sp .course #bnr_manacm {
  margin-top: -15px;
  margin-left: 0px;
  margin-bottom: 20px;
}
.sp .course .content_nav dl dd.math {
	margin-right: 0;
}
.sp .course .content_nav dl .content_nav_end {
	height: auto;
}
.sp .course p.title_text {
  text-align: center;
}
.sp .course p.title_text span {
  margin: 0 0 15px 0;
  float: none;
  display: inline-block;
}
.sp .course p.tokucho span {
  margin: 0;
  float: none;
  display: inline-block;
}
.sp .course p.title_text span.text {
  margin: 0;
  display: block;
  text-align: left !important;
}
.sp .course p.tokucho span.text {
  margin: 0;
  display: block;
  text-align: left !important;
}
.sp .course table {
  margin: 0 auto !important;
  width: 300px;
  float: none;
}
.sp .course table + table {
  margin-left: 0;
  margin-top: -1px !important;
}
.sp .course th {
  width: 80px;
}
.sp .course .other_course li {
  margin-right: 0;
  margin-left: 8px;
  padding-right: 8px;
  width: auto;
  text-align: center;
  border-right: 1px solid #ccc;
}
.sp .course .other_course li:last-child {
  border-right: none;
  margin-bottom: 0;
  padding-right: 0;
}
.sp .course .other_course a {
  display: block;
}
.sp .course .other_course a img {
  display: none;
}
.sp .course .content_nav {
  padding-top: 10px !important;
  margin: 20px 10px 40px 10px !important;
  _zoom: 1;
}
.sp .course .content_nav:after {
  content: "";
  display: block;
  clear: both;
}
.sp .course .content_nav dl {
  float: none;
  width: auto;
  margin: 0 auto 20px auto;
}
.sp .course .content_nav dl dt {
  margin-bottom: 10px;
}
.sp .course .content_nav dl dd {
  margin-bottom: 8px;
}
.sp .course p.bnr {
  text-align: center;
}

/*--------------------------------------------------------------

support

--------------------------------------------------------------*/
.support section.circle {
  min-height: 205px !important;
}
.support img.circle {
  top: -45px !important;
}

/*--------------------------------------------------------------

faq

--------------------------------------------------------------*/
.faq .ht_area03 {
  margin: 20px 0 30px 0;
}
.faq h3 {
  margin-bottom: 20px;
  color: #37775E;
  font-size: 14px;
  _zoom: 1;
  padding: 0 8px;
}
.faq h3:after {
  content: "";
  display: block;
  clear: both;
}
.faq h3 img {
  float: left;
}
.faq_box > li > .title {
	text-decoration: none;
	color:#339966;
	font-size: 18px;
    margin-bottom: 10px;
	font-weight: bold;
    padding: 15px;
    background-color: #ECF9F1;
    border: 1px solid;
    _zoom: 1;
	display: block;
  cursor: pointer;
}
.sp .faq_box > li > .title {
	font-size: 16px;
    padding: 5px;
    background-color: #ECF9F1;
}
.sp .faq_box > li {
	margin-bottom: 20px;
}
.faq_box > li > .title:before {
    content: url("/img_ht/faq/arw_faq_b.gif");
    padding: 0 15px 0 0;
}
.faq_box > li > .title.act:before {
    content: url("/img_ht/faq/arw_faq_t.gif");
}
.faq_subbox {
	padding-left: 20px;
}
.sp .faq_subbox {
	padding-left: 5px;
}
.sp .faq_subbox > li {
	margin-bottom: 10px;
}
.faq_subbox > li > .title {
	color:#515E73;
	text-decoration: none;
    display: block;
    position: relative;
  border-bottom: 1px dotted #339966;
  cursor: pointer;
}
.faq_subbox > li > .title::after {
	color:#339966;
    content: '\e806';
    display: inline-block;
    font-family: "fontello";
    font-size: 15px;
    font-style: normal;
    /*font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;*/
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: -0.5em;
    position: absolute;
    right: 3px;
    text-align: center;
    text-decoration-color: currentcolor;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-transform: none;
    top: 40%;
    width: 1em;
}
.faq_subbox > li > .title.act::after {
    content: '\e805';
}
.faq_subbox,
.faq_ans {
	display: none;
}
.faq_subbox .faq_ans > div {
  padding: 15px 15px 20px;
  background-color: #ECF9F1;
  border-radius: 5px;
  -webkit-border-radius: 5px;    /* Safari,Google Chrome */
  -moz-border-radius: 5px;   /* Firefox */
  margin-bottom: 30px;
}
.sp .faq_subbox .faq_ans > p{
  margin-bottom: 10px;}
.faq_subbox .faq_ans > div p{
  margin-bottom: 0;
}
.sp .faq h2 span {
  font-size: 17px;
}
.sp .faq h3 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.sp .faq h3 span {
  margin-top: 2px;
}
.sp .faq h3 span.line1 {
  margin-top: 12px;
}
.txtR{
    text-align: right;
    display:block;
}

/*--------------------------------------------------------------

flow

--------------------------------------------------------------*/
.flow section > .content {
  padding-bottom: 30px;
}
.flow section > .content p {
  margin: 15px 0 30px 0;
}
.flow .wrapper {
  margin: 10px;
  padding: 30px !important;
  border: 1px dotted #E3C531;
  background-color: #F9F2D0;
}
.flow .big_image {
  padding-bottom: 30px !important;
}
.flow .bg_box {
  margin-bottom: 10px;
  padding-bottom: 60px;
  background-image: url("../img_ht/flow/flow_icon.gif");
  background-repeat: no-repeat;
  background-position: bottom center;
}
.flow .box {
  border: 1px solid #cccccc;
  background-color: #E1B500;
  _zoom: 1;
  display: table;
}
.flow .box:after {
  content: "";
  display: block;
  clear: both;
}
.flow .box .head {
  padding: 15px;
  width: 124px;
  height: 100%;
  float: left;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
}
.flow .box .content {
  padding: 15px;
  border-left: 1px solid #cccccc;
  background-color: #fff;
  float: left;
  width: 412px;
}
.flow .box .content p {
  margin-bottom: 20px;
}
.flow .box .content dl {
  padding-top: 15px;
  float: left;
  width: 250px;
  color: #515E73;
}
.flow .box .content dl dt {
  font-weight: bold;
}
.flow .box .content dl dd {
  margin-bottom: 22px;
  font-size: 12px;
}
.flow .box .content dl dd .box_link {
  margin-top: 25px;
}
.flow .box .content .bg_image {
  float: right;
  width: 142px;
}
.flow .box .content .bg_image img {
  margin-bottom: 15px;
}
.flow .box .content .voice img {
  margin-right: 10px;
  float: left;
}
.flow .box .content .voice p {
  min-height: 120px;
  font-size: 12px;
}
.flow .box .content .voice .txt {
	width: 247px;
	float: right;
}
.flow .box .content .property p {
  margin: 0 0;
}
dl.normal_dl {
	margin:15px 0 0 0;
	padding:0 8px;
}
dl.normal_dl dt {
	margin:15px 0 0 0;
}
.sp	.flow .box .content .voice .txt {
	width: auto;
	float: none;}
.briefing .box {
  border: 1px solid #cccccc;
  background-color: #E1B500;
  _zoom: 1;
  display: table;
}
.briefing .box:after {
  content: "";
  display: block;
  clear: both;
}
.briefing .box .head {
  padding: 15px;
  height: 100%;
  width: auto;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
  display: block;
}
.briefing .box .content {
  padding: 15px 30px;
  border-left: 1px solid #cccccc;
  background-color: #fff;
  width: 544px;
}
.briefing .box .content p {
  margin-bottom: 20px;
}
.briefing .box .content dl {
  padding-top: 15px;
  float: left;
  width: 380px;
  color: #515E73;
}
.briefing .box .content dl dt {
  font-weight: bold;
}
.briefing .box .content dl dd {
  margin-bottom: 22px;
  font-size: 12px;
}
.briefing .box .content dl dd .box_link {
  margin-top: 25px;
}

.sp .flow .wrapper {
  padding: 15px !important;
}
.sp .flow .box {
  width: 100%;
}
.sp .flow .box .head {
  border-bottom: 1px solid #cccccc;
  width: auto;
  float: none;
  display: block;
}
.sp .flow .box .content {
  border-left: none;
  width: auto !important;
  float: none;
  padding: 5px;
}
.sp .flow .box .content dl {
  width: 100%;
}
.sp .flow .box .content .bg_image {
  display: none;
}
.sp .flow .box .content .voice img {
  width: 50%;
}

/*--------------------------------------------------------------

point

--------------------------------------------------------------*/
/*--------------------------------------------------------------

company

--------------------------------------------------------------*/
.company .red {
  font-weight: bold;
}
.company .table {
  margin-right: 20px;
  width: 330px;
  float: left;
}
.company .table:last-child {
  margin-right: 0;
}
.company .acList .table:last-child{
    margin-right: 0;
}
.company .border_box li {
  font-size: 12px;
}
.company .chiefBox{
  overflow: hidden;
  _zoom:1;
  margin-top: 20px;
}
.company .chiefBox .img{
  width:250px;
  float: left;
}
.company .chiefBox .img img{
  width:250px;
}
.company .chiefBox .txt{
  width:420px;
  float: right;
}
.company .chiefBox .txt p{
  padding:0;
  margin: 0;
}
.company .chiefBox .txt .name{
  text-align: right;
  margin-top:20px;
}
.company .overview th{
  width:120px;
  color:#444;
  text-align: left;
  vertical-align: top;
}
.company .overview td{
  text-align: left;
  color:#515E73;
}
.company .overview td p{
  margin:0;
  padding: 0;
}
.company #companyMap{
  width:100%;
  height: 250px;
}
.company #companyMap{
  width:100%;
  height: 250px;
}
.company #history div{
    float: right;
    width:210px;
}
.company #history p{
    float: left;
}

.sp .company section section > p {
  padding: 0 10px !important;
}
.sp .company section section section {
  margin: 10px;
}
.sp .company section section section > p {
  padding: 0 !important;
}
.sp .company .table {
  width: 100%;
}
.sp .company .table + .table {
  margin-left: 0;
  margin-top: -1px !important;
}

.sp .company .chiefBox .img{
  width:70%;
  float: none;
  margin:0 auto 20px;
}
.sp .company .chiefBox .img img{
  width:100%;
}
.sp .company .chiefBox .txt{
  width:100%;
  float: none;
}
.sp .company .overview{
  border-bottom:0;
  margin-bottom:20px;
}
.sp .company .overview th{
  padding:2px 5px;
}
.sp .company .overview th,
.sp .company .overview td{
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #cccccc;
  display: block;
  width: inherit;
}
.sp .company #history div{
    float: none;
    width:100%;
    margin:0.5em auto;
    font-size:12px;
}
.sp .company #history div img{
    width:50%;
}
.sp .company #history p{
    float: none;
}
.acMenu h3{
    display:block;
    width:98%;
    height:50px;
    line-height:50px;
    padding-left: 10px;
    border:#666 1px solid;
    cursor:pointer;
    margin-bottom: 20px !important;
  border: 1px solid #36A56E;
  border: 2px solid #36A56E\9;
  /* IE8 */
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #36A56E;
  border-radius: 2px;
  behavior: url(/ie-css3.htc);
  position: relative;
  z-index: 1;
  color: #118064;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f5fafd));
  background: -webkit-linear-gradient(white, #f5fafd);
  background: -moz-linear-gradient(white, #f5fafd);
  background: -o-linear-gradient(white, #f5fafd);
  background: linear-gradient(#ffffff, #f5fafd);
  background-color: #fff;
    }

.acMenu h3 span{
    cursor:pointer;
    background:url(/images_ht/arrows/arw_company_u.png) 0px 5px no-repeat;
    padding-left:25px;
    }
.sp .acMenu h3 span{
    background-position-y: 0;
    }
.acMenu div.acList{
    width:100%;
    height:auto;
    display:none;
    }
.acMenu h3.active span {
    background:url(/images_ht/arrows/arw_company_t.png) 0px 5px no-repeat;
    }
.sp .acMenu h3.active span {
    background-position-y: 0;
    }
body.sp #main_content > section > .content > section .acMenu h3{
    padding:0 0 0 10px;
    }

.sp .content > section .acMenu h3{
    width: 96%;
    margin: 30px 0 10px;
}
.sp .company section.acMenu{
	margin-bottom:25px;
}

/*--------------------------------------------------------------

download

--------------------------------------------------------------*/
.download .secLeft img{
  margin-top:10px;
}
.download .qr{
  width:350px;
  height:110px;
  margin-top:10px;
}
.download .qr img{
  float: left;
}
.download .qr div{
  float:left;
  width:240px;
  margin-top:11px;
  font-size: 14px;
  color: #515E73;
}
.download .qr div p{
  margin:0;
  padding:0;
}
.download .atn_reg{
  margin-top:4px !important;
}
.download h2 {
  margin-bottom:0;
  padding:0;
  background-image: none;
}
.download h3{
  margin-bottom: 20px;
  padding-bottom: 5px;
  background-image: url("../img_ht/dotline_green.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
.download h3 span{
  font-size:16px;
  padding-left: 20px;
  background: url('../img_ht/sprite_ico-sf5b8ff4055.png') no-repeat;
  background-position: 0 -1501px;
}
.download h4{
  margin-bottom: 20px;
  padding-bottom: 5px;
  background-image: url("../img_ht/dotline_green.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  color: #118064;
}
.download h4 span {
  font-size:16px;
  padding: 3px 0 2px 9px !important;
  border-left: 4px solid #118064;
}
.download .atn_top{
  padding-bottom:15px !important;
}
.secLeft {
  float:left;
  clear:none !important;
}
.secRight {
  float:right;
  clear:none !important;
}
.download #tab{
  border-bottom:5px solid #308f60;
  height: 45px;
}
.download #winTab{
  background: url('../img_ht/download/tab_win_on.png') no-repeat;
  width:340px;
  height:45px;
  margin-right:1px;
}
.download #macTab{
  background: url('../img_ht/download/tab_mac_off.png') no-repeat;
  width:340px;
  height:45px;
}
.download .content_wrap{
  /* border-top:5px solid #308f60; */
  /* margin-top:-11px; */
  width:686px;
  padding-top:20px;
}
.download .content_wrap dt{
  font-size:1.17em;
}
.download .content_wrap dd{
  margin-bottom:30px;
}
.attention{
  font-size: 12px;
}

/*--------------------------------------------------------------

tab

--------------------------------------------------------------*/
#tab li{
  display:inline-block;
  cursor:pointer;
  margin-bottom:0;
}
#tab li.selectTab{
  cursor:default;
}
.disnon {
  display: none;
}

/*--------------------------------------------------------------

inquiry_page

--------------------------------------------------------------*/
.inquiry_page .add {
  font-size: 11px;
}
.inquiry_page .content {
  padding-bottom: 30px;
  position: relative;
}
.inquiry_page .content section {
  padding: 0 10px;
}
.inquiry_page .content section b {
  color: #f63a6b;
}
.inquiry_page .content section p {
  margin: 5px 0 !important;
}
.inquiry_page .content section > p.text {
  padding-bottom: 40px !important;
}
.inquiry_page .content section > .image {
  position: absolute;
  top: -35px;
  right: 0;
}
.inquiry_page .content section > .image2 {
  padding: 30px 0 30px 0;
  text-align: center;
}
.inquiry_page .content section .info_box {
  padding: 15px !important;
  border: 1px solid #ccc;
  font-size: 11px;
}
.inquiry_page .content section .submit {
  padding: 25px;
  text-align: center;
}
.inquiry_page .content section .submit p {
  margin: 15px 0 !important;
  text-align: center;
}
.inquiry_page .content section #vsnTbl {
  margin: 40px auto 0 auto;
  width: 630px;
}
.inquiry_page .content section #vsnTbl p {
  float: right;
  font-size: 11px;
}
.inquiry_page .content section #errMsg {
  margin-top: 20px;
}
.inquiry_page .content section p.err {
  color: #f00;
  font-weight: bold;
}
.inquiry_page .content section #hopeSession {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #FFB5B5;
  background-color: #FFDFDF;
  font-size: 18px;
  font-weight: bold;
}
.inquiry_page .content section #hopeSession p {
  text-align: center;
  color: #333;
}
.inquiry_page .thanks section p {
  margin-bottom: 1em !important;
}
.inquiry_page h2 {
  margin-bottom: 20px;
}
.inquiry_page h3 {
  margin-top: 30px;
}
.inquiry_page dl {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background-color: #d2ecd3;
  _zoom: 1;
}
.inquiry_page dl:after {
  content: "";
  display: block;
  clear: both;
}
.inquiry_page dl dt {
  padding: 15px;
  width: 240px;
  float: left;
  font-weight: bold;
}
.inquiry_page dl dt span {
  margin-left: 15px;
  padding: 4px 7px 3px 7px;
  background-color: #F63A6D;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
}
.inquiry_page dl dt span.info {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #000;
}
.inquiry_page dl dt .nini {
  background-color: #999;
}
.inquiry_page dl dd {
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.inquiry_page dl dd > div {
  margin-left: 270px;
  padding: 15px;
  border-left: 1px solid #cccccc;
  width: 597px;
  background-color: #f4fcef;
}
.inquiry_page dl dd textarea {
  height: 100px;
}
.inquiry_page dl dd ul {
  _zoom: 1;
}
.inquiry_page dl dd ul:after {
  content: "";
  display: block;
  clear: both;
}
.inquiry_page dl dd ul li {
  margin-bottom: 4px;
  width: 300px;
  float: left;
}
.inquiry_page dl dd ul.pt01 li {
  margin-bottom: 0;
  float: none;
  width: auto;
}
.inquiry_page dl dd ul.pt02 li {
  margin-bottom: 0;
  margin-right: 20px;
  display: inline;
  float: none;
}
.inquiry_page #error_flg_1, .inquiry_page #error_flg_2, .inquiry_page #error_flg_3, .inquiry_page #error_flg_4, .inquiry_page #error_flg_5, .inquiry_page #error_flg_6, .inquiry_page #error_flg_7, .inquiry_page #error_flg_8, .inquiry_page #error_flg_9, .inquiry_page #error_flg_10, .inquiry_page #error_flg_11, .inquiry_page #error_flg_12, .inquiry_page #error_flg_13, .inquiry_page #error_flg_14 {
  background-color: #f00;
  padding: 0;
  width: 627px;
}
.inquiry_page #error_flg_1 p.err, .inquiry_page #error_flg_2 p.err, .inquiry_page #error_flg_3 p.err, .inquiry_page #error_flg_4 p.err, .inquiry_page #error_flg_5 p.err, .inquiry_page #error_flg_6 p.err, .inquiry_page #error_flg_7 p.err, .inquiry_page #error_flg_8 p.err, .inquiry_page #error_flg_9 p.err, .inquiry_page #error_flg_10 p.err, .inquiry_page #error_flg_11 p.err, .inquiry_page #error_flg_12 p.err, .inquiry_page #error_flg_13 p.err, .inquiry_page #error_flg_14 p.err {
  padding: 10px 0px 8px 10px;
  margin: 0 !important;
  color: #fff;
  font-weight: bold;
}

.sp .inquiry_page input {
  font-size: 16px;
}
.sp .inquiry_page input[name^="addr1"], .sp .inquiry_page input[name^="addr2"], .sp .inquiry_page input[name^="addr3"], .sp .inquiry_page input[name^="email_addr"], .sp .inquiry_page input[name^="re_email"] {
  width: 250px;
}
.sp .inquiry_page dl {
  width: 100%;
}
.sp .inquiry_page dl dt {
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  float: none;
  width: auto;
}
.sp .inquiry_page dl dd div {
  margin-left: 0;
  border-left: none;
  width: auto;
}
.sp .inquiry_page ul li {
  margin-bottom: 20px;
  width: auto;
  float: none;
}
.sp .inquiry_page .pt02 li {
  margin-bottom: 10px;
  display: block;
}
.sp .inquiry_page textarea {
  width: 100%;
}
.sp .inquiry_page .submit {
  padding-top: 25px !important;
  text-align: center;
}
.sp .inquiry_page .submit p {
  margin: 0 !important;
  text-align: center;
}
.sp .inquiry_page #vsnTbl {
  width: auto !important;
  text-align: center;
}
.sp .inquiry_page #vsnTbl p {
  float: none;
}
.sp .inquiry_page #error_flg_1, .sp .inquiry_page #error_flg_2, .sp .inquiry_page #error_flg_3, .sp .inquiry_page #error_flg_4, .sp .inquiry_page #error_flg_5, .sp .inquiry_page #error_flg_6, .sp .inquiry_page #error_flg_7, .sp .inquiry_page #error_flg_8, .sp .inquiry_page #error_flg_9, .sp .inquiry_page #error_flg_10, .sp .inquiry_page #error_flg_11, .sp .inquiry_page #error_flg_12, .sp .inquiry_page #error_flg_13, .sp .inquiry_page #error_flg_14 {
  width: auto;
}
.sp .inquiry_page #hopeSession p {
  text-align: left !important;
}

/*--------------------------------------------------------------

nittei

--------------------------------------------------------------*/
.nittei h2 .map {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
}
.nittei h2 .map a {
  padding: 7px 15px;
  color: #fff;
  text-decoration: none;
  background-color: green;
}
.nittei h2 .map a:hover {
  opacity: 0.75;
}
.nittei section > .content section table {
  margin-bottom: 30px;
}
.nittei section > .content section p#info {
  border: 1px solid #cccccc;
  padding: 15px;
  clear: left;
  text-align: center;
}
.nittei #pListBox {
  padding: 15px;
  margin-bottom: 60px;
  border: 1px solid #ccc;
  width: 420px;
  height: 185px;
  overflow: auto;
}
.nittei #pListBox .areaName {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 0;
}
.nittei #pListBox ul {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
.nittei #pListBox ul li {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.nittei #pListBox ul li .map {
  position: absolute;
  top: 5px;
  right: 0;
  width: auto;
}
.nittei #pListBox ul li .map a {
  padding: 3px 7px;
  background-color: green;
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}
.nittei #pListBox ul li + li {
  border-top: 1px dashed #ccc;
  padding-top: 5px;
}
.nittei #pListBox li p {
  margin: 0px;
  width: 22em;
}

.nittei_area h1 {
  margin-bottom: 20px !important;
}
.nittei_area h2 {
  margin-bottom: 30px;
}
.nittei_area #attention {
  padding: 15px !important;
  margin-bottom: 40px !important;
  border: 1px solid #ccc;
  background-color: #f4fcef;
  text-align: center;
  color: #f63a6b;
  font-weight: bold;
}
.nittei_area #place {
  margin-top: 40px;
  float: left;
  width: 50%;
}
.nittei_area #place h3 {
  margin-bottom: 15px !important;
}
.nittei_area #day {
  margin-top: 40px;
  float: left;
  width: 50%;
}
.nittei_area #day h3 {
  margin-bottom: 15px !important;
  margin-left: 20px !important;
}
.nittei_area #day h3 span {
  margin-left: 20px;
  font-size: 12px;
}
.nittei_area #day table {
  width: 390px;
  margin-left: 20px;
}

.nittei_day #day {
  padding-left: 30px;
  width: 420px;
  float: left;
}
.nittei_day #day table {
  width: 350px;
}
.nittei_day #mainMap {
  padding-left: 30px;
  width: 420px;
  float: left;
}
.nittei_day #mainMap #map_canvas {
  width: 360px;
  height: 240px;
}
.nittei_day #mainMap p.map {
  margin-right: 52px;
  text-align: right;
}

.nittei_map #map_canvas {
  margin: 0 auto;
  width: 600px;
  height: 450px;
}

.nittei_place #pListBox {
  width: 888px;
  height: auto;
}
.nittei_place #pListBox p.link {
  font-size: 14px;
}
.nittei_place #pListBox p.address {
  font-size: 12px;
}
.nittei_place #pListBox p.map a {
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: bold;
}
.nittei_place #pListBox li p {
  width: auto;
}
.nittei_place #pListBox ul li .map {
  position: absolute;
  top: 15px;
}

.nittei_top_sp .select {
  text-align: center;
}
.nittei_top_sp select {
  text-align: left;
  width: 250px;
}

.nittei_place_sp .area {
  padding: 5px 8px;
  background-color: #d2ecd3;
}
.nittei_place_sp .center {
  margin-bottom: 20px;
}
.nittei_place_sp span.address {
  font-size: 11px;
  color: #888;
}

.nittei_day_sp .select {
  margin-bottom: 20px;
  text-align: center;
}
.nittei_day_sp .center {
  margin-bottom: 20px;
}
.nittei_day_sp #map_canvas {
  margin: 0 auto 20px auto;
}

.nittei_error_sp .content form {
  padding-top: 30px;
  text-align: center;
}

.nittei td {
  padding: 2px 10px;
}

/*--------------------------------------------------------------

sitemap

--------------------------------------------------------------*/
.sp .sitemap_page .border_box {
  margin: 0 10px;
}

/*--------------------------------------------------------------

ht_voice

--------------------------------------------------------------*/
.ht_voice #hts_map,
.sitemap_page #hts_map {
  position: relative;
  width: 600px;
  margin: 10px auto;
}
.ht_voice #hts_map ul,
.sitemap_page #hts_map ul {
  position: absolute;
  top: 20px;
  left: 0;
}
.ht_voice #hts_map ul li,
.sitemap_page #hts_map ul li {
  float: left;
  padding: 0 10px;
}
.ht_voice #ht_map_list,
.sitemap_page #ht_map_list {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 678px;
  _zoom: 1;
}
.ht_voice #ht_map_list:after,
.sitemap_page #ht_map_list:after {
  content: "";
  display: block;
  clear: both;
}
.ht_voice #ht_map_list div,
.sitemap_page #ht_map_list div {
  float: left;
  width: 112px;
  background: #f4fcef;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  min-height: 305px;
}
.ht_voice #ht_map_list div h4,
.sitemap_page #ht_map_list div h4 {
  display: block;
  background: #d2ecd3;
  padding: 8px 0;
  text-align: center;
}
.ht_voice #ht_map_list div li,
.sitemap_page #ht_map_list div li {
  padding: 3px 0;
  text-align: center;
}

.sp .ht_voice #ht_map_list,
.sp .sitemap_page #ht_map_list {
  margin: 0 10px;
  border: none;
  width: auto;
  padding: 0 !important;
}
.sp .ht_voice #ht_map_list div,
.sp .sitemap_page #ht_map_list div {
  float: none;
  width: 100%;
  border: 1px solid #cccccc;
  border-bottom: none;
  min-height: 0;
}
.sp .ht_voice #ht_map_list div h4,
.sp .sitemap_page #ht_map_list div h4 {
  padding-top: 5px !important;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.sp .ht_voice #ht_map_list div:last-child,
.sp .sitemap_page #ht_map_list div:last-child {
  border-bottom: 1px solid #cccccc;
}
.sp .ht_voice #ht_map_list ul,
.sp .sitemap_page #ht_map_list ul {
  _zoom: 1;
}
.sp .ht_voice #ht_map_list ul:after,
.sp .sitemap_page #ht_map_list ul:after {
  content: "";
  display: block;
  clear: both;
}
.sp .ht_voice #ht_map_list ul li,
.sp .sitemap_page #ht_map_list ul li {
  float: left;
  margin: 10px;
}

/*--------------------------------------------------------------

ht_voice_content

--------------------------------------------------------------*/
.ht_voice_content .tab {
  width: 693px;
  padding-left: 29px;
  padding-top: 16px;
  height: 88px;
  _zoom: 1;
  background-image: url("../img_ht/center_files/bg_tab.png");
  background-position: repeat-x;
}
.ht_voice_content .tab:after {
  content: "";
  display: block;
  clear: both;
}
.ht_voice_content .tab li {
  float: left;
  width: 210px;
  height: 88px;
  margin-right: 17px;
  position: relative;
  background-image: url("../img_ht/center_files/tab.png");
  background-repeat: no-repeat;
}
.ht_voice_content .tab li.on {
  background-image: url("../img_ht/center_files/tab_on.png");
}
.ht_voice_content .tab a {
  width: 100%;
  height: 100%;
  color: #539d09;
  font-weight: bold;
  display: block;
}
.ht_voice_content .tab a img {
  width: 70px;
  position: absolute;
  top: 15px;
  left: 15px;
  border: 1px solid #ddd;
  padding: 3px;
  background: #fff;
}
.ht_voice_content .tab a span {
  position: absolute;
  top: 18px;
  left: 100px;
  font-size: 12px;
}
.ht_voice_content .tab li a .sp_txt {
  display: none;
}
.ht_voice_content .tab a:hover {
  opacity: 0.75;
}
.ht_voice_content #ht_mainvisual {
  position: relative;
  min-height: 200px;
  margin: 0 20px;
}
.ht_voice_content #ht_mainvisual.st-tab {
  min-height: auto;
}
.ht_voice_content #ht_mainvisual h2 {
  width: 380px;
}
.ht_voice_content #ht_mainvisual.st-tab h2 {
  width: 100%;
}
.ht_voice_content #ht_mainvisual h2 span {
  display: inline-block;
}
.ht_voice_content .movie_message h2 {
  margin-left: auto;
  margin-right: auto;
}
.ht_voice_content #ht_mainvisual .ht_photo {
  position: absolute;
  top: 0;
  right: 0;
}
.ht_voice_content #ht_mainvisual .ht_photo img {
  border: 1px solid #ccc;
  padding: 8px;
  /* shadow */
  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
  -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
  box-shadow: 0 10px 8px -6px #8d8c8c;
}
.ht_voice_content #ht_mainvisual .ht_teacher_name {
  width: 375px;
  text-align: right;
  padding: 0;
}
.ht_voice_content #ht_mainvisual .ht_teacher_name span {
  color: #118064;
  font-size: 18px;
}
.ht_voice_content #ht_mainvisual .staff_message{
  font-size: 18px;
  font-weight: bold;
  color: #333;
  text-align: center;
}
.ht_voice_content #ht_mainvisual .movie_wrap {
  text-align: center;
  margin: 5px 0 60px 0;
}
.ht_voice_content #ht_mainvisual .movie_wrap p{
  font-size: 18px;
  text-align: center;
}
.ht_voice_content #ht_mainvisual .movie_wrap .movie {
  width: 448px;
  height: 282px;
  /* background-color: #d0ebb6; */
  text-align: center;
  padding: 15px;
  margin: 0 auto;
}
.ht_voice_content #ht_mainvisual .movie_wrap .movie p {
  color: #539d09;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px;
}
.lgreen .ht_voice_content #ht_mainvisual .ht_teacher_name span {
  color: #7B9E12;
}
.ht_voice_content .content {
  padding-top: 30px;
  background-color: #fff;
}
.ht_voice_content .content h2 {
  clear: left;
}
.ht_voice_content .content .box {
  margin: 20px 20px 30px 20px;
  _zoom: 1;
}
.ht_voice_content .content .box:after {
  content: "";
  display: block;
  clear: both;
}
.ht_voice_content .content .box .img_wrap {
  margin:0 15px;
  float: right;
}
.sp .ht_voice_content .content .box .img_wrap img {
  width:135px;
}
.ht_voice_content .content .box .img_wrap p {
  margin: 5px 0 0;
  color: #515E73;
  text-align:right;
  font-size:12px;
}
.ht_voice_content .content .box p.align_center > img {
  margin-left: 0;
  float: none;
}
.ht_voice_content .content h3 {
  margin-bottom: 20px;
  padding: 8px !important;
  background-color: #ECF9F1;
  color: #36856B;
  font-size: 14px;
  border: 1px solid;
  _zoom: 1;
}
.ht_voice_content .content h3:after {
  content: "";
  display: block;
  clear: both;
}
.ht_voice_content .bottom_tab {
  text-align: center;
  display: block;
  _zoom: 1;
  margin-bottom: 20px;
}
.ht_voice_content .bottom_tab:after {
  content: "";
  display: block;
  clear: both;
}
.ht_voice_content .bottom_tab li {
  padding: 0 10px;
  display: inline;
}
.ht_voice_content .bottom_tab li ~ li {
  border-left: 1px solid #ccc;
}
.ht_voice_content .bottom_tab li.on a {
  text-decoration: none;
  color: #bbb;
}

#main .ht_voice_content .box_link {
  clear: both;
  text-align: center;
  margin: 0 auto 35px;
  padding-top: 15px;
}
#main .ht_voice_content .box_link a {
  border: 1px solid #36A56E;
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 2px #36A56E;
  color: #36A56E;
}

.sp .ht_voice_content .tab_box {
  width: 100%;
  height: 77px;
  background-image: url("../img_ht/center_files/bg_tab_sp.png");
  background-repeat: repeat-x;
}
.sp .ht_voice_content .tab {
  margin: 0 auto;
  padding-top: 15px;
  padding-left: 8px;
  width: 312px;
  height: auto;
  background-image: none;
}
.sp .ht_voice_content .tab li {
  margin-right: 5px;
  padding: 10px;
  width: 79px;
  height: 42px;
  background-image: url("../img_ht/center_files/tab_sp.png");
  background-repeat: no-repeat;
}
.sp .ht_voice_content .tab li a img {
  display: none;
}
.sp .ht_voice_content .tab li a span {
  position: static;
  font-size: 11px;
  display: none;
}
.sp .ht_voice_content .tab li a .sp_txt {
  font-size: 11px;
  color: #539d09;
  display: block;
}
.sp .ht_voice_content .tab li.on {
  background-image: url("../img_ht/center_files/tab_sp_on.png");
  background-repeat: no-repeat;
}
.sp .ht_voice_content .box {
  margin-left: 10px;
  margin-right: 10px;
}
.sp .ht_voice_content .box p > img {
  display: none;
}
.sp .ht_voice_content #ht_mainvisual {
  padding-top: 10px !important;
  margin-left: 10px;
  margin-right: 10px;
}
.sp .ht_voice_content #ht_mainvisual h2 {
  width: auto;
}
.sp .ht_voice_content #ht_mainvisual .ht_photo {
  position: static;
  text-align: center;
}
.sp .ht_voice_content #ht_mainvisual .ht_teacher_name {
  width: auto;
}
.sp .ht_voice_content .bottom_tab {
  margin-bottom: 20px;
}
.sp .ht_voice_content .bottom_tab li {
  padding: 0 5px;
  font-size: 11px;
}

/*--------------------------------------------------------------

iso

--------------------------------------------------------------*/
.iso p.text {
  padding: 10px 0 20px 0;
}
.iso .colums {
  padding-top: 30px;
  margin-left: 40px;
  width: 100%;
  clear: both;
}
.iso dl {
  width: 45%;
  float: left;
}
.iso dl dt {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}
.iso dl dd ul {
  padding-left: 20px;
  list-style-type: disc;
}
.iso .iso-lead {
	padding:20px 0 0 16px;
	color: #EC6B00;
	font-size: 15px;
	font-weight: bold;
}
.sp .iso p.text {
  padding: 10px 8px 20px 8px;
}
.sp .iso .colums {
  padding-top: 20px;
  margin-left: 0px;
  width: 90%;
}
.sp .iso dl {
  margin-bottom: 30px;
  width: 100%;
  float: none;
}
.sp .iso .iso-lead {
	padding: 0;
	margin-bottom: 10px;
}
/*--------------------------------------------------------------

popup

--------------------------------------------------------------*/
body.popup {
  padding: 25px;
  background-image: none;
  background-color: #fff;
}
body.popup section {
  margin-bottom: 30px;
}
body.popup section section {
  margin-bottom: 15px;
}
body.popup h1 {
  font-size: 20px !important;
}
body.popup h2 {
  font-size: 16px !important;
}
body.popup ul {
  margin-left: 30px;
  list-style-type: disc;
}
body.popup ol {
  margin-left: 30px;
  list-style-type: decimal;
}

/* for QA title */
.faq_subbox > li > a{
	display: table;
	width: 100%;
}
span.q_ico,
span.q_ttl{
  display: table-cell;
  vertical-align: middle;
}
span.q_ico {
  width: 43px;
  height: 43px;
  color: #fff;
  font-weight: bold;
  background: #339966;
  margin: 0;
  text-align: center;
}
.sp span.q_ico {
  width: 30px;
  height: 30px;
}
.lgreen span.q_ico {
  background: #539d09;
}
span.q_ttl {
  padding-left: 1em;
  color: #339966;
  font-size: 14px;
}
.sp span.q_ttl {
  padding-left: 0.5em;
}
.lgreen span.q_ttl {
  color:#539d09;
}

.faq_linkbox li{
    text-align: right;
	margin-bottom: 20px;
}

.faq_linkbox a {
    color: #55cadb;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 20px;
}
.faq_linkbox a:before {
    font-family: "fontello";
    content: '\e835';
    padding-right: 8px;
}
.faq_linkbox a:hover {
    opacity: 0.75;
}

/*--------------------------------------------------------------

mente

--------------------------------------------------------------*/
.footer-simple footer .container small {
  margin-top: 0;
}

/*--------------------------------------------------------------

tea_party

--------------------------------------------------------------*/
.tea_party header img {
  margin-left: -18px;
  margin-top: -22px;
  position: static !important;
}
.tea_party .in_table {
  padding: 0;
}
.tea_party table {
  clear: both;
  margin-bottom: 40px;
}
.tea_party table th {
  width: 190px;
  background-color: #F1F5F3;
}
.tea_party table td {
  text-align: left;
  width: 800px;
}
.tea_party table table {
  border: none;
  margin-bottom: 0;
}
.tea_party table td.caption {
  background-color: #FEF8C2;
  width: 260px;
  font-size: 12px;
  text-align:center;
}
.tea_party table td.other {
  background-color: #FEF8C2;
}
.tea_party table .head {
  border: none;
  background-color: #ECF9F1;
  width: auto;
  color: #339966;
  font-size: 13px;
  height: 26px;
}
.tea_party table table td {
  border: none;
}
.tea_party table table tr {
  border-bottom: 1px solid #ccc;
}
.tea_party table .time {
  border-right: 1px solid #ccc;
  width: 70px;
  text-align: center;
  font-size: 11px;
}
.tea_party table table .op1 {
  text-align: left;
  padding:14px;
}
.tea_party table table .op2 {
  background-color: #FFFCEA;
  text-align: center;
}
.tea_party table table .last {
  border-bottom: none;
}
.tea_party .content {
  margin: 0 40px;
}
.tea_party .content .catch {
  margin-bottom: 20px;
}
.tea_party .content .catch > p {
  font-size:14px;
  margin-top:5px;
}
.tea_party .content .addIllust > p {
  float:left;
  width:735px;
}
.tea_party .content .addIllust > img {
  float:right;
}
.tea_party .footer_inquiry {
  padding: 10px 23px 20px 23px;
  margin: 0 auto;
  border: 2px solid #C9C9D3;
  border-radius: 6px;
  width: 714px;
  _zoom: 1;
}
.tea_party .footer_inquiry:after {
  content: "";
  display: block;
  clear: both;
}
.tea_party .footer_inquiry h2 {
  margin-bottom: 15px;
  background: none;
  text-align: center;
}
.tea_party .footer_inquiry h3 {
  margin: 0 0 10px 0;
  padding: 3px 0px 2px 0px;
  border-radius: 20px;
  background-color: #3F9F6F;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.tea_party .footer_inquiry > div {
  float: left;
  width: 340px;
}
.tea_party .footer_inquiry > div .text {
  margin-bottom: 10px;
}
.tea_party .footer_inquiry > div span {
  color: #FF6600;
}
.tea_party .footer_inquiry .tel_box {
  margin-right: 30px;
}
.tea_party .footer_inquiry .tel_box .text {
  margin-bottom: 10px;
  margin-left: 10px;
  padding-left: 50px;
  background: url("../img_ht/center_files/ico_freedial.gif") left 3px no-repeat;
}
.tea_party .footer_inquiry .tel_box .sp_hide {
  margin-left: 10px;
}

.sp .tea_party table th {
  width: 2em;
}
.sp .tea_party table table th {
  width: 4em;
}
.sp .tea_party .footer_inquiry {
  width: 270px;
}
.sp .tea_party .footer_inquiry img {
  width: 100%;
}
.sp .tea_party .footer_inquiry > div {
  float: none;
  width: 270px;
}
.sp .tea_party .footer_inquiry .tel_box {
  margin-right: 0;
  margin-bottom: 25px;
}
.sp .tea_party .footer_inquiry .tel_box .text {
  margin-bottom: 10px;
}

/*------------------------------------------

nittei_map

------------------------------------------*/
.nittei .nav_areamap {
  position: absolute;
  top: -72px;
  right: 0;
  _zoom: 1;
}
.nittei .nav_areamap:after {
  content: "";
  display: block;
  clear: both;
}
.nittei .nav_areamap .select_area {
  margin-right: 10px;
  padding: 8px;
  height: 46px;
  float: left;
  border: 1px solid #2D895A;
  background-color: #37A76F;
}
.nittei .nav_areamap .select_area p {
  padding: 0 0 2px 3px;
  margin: 0;
  color: #fff;
}
.nittei .nav_areamap .back_map {
  float: left;
}
.nittei .nav_areamap .back_map a {
  padding: 22px 8px 0 8px;
  border: 1px solid #2D895A;
  height: 40px;
  display: block;
  background-color: #37A76F;
  text-decoration: none;
  color: #fff;
}

/*-------------------------------------------------

マッチE
-------------------------------------------------*/
.nittei_top #mapArea {
  margin: 0 auto;
  width: 700px;
  height: 500px;
  overflow: hidden;
  margin-bottom: 30px;
  background: url(../img_ht/loading.gif) no-repeat center center;
}
.nittei_top .areaMap {
  position: relative;
}
.nittei_top h2 {
  clear: both;
}
.nittei_top #prefArea h3 {
  color: #515e73;
  margin-bottom: 3px;
}

/*-------------------------------------------------

繝槭ャ繝礼畑繝ｪ繝ｳ繧??��?��E??��?��

-------------------------------------------------*/
.nittei_top {
  /*-------------------------------------------------

  蜈ｨ蝗ｽ繝ｪ繝ｳ繧??��?��E??��?��驟咲??��?��E??��?��??��?��E??��?��

  -------------------------------------------------*/
  /*-------------------------------------------------

  蜷・・驕灘??��?��E??��?��懁E??��?��??��?��繝ｪ繝ｳ繧??��?��E??��?��驟咲??��?��E??��?��??��?��E??��?��

  -------------------------------------------------*/
  /*-------------------------------------------------

  蜈ｨ蝗ｽ繝槭ャ繝励↓謌ｻ繧九�E繧??��?��E??��?��繝ｳ驟咲??��?��E??��?��??��?��E??��?��

  -------------------------------------------------*/
  /*-------------------------------------------------

  驛ｽ驕灘??��?��E??��?��懁E??��?��??��?��繝ｪ繧??��?��E??��?��繝�E
  -------------------------------------------------*/
}
.nittei_top #pref00, .nittei_top #pref01, .nittei_top #pref01area01, .nittei_top #pref01area02, .nittei_top #pref01area03, .nittei_top #pref01area04, .nittei_top #pref02, .nittei_top #pref03, .nittei_top #pref04, .nittei_top #pref05, .nittei_top #pref06, .nittei_top #pref07, .nittei_top #pref08, .nittei_top #pref08area01, .nittei_top #pref08area02, .nittei_top #pref09, .nittei_top #pref09area01, .nittei_top #pref09area02, .nittei_top #pref09area03, .nittei_top #pref09area04, .nittei_top #pref10, .nittei_top #pref10area01, .nittei_top #pref10area02, .nittei_top #pref10area03, .nittei_top #pref10area04, .nittei_top #pref11, .nittei_top #pref11area01, .nittei_top #pref11area02, .nittei_top #pref11area03, .nittei_top #pref11area04, .nittei_top #pref11area05, .nittei_top #pref11area06, .nittei_top #pref11area07, .nittei_top #pref12, .nittei_top #pref13, .nittei_top #pref14, .nittei_top #pref15, .nittei_top #pref16, .nittei_top #pref17, .nittei_top #pref18, .nittei_top #pref19, .nittei_top #pref20, .nittei_top #pref21, .nittei_top #pref21area01, .nittei_top #pref21area02, .nittei_top #pref21area03, .nittei_top #pref21area04, .nittei_top #pref21area05, .nittei_top #pref21area06, .nittei_top #pref22, .nittei_top #pref23, .nittei_top #pref24, .nittei_top #pref25, .nittei_top #pref26, .nittei_top #pref27, .nittei_top #pref28, .nittei_top #pref29, .nittei_top #pref30, .nittei_top #pref31, .nittei_top #pref32, .nittei_top #pref33, .nittei_top #pref34, .nittei_top #pref35, .nittei_top #pref36, .nittei_top #pref37, .nittei_top #pref38, .nittei_top #pref39, .nittei_top #pref40, .nittei_top #pref41, .nittei_top #pref42, .nittei_top #pref43, .nittei_top #pref44, .nittei_top #pref45, .nittei_top #pref46, .nittei_top #pref47 {
  position: relative;
  width: 700px;
}
.nittei_top #pref00 h3, .nittei_top #pref01 h3, .nittei_top #pref01area01 h3, .nittei_top #pref01area02 h3, .nittei_top #pref01area03 h3, .nittei_top #pref01area04 h3, .nittei_top #pref02 h3, .nittei_top #pref03 h3, .nittei_top #pref04 h3, .nittei_top #pref05 h3, .nittei_top #pref06 h3, .nittei_top #pref07 h3, .nittei_top #pref08 h3, .nittei_top #pref08area01 h3, .nittei_top #pref08area02 h3, .nittei_top #pref09 h3, .nittei_top #pref09area01 h3, .nittei_top #pref09area02 h3, .nittei_top #pref09area03 h3, .nittei_top #pref09area04 h3, .nittei_top #pref10 h3, .nittei_top #pref10area01 h3, .nittei_top #pref10area02 h3, .nittei_top #pref10area03 h3, .nittei_top #pref11 h3, .nittei_top #pref11area01 h3, .nittei_top #pref11area02 h3, .nittei_top #pref11area03 h3, .nittei_top #pref11area04 h3, .nittei_top #pref11area05 h3, .nittei_top #pref11area06 h3, .nittei_top #pref12 h3, .nittei_top #pref13 h3, .nittei_top #pref14 h3, .nittei_top #pref15 h3, .nittei_top #pref16 h3, .nittei_top #pref17 h3, .nittei_top #pref18 h3, .nittei_top #pref19 h3, .nittei_top #pref20 h3, .nittei_top #pref21 h3, .nittei_top #pref21area01 h3, .nittei_top #pref21area02 h3, .nittei_top #pref21area03 h3, .nittei_top #pref21area04 h3, .nittei_top #pref21area05 h3, .nittei_top #pref22 h3, .nittei_top #pref23 h3, .nittei_top #pref24 h3, .nittei_top #pref25 h3, .nittei_top #pref26 h3, .nittei_top #pref27 h3, .nittei_top #pref28 h3, .nittei_top #pref29 h3, .nittei_top #pref30 h3, .nittei_top #pref31 h3, .nittei_top #pref32 h3, .nittei_top #pref33 h3, .nittei_top #pref34 h3, .nittei_top #pref35 h3, .nittei_top #pref36 h3, .nittei_top #pref37 h3, .nittei_top #pref38 h3, .nittei_top #pref39 h3, .nittei_top #pref40 h3, .nittei_top #pref41 h3, .nittei_top #pref42 h3, .nittei_top #pref43 h3, .nittei_top #pref44 h3, .nittei_top #pref45 h3, .nittei_top #pref46 h3, .nittei_top #pref47 h3 {
  position: absolute;
  font-size: 18px;
  left: 20px;
  top: 20px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}
.nittei_top #mapArea ul li a, .nittei_top #mapArea p a {
  padding: 4px 6px 3px 6px;
  position: absolute;
  color: #FFF;
  text-decoration: none;
  border: none;
  background: url(../img_ht/icn_pin.gif) no-repeat right top;
  /*background:url(../img_ht/icn_cursor.gif) no-repeat 4px center;*/
  border: 1px solid #2d895a;
  background-color: #36a771;
  font-size: 12px;
}
.nittei_top #mapArea ul li a:hover, .nittei_top #mapArea p a:hover {
  padding: 8px 12px 7px 12px;
  color: #FEA200;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #FEA200;
  background-color: #FFF;
  z-index: 2;
  opacity: 1;
}
.nittei_top #mapArea #pref00 ul li a {
  background-image: none;
  padding: 1px 4px 0;
}
.nittei_top #mapArea #pref00 ul li a:hover {
  padding: 8px 12px 7px 12px;
}
.nittei_top #mapArea #pref01 p.ban,
.nittei_top #mapArea #pref03 p.ban,
.nittei_top #mapArea #pref04 p.ban,
.nittei_top #mapArea #pref06 p.ban,
.nittei_top #mapArea #pref07 p.ban,
.nittei_top #mapArea #pref08 p.ban,
.nittei_top #mapArea #pref09 p.ban,
.nittei_top #mapArea #pref10 p.ban,
.nittei_top #mapArea #pref11 p.ban,
.nittei_top #mapArea #pref12 p.ban,
.nittei_top #mapArea #pref14 p.ban,
.nittei_top #mapArea #pref16 p.ban,
.nittei_top #mapArea #pref18 p.ban,
.nittei_top #mapArea #pref21 p.ban,
.nittei_top #mapArea #pref22 p.ban,
.nittei_top #mapArea #pref23 p.ban,
.nittei_top #mapArea #pref24 p.ban,
.nittei_top #mapArea #pref25 p.ban,
.nittei_top #mapArea #pref26 p.ban,
.nittei_top #mapArea #pref27 p.ban,
.nittei_top #mapArea #pref28 p.ban,
.nittei_top #mapArea #pref29 p.ban,
.nittei_top #mapArea #pref31 p.ban,
.nittei_top #mapArea #pref32 p.ban,
.nittei_top #mapArea #pref35 p.ban,
.nittei_top #mapArea #pref36 p.ban,
.nittei_top #mapArea #pref37 p.ban,
.nittei_top #mapArea #pref38 p.ban,
.nittei_top #mapArea #pref39 p.ban,
.nittei_top #mapArea #pref40 p.ban,
.nittei_top #mapArea #pref42 p.ban,
.nittei_top #mapArea #pref43 p.ban,
.nittei_top #mapArea #pref44 p.ban,
.nittei_top #mapArea #pref45 p.ban,
.nittei_top #mapArea #pref46 p.ban {
  position: absolute;
  left: 10px;
  top: 440px;
}
.nittei_top #mapArea #pref01 p.ban a,
.nittei_top #mapArea #pref03 p.ban a,
.nittei_top #mapArea #pref04 p.ban a,
.nittei_top #mapArea #pref06 p.ban a,
.nittei_top #mapArea #pref07 p.ban a,
.nittei_top #mapArea #pref08 p.ban a,
.nittei_top #mapArea #pref09 p.ban a,
.nittei_top #mapArea #pref10 p.ban a,
.nittei_top #mapArea #pref11 p.ban a,
.nittei_top #mapArea #pref12 p.ban a,
.nittei_top #mapArea #pref14 p.ban a,
.nittei_top #mapArea #pref16 p.ban a,
.nittei_top #mapArea #pref18 p.ban a,
.nittei_top #mapArea #pref21 p.ban a,
.nittei_top #mapArea #pref22 p.ban a,
.nittei_top #mapArea #pref23 p.ban a,
.nittei_top #mapArea #pref24 p.ban a,
.nittei_top #mapArea #pref25 p.ban a,
.nittei_top #mapArea #pref26 p.ban a,
.nittei_top #mapArea #pref27 p.ban a,
.nittei_top #mapArea #pref28 p.ban a,
.nittei_top #mapArea #pref29 p.ban a,
.nittei_top #mapArea #pref31 p.ban a,
.nittei_top #mapArea #pref32 p.ban a,
.nittei_top #mapArea #pref35 p.ban a,
.nittei_top #mapArea #pref36 p.ban a,
.nittei_top #mapArea #pref37 p.ban a,
.nittei_top #mapArea #pref38 p.ban a,
.nittei_top #mapArea #pref39 p.ban a,
.nittei_top #mapArea #pref40 p.ban a,
.nittei_top #mapArea #pref42 p.ban a,
.nittei_top #mapArea #pref43 p.ban a,
.nittei_top #mapArea #pref44 p.ban a,
.nittei_top #mapArea #pref45 p.ban a,
.nittei_top #mapArea #pref46 p.ban a {
  text-decoration: none;
  line-height: 1em;
  padding: 0;
  border: none;
  background: none;
  border: none;
}
.nittei_top #mapArea #pref01 p.ban a:hover,
.nittei_top #mapArea #pref03 p.ban a:hover,
.nittei_top #mapArea #pref04 p.ban a:hover,
.nittei_top #mapArea #pref06 p.ban a:hover,
.nittei_top #mapArea #pref07 p.ban a:hover,
.nittei_top #mapArea #pref08 p.ban a:hover,
.nittei_top #mapArea #pref09 p.ban a:hover,
.nittei_top #mapArea #pref10 p.ban a:hover,
.nittei_top #mapArea #pref11 p.ban a:hover,
.nittei_top #mapArea #pref12 p.ban a:hover,
.nittei_top #mapArea #pref14 p.ban a:hover,
.nittei_top #mapArea #pref16 p.ban a:hover,
.nittei_top #mapArea #pref18 p.ban a:hover,
.nittei_top #mapArea #pref21 p.ban a:hover,
.nittei_top #mapArea #pref22 p.ban a:hover,
.nittei_top #mapArea #pref23 p.ban a:hover,
.nittei_top #mapArea #pref24 p.ban a:hover,
.nittei_top #mapArea #pref25 p.ban a:hover,
.nittei_top #mapArea #pref26 p.ban a:hover,
.nittei_top #mapArea #pref27 p.ban a:hover,
.nittei_top #mapArea #pref28 p.ban a:hover,
.nittei_top #mapArea #pref29 p.ban a:hover,
.nittei_top #mapArea #pref31 p.ban a:hover,
.nittei_top #mapArea #pref32 p.ban a:hover,
.nittei_top #mapArea #pref35 p.ban a:hover,
.nittei_top #mapArea #pref36 p.ban a:hover,
.nittei_top #mapArea #pref37 p.ban a:hover,
.nittei_top #mapArea #pref38 p.ban a:hover,
.nittei_top #mapArea #pref39 p.ban a:hover,
.nittei_top #mapArea #pref40 p.ban a:hover,
.nittei_top #mapArea #pref42 p.ban a:hover,
.nittei_top #mapArea #pref43 p.ban a:hover,
.nittei_top #mapArea #pref44 p.ban a:hover,
.nittei_top #mapArea #pref45 p.ban a:hover,
.nittei_top #mapArea #pref46 p.ban a:hover {
  padding: 0;
  background: none;
  border: none;
  z-index: 2;
}
.nittei_top #mapArea #pref01 p.banL,
.nittei_top #mapArea #pref03 p.banL,
.nittei_top #mapArea #pref04 p.banL,
.nittei_top #mapArea #pref06 p.banL,
.nittei_top #mapArea #pref07 p.banL,
.nittei_top #mapArea #pref08 p.banL,
.nittei_top #mapArea #pref09 p.banL,
.nittei_top #mapArea #pref10 p.banL,
.nittei_top #mapArea #pref11 p.banL,
.nittei_top #mapArea #pref12 p.banL,
.nittei_top #mapArea #pref14 p.banL,
.nittei_top #mapArea #pref16 p.banL,
.nittei_top #mapArea #pref18 p.banL,
.nittei_top #mapArea #pref21 p.banL,
.nittei_top #mapArea #pref22 p.banL,
.nittei_top #mapArea #pref23 p.banL,
.nittei_top #mapArea #pref24 p.banL,
.nittei_top #mapArea #pref25 p.banL,
.nittei_top #mapArea #pref26 p.banL,
.nittei_top #mapArea #pref27 p.banL,
.nittei_top #mapArea #pref28 p.banL,
.nittei_top #mapArea #pref29 p.banL,
.nittei_top #mapArea #pref31 p.banL,
.nittei_top #mapArea #pref32 p.banL,
.nittei_top #mapArea #pref35 p.banL,
.nittei_top #mapArea #pref36 p.banL,
.nittei_top #mapArea #pref37 p.banL,
.nittei_top #mapArea #pref38 p.banL,
.nittei_top #mapArea #pref39 p.banL,
.nittei_top #mapArea #pref40 p.banL,
.nittei_top #mapArea #pref42 p.banL,
.nittei_top #mapArea #pref43 p.banL,
.nittei_top #mapArea #pref44 p.banL,
.nittei_top #mapArea #pref45 p.banL,
.nittei_top #mapArea #pref46 p.banL {
  position: absolute;
  left: 15px;
  top: 440px;
}
.nittei_top #mapArea #pref01 p.banR,
.nittei_top #mapArea #pref03 p.banR,
.nittei_top #mapArea #pref04 p.banR,
.nittei_top #mapArea #pref06 p.banR,
.nittei_top #mapArea #pref07 p.banR,
.nittei_top #mapArea #pref08 p.banR,
.nittei_top #mapArea #pref09 p.banR,
.nittei_top #mapArea #pref10 p.banR,
.nittei_top #mapArea #pref11 p.banR,
.nittei_top #mapArea #pref12 p.banR,
.nittei_top #mapArea #pref14 p.banR,
.nittei_top #mapArea #pref16 p.banR,
.nittei_top #mapArea #pref18 p.banR,
.nittei_top #mapArea #pref21 p.banR,
.nittei_top #mapArea #pref22 p.banR,
.nittei_top #mapArea #pref23 p.banR,
.nittei_top #mapArea #pref24 p.banR,
.nittei_top #mapArea #pref25 p.banR,
.nittei_top #mapArea #pref26 p.banR,
.nittei_top #mapArea #pref27 p.banR,
.nittei_top #mapArea #pref28 p.banR,
.nittei_top #mapArea #pref29 p.banR,
.nittei_top #mapArea #pref31 p.banR,
.nittei_top #mapArea #pref32 p.banR,
.nittei_top #mapArea #pref35 p.banR,
.nittei_top #mapArea #pref36 p.banR,
.nittei_top #mapArea #pref37 p.banR,
.nittei_top #mapArea #pref38 p.banR,
.nittei_top #mapArea #pref39 p.banR,
.nittei_top #mapArea #pref40 p.banR,
.nittei_top #mapArea #pref42 p.banR,
.nittei_top #mapArea #pref43 p.banR,
.nittei_top #mapArea #pref44 p.banR,
.nittei_top #mapArea #pref45 p.banR,
.nittei_top #mapArea #pref46 p.banR {
  position: absolute;
  left: 355px;
  top: 440px;
}
.nittei_top #mapArea #pref01 p.banL a,
.nittei_top #mapArea #pref01 p.banR a,
.nittei_top #mapArea #pref03 p.banL a,
.nittei_top #mapArea #pref03 p.banR a,
.nittei_top #mapArea #pref04 p.banL a,
.nittei_top #mapArea #pref04 p.banR a,
.nittei_top #mapArea #pref06 p.banL a,
.nittei_top #mapArea #pref06 p.banR a,
.nittei_top #mapArea #pref07 p.banL a,
.nittei_top #mapArea #pref07 p.banR a,
.nittei_top #mapArea #pref08 p.banL a,
.nittei_top #mapArea #pref08 p.banR a,
.nittei_top #mapArea #pref09 p.banL a,
.nittei_top #mapArea #pref09 p.banR a,
.nittei_top #mapArea #pref10 p.banL a,
.nittei_top #mapArea #pref10 p.banR a,
.nittei_top #mapArea #pref11 p.banL a,
.nittei_top #mapArea #pref11 p.banR a,
.nittei_top #mapArea #pref12 p.banL a,
.nittei_top #mapArea #pref12 p.banR a,
.nittei_top #mapArea #pref14 p.banL a,
.nittei_top #mapArea #pref14 p.banR a,
.nittei_top #mapArea #pref16 p.banL a,
.nittei_top #mapArea #pref16 p.banR a,
.nittei_top #mapArea #pref18 p.banL a,
.nittei_top #mapArea #pref18 p.banR a,
.nittei_top #mapArea #pref21 p.banL a,
.nittei_top #mapArea #pref21 p.banR a,
.nittei_top #mapArea #pref22 p.banL a,
.nittei_top #mapArea #pref22 p.banR a,
.nittei_top #mapArea #pref23 p.banL a,
.nittei_top #mapArea #pref23 p.banR a,
.nittei_top #mapArea #pref24 p.banL a,
.nittei_top #mapArea #pref24 p.banR a,
.nittei_top #mapArea #pref25 p.banL a,
.nittei_top #mapArea #pref25 p.banR a,
.nittei_top #mapArea #pref26 p.banL a,
.nittei_top #mapArea #pref26 p.banR a,
.nittei_top #mapArea #pref27 p.banL a,
.nittei_top #mapArea #pref27 p.banR a,
.nittei_top #mapArea #pref28 p.banL a,
.nittei_top #mapArea #pref28 p.banR a,
.nittei_top #mapArea #pref29 p.banL a,
.nittei_top #mapArea #pref29 p.banR a,
.nittei_top #mapArea #pref31 p.banL a,
.nittei_top #mapArea #pref31 p.banR a,
.nittei_top #mapArea #pref32 p.banL a,
.nittei_top #mapArea #pref32 p.banR a,
.nittei_top #mapArea #pref35 p.banL a,
.nittei_top #mapArea #pref35 p.banR a,
.nittei_top #mapArea #pref36 p.banL a,
.nittei_top #mapArea #pref36 p.banR a,
.nittei_top #mapArea #pref37 p.banL a,
.nittei_top #mapArea #pref37 p.banR a,
.nittei_top #mapArea #pref38 p.banL a,
.nittei_top #mapArea #pref38 p.banR a,
.nittei_top #mapArea #pref39 p.banL a,
.nittei_top #mapArea #pref39 p.banR a,
.nittei_top #mapArea #pref40 p.banL a,
.nittei_top #mapArea #pref40 p.banR a,
.nittei_top #mapArea #pref42 p.banL a,
.nittei_top #mapArea #pref42 p.banR a,
.nittei_top #mapArea #pref43 p.banL a,
.nittei_top #mapArea #pref43 p.banR a,
.nittei_top #mapArea #pref44 p.banL a,
.nittei_top #mapArea #pref44 p.banR a,
.nittei_top #mapArea #pref45 p.banL a,
.nittei_top #mapArea #pref45 p.banR a,
.nittei_top #mapArea #pref46 p.banL a,
.nittei_top #mapArea #pref46 p.banR a {
  text-decoration: none;
  line-height: 1em;
  padding: 0;
  border: none;
  background: none;
  border: none;
}
.nittei_top #mapArea #pref01 p.banL a:hover,
.nittei_top #mapArea #pref01 p.banR a:hover,
.nittei_top #mapArea #pref03 p.banL a:hover,
.nittei_top #mapArea #pref03 p.banR a:hover,
.nittei_top #mapArea #pref04 p.banL a:hover,
.nittei_top #mapArea #pref04 p.banR a:hover,
.nittei_top #mapArea #pref06 p.banL a:hover,
.nittei_top #mapArea #pref06 p.banR a:hover,
.nittei_top #mapArea #pref07 p.banL a:hover,
.nittei_top #mapArea #pref07 p.banR a:hover,
.nittei_top #mapArea #pref08 p.banL a:hover,
.nittei_top #mapArea #pref08 p.banR a:hover,
.nittei_top #mapArea #pref09 p.banL a:hover,
.nittei_top #mapArea #pref09 p.banR a:hover,
.nittei_top #mapArea #pref10 p.banL a:hover,
.nittei_top #mapArea #pref10 p.banR a:hover,
.nittei_top #mapArea #pref11 p.banL a:hover,
.nittei_top #mapArea #pref11 p.banR a:hover,
.nittei_top #mapArea #pref12 p.banL a:hover,
.nittei_top #mapArea #pref12 p.banR a:hover,
.nittei_top #mapArea #pref14 p.banL a:hover,
.nittei_top #mapArea #pref14 p.banR a:hover,
.nittei_top #mapArea #pref16 p.banL a:hover,
.nittei_top #mapArea #pref16 p.banR a:hover,
.nittei_top #mapArea #pref18 p.banL a:hover,
.nittei_top #mapArea #pref18 p.banR a:hover,
.nittei_top #mapArea #pref21 p.banL a:hover,
.nittei_top #mapArea #pref21 p.banR a:hover,
.nittei_top #mapArea #pref22 p.banL a:hover,
.nittei_top #mapArea #pref22 p.banR a:hover,
.nittei_top #mapArea #pref23 p.banL a:hover,
.nittei_top #mapArea #pref23 p.banR a:hover,
.nittei_top #mapArea #pref24 p.banL a:hover,
.nittei_top #mapArea #pref24 p.banR a:hover,
.nittei_top #mapArea #pref25 p.banL a:hover,
.nittei_top #mapArea #pref25 p.banR a:hover,
.nittei_top #mapArea #pref26 p.banL a:hover,
.nittei_top #mapArea #pref26 p.banR a:hover,
.nittei_top #mapArea #pref27 p.banL a:hover,
.nittei_top #mapArea #pref27 p.banR a:hover,
.nittei_top #mapArea #pref28 p.banL a:hover,
.nittei_top #mapArea #pref28 p.banR a:hover,
.nittei_top #mapArea #pref29 p.banL a:hover,
.nittei_top #mapArea #pref29 p.banR a:hover,
.nittei_top #mapArea #pref31 p.banL a:hover,
.nittei_top #mapArea #pref31 p.banR a:hover,
.nittei_top #mapArea #pref32 p.banL a:hover,
.nittei_top #mapArea #pref32 p.banR a:hover,
.nittei_top #mapArea #pref35 p.banL a:hover,
.nittei_top #mapArea #pref35 p.banR a:hover,
.nittei_top #mapArea #pref36 p.banL a:hover,
.nittei_top #mapArea #pref36 p.banR a:hover,
.nittei_top #mapArea #pref37 p.banL a:hover,
.nittei_top #mapArea #pref37 p.banR a:hover,
.nittei_top #mapArea #pref38 p.banL a:hover,
.nittei_top #mapArea #pref38 p.banR a:hover,
.nittei_top #mapArea #pref39 p.banL a:hover,
.nittei_top #mapArea #pref39 p.banR a:hover,
.nittei_top #mapArea #pref40 p.banL a:hover,
.nittei_top #mapArea #pref40 p.banR a:hover,
.nittei_top #mapArea #pref42 p.banL a:hover,
.nittei_top #mapArea #pref42 p.banR a:hover,
.nittei_top #mapArea #pref43 p.banL a:hover,
.nittei_top #mapArea #pref43 p.banR a:hover,
.nittei_top #mapArea #pref44 p.banL a:hover,
.nittei_top #mapArea #pref44 p.banR a:hover,
.nittei_top #mapArea #pref45 p.banL a:hover,
.nittei_top #mapArea #pref45 p.banR a:hover,
.nittei_top #mapArea #pref46 p.banL a:hover,
.nittei_top #mapArea #pref46 p.banR a:hover {
  padding: 0;
  background: none;
  border: none;
  z-index: 2;
}
.nittei_top #pref00 ul li#p01 a {
  left: 555px;
  top: 110px;
}
.nittei_top #pref00 ul li#p02 a {
  left: 497px;
  top: 188px;
}
.nittei_top #pref00 ul li#p03 a {
  left: 492px;
  top: 238px;
}
.nittei_top #pref00 ul li#p04 a {
  left: 466px;
  top: 281px;
}
.nittei_top #pref00 ul li#p05 a {
  left: 423px;
  top: 218px;
}
.nittei_top #pref00 ul li#p06 a {
  left: 411px;
  top: 257px;
}
.nittei_top #pref00 ul li#p07 a {
  left: 439px;
  top: 311px;
}
.nittei_top #pref00 ul li#p08 a {
  left: 375px;
  top: 373px;
}
.nittei_top #pref00 ul li#p09 a {
  left: 344px;
  top: 396px;
}
.nittei_top #pref00 ul li#p10 a {
  left: 387px;
  top: 344px;
}
.nittei_top #pref00 ul li#p11 a {
  left: 421px;
  top: 389px;
}
.nittei_top #pref00 ul li#p12 a {
  left: 429px;
  top: 359px;
}
.nittei_top #pref00 ul li#p13 a {
  left: 428px;
  top: 335px;
}
.nittei_top #pref00 ul li#p14 a {
  left: 374px;
  top: 321px;
}
.nittei_top #pref00 ul li#p15 a {
  left: 347px;
  top: 354px;
}
.nittei_top #pref00 ul li#p16 a {
  left: 331px;
  top: 331px;
}
.nittei_top #pref00 ul li#p17 a {
  left: 378px;
  top: 282px;
}
.nittei_top #pref00 ul li#p18 a {
  left: 330px;
  top: 301px;
}
.nittei_top #pref00 ul li#p19 a {
  left: 297px;
  top: 279px;
}
.nittei_top #pref00 ul li#p20 a {
  left: 267px;
  top: 307px;
}
.nittei_top #pref00 ul li#p21 a {
  left: 294px;
  top: 367px;
}
.nittei_top #pref00 ul li#p22 a {
  left: 330px;
  top: 371px;
}
.nittei_top #pref00 ul li#p23 a {
  left: 293px;
  top: 325px;
}
.nittei_top #pref00 ul li#p24 a {
  left: 281px;
  top: 391px;
}
.nittei_top #pref00 ul li#p25 a {
  left: 241px;
  top: 357px;
}
.nittei_top #pref00 ul li#p26 a {
  left: 222px;
  top: 314px;
}
.nittei_top #pref00 ul li#p27 a {
  left: 253px;
  top: 329px;
}
.nittei_top #pref00 ul li#p28 a {
  left: 282px;
  top: 345px;
}
.nittei_top #pref00 ul li#p29 a {
  left: 240px;
  top: 382px;
}
.nittei_top #pref00 ul li#p30 a {
  left: 233px;
  top: 418px;
}
.nittei_top #pref00 ul li#p31 a {
  left: 196px;
  top: 341px;
}
.nittei_top #pref00 ul li#p32 a {
  left: 150px;
  top: 338px;
}
.nittei_top #pref00 ul li#p33 a {
  left: 180px;
  top: 305px;
}
.nittei_top #pref00 ul li#p34 a {
  left: 140px;
  top: 311px;
}
.nittei_top #pref00 ul li#p35 a {
  left: 103px;
  top: 326px;
}
.nittei_top #pref00 ul li#p36 a {
  left: 194px;
  top: 394px;
}
.nittei_top #pref00 ul li#p37 a {
  left: 196px;
  top: 368px;
}
.nittei_top #pref00 ul li#p38 a {
  left: 148px;
  top: 369px;
}
.nittei_top #pref00 ul li#p39 a {
  left: 150px;
  top: 399px;
}
.nittei_top #pref00 ul li#p40 a {
  left: 98px;
  top: 351px;
}
.nittei_top #pref00 ul li#p41 a {
  left: 49px;
  top: 337px;
}
.nittei_top #pref00 ul li#p42 a {
  left: 105px;
  top: 378px;
}
.nittei_top #pref00 ul li#p43 a {
  left: 31px;
  top: 364px;
}
.nittei_top #pref00 ul li#p44 a {
  left: 53px;
  top: 391px;
}
.nittei_top #pref00 ul li#p45 a {
  left: 101px;
  top: 410px;
}
.nittei_top #pref00 ul li#p46 a {
  left: 37px;
  top: 434px;
}
.nittei_top #pref00 ul li#p47 a {
  left: 172px;
  top: 120px;
}
.nittei_top #pref00 ul li a {
  left: 200px;
  top: 150px;
}
.nittei_top #pref01 ul li.a01 a {
  left: 363px;
  top: 140px;
}
.nittei_top #pref01area01 p.a01a01 a {
  left: 357px;
  top: 105px;
}
.nittei_top #pref01area01 p.a01a02 a {
  left: 334px;
  top: 293px;
}
.nittei_top #pref01area01 p.a01a03 a {
  left: 281px;
  top: 196px;
}
.nittei_top #pref01 ul li.a02 a {
  left: 248px;
  top: 249px;
}
.nittei_top #pref01area02 p.a02a01 a {
  left: 338px;
  top: 281px;
}
.nittei_top #pref01area02 p.a02a02 a {
  left: 424px;
  top: 225px;
}
.nittei_top #pref01area02 p.a02a03 a {
  left: 236px;
  top: 254px;
}
.nittei_top #pref01 ul li.a03 a {
  left: 456px;
  top: 290px;
}
.nittei_top #pref01area03 p.a03a01 a {
  left: 408px;
  top: 190px;
}
.nittei_top #pref01area03 p.a03a02 a {
  left: 299px;
  top: 218px;
}
.nittei_top #pref01area03 p.a03a03 a {
  left: 300px;
  top: 110px;
}
.nittei_top #pref01area03 p.a03a04 a {
  left: 479px;
  top: 295px;
}
.nittei_top #pref01area03 p.a03a05 a {
  left: 361px;
  top: 300px;
}
.nittei_top #pref01area03 p.a03a06 a {
  left: 237px;
  top: 298px;
}
.nittei_top #pref01 ul li.a04 a {
  left: 184px;
  top: 328px;
}
.nittei_top #pref01area04 p.a04a01 a {
  left: 336px;
  top: 202px;
}
.nittei_top #pref01area04 p.a04a02 a {
  left: 463px;
  top: 264px;
}
.nittei_top #pref01area04 p.a04a03 a {
  left: 159px;
  top: 242px;
}
.nittei_top #pref02 p.a01 a {
  left: 336px;
  top: 236px;
}
.nittei_top #pref02 p.a02 a {
  left: 205px;
  top: 241px;
}
.nittei_top #pref02 p.a03 a {
  left: 473px;
  top: 103px;
}
.nittei_top #pref02 p.a04 a {
  left: 414px;
  top: 333px;
}
.nittei_top #pref03 p.a01 a {
  left: 361px;
  top: 86px;
}
.nittei_top #pref03 p.a02 a {
  left: 337px;
  top: 205px;
}
.nittei_top #pref03 p.a03 a {
  left: 272px;
  top: 344px;
}
.nittei_top #pref04 p.a01 a {
  left: 269px;
  top: 259px;
}
.nittei_top #pref04 p.a02 a {
  left: 213px;
  top: 328px;
}
.nittei_top #pref04 p.a03 a {
  left: 349px;
  top: 149px;
}
.nittei_top #pref04 p.a04 a {
  left: 483px;
  top: 241px;
}
.nittei_top #pref05 p.a01 a {
  left: 384px;
  top: 118px;
}
.nittei_top #pref05 p.a02 a {
  left: 263px;
  top: 252px;
}
.nittei_top #pref05 p.a03 a {
  left: 337px;
  top: 309px;
}
.nittei_top #pref06 p.a01 a {
  left: 369px;
  top: 261px;
}
.nittei_top #pref06 p.a02 a {
  left: 260px;
  top: 353px;
}
.nittei_top #pref06 p.a03 a {
  left: 303px;
  top: 132px;
}
.nittei_top #pref06 p.a04 a {
  left: 421px;
  top: 137px;
}
.nittei_top #pref07 p.a01 a {
  left: 379px;
  top: 230px;
}
.nittei_top #pref07 p.a02 a {
  left: 500px;
  top: 290px;
}
.nittei_top #pref07 p.a03 a {
  left: 214px;
  top: 180px;
}
.nittei_top #pref08 ul li.a01 a {
  left: 436px;
  top: 280px;
}
.nittei_top #pref08area01 p.a01a01 a {
  left: 281px;
  top: 96px;
}
.nittei_top #pref08area01 p.a01a02 a {
  left: 239px;
  top: 167px;
}
.nittei_top #pref08area01 p.a01a03 a {
  left: 180px;
  top: 236px;
}
.nittei_top #pref08area01 p.a01a04 a {
  left: 226px;
  top: 350px;
}
.nittei_top #pref08area01 p.a01a05 a {
  left: 330px;
  top: 281px;
}
.nittei_top #pref08area01 p.a01a06 a {
  left: 397px;
  top: 148px;
}
.nittei_top #pref08area01 p.a01a07 a {
  left: 454px;
  top: 244px;
}
.nittei_top #pref08 ul li.a02 a {
  left: 233px;
  top: 193px;
}
.nittei_top #pref08area02 p.a02a01 a {
  left: 354px;
  top: 285px;
}
.nittei_top #pref08area02 p.a02a02 a {
  left: 208px;
  top: 180px;
}
.nittei_top #pref09 ul li.a01 a {
  left: 452px;
  top: 254px;
}
.nittei_top #pref09area01 p.a01a01 a {
  left: 378px;
  top: 203px;
}
.nittei_top #pref09area01 p.a01a02 a {
  left: 334px;
  top: 124px;
}
.nittei_top #pref09area01 p.a01a03 a {
  left: 320px;
  top: 363px;
}
.nittei_top #pref09area01 p.a01a04 a {
  left: 325px;
  top: 240px;
}
.nittei_top #pref09 ul li.a02 a {
  left: 525px;
  top: 176px;
}
.nittei_top #pref09area02 p.a02a01 a {
  left: 435px;
  top: 324px;
}
.nittei_top #pref09area02 p.a02a02 a {
  left: 251px;
  top: 142px;
}
.nittei_top #pref09area02 p.a02a03 a {
  left: 363px;
  top: 216px;
}
.nittei_top #pref09 ul li.a03 a {
  left: 330px;
  top: 266px;
}
.nittei_top #pref09area03 p.a03a01 a {
  left: 381px;
  top: 269px;
}
.nittei_top #pref09area03 p.a03a02 a {
  left: 291px;
  top: 276px;
}
.nittei_top #pref09area03 p.a03a03 a {
  left: 421px;
  top: 332px;
}
.nittei_top #pref09 ul li.a04 a {
  left: 237px;
  top: 169px;
}
.nittei_top #pref09area04 p.a04a01 a {
  left: 316px;
  top: 251px;
}
.nittei_top #pref09area04 p.a04a02 a {
  left: 400px;
  top: 231px;
}
.nittei_top #pref09area04 p.a04a03 a {
  left: 215px;
  top: 361px;
}
.nittei_top #pref10 ul li.a01 a {
  left: 468px;
  top: 344px;
}
.nittei_top #pref10area01 p.a01a01 a {
  left: 273px;
  top: 183px;
}
.nittei_top #pref10area01 p.a01a02 a {
  left: 268px;
  top: 258px;
}
.nittei_top #pref10area01 p.a01a03 a {
  left: 403px;
  top: 238px;
}
.nittei_top #pref10 ul li.a02 a {
  left: 427px;
  top: 184px;
}
.nittei_top #pref10area02 p.a02a01 a {
  left: 348px;
  top: 291px;
}
.nittei_top #pref10area02 p.a02a02 a {
  left: 341px;
  top: 227px;
}
.nittei_top #pref10area02 p.a02a03 a {
  left: 443px;
  top: 227px;
}
.nittei_top #pref10area02 p.a02a04 a {
  left: 253px;
  top: 125px;
}
.nittei_top #pref10 ul li.a03 a {
  left: 275px;
  top: 218px;
}
.nittei_top #pref10area03 p.a03a01 a {
  left: 405px;
  top: 325px;
}
.nittei_top #pref10area03 p.a03a02 a {
  left: 425px;
  top: 234px;
}
.nittei_top #pref10area03 p.a03a03 a {
  left: 260px;
  top: 169px;
}
.nittei_top #pref10area03 p.a03a04 a {
  left: 496px;
  top: 368px;
}
.nittei_top #pref11 ul li.a01 a {
  left: 259px;
  top: 207px;
}
.nittei_top #pref11area01 p.a01a01 a {
  left: 340px;
  top: 262px;
}
.nittei_top #pref11area01 p.a01a02 a {
  left: 285px;
  top: 179px;
}
.nittei_top #pref11area01 p.a01a03 a {
  left: 196px;
  top: 178px;
}
.nittei_top #pref11area01 p.a01a04 a {
  left: 287px;
  top: 142px;
}
.nittei_top #pref11area01 p.a01a05 a {
  left: 308px;
  top: 216px;
}
.nittei_top #pref11area01 p.a01a06 a {
  left: 349px;
  top: 142px;
}
.nittei_top #pref11 ul li.a02 a {
  left: 238px;
  top: 312px;
}
.nittei_top #pref11area02 p.a02a01 a {
  left: 280px;
  top: 156px;
}
.nittei_top #pref11area02 p.a02a02 a {
  left: 394px;
  top: 150px;
}
.nittei_top #pref11area02 p.a02a03 a {
  left: 307px;
  top: 255px;
}
.nittei_top #pref11area02 p.a02a04 a {
  left: 216px;
  top: 291px;
}
.nittei_top #pref11 ul li.a03 a {
  left: 237px;
  top: 400px;
}
.nittei_top #pref11area03 p.a03a01 a {
  left: 131px;
  top: 299px;
}
.nittei_top #pref11area03 p.a03a02 a {
  left: 295px;
  top: 237px;
}
.nittei_top #pref11area03 p.a03a03 a {
  left: 434px;
  top: 227px;
}
.nittei_top #pref11 ul li.a04 a {
  left: 383px;
  top: 277px;
}
.nittei_top #pref11area04 p.a04a01 a {
  left: 489px;
  top: 133px;
}
.nittei_top #pref11area04 p.a04a02 a {
  left: 416px;
  top: 146px;
}
.nittei_top #pref11area04 p.a04a03 a {
  left: 257px;
  top: 194px;
}
.nittei_top #pref11area04 p.a04a04 a {
  left: 323px;
  top: 221px;
}
.nittei_top #pref11area04 p.a04a05 a {
  left: 164px;
  top: 306px;
}
.nittei_top #pref11 ul li.a05 a {
  left: 395px;
  top: 172px;
}
.nittei_top #pref11area05 p.a05a01 a {
  left: 340px;
  top: 163px;
}
.nittei_top #pref11area05 p.a05a02 a {
  left: 220px;
  top: 254px;
}
.nittei_top #pref11area05 p.a05a03 a {
  left: 116px;
  top: 116px;
}
.nittei_top #pref11area05 p.a05a04 a {
  left: 219px;
  top: 138px;
}
.nittei_top #pref11area05 p.a05a05 a {
  left: 294px;
  top: 242px;
}
.nittei_top #pref11area05 p.a05a06 a {
  left: 570px;
  top: 315px;
}
.nittei_top #pref11 ul li.a06 a {
  left: 268px;
  top: 88px;
}
.nittei_top #pref11area06 p.a06a01 a {
  left: 280px;
  top: 324px;
}
.nittei_top #pref11area06 p.a06a02 a {
  left: 344px;
  top: 302px;
}
.nittei_top #pref11area06 p.a06a03 a {
  left: 295px;
  top: 144px;
}
.nittei_top #pref11area06 p.a06a04 a {
  left: 303px;
  top: 243px;
}
.nittei_top #pref11area06 p.a06a05 a {
  left: 398px;
  top: 280px;
}
.nittei_top #pref12 p.a01 a {
  left: 423px;
  top: 115px;
}
.nittei_top #pref12 p.a02 a {
  left: 350px;
  top: 215px;
}
.nittei_top #pref12 p.a03 a {
  left: 364px;
  top: 354px;
}
.nittei_top #pref12 p.a04 a {
  left: 244px;
  top: 294px;
}
.nittei_top #pref12 p.a05 a {
  left: 173px;
  top: 211px;
}
.nittei_top #pref13 p.a01 a {
  left: 331px;
  top: 139px;
}
.nittei_top #pref13 p.a02 a {
  left: 339px;
  top: 290px;
}
.nittei_top #pref13 p.a03 a {
  left: 213px;
  top: 330px;
}
.nittei_top #pref14 p.a01 a {
  left: 255px;
  top: 292px;
}
.nittei_top #pref14 p.a02 a {
  left: 419px;
  top: 325px;
}
.nittei_top #pref14 p.a03 a {
  left: 326px;
  top: 159px;
}
.nittei_top #pref15 p.a01 a {
  left: 272px;
  top: 198px;
}
.nittei_top #pref15 p.a02 a {
  left: 431px;
  top: 267px;
}
.nittei_top #pref16 p.a01 a {
  left: 380px;
  top: 107px;
}
.nittei_top #pref16 p.a02 a {
  left: 248px;
  top: 227px;
}
.nittei_top #pref16 p.a03 a {
  left: 389px;
  top: 236px;
}
.nittei_top #pref16 p.a04 a {
  left: 235px;
  top: 357px;
}
.nittei_top #pref17 p.a01 a {
  left: 168px;
  top: 307px;
}
.nittei_top #pref17 p.a02 a {
  left: 311px;
  top: 295px;
}
.nittei_top #pref17 p.a03 a {
  left: 455px;
  top: 183px;
}
.nittei_top #pref17 p.a04 a {
  left: 281px;
  top: 93px;
}
.nittei_top #pref18 p.a01 a {
  left: 465px;
  top: 226px;
}
.nittei_top #pref18 p.a02 a {
  left: 281px;
  top: 250px;
}
.nittei_top #pref18 p.a03 a {
  left: 190px;
  top: 197px;
}
.nittei_top #pref19 p.a01 a {
  left: 237px;
  top: 316px;
}
.nittei_top #pref19 p.a02 a {
  left: 385px;
  top: 109px;
}
.nittei_top #pref20 p.a01 a {
  left: 427px;
  top: 200px;
}
.nittei_top #pref20 p.a02 a {
  left: 205px;
  top: 328px;
}
.nittei_top #pref21 ul li.a01 a {
  left: 220px;
  top: 144px;
}
.nittei_top #pref21area01 p.a01a01 a {
  left: 385px;
  top: 207px;
}
.nittei_top #pref21area01 p.a01a02 a {
  left: 366px;
  top: 172px;
}
.nittei_top #pref21area01 p.a01a03 a {
  left: 365px;
  top: 127px;
}
.nittei_top #pref21area01 p.a01a04 a {
  left: 312px;
  top: 126px;
}
.nittei_top #pref21area01 p.a01a05 a {
  left: 250px;
  top: 169px;
}
.nittei_top #pref21area01 p.a01a06 a {
  left: 313px;
  top: 194px;
}
.nittei_top #pref21area01 p.a01a07 a {
  left: 343px;
  top: 234px;
}
.nittei_top #pref21area01 p.a01a08 a {
  left: 325px;
  top: 270px;
}
.nittei_top #pref21area01 p.a01a09 a {
  left: 276px;
  top: 246px;
}
.nittei_top #pref21area01 p.a01a10 a {
  left: 223px;
  top: 216px;
}
.nittei_top #pref21area01 p.a01a11 a {
  left: 217px;
  top: 293px;
}
.nittei_top #pref21area01 p.a01a12 a {
  left: 285px;
  top: 320px;
}
.nittei_top #pref21area01 p.a01a13 a {
  left: 451px;
  top: 148px;
}
.nittei_top #pref21area01 p.a01a14 a {
  left: 349px;
  top: 357px;
}
.nittei_top #pref21area01 p.a01a15 a {
  left: 445px;
  top: 239px;
}
.nittei_top #pref21area01 p.a01a16 a {
  left: 388px;
  top: 300px;
}
.nittei_top #pref21 ul li.a02 a {
  left: 263px;
  top: 73px;
}
.nittei_top #pref21area02 p.a02a01 a {
  left: 397px;
  top: 138px;
}
.nittei_top #pref21area02 p.a02a02 a {
  left: 425px;
  top: 298px;
}
.nittei_top #pref21area02 p.a02a03 a {
  left: 239px;
  top: 137px;
}
.nittei_top #pref21area02 p.a02a04 a {
  left: 165px;
  top: 273px;
}
.nittei_top #pref21 ul li.a03 a {
  left: 186px;
  top: 253px;
}
.nittei_top #pref21area03 p.a03a01 a {
  left: 336px;
  top: 141px;
}
.nittei_top #pref21area03 p.a03a02 a {
  left: 267px;
  top: 286px;
}
.nittei_top #pref21 ul li.a04 a {
  left: 319px;
  top: 230px;
}
.nittei_top #pref21area04 p.a04a01 a {
  left: 351px;
  top: 163px;
}
.nittei_top #pref21area04 p.a04a02 a {
  left: 230px;
  top: 276px;
}
.nittei_top #pref21 ul li.a05 a {
  left: 413px;
  top: 316px;
}
.nittei_top #pref21area05 p.a05a01 a {
  left: 441px;
  top: 154px;
}
.nittei_top #pref21area05 p.a05a02 a {
  left: 259px;
  top: 305px;
}
.nittei_top #pref22 p.a01 a {
  left: 499px;
  top: 294px;
}
.nittei_top #pref22 p.a02 a {
  left: 314px;
  top: 218px;
}
.nittei_top #pref22 p.a03 a {
  left: 168px;
  top: 250px;
}
.nittei_top #pref23 p.a01 a {
  left: 224px;
  top: 262px;
}
.nittei_top #pref23 p.a02 a {
  left: 164px;
  top: 273px;
}
.nittei_top #pref23 p.a03 a {
  left: 309px;
  top: 243px;
}
.nittei_top #pref23 p.a04 a {
  left: 383px;
  top: 355px;
}
.nittei_top #pref23 p.a05 a {
  left: 414px;
  top: 137px;
}
.nittei_top #pref24 p.a01 a {
  left: 417px;
  top: 106px;
}
.nittei_top #pref24 p.a02 a {
  left: 331px;
  top: 231px;
}
.nittei_top #pref24 p.a03 a {
  left: 296px;
  top: 153px;
}
.nittei_top #pref24 p.a04 a {
  left: 373px;
  top: 303px;
}
.nittei_top #pref24 p.a05 a {
  left: 202px;
  top: 368px;
}
.nittei_top #pref25 p.a01 a {
  left: 387px;
  top: 154px;
}
.nittei_top #pref25 p.a02 a {
  left: 374px;
  top: 237px;
}
.nittei_top #pref25 p.a03 a {
  left: 310px;
  top: 337px;
}
.nittei_top #pref26 p.a01 a {
  left: 352px;
  top: 159px;
}
.nittei_top #pref26 p.a02 a {
  left: 395px;
  top: 307px;
}
.nittei_top #pref26 p.a03 a {
  left: 259px;
  top: 226px;
}
.nittei_top #pref26 p.a04 a {
  left: 260px;
  top: 393px;
}
.nittei_top #pref27 p.a01 a {
  left: 289px;
  top: 177px;
}
.nittei_top #pref27 p.a02 a {
  left: 353px;
  top: 312px;
}
.nittei_top #pref27 p.a03 a {
  left: 375px;
  top: 407px;
}
.nittei_top #pref28 p.a01 a {
  left: 417px;
  top: 149px;
}
.nittei_top #pref28 p.a02 a {
  left: 298px;
  top: 350px;
}
.nittei_top #pref28 p.a03 a {
  left: 262px;
  top: 171px;
}
.nittei_top #pref28 p.a04 a {
  left: 364px;
  top: 281px;
}
.nittei_top #pref29 p.a01 a {
  left: 366px;
  top: 126px;
}
.nittei_top #pref29 p.a02 a {
  left: 315px;
  top: 295px;
}
.nittei_top #pref30 p.a01 a {
  left: 298px;
  top: 100px;
}
.nittei_top #pref30 p.a02 a {
  left: 297px;
  top: 290px;
}
.nittei_top #pref31 p.a01 a {
  left: 379px;
  top: 314px;
}
.nittei_top #pref31 p.a02 a {
  left: 229px;
  top: 289px;
}
.nittei_top #pref31 p.a03 a {
  left: 369px;
  top: 152px;
}
.nittei_top #pref32 p.a01 a {
  left: 432px;
  top: 135px;
}
.nittei_top #pref32 p.a02 a {
  left: 435px;
  top: 278px;
}
.nittei_top #pref32 p.a03 a {
  left: 236px;
  top: 218px;
}
.nittei_top #pref33 p.a01 a {
  left: 486px;
  top: 267px;
}
.nittei_top #pref33 p.a02 a {
  left: 330px;
  top: 202px;
}
.nittei_top #pref33 p.a03 a {
  left: 187px;
  top: 204px;
}
.nittei_top #pref34 p.a01 a {
  left: 561px;
  top: 183px;
}
.nittei_top #pref34 p.a02 a {
  left: 431px;
  top: 218px;
}
.nittei_top #pref34 p.a03 a {
  left: 209px;
  top: 299px;
}
.nittei_top #pref35 p.a01 a {
  left: 304px;
  top: 119px;
}
.nittei_top #pref35 p.a02 a {
  left: 218px;
  top: 250px;
}
.nittei_top #pref35 p.a03 a {
  left: 347px;
  top: 219px;
}
.nittei_top #pref35 p.a04 a {
  left: 474px;
  top: 280px;
}
.nittei_top #pref35 p.a05 a {
  left: 480px;
  top: 381px;
}
.nittei_top #pref35 p.a06 a {
  left: 138px;
  top: 163px;
}
.nittei_top #pref35 p.a07 a {
  left: 121px;
  top: 241px;
}
.nittei_top #pref35 p.a08 a {
  left: 240px;
  top: 174px;
}
.nittei_top #pref35 p.a09 a {
  left: 117px;
  top: 275px;
}
.nittei_top #pref36 p.a01 a {
  left: 473px;
  top: 132px;
}
.nittei_top #pref36 p.a02 a {
  left: 461px;
  top: 197px;
}
.nittei_top #pref36 p.a03 a {
  left: 288px;
  top: 157px;
}
.nittei_top #pref36 p.a04 a {
  left: 371px;
  top: 288px;
}
.nittei_top #pref37 p.a01 a {
  left: 524px;
  top: 317px;
}
.nittei_top #pref37 p.a02 a {
  left: 403px;
  top: 235px;
}
.nittei_top #pref37 p.a03 a {
  left: 277px;
  top: 236px;
}
.nittei_top #pref37 p.a04 a {
  left: 155px;
  top: 249px;
}
.nittei_top #pref38 p.a01 a {
  left: 440px;
  top: 154px;
}
.nittei_top #pref38 p.a02 a {
  left: 322px;
  top: 194px;
}
.nittei_top #pref38 p.a03 a {
  left: 204px;
  top: 274px;
}
.nittei_top #pref39 p.a01 a {
  left: 359px;
  top: 167px;
}
.nittei_top #pref39 p.a02 a {
  left: 515px;
  top: 273px;
}
.nittei_top #pref39 p.a03 a {
  left: 159px;
  top: 282px;
}
.nittei_top #pref40 p.a01 a {
  left: 445px;
  top: 73px;
}
.nittei_top #pref40 p.a02 a {
  left: 489px;
  top: 199px;
}
.nittei_top #pref40 p.a03 a {
  left: 380px;
  top: 170px;
}
.nittei_top #pref40 p.a04 a {
  left: 264px;
  top: 180px;
}
.nittei_top #pref40 p.a05 a {
  left: 262px;
  top: 329px;
}
.nittei_top #pref41 p.a01 a {
  left: 413px;
  top: 230px;
}
.nittei_top #pref41 p.a02 a {
  left: 199px;
  top: 181px;
}
.nittei_top #pref41 p.a03 a {
  left: 276px;
  top: 270px;
}
.nittei_top #pref41 p.a04 a {
  left: 299px;
  top: 143px;
}
.nittei_top #pref41 p.a05 a {
  left: 258px;
  top: 359px;
}
.nittei_top #pref42 p.a01 a {
  left: 350px;
  top: 257px;
}
.nittei_top #pref42 p.a02 a {
  left: 359px;
  top: 78px;
}
.nittei_top #pref42 p.a03 a {
  left: 225px;
  top: 160px;
}
.nittei_top #pref42 p.a04 a {
  left: 410px;
  top: 369px;
}
.nittei_top #pref43 p.a01 a {
  left: 440px;
  top: 282px;
}
.nittei_top #pref43 p.a02 a {
  left: 481px;
  top: 152px;
}
.nittei_top #pref43 p.a03 a {
  left: 515px;
  top: 292px;
}
.nittei_top #pref43 p.a04 a {
  left: 582px;
  top: 372px;
}
.nittei_top #pref43 p.a05 a {
  left: 200px;
  top: 272px;
}
.nittei_top #pref44 p.a01 a {
  left: 360px;
  top: 211px;
}
.nittei_top #pref44 p.a02 a {
  left: 487px;
  top: 161px;
}
.nittei_top #pref44 p.a03 a {
  left: 177px;
  top: 242px;
}
.nittei_top #pref44 p.a04 a {
  left: 321px;
  top: 344px;
}
.nittei_top #pref45 p.a01 a {
  left: 388px;
  top: 91px;
}
.nittei_top #pref45 p.a02 a {
  left: 390px;
  top: 162px;
}
.nittei_top #pref45 p.a03 a {
  left: 328px;
  top: 213px;
}
.nittei_top #pref45 p.a04 a {
  left: 362px;
  top: 281px;
}
.nittei_top #pref45 p.a05 a {
  left: 202px;
  top: 229px;
}
.nittei_top #pref45 p.a06 a {
  left: 241px;
  top: 293px;
}
.nittei_top #pref45 p.a07 a {
  left: 261px;
  top: 381px;
}
.nittei_top #pref46 p.a01 a {
  left: 418px;
  top: 153px;
}
.nittei_top #pref46 p.a02 a {
  left: 405px;
  top: 220px;
}
.nittei_top #pref46 p.a03 a {
  left: 446px;
  top: 77px;
}
.nittei_top #pref46 p.a04 a {
  left: 529px;
  top: 114px;
}
.nittei_top #pref46 p.a05 a {
  left: 516px;
  top: 227px;
}
.nittei_top #pref46 p.a06 a {
  left: 411px;
  top: 413px;
}
.nittei_top #pref46 p.a07 a {
  left: 128px;
  top: 174px;
}
.nittei_top #pref47 p.a01 a {
  left: 327px;
  top: 196px;
}
.nittei_top #pref47 p.a02 a {
  left: 487px;
  top: 140px;
}
.nittei_top #pref47 p.a03 a {
  left: 405px;
  top: 196px;
}
.nittei_top #pref47 p.a04 a {
  left: 354px;
  top: 162px;
}
.nittei_top #pref47 p.a05 a {
  left: 365px;
  top: 231px;
}
.nittei_top #pref47 p.a06 a {
  left: 305px;
  top: 237px;
}
.nittei_top #pref47 p.a07 a {
  left: 551px;
  top: 386px;
}
.nittei_top #pref47 p.a08 a {
  left: 252px;
  top: 364px;
}
.nittei_top #pref01 ul li.back a, .nittei_top #pref01area01 ul li.back a, .nittei_top #pref01area02 ul li.back a, .nittei_top #pref01area03 ul li.back a, .nittei_top #pref01area04 ul li.back a, .nittei_top #pref02 ul li.back a, .nittei_top #pref03 ul li.back a, .nittei_top #pref04 ul li.back a, .nittei_top #pref05 ul li.back a, .nittei_top #pref06 ul li.back a, .nittei_top #pref07 ul li.back a, .nittei_top #pref08 ul li.back a, .nittei_top #pref08area01 ul li.back a, .nittei_top #pref08area02 ul li.back a, .nittei_top #pref09 ul li.back a, .nittei_top #pref09area01 ul li.back a, .nittei_top #pref09area02 ul li.back a, .nittei_top #pref09area03 ul li.back a, .nittei_top #pref09area04 ul li.back a, .nittei_top #pref10 ul li.back a, .nittei_top #pref10area01 ul li.back a, .nittei_top #pref10area02 ul li.back a, .nittei_top #pref10area03 ul li.back a, .nittei_top #pref11 ul li.back a, .nittei_top #pref11area01 ul li.back a, .nittei_top #pref11area02 ul li.back a, .nittei_top #pref11area03 ul li.back a, .nittei_top #pref11area04 ul li.back a, .nittei_top #pref11area05 ul li.back a, .nittei_top #pref11area06 ul li.back a, .nittei_top #pref12 ul li.back a, .nittei_top #pref13 ul li.back a, .nittei_top #pref14 ul li.back a, .nittei_top #pref15 ul li.back a, .nittei_top #pref16 ul li.back a, .nittei_top #pref17 ul li.back a, .nittei_top #pref18 ul li.back a, .nittei_top #pref19 ul li.back a, .nittei_top #pref20 ul li.back a, .nittei_top #pref21 ul li.back a, .nittei_top #pref21area01 ul li.back a, .nittei_top #pref21area02 ul li.back a, .nittei_top #pref21area03 ul li.back a, .nittei_top #pref21area04 ul li.back a, .nittei_top #pref21area05 ul li.back a, .nittei_top #pref22 ul li.back a, .nittei_top #pref23 ul li.back a, .nittei_top #pref24 ul li.back a, .nittei_top #pref25 ul li.back a, .nittei_top #pref26 ul li.back a, .nittei_top #pref27 ul li.back a, .nittei_top #pref28 ul li.back a, .nittei_top #pref29 ul li.back a, .nittei_top #pref30 ul li.back a, .nittei_top #pref31 ul li.back a, .nittei_top #pref32 ul li.back a, .nittei_top #pref33 ul li.back a, .nittei_top #pref34 ul li.back a, .nittei_top #pref35 ul li.back a, .nittei_top #pref36 ul li.back a, .nittei_top #pref37 ul li.back a, .nittei_top #pref38 ul li.back a, .nittei_top #pref39 ul li.back a, .nittei_top #pref40 ul li.back a, .nittei_top #pref41 ul li.back a, .nittei_top #pref42 ul li.back a, .nittei_top #pref43 ul li.back a, .nittei_top #pref44 ul li.back a, .nittei_top #pref45 ul li.back a, .nittei_top #pref46 ul li.back a, .nittei_top #pref47 ul li.back a {
  color: #0065CD;
  right: 20px;
  top: 20px;
  padding: 6px 15px 5px 15px;
  /*filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;*/
  background-color: #FFF;
  border: 1px solid #99CC33;
}
.nittei_top #pref01 ul li.back a:hover, .nittei_top #pref01area01 ul li.back a:hover, .nittei_top #pref01area02 ul li.back a:hover, .nittei_top #pref01area03 ul li.back a:hover, .nittei_top #pref01area04 ul li.back a:hover, .nittei_top #pref02 ul li.back a:hover, .nittei_top #pref03 ul li.back a:hover, .nittei_top #pref04 ul li.back a:hover, .nittei_top #pref05 ul li.back a:hover, .nittei_top #pref06 ul li.back a:hover, .nittei_top #pref07 ul li.back a:hover, .nittei_top #pref08 ul li.back a:hover, .nittei_top #pref08area01 ul li.back a:hover, .nittei_top #pref08area02 ul li.back a:hover, .nittei_top #pref09 ul li.back a:hover, .nittei_top #pref09area01 ul li.back a:hover, .nittei_top #pref09area02 ul li.back a:hover, .nittei_top #pref09area03 ul li.back a:hover, .nittei_top #pref09area04 ul li.back a:hover, .nittei_top #pref10 ul li.back a:hover, .nittei_top #pref10area01 ul li.back a:hover, .nittei_top #pref10area02 ul li.back a:hover, .nittei_top #pref10area03 ul li.back a:hover, .nittei_top #pref10area04 ul li.back a:hover, .nittei_top #pref11 ul li.back a:hover, .nittei_top #pref11area01 ul li.back a:hover, .nittei_top #pref11area02 ul li.back a:hover, .nittei_top #pref11area03 ul li.back a:hover, .nittei_top #pref11area04 ul li.back a:hover, .nittei_top #pref11area05 ul li.back a:hover, .nittei_top #pref11area06 ul li.back a:hover, .nittei_top #pref12 ul li.back a:hover, .nittei_top #pref13 ul li.back a:hover, .nittei_top #pref14 ul li.back a:hover, .nittei_top #pref15 ul li.back a:hover, .nittei_top #pref16 ul li.back a:hover, .nittei_top #pref17 ul li.back a:hover, .nittei_top #pref18 ul li.back a:hover, .nittei_top #pref19 ul li.back a:hover, .nittei_top #pref20 ul li.back a:hover, .nittei_top #pref21 ul li.back a:hover, .nittei_top #pref21area01 ul li.back a:hover, .nittei_top #pref21area02 ul li.back a:hover, .nittei_top #pref21area03 ul li.back a:hover, .nittei_top #pref21area04 ul li.back a:hover, .nittei_top #pref21area05 ul li.back a:hover, .nittei_top #pref22 ul li.back a:hover, .nittei_top #pref23 ul li.back a:hover, .nittei_top #pref24 ul li.back a:hover, .nittei_top #pref25 ul li.back a:hover, .nittei_top #pref26 ul li.back a:hover, .nittei_top #pref27 ul li.back a:hover, .nittei_top #pref28 ul li.back a:hover, .nittei_top #pref29 ul li.back a:hover, .nittei_top #pref30 ul li.back a:hover, .nittei_top #pref31 ul li.back a:hover, .nittei_top #pref32 ul li.back a:hover, .nittei_top #pref33 ul li.back a:hover, .nittei_top #pref34 ul li.back a:hover, .nittei_top #pref35 ul li.back a:hover, .nittei_top #pref36 ul li.back a:hover, .nittei_top #pref37 ul li.back a:hover, .nittei_top #pref38 ul li.back a:hover, .nittei_top #pref39 ul li.back a:hover, .nittei_top #pref40 ul li.back a:hover, .nittei_top #pref41 ul li.back a:hover, .nittei_top #pref42 ul li.back a:hover, .nittei_top #pref43 ul li.back a:hover, .nittei_top #pref44 ul li.back a:hover, .nittei_top #pref45 ul li.back a:hover, .nittei_top #pref46 ul li.back a:hover, .nittei_top #pref47 ul li.back a:hover {
  color: #FFF;
  background-color: #99CC33;
  border: 1px solid #FFF;
}
.nittei_top #prefArea {
  margin-bottom: 20px;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
  padding-top: 10px;
  _zoom: 1;
  float: left;
  width: 200px;
}
.nittei_top #prefArea:after {
  content: "";
  display: block;
  clear: both;
}
.nittei_top #prefArea div ~ div {
  _zoom: 1;
  padding: 10px 0 5px;
  border-top: 1px dotted #ddd;
  clear: both;
}
.nittei_top #prefArea div ~ div:after {
  content: "";
  display: block;
  clear: both;
}
.nittei_top #prefArea li {
  float: left;
  border-right: 1px solid #000;
  padding: 0 5px;
  line-height: 1.2;
}
.nittei_top #prefArea li:last-child {
  border-right: none;
}

.ban {
  position: absolute;
  left: 10px;
  top: 440px;
}

/***************************
seminar_wrap
***************************/
/* .seminar_wrap{
  font-size: 16px;
}

.seminar_wrap header{
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
}

.seminar_wrap header .tit-box01{
  margin: 10px;
  padding: 5px;
  font-weight: bold;
  border: 2px solid #333;
  background: #fff;
  display: inline-block;
  position: relative;
}

.seminar_wrap header .tit-box01::before{
  content: '';
  background: url(../images/top/tit-box01_parts.svg) no-repeat 0 0 / contain;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  z-index: 2;
}

.seminar_wrap header .tit-box01::after{
  content: '';
  background: url(../images/top/tit-box01_parts.svg) no-repeat 0 0 / contain;
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  z-index: 2;
}

.seminar_wrap header .tit-box01>div{
  background: linear-gradient(135deg, transparent 10px, #FBFD68 10px) bottom left no-repeat, linear-gradient(315deg, transparent 10px, #FBFD68 10px) top right no-repeat;
  background-size: 50% 100%;
  padding: 0.5em 1.5em;
}

.seminar_wrap header .tit-box01>div::before{
  content: '';
  background: linear-gradient(135deg, #fff 50%, transparent 50%);
  position: absolute;
  top: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
}

.seminar_wrap header .tit-box01>div::after{
  content: '';
  background: linear-gradient(-45deg, #fff 50%, transparent 50%);
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
}

.seminar_wrap h2{
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
}

.seminar_wrap .container-inner.narrow{
  max-width: 680px;
  margin: 0 auto;
}

.seminar_wrap .container-inner.narrow .flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.seminar_wrap .container-inner.narrow .flex figure{
  width: 34%;
}

.seminar_wrap .container-inner.narrow .flex figure img{
  max-width: 100%;
}

.seminar_wrap .container-inner>.flex .text{
  width: 62%;
  font-weight: bold;
}

.seminar_wrap .container-inner>.flex .text>p{
  font-size: 15px;
  color: #333;
}

.seminar_wrap .container-inner .border_box{
  margin-top: 15px;
  font-weight: normal;
  border: 1px solid #aaa;
  background: none;
  padding: 10px 15px !important;
}

.seminar_wrap .txt_note p{
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
  color: inherit;
}

.seminar_wrap .block h3{
  color: #40A26F;
  background: linear-gradient(transparent 70%, #EBF6F0 30%);
  font-size: 18px;
  line-height: 1.25;
  display: inline-block;
  margin-top: 60px;
  margin-bottom: 30px;
  padding-right: 1em;
}

.seminar_wrap .block h3 span{
  font-size: 2em;
  display: inline-block;
  position: relative;
  bottom: -2px;
  margin: 0 5px;
}

.seminar_wrap .block dl{
  background: #fff;
  border: 1px solid #40A26F;
  display: flex;
  min-height: 70px;
  height: 100%;
}

.seminar_wrap .block dl>*{
  padding: 10px;
}

.seminar_wrap .block dl dt{
  color: #40A26F;
  background: #FFFCBD;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22%;
}

.seminar_wrap .block dl dd{
  font-size: 14px;
  display: flex;
  align-items: center;
  width: 70%;
}

.seminar_wrap .block:nth-of-type(2) .flex .text{
  width: 62%;
}

.seminar_wrap .block:nth-of-type(2) .flex .text>p{
  font-size: 15px;
  margin-bottom: 30px;
}

.seminar_wrap .block:nth-of-type(2) .flex .text .txt_note p{
  font-size: 13px;
}

.seminar_wrap .block:nth-of-type(3){
  font-size: 15px;
  margin-bottom: 60px;
} */


/*-----------------------------------------

variable

------------------------------------------*/
/*------------------------------------------

mixin

------------------------------------------*/
/*------------------------------------------
gradient
------------------------------------------*/
/*--------------------------------------------------------------

nanikaattara kokoni coyummy ga kisai suru yo

--------------------------------------------------------------*/
.inquiry_page .li_colums ul {
  float: left;
  padding: 0;
  list-style-type: none;
}
.inquiry_page .li_colums p {
  clear: both;
}
.inquiry_page .colums2 ul {
  width: 50%;
}

.sp .inquiry_page .li_colums ul {
  float: none;
}
.sp .inquiry_page .colums2 ul {
  width: auto;
}

.tea_party table table td {
  background: #fff;
}

.tea_party table table .time {
  font-size: 12px;
}
.pc .flow section > .content #iid-award p{
	width:400px;
    width:500px;
	float:left;
}
.pc .flow section > .content #iid-award img{
	float:right;
	margin-top:-20px;
}
.sp .flow section > .content #iid-award p{
	margin-bottom:10px;
}
.sp .flow section > .content #iid-award img{
	margin-bottom:15px;
}
.pc #main_content > section > header .branch img{
    margin: 0 6px 0 0;
    position: relative;
    right: 0;
}
.pc #main_content > section > header .branch span{
	font-size:18px;
	font-weight:bold;
}

.sp #main_content > section > header .branch{
	margin: 0 auto;
    width: 300px;
}

.sp #main_content > section > header .branch span{
	margin: 0 auto;
    width: 300px;
    /*-- display: block; --*/
}

.sp #main_content > section > header .branch img{
    width: 50px;
    display: inline;
    position: relative;
    right: 6px;
}

.bnrJshine ul{
	margin:0 auto;
	width:610px;
}


/*--------------------------------------------------------------

bokin

--------------------------------------------------------------*/


.bo_eria_sp{
	margin:0 auto;
	width:95%;
}

.bo_eria_sp img{
	margin-top:10px;
}


.bo_eria_sp p{
	padding:15px;
}

.bo_eria_sp p span{
	color:#999;
}

.bo_eria{
	margin:0 auto;
	width:960px;
}

.bo_eria img{
	margin-top:10px;
}


.bo_eriasub{
	margin:30px 0 20px 0;
	background-color:#FFF;
	border: 1px solid #e3cd9c;
	}


.bo_eria p{
	padding:20px 30px 20px 30px;
}

.bo_eria p span{
	color:#999;
}

/*--------------------------------------------------------------

hometeacher.php

--------------------------------------------------------------*/
.hometeacher .kv {
  text-align: center;
  position: absolute;
  width: 190px;
  top: -70px;
  right: -10px;
}
.hometeacher .kv img {
  width: 100%;
  height: auto;
}
.hometeacher .ht_faq {
  padding-bottom: 30px;
  border-bottom: 2px dotted #d3b5de;
}
.hometeacher .ht_faq.last {
	padding-bottom: 0;
	border-bottom: none;
}
.hometeacher .ht_faq_q {
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.hometeacher .ht_faq_q .ht_faq_q_inner {
  display: table;
}
.hometeacher .ht_faq_q p {
  display: table-cell;
  vertical-align: middle;
}
.hometeacher .ht_faq_q .txt {
  color: #773cab;
  font-weight: bold;
  font-size: 18px;
  padding: 0;
}
.hometeacher .ht_faq_a {
  overflow: hidden;
}
.hometeacher .ht_faq_a .ico {
  float: left;
  margin: 10px 0 40px;
}
.hometeacher .ht_faq_a .txt {
  color: #195236;
  font-weight: bold;
  float: right;
  width: 585px;
}
.hometeacher .content > section p.fukidashi {
  padding:10px;
  margin:0 0 5px;
  background: #ffffe5;
  border: 2px solid #459367;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
.hometeacher .content > section p.fukidashi:after {
	content:"";
	width: 15px;
	height: 13px;
	background: url(../img_ht/support/fukidashi.png);
	position: absolute;
	top: 10px;
	left:-15px;
}
.hometeacher .content > section p.name {
	margin: 5px 0 20px 0;
}
.hometeacher .ht_faq_a .txt .name {
  display: block;
  font-size: 12px;
  color: #333;
  font-weight: normal;
}
.hometeacher .ht_faq_a .txt .brk {
	display:inline-block;
}
.hometeacher .ht_answer {
  border: 2px solid #d3b5de;
  background: #fffff1;
  padding: 15px;
  border-radius: 5px;
}
.hometeacher .ht_answer .title {
  color: #c00e0e;
  font-size: 18px;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 10px;
  border-left: 4px solid #c00e0e;
  line-height: 1.3;
}
.hometeacher .ht_answer ul {
  border-top: 1px solid #c00e0e;
}
.hometeacher .ht_answer li {
  padding: 15px 0;
  border-bottom: 1px solid #d3b5de;
}
.hometeacher .ht_answer li:last-child {
  padding: 15px 0 0;
  border-bottom: none;
}
.hometeacher .ht_answer .tR {
  color: #c00e0e;
}
/*sp??��?��̎�*/
body.sp .hometeacher .kv {
  position: static;
  margin: 30px 10px;
  width: auto;
}
body.sp .hometeacher .ht_faq_a .txt {
  width: 210px;
  margin: 10px 0 0 0;
}
body.sp .hometeacher .ht_faq_a .ico {
  float: left;
  margin: 10px 0;
}
body.sp .hometeacher .ht_faq_a.mb {
  margin-bottom: 20px;
}
body.sp .hometeacher .content > section p.name {
  margin: 5px 0 0 0;
}
/*--------------------------------------------------------------

tenant.php

--------------------------------------------------------------*/
.tenant {
	color: #515E73;
}
.tenant .brk {
	display: inline-block;
}
.tenant .spON {
	display: none;
}
.tenant03 .iv-box .thum.spOn {
	display: none;
}
.tenant03 .iv-box .thum.pcOn {
	display: block;
}
.tenant-set {
	padding-bottom: 25px;
}
.tenant-memo {
	font-size:12px;
}
.tenant-memo p {
	font-size:12px;
}
.tenant .images {
	text-align: center;
}
.tenant01 .tenant-memo {
	margin:5px 15px;
}
.tenant01 .tenant-point .tenant-memo {
	margin:0;
	padding-right: 30px;
}
.tenant01 .tenant-point .tenant-memo.mt10 {
	margin:10px 0 0;
}
.content > section.tenant01 .tenant-memo p,
.content > section.tenant02 .tenant-memo p {
	text-indent: -1em;
	padding: 0 0 0 1em;
	margin: 0;
}
.tenant-point {
	overflow: hidden;
	margin:30px 0 0;
	padding: 0 10px;
}
.tenant01 .tenant-point .images {
    text-align: left;
}
.tenant01 .tenant-point .txt {
    padding: 10px 30px 0 0;
}
.tenant-point li {
	width: 48%;
	float: left;
	margin-bottom: 30px;
}
.tenant-point li:nth-child(odd) {
	margin-right: 20px;
}
.tenant-total ul {
	text-align:center;
}
.tenant-total li {
	display: inline-block;
	vertical-align: middle;
}
.tenant02 .images {
	padding-bottom: 20px;
}
.tenant02 .tenant-set dl span {
	color: #d57489;
}
.tenant02 .tenant-set dt {
	font-size: 14px;
	font-weight: bold;
}
.tenant03 .iv-box {
	overflow: hidden;
	margin-bottom: 50px;
}
.tenant03 .iv-box .fR {
	float: right;
}
.tenant03 .iv-box .fL {
	float: left;
}
.tenant03 .iv-box .detail {
	width: 400px;
}
.tenant03 .iv-box .thum p {
	display: inline-block;
	vertical-align: middle;
}
.tenant03 .iv-box .thum .caption {
	width: 150px;
}
.tenant03 .images {
	margin-bottom: 20px;
}
.tenant03 h3 {
	padding-bottom: 10px;
}

/*??��?��p??��?��??��?��*/
.eiken {
	overflow: hidden;
}

.eikenL {
	float: right; width: 28%;
}

.eikenR {
	float: left; width: 72%;
}

.and {
	font-size: 70%;
	display: inline!important;
}




/*sp??��?��̎�*/
body.sp .tenant .spON {
	display: block;
}
body.sp .tenant .pcON{
	display: none;
}
body.sp .tenant img {
  width: 100%;
  height: auto;
}
body.sp .tenant01 .tenant-set .txt {
	padding-bottom: 15px;
}
body.sp .tenant-point {
	margin:15px 0 0;
}
body.sp .tenant-point li {
    width: 100%;
    float: none;
    margin-bottom: 15px;
}
body.sp .tenant-point li:nth-child(odd) {
    margin-right: 0;
}
body.sp .tenant01 .tenant-point .images {
    width: 90%;
    margin: 0 auto;
}
body.sp .tenant01 .tenant-point .txt {
    padding: 10px 0 0 0;
}
body.sp .tenant01 .tenant-point .tenant-memo {
   padding-right: 0;
}
body.sp .tenant-point li:last-child {
	margin-top: 40px;
}
body.sp .tenant-total li {
	margin-bottom: 10px;
}
body.sp .tenant02 .images {
	margin: 15px 0;
}
body.sp .tenant02 .tenant-set {
	margin-bottom: 15px;
}
body.sp .tenant03 .iv-box .fL,
body.sp .tenant03 .iv-box .fR {
    float: none;
}
body.sp .tenant03 .iv-box .detail {
    width: 100%;
}
body.sp .tenant03 .iv-box .thum p {
	display: block;
	text-align: center;
}
body.sp .tenant03 .iv-box .thum .caption {
    width: auto;
	text-align: left;
}
body.sp .tenant03 .iv-box .detail .txt {
	margin-bottom: 15px;
}
body.sp .tenant03 .iv-box {
	margin-bottom: 0;
}
body.sp .tenant03 .iv-box .thum.pcOn {
	display: none;
}
body.sp .tenant03 .iv-box .thum.spOn {
	display: block;
}



body.sp .eikenL {
	float: none;
	width: 100%;

}

body.sp .eikenL p{
	margin: 0 auto;
	text-align: center;

}

body.sp .eikenR {
	float: none;
	width: 100%;
}




/*--------------------------------------------------------------

maternity.php

--------------------------------------------------------------*/


.mark_area img{
	width: 85px;
    right: 50px !important;
}
.maternity_ad {
	margin-top:40px;
}
.maternity_ad ul{
	overflow: hidden;
	width:700px;
	margin:0 auto;
}
.maternity_ad ul li{
	width:307px;
	float: left;
	margin-right: 0;
	padding:0 8px;
}
.maternity_ad ul li{
	margin-right: 20px;
}
.maternity_ad ul li img{
	width:100%;
	border:1px solid #444;
}


body.sp .maternity_ad {
	padding:0 16px !important;
}
body.sp .maternity_ad ul{
	width:100%;
}

body.sp .maternity_ad ul li{
	width:100%;
	float: initial;
	padding:0;
}
body.sp .maternity_ad ul li:first-child{
	margin-right: auto;
}
body.sp .maternity_ad ul li img{
	box-sizing: border-box;
}
body.sp .caption{
	padding:0;
}

.nagoyabanner{
	padding:0;
}
.nagoyabanner img{
	width: 100%;
	}

body.sp .nagoyabanner{
	margin:0 5px;
}

/*--------------------------------------------------------------

htmovie.php

--------------------------------------------------------------*/

.sp .htmovie .area_movie{
	margin: 0 5px;
}

.htmovie .area_movie > ul li{
	padding-top: 10px;
    float: left;
    width: 49%;
    margin-right: 2%;
}
.htmovie .area_movie > ul li:nth-child(2n){
  margin-right: 0;
}
.sp .htmovie .area_movie > ul li {
    float: left !important;
    margin: 0 0 10px 3.3% !important;
    width: 48.3%;
}
.sp .htmovie .area_movie > ul li:nth-child(2n+1){
    margin-left: 0 !important;
    clear: both;
}
.htmovie .area_movie > ul li .image{
	margin-bottom: 10px;
}
.sp .htmovie .area_movie > ul li .image{
	margin-bottom: 0.5em;
}
.htmovie .area_movie > ul li .image a{
	display: block;
	position: relative;
	background: #000;
}
.htmovie .area_movie > ul li .image a img{
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
	width: 100%;
}
.htmovie .area_movie > ul li .image a:after{
	position: absolute;
	top: 50%; left: 50%;
	content: '';
	background: url(../img_ht/htmovie/icon_movie_arw.gif) 0 0 no-repeat;
	height: 35px;
	width: 35px;
	margin: -17px 0 0 -17px;
}
.htmovie .area_movie > ul li .image a:hover img{
	filter: alpha(opacity=6);
	-moz-opacity:0.6;
	opacity:0.6;
}
.htmovie .area_movie > ul li .title{
	padding-left: 5px;
	font-size: 1.2em;
	font-weight: normal;
    overflow-wrap: break-word;
}
.sp .htmovie .area_movie > ul li .title{
	padding-left: 0;
	font-size: 1em;
}
.htmovie .area_movie > ul li .title a{
	color: #444;
	text-decoration: none;
}
.htmovie .area_movie > ul li .title a:hover{
	text-decoration: underline;
}
/*htmovie.php------------------------------------------------------*/

/*--------------------------------------------------------------

new_program

--------------------------------------------------------------*/
.new_prog .content > h2 {
    margin-bottom: 36px;
    background-image: none;
    font-size: 14px;
    border-left: 5px solid;
    padding: 7px 8px;
    background-color: #EFFFE5;
}
.new_prog .content > section h3{
  background-color: #7FC995;
  color: #fff;
  margin-bottom: 16px;
  padding-left: 8px;
}
.new_prog .content > section h3.mb0{
  margin-bottom: 0;
}
.new_prog .f_left {
  width: 382px;
  margin-right:15px;
  margin-left: 8px;
}
.new_prog dl {
  font-size: 0.87em;
  border: 1px solid #D3EDD4;
  padding: 10px;
}
.new_prog dt {
  font-weight: bold;
}
.new_prog .img_box {
  padding: 20px 30px;
  background-color: #f0f0f0;
  overflow: hidden;
}
.new_prog .img_box p{
  padding: 0;
  margin: 0;
  color: #111;
}
.new_prog .img_box .f_right {
  margin-left:20px;
}
.new_prog .img_box .f_right img {
  padding:  10px;
  background-color: #FFF;
}
.new_prog .box_link {
    margin: 0 auto 35px;
}
.new_prog .box_link a {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E5FFF3));
  background: -webkit-linear-gradient(white, #E5FFF3);
  background: -moz-linear-gradient(white, #E5FFF3);
  background: -o-linear-gradient(white, #E5FFF3);
  background: linear-gradient(#ffffff, #E5FFF3);
  background-color: #fff;
}
.new_prog .txtC{
  text-align: center;
}
.sp .new_prog img{
  width: 100%;
}
body.sp #main_content > section > header h1 span.fs13{
  font-size: 13px;
}
.sp .new_prog .img{
  width: 60%;
  text-align: center;
  margin: 0 auto 20px;
}
.sp .new_prog .f_left {
  width: 95%;
  margin-right:0px;
  float: none;
}
.sp .new_prog .content > h2 {
  margin-bottom:25px;
  padding:10px;
  border-left: none;
}
.sp .new_prog dl {
  margin-bottom: 15px;
}
.sp .new_prog .img_box {
  padding: 10px;
}
.sp .new_prog .img_box .f_right {
  margin: 0 0 10px;
  float: none;
  width: 93%;
}
.sp .new_prog .content > section p{
  margin: 10px 0;
}
body.sp #main_content.new_prog > section .box_link {
    margin: 0 10px 20px;
}
body.sp #main_content.new_prog > section > .content > section > p.txtC{
  text-align: left;
  margin: 10px 0;
}
.styleplan #full{
	width: auto;
}

/*new_program-----------------------------------------------------*/


/*****************************
230420 ?��?実�??��サポ�??��ト体制
*****************************/

#container.purple .pcOn{
  display: block;
}
#container.purple .spOn{
  display: none;
}

@media screen and (max-width:768px){
  #container.purple .pcOn{
    display: none;
  }
  #container.purple .spOn{
    display: block;
  }

  #container.purple .top_tit{
    font-size: 16px;
    font-weight: bold;
    margin: 20px 20px 0;
  }

  #container.purple section.spOn.content{
    width: 100%;
    padding: 0;
    margin: 50px 0 0;
  }
  #container.purple section.spOn.content .inner{
    margin: 0 20px;
  }
  #container.purple section.spOn.content .inner h2{
    color: #7537A1;
    background-image: none;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    border-left: 10px solid #7537A1;
    padding: 0 0 0 0.5em;
    margin: 0;
  }
  #container.purple section.spOn.content .inner h2+p{
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0 0;
  }
  #container.purple section.spOn.content .inner .img{
    text-align: center;
    margin: 12px 0 0;
  }
  #container.purple section.spOn.content img{
    max-width: 100%;
    height: auto;
  }
  #container.purple section.spOn.content .inner .cap{
    font-size: 13px;
    margin: 8px 0 0;
  }
  #container.purple section.spOn.content .inner .bnr{
    text-align: center;
    margin: 50px 0 0;
  }

  #container.purple section.spOn.content.no6{
    margin: 50px 0 90px;
  }
}

/*--------------------------------------------------------------
add 230512
--------------------------------------------------------------*/
/* .blue #main_content{
  width: 100%;
}

.blue #main_content #content03.circle h2+div section img{
  margin-right: 58px;
}

.blue #main_content #content03.circle .big_image img{
  float: none;
}

.blue #main_content #content01.circle h2+div section .txt_box p+div{
  text-align: center;
}
.blue #main_content #content01.circle h2+div section .txt_box p+div img{
  float: none;
  width: 70%;
} */

@media screen and (max-width:768px){
  body.sp .blue #main_content #content02 h2+div{
    padding: 0;
  }
  body.sp .blue #main_content #content02 h2+div .big_image img{
    max-width: 100%;
    height: auto;
  }

  /* .blue #main_content #content03.circle h2+div section img{
    margin-right: 0;
  } */
  body.sp .blue #main_content #content03.circle .big_image{
    margin: 0;
  }

  /* .blue #main_content #content01.circle h2+div section .txt_box p+div img{
    width: 100%;
  } */
}

/*--------------------------------------------------------------
add 2402
--------------------------------------------------------------*/
.iso-lead .small-txt{
  font-size: 12px;
}
.iso-wrap{
  display: flex;
  justify-content: space-between;
}
.iso-wrap__item{
  width: 32%;
}
.iso-wrap__img{
  width: 85%;
  margin: 0 auto;
}
.iso-wrap__img img{
  max-width: 100%;
  height: auto;
}
.style_box .box .style_column_2 > img{
  float: right;
  margin-right: 0;
  margin-left: 15px;
}
@media screen and (max-width:768px){
  .iso-wrap{
    flex-direction: column;
  }
  .iso-wrap__item{
    width: 100%;
  }
  .iso-wrap__img{
    width: 70%;
    text-align: center;
  }
  .style_box .box .style_column_2 > div p{
    padding: 0 2px;
  }
  body.sp #main_content > section > .content > section h2 span.spOff-before::before{
    content: none;
  }
}

/*--------------------------------------------------------------
add 2403
--------------------------------------------------------------*/
.pc-on{
  display: block;
}
.sp-on{
  display: none;
}

#main_content .link-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 0 32px;
  margin-top: 72px;
}
#main_content .link-wrap .item{
  max-width: 220px;
  width: 100%;
}
#main_content .link-wrap a{
  text-decoration: none;
  display: block;
}
#main_content .link-wrap a:hover{
  opacity: .8;
}
#main_content .link-wrap .item .img img{
  max-width: 100%;
  height: auto;
}
#main_content .link-wrap .item .tit{
  color: #005E45;
  font-size: 15px;
  font-weight: 700;
  margin-top: 10px;
}
#main_content .link-wrap .item .tit span{
  position: relative;
  display: inline-block;
}
#main_content .link-wrap .item .tit span::before{
  content: '';
  background-image: url(../img_ht/link-wrap_arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -24px;
  transform: translateY(-45%);
  width: 16px;
  height: 16px;
}
#main_content .link-wrap .item .txt{
  font-size: 13px;
  letter-spacing: -0.01em;
  margin-top: 4px;
}

#side .teacher .box .photo{
  width: 80px;
  height: auto;
}
#side .teacher .box .photo img{
  max-width: 100%;
  height: auto;
}

body.pc footer .innerFooter .titM{
  background: #fff;
}

@media screen and (max-width:768px){
  .pc-on{
    display: none;
  }
  .sp-on{
    display: block;
  }

  #main_content .link-wrap{
    flex-direction: column;
    gap: 16px 0;
    max-width: 335px;
    width: 90%;
    margin: 80px auto 0;
  }
  #main_content .link-wrap.flow{
    margin: 20px auto 0;
  }
  #main_content .link-wrap.point{
    margin: 0 auto;
  }
  #main_content .link-wrap .item{
    max-width: none;
  }
  #main_content .link-wrap a{
    display: flex;
    justify-content: space-between;
  }
  #main_content .link-wrap a:hover{
    opacity: 1;
  }
  #main_content .link-wrap .item .img{
    width: 35.8%;
  }
  #main_content .link-wrap .item .txt-box{
    width: 60%;
  }
  #main_content .link-wrap .item .tit{
    margin-top: 0;
  }
  #main_content .link-wrap .item .tit span::before{
    right: -16px;
    width: 12px;
    height: 12px;
  }

  body.sp #side{
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 40px;
  }

  body.sp #side .search{
    border: 2px solid #305B8B;
    border-radius: 8px !important;
    max-width: 335px;
    width: 90%;
    padding: 0;
    margin: 60px auto 0;
  }
  body.sp #side .search > .title{
    color: #fff;
    background: #305B8B;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    text-indent: 0;
    border-radius: 3px 3px 0 0;
    width: 100%;
    height: auto;
    padding: 8px 0 10px;
    margin: 0;
  }
  body.sp #side .search > .title + p{
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 24px;
  }
  body.sp #side .search form{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 12px 16px 0;
  }
  body.sp #side .search form select{
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 16px;
    background: #fff;
    background-image: url(../img_ht/select_arrow.png);
    background-repeat: no-repeat;
    background-size: 14px 8px;
    background-position: top 50% right 12px;
    border: 1px solid #707070;
    border-radius: 6px;
    width: 48%;
    height: 50px;
    padding: 0 12px;
  }
  body.sp #side .search form .btn01.r_over{
    background: #C93A57;
    border-radius: 6px;
    width: 48%;
    height: 50px;
    margin: 0;
  }
  body.sp #side .search form .btn01.r_over input{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    background: none;
    border: none;
    width: 100%;
    height: auto;
    padding: 17px 0 17px;
  }
  body.sp #side .search .info{
    border: 1px solid #707070;
    border-radius: 6px;
    width: 88%;
    margin: 12px auto 0;
  }
  body.sp #side .search .info-title{
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border-top: 2px dotted #999FAB;
    padding-top: 18px;
    margin-top: 24px;
  }
  body.sp #side .search .info div{
    border-bottom: 2px dotted #999FAB;
  }
  body.sp #side .search .link{
    border-top: 2px dotted #999FAB;
    padding: 20px 0;
    margin-top: 24px;
  }
  body.sp #side .search .link a{
    color: #fff;
    background: none;
    background-color: #305B8B;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border-radius: 6px;
    display: block;
    width: 82%;
    padding: 12px 0;
    margin: 0 auto;
  }
  body.sp #side .search .link a span{
    position: relative;
    display: inline-block;
    transform: translateX(-8px);
  }
  body.sp #side .search .link a span::before{
    content: '';
    background-image: url(../img_ht/search-link_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -24px;
    transform: translateY(-45%);
    width: 16px;
    height: 16px;
  }
  body.sp #side .search .link a:hover{
    text-decoration: none;
    opacity: .8;
  }

  body.sp #side .teacher{
    border-radius: 8px;
    max-width: 335px;
    width: 90%;
    margin: 40px auto 0;
  }
  body.sp #side .teacher .title{
    font-size: 16px;
    font-weight: 700;
    padding: 4px 0 6px;
  }
  body.sp #side .teacher .box{
    border-bottom: 2px dotted #999FAB;
    padding: 20px 16px 16px;
  }
  body.sp #side .teacher .box .photo{
    width: 145px;
    height: auto;
  }
  body.sp #side .teacher .box .photo img{
    max-width: 100%;
    height: auto;
  }
  body.sp #side .teacher .box .name{
    color: #9CC34F;
    font-size: 16px;
    font-weight: 700;
  }
  body.sp #side .teacher .box .place{
    font-size: 14px;
  }
  body.sp #side .teacher .box .detail{
    text-align: center;
  }
  body.sp #side .teacher .box .detail a{
    position: relative;
    color: #497FCE;
    background: none;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
  }
  body.sp #side .teacher .box .detail a::before{
    content: '';
    background-image: url(../img_ht/box-detail_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-45%);
    width: 14px;
    height: 14px;
  }
  body.sp #side .teacher .btn{
    background: #9CC34F;
    text-align: center;
    border-radius: 6px;
    width: 88%;
    padding: 10px 0;
    margin: 20px auto;
  }
  body.sp #side .teacher .btn a{
    position: relative;
    background: none;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    margin: 0;
  }
  body.sp #side .teacher .btn a::before{
    content: '';
    background-image: url(../img_ht/search-link_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-45%);
    width: 14px;
    height: 14px;
  }

  body.sp #side .bnr{
    display: none;
  }
}

/*--------------------------------------------------------------
add 2403 ver2
--------------------------------------------------------------*/
#day.ht-reservation{
  width: 100% !important;
  padding: 0 !important;
}
#day.ht-reservation table{
  width: 100% !important;
}
#mainMap.ht-reservation{
  width: 100% !important;
  padding: 0 !important;
}
#mainMap.ht-reservation #map_canvas{
  width: 100% !important;
}
#mainMap.ht-reservation p.map{
  text-align: center;
  margin: 10px auto 20px;
}

/*--------------------------------------------------------------
add 2504 説明会フォーム　文言追加
--------------------------------------------------------------*/
.content .excepting_txt{
  color: #DB5287;
  font-weight: 700;
  border: 2px solid #DB5287;
  border-radius: 6px;
  width: fit-content;
  padding: 12px 10px;
  margin: 10px 0 24px 0;
}
body.sp .nittei_top_sp .add-info .excepting_txt{
  padding: 10px 16px !important;
  margin: 14px 0 20px 0 !important;
}