body {
	height: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #333;
}
.skinBody{
float:left;
width: 100%;
/* Set rules to fill background */

  /* Set up proportionate scaling */
  height: auto;
  /* Set up positioning */
  position: absolute;
  /* またはfixed; */
  top: 0;
  left: 0;
}
.skinBody2{
	float:right;
	width: 100%;
	background-image: url(images/cumo3_03.png);
	background-repeat: repeat;
	background-position: right;
}
.skinBody3{
	float:left;
	width: 100%;
	background-image: url();
	background-repeat: repeat;
	background-position: 0px 0px;
}
.skinFrame{
float:left;
width: 100%;
background:url() repeat 0 0;
}
#main-img {
	width: 100%;
	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#main-img .bg1 {
	height: 230px;
	background-image: url("images/cloud_bg_21.png");
}
#main-img .bg2 {
	height: 230px;
	background-image: url("images/cloud_bg_21.png");
}
#bottom_menu {
	padding: 0px;
	height: 100px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #2D58D4;
	z-index: 9999;
}
#bottom_menu2 {
	padding: 0px;
	height: 30px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #2D58D4;
	z-index: 9999;
	clear: both;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}


#wrapper {
	overflow: hidden;
	position: relative;
	min-width: 960px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #333;
}

#wrapper #container {
	position: relative;
	min-height: 500px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #333;
}
#wrapper #container2 {
	position: relative;
	min-height: 500px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #333;
	padding-top: 10px;
}
.text_box03 p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #333;
}


ul {
  list-style: none;
  padding: 0;
}

nav li img,
.students img,
.photo li img {
  vertical-align: middle;
}

p::selection,
p span::selection {
	color: #fff;
	background-color: #2fd1ff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#winPos {
  position: fixed;
  z-index: 1;
  top: 10px;
  right: 10px;
  color: #fff;
  font-family: "lucida grande", verdana, "Hiragino Kaku Gothic Pro", Meiryo, Sans-Serif;
  opacity: .5;
}

#wrapper .ready {
  position: absolute;
}


/* ==========================================================================
   common
   ========================================================================== */
header,
footer {
  width: 944px;
  margin: 0 auto;
}
body:not(.top) header {
  position: relative;
  margin: 20px auto;
}
body:not(.top) footer {
  z-index: 1;
  position: relative;
}

header .inner,
footer .inner {
  margin: 0 183px 0 31px;
}

.section .inner,
#finish .inner,
#start .inner {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.section .inner2, #finish .inner2, #start .inner2 {
	width: 500px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	float: left;
	position: relative;
}

body:not(.top) header i.bird {
  position: absolute;
  top: 55px;
  left: 571px;
}

/* :::::: button :::::: */

nav i.balloon,
nav ul li a,
nav ul li a i,
.section .btn a,
#finish ul li i.img,
#finish i.cloudBird {
  display: block;
  background-image: url(images/btn_bg.png);
  background-repeat: no-repeat;
}
nav ul li a img,
nav ul li a:hover i,
.section .btn a img {
	transition: opacity .3s;
	-webkit-transition: opacity .3s;
	display: block;
}
nav ul li a:hover img,
nav ul li.on a img,
body.life nav ul li a[href*=life] img,
body.facility nav ul li a[href*=facility] img,
body.report nav ul li a[href*=report] img,
body.lunch nav ul li a[href*=lunch] img,
body.club nav ul li a[href*=club] img,
nav ul li a:hover i,
.section .btn a:hover img {
  opacity: 0.2;
  -moz-opacity: 0.2; /* Firefox */
   filter: alpha(opacity=20); /* IE6/7 */
   -ms-filter: "alpha(opacity=0.2)"; /* IE8 */
   zoom:1;
}
.no-opacity nav ul li a:hover img,
.no-opacity nav ul li.on a img,
.no-opacity nav ul li a:hover i,
.no-opacity .section .btn a:hover img {
  opacity: 1;
  -moz-opacity: 1; /* Firefox */
   filter: alpha(opacity=100); /* IE6/7 */
   -ms-filter: "alpha(opacity=1)"; /* IE8 */
   zoom:1;
}

ul.floatLine li {
  float: left;
}

i.serif {
  z-index: -1;
  line-height: 0;
}

i.serif.bln {
	animation: seriFrip 6s ease-out infinite;
	-webkit-animation: seriFrip 6s ease-out infinite;
	margin-top: 170px;
	margin-left: 560px;
	opacity: 1;
  -moz-opacity: 1; /* Firefox */
   filter: alpha(opacity=100); /* IE6/7 */
   -ms-filter: "alpha(opacity=1)"; /* IE8 */
   zoom:1;
}
#section02 li:first-child i.serif.bln,
#section03 li:nth-child(3) i.serif.bln,
#section04 li:first-child i.serif.bln,
#section05 li:nth-child(4) i.serif.bln {
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
}
li:nth-child(2) i.serif.bln {
  animation-delay: -1s;
  -webkit-animation-delay: -1s;
}
li:nth-child(3) i.serif.bln {
  animation-delay: -3s;
  -webkit-animation-delay: -3s;
}
li:nth-child(4) i.serif.bln {
  animation-delay: -5s;
  -webkit-animation-delay: -5s;
}
li:last-child i.serif.bln {
  animation-delay: -3s;
  -webkit-animation-delay: -3s;
}

@keyframes seriFrip {
  0% { transform: rotateY(0deg); }
  5% { transform: rotateY(180deg); }
  10% { transform: rotateY(360deg); }
  100% { transform: rotateY(360deg); }
}
@-webkit-keyframes seriFrip {
  0% { -webkit-transform: rotateY(0deg); }
  5% { -webkit-transform: rotateY(180deg); }
  10% { -webkit-transform: rotateY(360deg); }
  100% { -webkit-transform: rotateY(360deg); }
}


/* ==========================================================================
   section
   ========================================================================== */
.section {
  width: 100%;
}
#finish {
	padding-top: 10px;
}
#social {
	height: 300px;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}
#intro {
}
#section05 {
  margin-bottom: -65px;
}
#section04 {
	margin-bottom: -157px;
	margin-top: 30px;
}
#section03 {
	margin-bottom: -23px;
	
}
#section02 {
  margin-bottom: 40px;
}

.section .inner {
	position: relative;
}
#intro h2 {
  margin-bottom: 10px;
}

/* :::::: frame :::::: */
#contents {
  width: 944px;
  min-height: 500px;
  margin: 0 auto;
  transition: height .3s;
  -webkit-transition: height .3s;
}
body:not(.top) #contents {
  position: relative;
  z-index: 1;
}
#contents .inner {
  z-index: 1;
  min-height: 600px;
  margin: 0 0 0 31px;
}
#contents .inner2 {
	z-index: 1;
	min-height: 600px;
	margin: 0 0 0 31px;
}
#contents .inner,
section .frame {
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 730px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFF;
}
#container #kiyaki .inner .frame {
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 730px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFF;
}
section .frame {
	height: 420px;
	margin-left: 36px;
	z-index: 1;
}
section00 .frame {
	height: 400px;
	margin-left: 36px;
	z-index: 1;
}
section0 .frame {
	height: 350px;
	margin-left: 36px;
	z-index: 1;
}

*+html #contents .inner,
*+html section .frame {
  width: 710px;
}
*+html section .frame {
  height: 260px;
}
.facility #contents .inner,
#section02 .frame {
	background-color: #FFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	z-index: 1;
}
#section02 .frame {
	height: 400px;
}
.report #contents .inner,
#section03 .frame {
	background-color: #FFF;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	height: 420px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px !important;
	color: #666;
	z-index: 1;
}

