body {
	font-size: 12px;
	line-height: 14px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e8cdd+0,ddf1f9+48,a0d8ef+100 */
background: rgb(46,140,221); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(46,140,221,1) 0%, rgba(221,241,249,1) 48%, rgba(160,216,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(46,140,221,1) 0%,rgba(221,241,249,1) 48%,rgba(160,216,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(46,140,221,1) 0%,rgba(221,241,249,1) 48%,rgba(160,216,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e8cdd', endColorstr='#a0d8ef',GradientType=1 ); /* IE6-9 */
margin: 0;
padding: 0;
}


.gakuwari_link {
	width: 572px;
	text-align: center;
	background-color:#D3F0FB;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	display:inline-block;
	cursor:pointer;

	font-family:Arial;
	font-size:28px;
	padding:19px 54px;
	text-decoration:none;
}


.gakuwari_link:hover {
	background-color:#bd1574;
}
.gakuwari_link:active {
	position:relative;
	top:1px;
}



#layout {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
#layout::after {
  content: '';
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#main{ width: 680px; margin: 0px auto; padding: 0px 0px 0px 0px; }

#sidebar {
  float: left;
  width: 250px;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
}

.headertxt { font-size: 110%; margin: 30px 0px 0px 0px; padding: 0px 0px 10px 0px; text-align: center; }




/** CL用リンクボタン **/
.square_btn {
	width: 100%;
 background: #4C8AF6;
 background-image: -webkit-linear-gradient(top, #4C8AF6, #1736D0);
 background-image: -moz-linear-gradient(top, #4C8AF6, #1736D0);
 background-image: -ms-linear-gradient(top, #4C8AF6, #1736D0);
 background-image: -o-linear-gradient(top, #4C8AF6, #1736D0);
 background-image: linear-gradient(to bottom, #4C8AF6, #1736D0);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 color: #FFFFFF;
 font-family: Arial;
 text-align: center;
 padding: 10px 0px 10px 0px;
 box-shadow: 1px 1px 10px 0px #000000;
 -webkit-box-shadow: 1px 1px 10px 0px #000000;
 -moz-box-shadow: 1px 1px 10px 0px #000000;
 text-shadow: 1px 1px 10px #000000;
 border: solid #000000 0px;
 text-decoration: none;
 display: inline-block;
 cursor: pointer;
 margin: 30px 0px 20px 0px;
}

.square_btn:hover {
 background: #D06A55;
 background-image: -webkit-linear-gradient(top, #D06A55, #F6331E);
 background-image: -moz-linear-gradient(top, #D06A55, #F6331E);
 background-image: -ms-linear-gradient(top, #D06A55, #F6331E);
 background-image: -o-linear-gradient(top, #D06A55, #F6331E);
 background-image: linear-gradient(to bottom, #D06A55, #F6331E);
 text-decoration: none;
}


/** gmenu用リンクボタン **/
#gmenu a {
 background: #82ADF6;
 background-image: -webkit-linear-gradient(top, #82ADF6, #3650D0);
 background-image: -moz-linear-gradient(top, #82ADF6, #3650D0);
 background-image: -ms-linear-gradient(top, #82ADF6, #3650D0);
 background-image: -o-linear-gradient(top, #82ADF6, #3650D0);
 background-image: linear-gradient(to bottom, #82ADF6, #3650D0);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 color: #FFFFFF;
 font-family: Arial;
 padding: 11px;
 box-shadow: inset 0px 1px 1px 0px #000000;
 -webkit-box-shadow: inset 0px 1px 1px 0px #000000;
 -moz-box-shadow: inset 0px 1px 1px 0px #000000;
 text-shadow: 1px 1px 4px #000000;
 border: solid #000000 0px;
 text-decoration: none;
 display: inline-block;
 cursor: pointer;
}

#gmenu a:hover {
 background: #D06A55;
 background-image: -webkit-linear-gradient(top, #D06A55, #F6331E);
 background-image: -moz-linear-gradient(top, #D06A55, #F6331E);
 background-image: -ms-linear-gradient(top, #D06A55, #F6331E);
 background-image: -o-linear-gradient(top, #D06A55, #F6331E);
 background-image: linear-gradient(to bottom, #D06A55, #F6331E);
 text-decoration: none;
}

h1 {
 background: #3D94F6;
 background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
 background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
 background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
 background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
 background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 color: #FFFFFF;
 font-family: Open Sans;
 font-size: 22px;
 font-weight: 100;
 margin: 40px 0px 15px 0px;
 padding: 14px 12px 10px 12px;
 box-shadow: 1px 1px 10px 0px #000000;
 -webkit-box-shadow: 1px 1px 10px 0px #000000;
 -moz-box-shadow: 1px 1px 10px 0px #000000;
 text-shadow: 1px 1px 10px #000000;
 border: solid #337FED 1px;
 text-decoration: none;
 text-align: center;
 width: 100%;
 display: inline-block;
 cursor: pointer;
}


h2 { width: calc(100% - 20px); font-size: 22px; font-weight: bold; line-height: 26px; text-align: center; background-color: #e8e8e8; margin: 30px 0px 5px 0px; padding: 12px 10px 10px 10px; }
.h2_cap { font-size: 14px; font-weight: normal; font-style: normal; line-height: 18px; text-align: center; margin: 25px 0px 0px 0px; padding: 0px 0px 0px 0px; }

h3 { font-size: 14px; font-weight: bold; line-height: 22px; text-align: left; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; }


p{ font-size: 14px; font-style: normal; line-height: 20px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.img_left { float: left; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.img_right { float: right; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.end { clear: both; display: block; }

.cap { font-size: 12px; line-height: 14px; font-style: normal; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.bnr_license_ul { list-style: none; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.bnr_license_li { width: 85px; text-align: center; float: left; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/*リンク*/
a:link { color: #336699; text-decoration: none; }
a:active { text-decoration: none; }
a:visited { color: #6666ff; text-decoration: none; }
a:hover { color: #ff6666; text-decoration: none; }

hr { width: 100%; height: 1px; margin: 16px 0px 0px 0px; padding: 10px 0px 0px 0px; border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #999999; }

ul,li { font-size: 14px; line-height: 20px; }

/* *-*-[ Information ]-*-* */

.re_top{
	width: auto;
	font-size: 80%;
	text-align: right;
	margin: 0px 0px 25px 0px;
	padding: 15px 0px 0px 0px;
}

.Information_title {
width: 97%;
background: #82F69A;
background-image: -webkit-linear-gradient(top, #82F69A, #019633);
background-image: -moz-linear-gradient(top, #82F69A, #019633);
background-image: -ms-linear-gradient(top, #82F69A, #019633);
background-image: -o-linear-gradient(top, #82F69A, #019633);
background-image: linear-gradient(to bottom, #82F69A, #019633);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
color: #FFFFFF;
font-family: Arial;
font-size: 18px;
font-weight: 100;
padding: 10px;
box-shadow: inset 1px 0px 20px 0px #000000;
-webkit-box-shadow: inset 1px 0px 20px 0px #000000;
-moz-box-shadow: inset 1px 0px 20px 0px #000000;
text-shadow: 1px 1px 20px #000000;
border: solid #337FED 0px;
text-decoration: none;
display: inline-block;
cursor: pointer;
}



.info_free { font-size: 25px; color: #4B8CF5; font-style: normal; font-weight: bold; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.info_mail { font-size: 25px; color: #4B8CF5; font-style: normal; font-weight: bold; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.info_form { font-size: 18px; color: #4B8CF5; font-style: normal; font-weight: bold; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.ul_001_a{
	float: left;
	width: auto;
	margin: 0px 25px 0px 25px;
	padding: 0px 0px 0px 0px;
}

.ul_001_a li{
	width: auto;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

footer { font-size: 110%; font-style: normal; margin: 30px 0px 0px 0px; padding: 0px 0px 10px 0px; text-align: right; }

.info_ad1 { font-size: 12px; margin: 14px 0px 0px 0px; padding: 0px 0px 0px 0px; font-style: normal; text-align: center; }
.info_ad2 { font-size: 16px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; font-style: normal; text-align: center; }
.info_ad3 { font-size: 34px; color: #333333; font-style: normal; font-weight: bold; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.info_ad4 { font-size: 16px; font-style: normal; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; font-style: normal; text-align: center; }
.info_ad5 { font-size: 120%; font-style: normal; background-color: #B5ECF5; margin: 15px 0px 0px 0px; padding: 10px 30px 10px 30px; text-align: left; }

.info_ad1_k1 { margin-left: 10px; margin-right: 10px; font-style: normal; }
.info_ad4_k1 { margin-left: 20px; font-style: normal; }
/* *-*-[ Information ]-*-* */



#g-nav,
#g-nav li {
  padding: 0;
  list-style: none;
}
#g-nav li a {
  color: #313131;
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: .2em;
  margin: 5px 0px 0px 0px;
  padding: 10px 0;
  display: block;
}
#content {
  padding: 0px 0;
  float: right;
  width: calc(100% - 200px);
  background-color: #ffffff;
  min-height: 2000px;
 box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4) inset;
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4) inset;
 -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4) inset;
}

#gmenu {
	width: 90%;
  list-style: none;
  font-size: 12px;
  line-height: 14px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#gmenu li a {
  color: #ffffff;
  margin: 2px 0px 0px 0px;
  padding: 4px;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

#gmenu li a:hover {
  color: #ffffff;
  margin: 2px 0px 0px 0px;
  padding: 4px;
  display: block;
  font-size: 12px;
  line-height: 14px;
}



#toggle {
  width: 100%;
  height: 0px;
  text-align: center;
  display: block;
  cursor: pointer;
  position: fixed;
  top: 0px;
  left: 0;
  background-color: #000000;
  color: #ffffff;
  padding-top: 0px;
  box-shadow: 0 0 0px rgba(0,0,0,.3);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;

}











@media only screen and (max-width: 480px) {
#toggle {
  width: 480px;
  height: 35px;
  text-align: center;
  display: block;
  cursor: pointer;
  position: fixed;
  top: 0px;
  left: 0;
  font-size: 130%;
  z-index: 600;
  background-color: #FF0000;
  color: #ffffff;
  padding-top: 20px;
  box-shadow: 0 0 5px rgba(0,0,0,.3);
  overflow: visible;
  text-indent: 0em;
  white-space: nowrap;
}
#sidebar {
  width: 100%;
  float: none;
  display: none;
  padding: 55px 0px 0px 0px;
  z-index: 500;
  background-color: #555555;
  position: fixed;
  left: 0;
  top: 0;
  overflow-y: scroll;
}

.gakuwari_link {
	width: 100%;
	text-align: center;
	background-color:#D3F0FB;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	display:inline-block;
	cursor:pointer;

	font-family:Arial;
	font-size:28px;
	padding:19px 0px;
	text-decoration:none;
}

.bnr_license_ul { list-style: none; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.bnr_license_li { width: 25%; text-align: center; float: left; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }


.headertxt { font-size: 110%; margin: 0px 0px 0px 0px; padding: 80px 0px 10px 0px; text-align: center; }


iframe{ width: 100%; }

#main{ width: 90%; margin: 0px auto; padding: 0px 0px 0px 0px; }

#g-nav,
 #g-nav li,
 #sidebar p {
  width: 180px;
}
#content {
  float: none;
  width: 100%;
}
#gmenu {
	width: 100%;
  list-style: none;
  font-size: 26px;
  line-height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/** gmenu用リンクボタン **/
#gmenu a {
 background: #82ADF6;
 background-image: -webkit-linear-gradient(top, #82ADF6, #3650D0);
 background-image: -moz-linear-gradient(top, #82ADF6, #3650D0);
 background-image: -ms-linear-gradient(top, #82ADF6, #3650D0);
 background-image: -o-linear-gradient(top, #82ADF6, #3650D0);
 background-image: linear-gradient(to bottom, #82ADF6, #3650D0);
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 color: #FFFFFF;
 font-family: Arial;
 padding: 11px;
 box-shadow: inset 0px 1px 1px 0px #000000;
 -webkit-box-shadow: inset 0px 1px 1px 0px #000000;
 -moz-box-shadow: inset 0px 1px 1px 0px #000000;
 text-shadow: 1px 1px 4px #000000;
 border: solid #000000 0px;
 text-decoration: none;
 display: inline-block;
 cursor: pointer;
}

#gmenu a:hover {
 background: #D06A55;
 background-image: -webkit-linear-gradient(top, #D06A55, #F6331E);
 background-image: -moz-linear-gradient(top, #D06A55, #F6331E);
 background-image: -ms-linear-gradient(top, #D06A55, #F6331E);
 background-image: -o-linear-gradient(top, #D06A55, #F6331E);
 background-image: linear-gradient(to bottom, #D06A55, #F6331E);
 text-decoration: none;
}

img { width: 100%; height: auto; }
#gmenu li a {
  color: #ffffff;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 6px 0px;
  display: block;
}

#gmenu li a:hover {
  color: #D95044;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 6px 0px;
  display: block;
}
.info_ad3 { font-size: 34px; display: block; color: #333333; font-style: normal; font-weight: bold; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.info_ad4 { font-size: 16px; font-style: normal; margin: 12px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; }

.info_ad1_k1 { display: block; margin-left: 10px; margin-right: 10px; font-style: normal; }
.info_ad4_k1 { display: block; margin-left: 0px; font-style: normal; }

h1 {
 background: #3D94F6;
 background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
 background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
 background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
 background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
 background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 color: #FFFFFF;
 font-family: Open Sans;
 font-size: 22px;
 font-weight: 100;
 margin: 40px 0px 15px 0px;
 padding: 14px 0px 10px 0px;
 box-shadow: 1px 1px 10px 0px #000000;
 -webkit-box-shadow: 1px 1px 10px 0px #000000;
 -moz-box-shadow: 1px 1px 10px 0px #000000;
 text-shadow: 1px 1px 10px #000000;
 border: solid #337FED 1px;
 text-decoration: none;
 text-align: center;
 width: 100%;
 display: inline-block;
 cursor: pointer;
}

h2 { width: calc(100% - 20px); font-size: 22px; font-weight: bold; line-height: 26px; text-align: center; background-color: #e8e8e8; margin: 30px 0px 5px 0px; padding: 12px 10px 10px 10px; }
.h2_cap { font-size: 14px; font-weight: normal; font-style: normal; line-height: 18px; text-align: center; margin: 25px 0px 0px 0px; padding: 0px 0px 0px 0px; }

}