#section04 .frame {
	background-color: #FFF;
	border-color: #fff;
	height: 380px;
	width: 730px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: -10px;
	z-index: 1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 13px !important;
}

.frame2 {
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	height: 300px;
	width: 800px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.club #contents .inner,
#section05 .frame { border-color: #e4aaf0; }

#contents > .inner > p.num,
section .frame p.num {
  position: absolute;
  top: -33px;
  left: -40px;
  padding: 0;
}
#contents > .inner > p.num {
  top: -60px;
  left: -41px;
}

#ttlArea {
	margin: 0 50px 50px 50px;
	padding-top: 36px;
}
#ttlArea h2 {
	float: left;
	margin-right: 40px;
}
#ttlArea p {
	float: left;
	line-height: 1.5;
}


#contents > .inner > h2,
section .frame h2 {
  padding: 65px 0 0 45px;
  line-height: 1;
  text-align: left;
}
#contents > .inner > h2 {
  padding: 36px 0 0 50px;
}

/* :::::: intro :::::: */
#intro .inner p {
	display: table-cell;
	width: 960px;
	height: 375px;
	margin: 0 auto;
	background: url(../images/cloud_intro.png) center center no-repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2;
	vertical-align: middle;
}
*+html #intro .inner p {
  height: auto;
  padding: 60px 0;
}

/* :::::: text :::::: */
section .frame p {
  padding: 10px 0 0 45px;
  font-size: 16px;
  line-height: 2;
  font-family: "FlopDesignFont";
}
section p.alignC {
  font-size: 18px;
  line-height: 2;
  text-align: center;
}
section p strong {
  display: block;
  margin-bottom: .5em;
  color: #f5422b;
  font-size: 20px;
}

section p span.c1 { color: #5099e0; }
#finish .center_logo .logo_in_c h1 {
	margin-top: 0px;
}

section p span.c2 { color: #71b831; }
section p span.c3 { color: #ed9c00; }
section p span.c4 { color: #f072a3; }
.sq_space {
	padding: 0px;
	height: 135px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -180px;
	margin-left: auto;
	z-index: 999;
	position: relative;
}
.sq_space_s4 {
	padding: 0px;
	height: 135px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -130px;
	margin-left: auto;
	z-index: 999;
	position: relative;
}
.sq_space03 {
	padding: 0px;
	height: 135px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -160px;
	margin-left: auto;
	z-index: 999;
	position: relative;
}
.sq_space04 {
	padding: 0px;
	height: 100px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -130px;
	margin-left: auto;
	z-index: 999;
	position: relative;
	clear: both;
}
.sq_space_k {
	padding: 0px;
	height: 74px;
	width: 720px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	z-index: 999;
	position: relative;
}
.sq_space_pp {
	padding: 0px;
	height: 40px;
	width: 720px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	z-index: 999;
	position: relative;
}

section p span.c5 { color: #c78dd3; }

/* :::::: photo :::::: */
section .frame ul.photo.ie {
  display: none;
}
section .frame ul.photo {
  position: absolute;
  top: -25px;
  right: 25px;
}

section .frame ul.photo li {
  float: right;
  box-shadow: 1px 3px 8px 1px rgba(0,0,0,.15);
}
section .frame ul.photo li:first-child {
  margin-left: -23px;
  transform: rotate(5.68deg);
  -webkit-transform: rotate(5.68deg);
}
section .frame ul.photo li:last-child {
  margin-top: 38px;
  transform: rotate(-9deg);
  -webkit-transform: rotate(-9deg);
}

.no-boxshadow section .frame ul.photo {
  display: none;
  right: 15px;
}
.no-boxshadow section .frame ul.photo.ie {
  display: block;
}
.no-boxshadow section .frame ul.photo li:first-child {
  margin-left: -38px;
}

/* :::::: detail :::::: */
.csstransforms section .frame .detailBtn {
  position: relative;
  margin: 10px 0 0 45px;
  padding: 0;
}
.csstransforms section .frame .detailBtn a,
.csstransforms section .frame .detailBtn a:before,
.csstransforms section .frame .detailBtn .shadow {
  display: block;
  width: 171px;
  height: 42px;
  border: 2px #66a9e8 solid;
  line-height: 42px;
  text-align: center;
  transition: border-color .3s, color .3s, background-color .3s;
  -webkit-transition: border-color .3s, color .3s, background-color .3s;
}
.csstransforms section .frame .detailBtn a {
  z-index: 1;
  position: relative;
  padding-left: 15px;
  color: #66a9e8;
  background: #fff;
  text-decoration: none;
}
.csstransforms #section02 .frame .detailBtn a,
.csstransforms #section02 .frame .detailBtn a:before,
.csstransforms #section02 .frame .detailBtn .shadow { border-color: #9bdb61; color: #9bdb61; }
.csstransforms #section03 .frame .detailBtn a,
.csstransforms #section03 .frame .detailBtn a:before,
.csstransforms #section03 .frame .detailBtn .shadow { border-color: #ffa801; color: #ffa801; }
.csstransforms #section04 .frame .detailBtn a,
.csstransforms #section04 .frame .detailBtn a:before,
.csstransforms #section04 .frame .detailBtn .shadow { border-color: #f072a3; color: #f072a3; }
.csstransforms #section05 .frame .detailBtn a,
.csstransforms #section05 .frame .detailBtn a:before,
.csstransforms #section05 .frame .detailBtn .shadow { border-color: #c78dd3; color: #c78dd3; }

.csstransforms section .frame .detailBtn a:hover { color: #fff !important; }
.csstransforms #section01 .frame .detailBtn a:hover { background: #66a9e8; }
.csstransforms #section02 .frame .detailBtn a:hover { background: #9bdb61; }
.csstransforms #section03 .frame .detailBtn a:hover { background: #ffa801; }
.csstransforms #section04 .frame .detailBtn a:hover { background: #f072a3; }
.csstransforms #section05 .frame .detailBtn a:hover { background: #c78dd3; }

.csstransforms section .frame .detailBtn a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 22px;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  border-bottom: 0;
  border-left: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.csstransforms section .frame .detailBtn a:hover:before {
  border-color: #fff !important;
}

.csstransforms section .frame .detailBtn .shadow {
  width: 186px;
  position: absolute;
  top: 7px;
  left: 7px;
}

.no-csstransforms section .frame .detailBtn a {
  overflow: hidden;
  width: 197px;
  height: 53px;
  background-image: url(../img/btn_detail.png);
  text-indent: 105%;
  white-space: nowrap;
}


/* :::::: social :::::: */
#social ul {
  width: 532px;
  margin-left: 206px;
}

#social ul li,
#social p.students {
  position: relative;
  top: 0;
}
#social ul li.init {
  top: 100px;
}
#social p.students.init {
  top: -100px;
}

#social ul li.tw {
  float: left;
}
#social ul li.fb {
  float: right;
  text-align: right;
}

#social ul li i {
  display: inline-block;
}
*+html #social ul li i {
  display: inline;
  zoom: 1;
}
#social ul li.tw i.serif {
  margin: 16px 0 0 20px;
}
#social ul li.fb i.serif {
  margin: 16px 10px 0 0;
}

#social ul li a {
  width: 244px;
  height: 105px;
}
#social ul li.tw a {
  background-position: -1px -160px;
}
#social ul li.fb a {
  background-position: 0 -270px;
}

#social p.students {
  text-align: center;
}
#social p.students img {
  margin-top: -103px;
}



/* ==========================================================================
   students position
   ========================================================================== */
section ul.students li {
	position: absolute;
}
#finish h2.students,
section ul.students li,
#finish ul li,
#social ul li,
#social p.students,
#start .start {
  transition:
    top 1s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    right 1s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    bottom 1s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    left 1s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    opacity 1s ease,
    transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition:
    top 1s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    right 1s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    bottom 1s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    left 1s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    opacity 1s ease,
    -webkit-transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#finish h2.students.init,
section ul.students li.init,
#finish ul li.init,
#social ul li.init,
#social p.students.init,
#start .start.move {
  opacity: 0.8;
    opacity: 0.8;
  -moz-opacity: 0.8; /* Firefox */
   filter: alpha(opacity=8); /* IE6/7 */
   -ms-filter: "alpha(opacity=8)"; /* IE8 */
}
#finish h2.students,
section ul.students li,
#finish ul li,
#social ul li,
#social .students,
#start .start {
  opacity: 0.8;
    opacity: 0.8;
  -moz-opacity: 0.8; /* Firefox */
   filter: alpha(opacity=8); /* IE6/7 */
   -ms-filter: "alpha(opacity=8)"; /* IE8 */
}

section ul.students li i.serif,
p.students i.serif {
	position: absolute;
	left: -530px;
	top: -251px;
	width: 53px;
	height: 59px;
}

#section05 .inner {
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
#section04 .inner {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 174px;
	padding-left: 0;
	height: auto;
	margin-top: -10px;
}
#section03 .inner {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#section02 .inner {
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
#section01 .inner {
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
#section00 .inner {
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
#section0 .inner {
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
#intro .inner {
	padding: 0;
}



/* section05 */

#section05 ul.students li.init {
  transform: translate(500px, 0);
  -moz-transform: translate(500px, 0);
  -webkit-transform: translate(500px, 0);
  -ms-transform: translate(500px, 0);
}
#section05 ul.students li:first-child { z-index: 1; top: 20px; right: 32px; }
#section05 ul.students li:nth-child(2) { top: 611px; right: 46px; }
#section05 ul.students li:nth-child(3) { top: 984px; right: 431px; }
#section05 ul.students li:nth-child(4) { top: 1019px; right: 182px; }
#section05 i.cloud:first-of-type { top: 546px; right: 446px; }
#section05 i.cloud:last-of-type { top: 1110px; right: 642px; }

#section05 ul.students li:first-child i.serif { z-index: 1; top: -20px; right: 185px; }
#section05 ul.students li:nth-child(2) i.serif { top: -73px; right: -5px; }
#section05 ul.students li:nth-child(4) i.serif { top: -25px; left: 26px; }

/* section04 */
#section04 ul.students li:first-child.init {
  transform: translate(-500px, 0);
  -moz-transform: translate(-500px, 0);
  -webkit-transform: translate(-500px, 0);
  -ms-transform: translate(-500px, 0);
}
#section04 ul.students li:nth-child(2).init {
  transform: translate(0, 200px);
  -moz-transform: translate(0, 200px);
  -webkit-transform: translate(0, 200px);
  -ms-transform: translate(0, 200px);
}
#section04 ul.students li:first-child { top: 152px; left: -15px; }
#section04 ul.students li:nth-child(2) { z-index: -1; top: 25px; left: 260px; }

#section04 ul.students li:first-child i.serif { z-index: 1; top: -73px; left: 38px; }
#section04 ul.students li:nth-child(2) i.serif { z-index: 1; top: -25px; left: -37px; }
.frame .text_box03 p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 25px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.letstry {
	float: left;
	height: 268px;
	width: 240px;
	text-align: right;
	margin-top: 17px;
	margin-right: -30px;
	margin-bottom: 0px;
	margin-left: 30px;
	z-index: 99999;
	padding: 0px;
}
.one_for ul .one {
	background-image: url(images/sec03_12.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.one_for ul .two {
	background-image: url(images/sec03_18.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
}
ul .borrom_line {
	background-image: url(images/sec03_14.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 300px;
}

.one_for ul .three {
	background-image: url(images/sec03_20.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 30px;
	margin-top: 5px;
}
.nittei_kaijyou {
	text-align: center;
	padding: 0px;
	height: 106px;
	width: 114px;
	margin-top: -30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	-webkit-transition: left .3s, margin .3s;
  animation: fuwafuwa 3s ease-in-out alternate infinite;
  -webkit-animation: fuwafuwa 3s ease-in-out alternate infinite;
}
.left_kumo01 {
	text-align: center;
	padding: 0px;
	height: 106px;
	width: 114px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	-webkit-transition: left .3s, margin .3s;
	animation: fuwafuwa 3s ease-in-out alternate infinite;
	-webkit-animation: fuwafuwa 3s ease-in-out alternate infinite;
}
.left_kumo03 {
	text-align: center;
	padding: 0px;
	height: 106px;
	width: 114px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	-webkit-transition: left .3s, margin .3s;
	animation: fuwafuwa 3s ease-in-out alternate infinite;
	-webkit-animation: fuwafuwa 3s ease-in-out alternate infinite;
}
.left_kumo06 {
	text-align: center;
	height: 106px;
	width: 114px;
	-webkit-transition: left .2s, margin .2s;
	animation: fuwafuwa 2s ease-in-out alternate infinite;
	-webkit-animation: fuwafuwa 2s ease-in-out alternate infinite;
	padding-top: 80px;
}
.left_kumo02 {
	text-align: center;
	padding: 0px;
	height: 106px;
	width: 114px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
	margin-left: 0px;
	-webkit-transition: left .2s, margin .2s;
	animation: fuwafuwa 2s ease-in-out alternate infinite;
	-webkit-animation: fuwafuwa 2s ease-in-out alternate infinite;
}
.nittei_kaijyou a {
	text-decoration: none;
	background-image: url(images/kaijyou_btm_05.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 106px;
	width: 114px;
}
.shere {
	text-align: center;
	float: left;
	height: 275px;
	width: 232px;
	margin-left: 40px;
	margin-top: -45px;
	margin-bottom: 0px;
}
.shere_test {
	padding: 0px;
	float: left;
	height: 220px;
	width: 360px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-top: -15px;
}
.kyouzai {
	padding: 0px;
	clear: both;
	height: 140px;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.kyouzai_top {
	padding: 0px;
	height: 268px;
	width: 700px;
	margin-top: 130px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
#section01 .inner .frame {
	height: 420px;
	z-index: 1;
}

.kyouzai_left {
	padding: 0px;
	float: left;
	height: 128px;
	width: 185px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 50px;
	text-align: center;
}
.kyouzai_center {
	padding: 0px;
	float: left;
	height: 128px;
	width: 185px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
}
.kyouzai_right {
	padding: 0px;
	float: left;
	height: 128px;
	width: 185px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
.lyouzai_text {
	text-align: left;
	height: auto;
	width: 145px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/texticon_41.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	overflow: hidden;
	font-size: 12px;
}



.right_this {
	display: block;
	padding-left: 50px;
	background-image: url(images/sec02_10.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 27px;
	margin-top: 15px;
	margin-bottom: 25px;
	font-weight: bold;
	font-size: 17px;
	line-height: 27px;
	letter-spacing: 2px;
}
.pink_f {
	color: #DD1C77;
}


.hand {
	padding: 0px;
	height: 15px;
	width: 27px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 72px;
	z-index: 9999;
}

.nittei_kaijyou a:hover {
	text-decoration: none;
	background-image: url(images/kaijyou_btm_hover_12.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 106px;
	width: 114px;
}

.one_for ul .for {
	background-image: url(images/sec03_23.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
}


.one_for {
	padding: 0px;
	float: left;
	height: 250px;
	width: 380px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	font-size: 15px;
}



/* section03 */
#section03 ul.students li:first-child.init,
#section03 ul.students li:nth-child(2).init {
  transform: translate(-500px, 0);
  -moz-transform: translate(-500px, 0);
  -webkit-transform: translate(-500px, 0);
  -ms-transform: translate(-500px, 0);
}
#section03 ul.students li:nth-child(3).init,
#section03 ul.students li:nth-child(4).init,
#section03 ul.students li:nth-child(5).init,
#section03 ul.students li:nth-child(6).init {
  transform: translate(500px, 0);
  -moz-transform: translate(500px, 0);
  -webkit-transform: translate(500px, 0);
  -ms-transform: translate(500px, 0);
}
#section03 ul.students li:first-child { top: 30px; left: 251px; }
#section03 ul.students li:nth-child(2) { z-index: 2; top: 110px; left: 635px; }
#section03 ul.students li:nth-child(3) { top: 427px; right: 15px; }
#section03 ul.students li:nth-child(4) { top: 725px; right: 2px; }
#section03 ul.students li:nth-child(5) { top: 860px; right: 353px; }
#section03 ul.students li:nth-child(6) { top: 882px; right: 730px; }
#section03 i.cloud { top: 760px; right: 662px; }

#section03 ul.students li:first-child i.serif { top: -30px; left: -56px; }
#section03 ul.students li:nth-child(2) i.serif { top: -38px; left: -21px; }
#section03 ul.students li:nth-child(3) i.serif { z-index: 1; top: -51px; left: -43px; }
#section03 ul.students li:nth-child(5) i.serif { top: -64px; left: 138px; }
#section03 ul.students li:nth-child(6) i.serif { top: -43px; left: -32px; }

/* section02 */
#section02 ul.students li:first-child.init,
#section02 ul.students li:nth-child(2).init,
#section02 ul.students li:nth-child(3).init {
  transform: translate(-500px, 0);
  -moz-transform: translate(-500px, 0);
  -webkit-transform: translate(-500px, 0);
  -ms-transform: translate(-500px, 0);
}
#section02 ul.students li:first-child { top: 68px; left: 20px; }
#section02 ul.students li:nth-child(2) { top: 457px; left: 294px; }
#section02 ul.students li:nth-child(3) { top: 487px; left: 690px; }

#section02 ul.students li:first-child i.serif { top: -68px; left: -7px; }
#section02 ul.students li:nth-child(2) i.serif { top: -15px; left: -31px; }
#section02 ul.students li:nth-child(3) i.serif { z-index: 1; top: -43px; left: -47px; }

/* section01 */
#section01 ul.students li:first-child.init,
#section01 ul.students li:nth-child(2).init {
  transform: translate(500px, 0);
  -moz-transform: translate(500px, 0);
  -webkit-transform: translate(500px, 0);
  -ms-transform: translate(500px, 0);
}

#section01 ul.students li:first-child { top: 70px; right: 37px; }
#section01 ul.students li:nth-child(2) { top: 332px; right: 466px; }
#section01 i.cloud.m { top: 369px; left: 5px; }
#section01 i.cloud.s { top: 599px; right: 259px; }

#section01 ul.students li:first-child i.serif { z-index: 1; top: -70px; left: 37px; }

/* section00 */
#section00 ul.students li:first-child.init,
#section00 ul.students li:nth-child(2).init {
  transform: translate(500px, 0);
  -moz-transform: translate(500px, 0);
  -webkit-transform: translate(500px, 0);
  -ms-transform: translate(500px, 0);
}

#section00 ul.students li:first-child { top: 70px; right: 37px; }
#section00 ul.students li:nth-child(2) { top: 332px; right: 466px; }
#section00 i.cloud.m { top: 369px; left: 5px; }
#section00 i.cloud.s { top: 599px; right: 259px; }

#section00 ul.students li:first-child i.serif { z-index: 1; top: -70px; left: 37px; }

/* section0 */
#section0 ul.students li:first-child.init,
#section0 ul.students li:nth-child(2).init {
  transform: translate(500px, 0);
  -moz-transform: translate(500px, 0);
  -webkit-transform: translate(500px, 0);
  -ms-transform: translate(500px, 0);
}

#section0 ul.students li:first-child { top: 70px; right: 37px; }
#section0 ul.students li:nth-child(2) { top: 332px; right: 466px; }
#section0 i.cloud.m { top: 369px; left: 5px; }
#section0 i.cloud.s { top: 599px; right: 259px; }

#section0 ul.students li:first-child i.serif { z-index: 1; top: -70px; left: 37px; }

/* intro */
#intro ul.students li:first-child.init { top: 500px; }
#intro ul.students li:nth-child(2).init { right: -500px; }

#intro ul.students li:first-child { top: 155px; left: 14px; }
#intro ul.students li:nth-child(2) { top: 115px; right: 159px; }
#intro i.cloud.mm { left: 4px; top: 537px; }
#intro i.cloud.m { right: 112px; top: 442px; }



#intro ul.students li:first-child i.serif { top: -60px; left: 3px; }
#intro ul.students li:nth-child(2) i.serif { top: -11px; right: -42px; }


#finish .bottom_logo .logo_in_b h2 {
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}




/* ==========================================================================
   footer
   ========================================================================== */
footer .logo {
  margin-top: 40px;
}

footer ul {
  margin: 15px 0;
}
footer ul li {
  display: inline-block;
}

footer .links {
  float: left;
  width: 500px;
  letter-spacing: -1em;
}
footer .links li {
  margin-right: 25px;
  font-size: 14px;
  font-family: "FlopDesignFont";
  letter-spacing: 0;
}
footer .links li a {
  color: #fff;
  text-decoration: none;
}
footer .links li a:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-top: 1px #fff solid;
  border-right: 1px #fff solid;
  vertical-align: .1em;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

footer .share {
  float: right;
}
footer .share li {
  margin-left: 26px;
  line-height: 1;
}

#start, #ground {
  width: 100%;
}
#start {
	z-index: 10;
	overflow: hidden;
	position: relative;
}

#start .inner {
  height: 1200px;
}

#start #ground {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  height: 69px;
}

#start h1,
#start h2,
#start .start,
#start .students {
  position: absolute;
}
#start h1 {
  left: 155px;
  bottom: 320px;
  padding: 46px 80px 0 0;
}
#start h2 {
  right: 276px;
  bottom: 239px;
}

#start .start,
#start .students {
  z-index: 1;
  bottom: 0;
}
#start .start { bottom: -223px; left: 10px; }
#start .students { right: 40px; bottom: 0; }

#start .start.move { bottom: 200px; opacity: 0; }

#start .start > img { padding: 50px 83px 0 0; }
#start .students > img { padding-top: 44px; }

#start .start a,
#start .students i {
  position: absolute;
  top: 0;
}
#start .start a { right: 0; }
#start .students i { left: 34px; }
#start .start a img { vertical-align: middle; }

#finish .btn a,
#start .start a {
  animation: btnHere 5s linear infinite;
  -moz-animation: btnHere 5s linear infinite;
  -webkit-animation: btnHere 5s linear infinite;
  -ms-animation: btnHere 5s linear infinite;
}
#finish .request a {
  animation-delay: -4s;
  -moz-animation-delay: -4s;
  -webkit-animation-delay: -4s;
  -ms-animation-delay: -4s;
}

@keyframes btnHere {
  0% { top: 0; }
  3% { top: -10px; }
  6% { top: 0; }
  20% { top: 0; }
  23% { top: 0; }
  26% { top: 0; }
}
@-moz-keyframes btnHere {
  0% { -moz-transform: scale(1, 1); }
  3% { -moz-transform: scale(1.1, 1.1); }
  6% { -moz-transform: scale(1, 1); }
  9% { -moz-transform: scale(1, 1); }
  12% { -moz-transform: scale(1.1, 1.1); }
  15% { -moz-transform: scale(1, 1); }
}
@-webkit-keyframes btnHere {
  0% { -webkit-transform: scale(1, 1); }
  3% { -webkit-transform: scale(1.1, 1.1); }
  6% { -webkit-transform: scale(1, 1); }
  9% { -webkit-transform: scale(1, 1); }
  12% { -webkit-transform: scale(1.1, 1.1); }
  15% { -webkit-transform: scale(1, 1); }
}
@-ms-keyframes btnHere {
  0% { -ms-transform: scale(1, 1); }
  3% { -ms-transform: scale(1.1, 1.1); }
  6% { -ms-transform: scale(1, 1); }
  9% { -ms-transform: scale(1, 1); }
  12% { -ms-transform: scale(1.1, 1.1); }
  15% { -ms-transform: scale(1, 1); }
}

#start p.start a {
  background-position: -5px -430px;
}

#start ul.students {
  right: 280px;
  bottom: 7px;
  margin: 0;
}
#start ul.students li {
  position: relative;
  display: inline-block;
}
*+html #start ul.students li {
  display: inline;
  zoom: 1;
}
#start ul.students li:first-child { margin-right: 2px; }
#start ul.students li:nth-child(2) { margin-right: -5px; }
#start ul.students li:nth-child(3) { margin-right: -19px; }
#start ul.students li:nth-child(4) { margin-right: -3px; }
#start ul.students li:nth-child(5) { margin-right: -17px; }

#start ul.students li:first-child img { padding-top: 6px; }
#start ul.students li:nth-child(2) img { padding-top: 0px; }
#start ul.students li:nth-child(3) img { padding-top: 3px; }
#start ul.students li:nth-child(4) img { padding-top: 18px; }
#start ul.students li:nth-child(5) img { padding-top: 11px; }

#start i.cloud.s.fir { bottom: 1037px; }
#start i.cloud.s.sec { bottom: 765px; }
#start i.cloud.m { bottom: 909px; }
#start i.cloud.l { bottom: 753px; }
.no-cssanimations #start i.cloud.s.fir { left: 193px; }
.no-cssanimations #start i.cloud.s.sec { right: 14px; }
.no-cssanimations #start i.cloud.m { right: 104px; }
.no-cssanimations #start i.cloud.l { left: 15px; }

#start i.cloud {
  animation: clouding linear infinite;
  -webkit-animation: clouding linear infinite;
}
#start i.cloud.s.fir {
  animation-duration: 80s;
  animation-delay: -40s;
  -webkit-animation-duration: 80s;
  -webkit-animation-delay: -40s;
}
#start i.cloud.s.sec {
  animation-duration: 80s;
  animation-delay: -10s;
  -webkit-animation-duration: 80s;
  -webkit-animation-delay: -10s;
}
#start i.cloud.m {
  animation-duration: 70s;
  animation-delay: -40s;
  -webkit-animation-duration: 70s;
  -webkit-animation-delay: -40s;
}
#start i.cloud.l {
  animation-duration: 60s;
  animation-delay: -70s;
  -webkit-animation-duration: 60s;
  -webkit-animation-delay: -70s;
}

#start ul.students li {
  animation: jumping 12s linear infinite;
  -webkit-animation: jumping 12s linear infinite;
}
#start ul.students li:first-child {
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
}
#start ul.students li:nth-child(2) {
  animation-delay: 5.2s;
  -webkit-animation-delay: 5.2s;
}
#start ul.students li:nth-child(3) {
  animation-delay: 5.4s;
  -webkit-animation-delay: 5.4s;
}
#start ul.students li:nth-child(4) {
  animation-delay: 5.6s;
  -webkit-animation-delay: 5.6s;
}
#start ul.students li:nth-child(5) {
  animation-delay: 5.8s;
  -webkit-animation-delay: 5.8s;
}

@keyframes jumping {
  0% { top: 0; }
  2% { top: -10px; }
  4% { top: 0; }
  100% { top: 0; }
}
@keyframes clouding {
  0% { left: -60%; }
  100% { left: 125%; }
}

@-webkit-keyframes jumping {
  0% { top: 0; }
  2% { top: -10px; }
  4% { top: 0; }
  100% { top: 0; }
}
@-webkit-keyframes clouding {
  0% { left: -60%; }
  100% { left: 125%; }
}


/* ==========================================================================
   nav
   ========================================================================== */

nav {
	/*position: absolute;
  top: -25%;
  right: 0;*/
  position: fixed;
	top: 5%;
	margin-top: -40px;  /*transition: left .3s, margin .3s;
  -webkit-transition: left .3s, margin .3s;*/
	z-index: 99999;  /*animation: fuwafuwa 3s ease-in-out alternate infinite;*/
  /*-webkit-animation: fuwafuwa 3s ease-in-out alternate infinite;*/
}
nav ul li a img,
nav ul li a:hover i,
.section .btn a img {
  transition: opacity .3s;
  -webkit-transition: opacity .3s;
}
ul.floatLine li {
  float: left;
}

i.serif {
  z-index: -1;
  line-height: 0;
}

i.serif.bln {
  animation: seriFrip 6s ease-out infinite;
  -webkit-animation: seriFrip 6s ease-out infinite;
}
#section02 li:first-child i.serif.bln,
#section03 li:nth-child(3) i.serif.bln,
#section04 li:first-child i.serif.bln,
#section05 li:nth-child(4) i.serif.bln,
#section01 li:nth-child(01) i.serif.bln,
#section00 li:nth-child(00) i.serif.bln,
#section0 li:nth-child(0) i.serif.bln {
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
}
li:nth-child(2) i.serif.bln {
  animation-delay: -1s;
  -webkit-animation-delay: -1s;
}
li:nth-child(3) i.serif.bln {
  animation-delay: -3s;
  -webkit-animation-delay: -3s;
}
li:nth-child(4) i.serif.bln {
  animation-delay: -5s;
  -webkit-animation-delay: -5s;
}
li:nth-child(01) i.serif.bln {
  animation-delay: -5s;
  -webkit-animation-delay: -5s;
}
li:nth-child(00) i.serif.bln {
  animation-delay: -5s;
  -webkit-animation-delay: -5s;
}
li:nth-child(0) i.serif.bln {
  animation-delay: -5s;
  -webkit-animation-delay: -5s;
}
li:last-child i.serif.bln {
  animation-delay: -3s;
  -webkit-animation-delay: -3s;
}

@keyframes seriFrip {
  0% { transform: rotateY(0deg); }
  5% { transform: rotateY(180deg); }
  10% { transform: rotateY(360deg); }
  100% { transform: rotateY(360deg); }
}
@-webkit-keyframes seriFrip {
  0% { -webkit-transform: rotateY(0deg); }
  5% { -webkit-transform: rotateY(180deg); }
  10% { -webkit-transform: rotateY(360deg); }
  100% { -webkit-transform: rotateY(360deg); }
}


body:not(.top) nav {
  left: 50%;
  width: 944px;
  margin-left: -482px;
  text-align: right;
}
nav .menu {
  float: right;
  margin-bottom: 40px;
}
nav .students {
  float: right;
  clear: both;
}
body .students > img {
  padding-top: 70px;
}
body.top nav {
	position: fixed;
	top: 5%;
	right: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

@keyframes fuwafuwa {
  0% { transform: translateY(10px); }
  100% { transform: translateY(-10px); }
}
@-webkit-keyframes fuwafuwa {
  0% { -webkit-transform: translateY(10px); }
  100% { -webkit-transform: translateY(-10px); }
}
.balloon  {
	width: 146px !important;
	height: 197px !important;
	text-align: center !important;
	background-image: url(images/nav_top.png) !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	margin-bottom: -13px !important;
}
.top_navkun {
	width: 146px !important;
	height: 197px !important;
	text-align: center !important;
	background-image: url(images/nav_top.png) !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	margin-bottom: -15px !important;
}
nav ul li a .arrow {
	padding: 0px !important;
	z-index: 1 !important;
	background-color: #D5E232 !important;
	text-align: center !important;
	background-image: url(images/tb_btn_74.png) !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	text-indent: -9999px !important;
	height: 20px;
	width: 120px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
nav ul li a .arrow2 {
	padding: 0px !important;
	background-color: #CBCBCB !important;
	margin-top: 10px !important;
	background-image: url(images/tb_btn_76.png) !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	text-indent: -9999 !important;
	height: 20px;
	width: 120px;
	text-align: center;
}
nav ul li a:hover .arrow {
	padding: 0px !important;
	z-index: 1 !important;
	background-color: #D5E232 !important;
	text-align: center !important;
	background-image: url(images/hand2.png) !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	text-indent: -9999px !important;
	height: 20px;
	width: 120px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
nav ul li a:hover .arrow2 {
	/* [disabled]padding: 0px !important; */
	/* [disabled]background-color: #CBCBCB !important; */
	/* [disabled]margin-top: 10px !important; */
	/* [disabled]background-image: url(../images/tb_btn_76.png) !important; */
	/* [disabled]background-repeat: no-repeat !important; */
	/* [disabled]background-position: left top !important; */
	/* [disabled]text-indent: -9999px !important; */
	/* [disabled]height: 20px; */
	/* [disabled]width: 120px; */
	display: none;
}


nav ul {
	width: 120px;
	margin-top: -11px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
nav li {
	width: 120px;
	height: 31px;
	margin-top: -5px;
	margin-bottom: 7px;
}
*+html nav ul li:first-child {
  margin-top: -2px;
  margin-bottom: 7px
}
*+html nav ul li:nth-child(2) img {
  margin-top: -1px;
}
*+html nav ul li:last-child {
  margin-top: 4px;
}

nav ul li:first-child {
  margin-bottom: 6px;

}
nav ul li:last-child {
  margin-top: 6px;

}
nav ul li:first-child a,
nav ul li:first-child a i,
nav ul li:last-child a,
nav ul li:last-child a i,
nav ul li:last-child a img {
  border-radius: 5px;
}
nav ul li a i {
  display: block;
  height: 20px;
}
nav ul li:first-child a i {
  background-color: #fff;
  background-position: -240 398;
}
nav ul li:nth-child(7) a i {
  background-color: #fff;
  background-position: -240 398;
}

nav ul li:first-child a {
  background-color: #2ac4ff;
  background-position: 0 -398px;
}
nav ul li:last-child a {
  /*background-color: #2ac4ff;
  background-position: 0 -398px;*/
  	display: none;
}
nav ul li:nth-child(2) a {
  background-color: #5099e0;
  background-position: -240 398;
}
nav ul li:nth-child(3) a {
  background-color: #71b831;
  background-position: 0 -31px;
}
nav ul li:nth-child(4) a {
  background-color: #ed9c00;
  background-position: 0 -62px;
}
nav ul li:nth-child(5) a {
  background-color: #f072a3;
  background-position: 0 -93px;
}
nav ul li:nth-child(6) a {
  background-color: #c78dd3;
  background-position: 0 -124px;
}
body.top nav ul li:nth-child(7) a {
  background-position: 0px -342px;
}

/* ==========================================================================
   background
   ========================================================================== */
#bg ul.clouds {
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  min-width: 960px;
  height: 2231px;
}
#bg ul.clouds.sky1 { top: 0; height: 2225px; }
#bg ul.clouds.sky2 { top: 2260px; }
#bg ul.clouds.sky3 { top: 4460px; }

/* :::::: clouds & birds :::::: */
#bg ul.clouds li {
  position: absolute;
  background: url(../img/bg_clouds.png) 0 0 no-repeat;
  transition: top .3s, right .3s, left .3s;
  -webkit-transition: top .3s, right .3s, left .3s;
}
#bg ul.clouds li.s {
  width: 151px;
  height: 83px;
  background-position: 0 0;
}
#bg ul.clouds li.ss {
  width: 170px;
  height: 102px;
  background-position: -154px 0;
}
#bg ul.clouds li.mm {
  width: 224px;
  height: 135px;
  background-position: -327px 0;
}
#bg ul.clouds li.m {
  width: 224px;
  height: 125px;
  background-position: -327px -138px;
}
#bg ul.clouds li.l {
  width: 317px;
  height: 176px;
  background-position: -7px -105px;
}

#bg ul.clouds li.birdL,
#bg ul.clouds li.birdR {
  width: 182px;
  height: 148px;
}
#bg ul.clouds li.birdL {
  background-position: -560px -160px;
}
#bg ul.clouds li.birdR {
  background-position: -560px 0;
}

/* :::::: positioning :::::: */
#bg ul.clouds li.m { bottom: 2106px; left: 81px; }
#bg ul.clouds li.s.fir { bottom: 1777px; right: 375px; }
#bg ul.clouds li.ss { bottom: 1609px; left: 124px; }
#bg ul.clouds li.l.fir { bottom: 1465px; right: 52px; }
#bg ul.clouds li.s.sec { bottom: 1087px; left: 336px; }
#bg ul.clouds li.l.sec { bottom: 1076px; right: 130px; }
#bg ul.clouds li.mm { bottom: 544px; right: 41px; }
#bg ul.clouds li.l.thi { bottom: 346px; left: 48px; }
#bg ul.clouds li.s.thi { bottom: 164px; right: 332px; }

#bg ul.clouds li.birdL { bottom: 1250px; left: 166px; }
#bg ul.clouds li.birdR { bottom: 850px; right: 166px; }

#bg ul.clouds.sky1 li.l.top { bottom: 1982px; right: 72px; }
#bg ul.clouds.sky1 li.m { bottom: 1865px; }
#bg ul.clouds.sky1 li.ss { bottom: 1477px; left: 78px; }

body:not(.top) #bg ul.clouds.sky1 li.m { left: -20px; }
body:not(.top) #bg ul.clouds li.s.fir { bottom: 2130px; right: 320px; }
body:not(.top) #bg ul.clouds.sky1 li.l.top { bottom: 1970px; right: -35px; }
body:not(.top) #bg ul.clouds li.l.fir { bottom: 1560px; }

/* ==========================================================================
   jPreLoader
   ========================================================================== */
body {
  display: none;
}
#jpreOverlay {
  background-color: #fff;
}
#jpreSlide {
  color: #ccc;
  text-align: center;
}
#jpreLoader {
  width: 50%;
  height: 6px;
  background-color: #f4f4f4;
}
#jpreBar {
  background-color: #3EA1F3;
}
#jprePercentage {
  padding-top: 10px;
  color: #ccc;
  font-family: "lucida grande", verdana, "Hiragino Kaku Gothic Pro", Meiryo, Sans-Serif;
  text-align: center;
}


/* ==========================================================================
   contents
   ========================================================================== */
body.life p.students .bln {
  margin-left: 20px;
}
body.life p.students > img {
  padding-top: 75px;
}

body.facility p.students > img {
  padding-top: 75px;
}


/* --------------------------------------------------
  modal contents
-------------------------------------------------- */
body.modalContents {
  display: block;
  -webkit-font-smoothing: antialiased;
}

body.modalContents .modal {
  width: 650px;
  padding: 20px 30px 30px;
  border: 10px #a7ccf3 solid;
  background: #fff url(../../img/bg_note.png) center left;
  font-family: "FlopDesignFont";
}
body.modalContents .modal #ttlArea {
	margin-top: 0 !important;
	padding-top: 0;
}

body.modalContents .modal > section {
  float: none !important;
  width: auto !important;
  margin: 30px 0 !important;
}

/* :::::: info :::::: */
body.modalContents .modal .info {
  width: auto;
  margin: 0 0 40px;
}

body.modalContents .modal .info .L {
  width: 242px;
  padding: 20px 25px;
}
body.modalContents .modal .info img.L {
  width: 292px;
  padding: 0;
}

/* :::::: photoList :::::: */
body.modalContents .photoList {
  margin-right: -30px;
  line-height: 0;
  letter-spacing: -1em;
}

body.modalContents .photoList li {
  float: none;
  margin: 0 30px 0 0 !important;
  display: inline-block;
  letter-spacing: 0;
}

body.modalContents .photoList li img {
  display: block;
}


/* :::::: stripe bg :::::: */
.stripe {
  background-image: linear-gradient(
    to right bottom,
    rgba(255,255,255,.1) 23%, transparent 27%,
    transparent 48%, rgba(255,255,255,.1) 52%,
    rgba(255,255,255,.1) 73%, transparent 77%
  );
  background-image: -webkit-linear-gradient(
    right bottom,
    rgba(255,255,255,.1) 25%, transparent 25%,
    transparent 48%, rgba(255,255,255,.1) 52%,
    rgba(255,255,255,.1) 73%, transparent 77%
  );
  background-image: -webkit-gradient(
    linear, left top, right bottom,
    color-stop(.23, rgba(255,255,255,.1)), color-stop(.27, transparent),
    color-stop(.48, transparent), color-stop(.52, rgba(255,255,255,.1)),
    color-stop(.73, rgba(255,255,255,.1)), color-stop(.77, transparent)
  );
  background-size: 10px 10px;
  -webkit-background-size: 10px 10px;
}
.no-cssgradients body.life .stripe {
  background-image: url(../img/bg_stripe.png);
}

body.life .stripe {
/*  background-color: #66a4e3; */
}

body.club .stripe {
  background-color: #e1a1ee;
}

/* :::::: perfect-scrollbar.css :::::: */
.ps-container {
  position: relative;
  overflow: hidden;
  max-height: 100%;
}
.ps-container.none {
  background-image: none;
}
.ps-container .ps-scrollbar-x-rail,
.ps-container .ps-scrollbar-x {
  display: none;
}
.ps-container .ps-scrollbar-y-rail {
  position: absolute;
  right: 0;
}
.ps-container .ps-scrollbar-y {
  z-index: 100;
  position: absolute;
  right: 5px;
  width: 6px;
  background-color: #d3d3d3;
  border-radius: 4px;
  transition: height .3s;
  -webkit-transition: height .3s;
}
.ps-container.ie .ps-scrollbar-y {
    font-size: 0;
}


/* ==========================================================================
   helper
   ========================================================================== */
.clearfix:after,
ul.photo:after {
  content: "";
  clear: both;
  display: block;
}

.clearfix .L {
  float: left;
}
.clearfix .R {
  float: right;
}
.clear {
  clear: both;
}


/* :::::: サポート対象外アラート :::::: */
#overlay,
.browser {
  z-index: 100;
  display: none;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .8;
  filter: alpha(opacity=80);
}

.browser {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 600px;
  margin: -6em 0 0 -300px;
  border: 2px #2ac4ff solid;
  color: #333;
  font-family: "FlopDesignFont";
  text-indent: .7em;
  background: #fff;
}

.browser h1 {
  padding: 1em 20px;
  color: #fff;
  font-size: 20px;
  background: #2ac4ff;
}

.browser p,
.browser ul {
  padding: 1em 20px;
  font-size: 14px;
}

.browser ul {
  padding-top: 0;
}

.browser ul li a {
  color: #2ac4ff;
}
.browser ul li a:hover {
  text-decoration: none;
}

.browser .ico,
.browser .close {
  display: inline-block;
  width: 25px;
  height: 26px;
  margin-right: .5em;
  vertical-align: middle;
  background: url(../img/ico_browser.png) no-repeat;
}

.browser .ico.c { background-position: 0 0; }
.browser .ico.f { background-position: -25px 0; }
.browser .ico.o { background-position: -50px 0; }
.browser .ico.s { background-position: -75px 0; }
.browser .ico.e { background-position: -100px 0; }

.browser .close {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 20px;
  margin: 0;
  padding: 0;
  background-position: -125px 0;
}
/*--------------------- ol --------------------*/


.top_logo {
	background-color: #FFF;
	padding: 0px;
	height: 50px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.top_logo2 {
	background-color: #FFF;
	padding: 0px;
	height: 50px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.center_logo {
	background-color: #000;
	padding: 0px;
	height: 50px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.center_logo2 {
	background-color: #000;
	padding: 0px;
	height: 50px;
	width: 100%;
	margin-top: -18px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.bottom_logo {
	background-color: #F8F035;
	padding: 0px;
	height: 90px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.logo_in {
	height: 42px;
	width: 310px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.logo_in_c {
	height: 42px;
	width: 350px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
.logo_in_2 {
	height: 42px;
	width: 350px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
.logo_in_b {
	height: 82px;
	width: 690px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
.bottom_menu {
	padding: 0px;
	height: 100px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.bottom_950 {
	padding: 0px;
	height: 50px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.bottom_800 {
	padding: 0px;
	height: 50px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#news {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #FFF;
	height: 40px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#copyr {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	height: 40px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#copyr2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	height: 30px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	clear: both;
}
#add_c {
	padding: 0px;
	float: left;
	height: 40px;
	width: 380px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}
#sns_icon a img {
	display: block;
	float: left;
	margin-right: 10px;
}
#sns_icon a:hover img {
	  opacity: 0.8;
}


#sub_menu {
	padding: 0px;
	float: left;
	height: 40px;
	width: 380px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
}
#sns_icon {
	padding: 0px;
	float: left;
	height: 40px;
	width: 110px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#news_logo {
	text-align: center;
	padding: 0px;
	float: left;
	height: 38px;
	width: 85px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#news_title {
	padding: 0px;
	float: left;
	height: 38px;
	width: 500px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
	color: #FFF;
	line-height: 40px;
}
#main_bg {
	background-image: url(images/main_gm_21.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 320px;
	width: 740px;
	margin-top: 10px;
	margin-bottom: 10px;
	z-index: 9999;
	margin-right: auto;
	margin-left: auto;
}
#main_bg2 {
	padding: 0px;
	height: 320px;
	width: 600px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}


#news_day {
	text-align: center;
	padding: 0px;
	float: left;
	height: 38px;
	width: 120px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	color: #FFF;
}
#pop_top {
	text-align: center;
	height: 207px;
	width: 207px;
	float: right;
	margin-top: -30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 2;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
.cr {
	clear: both;
}
.center_box {
	clear: both;
	height: 207px;
	width: 750px;
	overflow: hidden;
	margin-top: -150px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#mid_messe {
	background-color: #FFF;
	height: 30px;
	width: 100%;
	margin-top: -70px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	z-index: 1;
	position: relative;
}
.messe_in {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #2195DA;
	padding: 0px;
	height: 30px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
}
#mid_messe .messe_in h3 {
	margin: 0px;
	padding: 0px;
}

#sub_menu ul li a {
	display: block;
	float: left;
	font-size: 11px;
	margin-right: 10px;
	text-decoration: none;
	background-image: url(images/fm_icon_17.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #FFF;
}
#sub_menu ul li {
	display: block;
	float: left;
	font-size: 11px;
	margin-right: 10px;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #FFF;
}
#smal {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	color: #FFF;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sub_menu ul li a:hover {
	display: block;
	float: left;
	font-size: 11px;
	margin-right: 10px;
	text-decoration: underline;
	background-image: url(images/fm_icon_17.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #FFF;
}
.second_logo {
	padding: 0px;
	height: 100px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	z-index: 100;
}
.k_btm {
	text-align: center;
	padding: 0px;
	height: 106px;
	width: 114px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.k_btm a:hover {
	opacity: 0.8;
}

.s_logo {
	text-align: center;
	margin: 0px;
	height: 97px;
	width: 317px;
	padding: 0px;
	z-index: 1;
	position: absolute;
}
#box {
	top : 0;
	left : 0;
	position: absolute;
}
.hajimeni {
	padding: 0px;
	float: left;
	height: 135px;
	width: 169px;
	margin-top: -20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.manaveru {
	padding: 0px;
	float: left;
	height: 126px;
	width: 173px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.syosinsya {
	padding: 0px;
	float: left;
	height: 134px;
	width: 176px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.gosoudan {
	padding: 0px;
	float: left;
	height: 112px;
	width: 150px;
	margin-top: -20px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.houjin {
	padding: 0px;
	float: left;
	height: 135px;
	width: 173px;
	margin-top: -20px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.senryaku {
	text-align: center;
	padding: 0px;
	float: left;
	height: 100px;
	width: 213px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.kensyuu {
	text-align: center;
	padding: 0px;
	float: left;
	height: 102px;
	width: 168px;
	margin-top: 4px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
.erareru {
	text-align: center;
	padding: 0px;
	float: left;
	height: 110px;
	width: 195px;
	margin-top: 7px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.miyasui {
	text-align: center;
	padding: 0px;
	float: left;
	height: 123px;
	width: 208px;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.sitemap_ti {
	text-align: center;
	padding: 0px;
	height: 53px;
	width: 348px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.kojinjyouhou {
	text-align: center;
	padding: 0px;
	height: 29px;
	width: 348px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.gaiyou {
	text-align: center;
	padding: 0px;
	height: 74px;
	width: 249px;
	margin-top: -10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 200px;
}
.otoiawase {
	text-align: center;
	padding: 0px;
	float: left;
	height: 93px;
	width: 186px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.hyou {
	text-align: center;
	padding: 0px;
	float: left;
	height: 123px;
	width: 120px;
	margin-top: 7px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.text_box {
	clear: both;
	height: auto;
	width: 650px;
	margin-top: 120px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 13px !important;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	z-index: 1;
}
.text_box_sec4 {
	clear: both;
	height: auto;
	width: 650px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 13px !important;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	z-index: 1;
}
.text_box03 {
	clear: both;
	height: 300px;
	width: 730px;
	margin-top: 130px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 13px !important;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	z-index: 1;
	overflow: hidden;
}
.text_box p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 13px !important;
	color: #333;
	line-height: 25px !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	padding: 0px !important;
}
.move {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #251476;
	background-color: #F8F035;
	padding: 5px;
	height: 30px;
	width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 106px;
}
.qll_mg {
	background-color: #000;
	padding: 0px;
	height: 29px;
	width: 730px;
	margin-top: 0px;
	line-height: 29px;
	margin-left: 35px;
	z-index: 9999;
	position: relative;
}
.qll_box {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	color: #FFF;
	background-color: #000;
	text-align: center;
	padding: 0px;
	float: right;
	height: 29px;
	width: 120px;
	line-height: 29px;
	margin-top: -12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.qll_box2 img {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
#yj {
	background-image: url(../images/yajirudi_41.png);
	background-repeat: no-repeat;
	background-position: 95px 8px;
}


.qll_box2 a {
	color: #FFF;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.qll_box2 a:hover {
	color: #FFF;
	display: block;
	text-decoration: none;
	background-color: #4E4E4E;
}
.qll_box a {
	color: #FFF;
	text-decoration: none;
	display: block;
}

.qll_box a:hover {
	color: #FFF;
	text-decoration: none;
	display: block;
	background-color: #4E4E4E;
}

.qll_box2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	color: #FFF;
	background-color: #000;
	text-align: center;
	padding: 0px;
	float: right;
	height: 29px;
	width: 120px;
	line-height: 29px;
	margin-top: -12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.yj {
	float: left;
	margin-left: 15px;
	background-image: url(images/yajirudi_41.png);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	width: 77px;
}
.hand img {
	margin-top: -2px;
}
nav ul li a .arrow img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
}





.moveico {
	text-align: center;
	padding: 0px;
	float: left;
	height: 84px;
	width: 69px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
	vertical-align: top;
}
nav ul li a .arrow2 img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
}

.qll_mg ul li {
	text-align: center !important;
	display: block !important;
	margin: 0px !important;
	padding: 0px !important;
	float: left !important;
	height: 29px !important;
	width: 120px !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 11px !important;
	color: #FFF !important;
}


.move p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 14px !important;
	color: #251476 !important;
	float: left;
	line-height: 25px !important;
	font-weight: bold;
	display: block;
	margin-top: -6px;
}
.ups {
	margin-top: -19px;
}


.cards {
	text-align: center;
	padding: 0px;
	float: left;
	height: 146px;
	width: 185px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cards03 {
	text-align: center;
	padding: 0px;
	float: left;
	height: 113px;
	width: 142px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cards04 {
	text-align: center;
	padding: 0px;
	float: left;
	height: 110px;
	width: 141px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.cards05 {
	text-align: center;
	padding: 0px;
	float: left;
	height: 142px;
	width: 182px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cards06 {
	text-align: center;
	padding: 0px;
	float: left;
	height: 124px;
	width: 164px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.cons_tel {
	padding: 0px;
	clear: both;
	height: 160px;
	width: 332px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 30px;
}
.cons_tel p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 14px !important;
	color: #333 !important;
	line-height: 30px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.cards07 {
	text-align: center;
	padding: 0px;
	float: left;
	height: 124px;
	width: 164px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.cards08 {
	text-align: center;
	padding: 0px;
	float: left;
	height: 79px;
	width: 133px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.border_s {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
}