#cn_serch_menu {
	width:800px;
	background:white;
}
#cn_buttom_base{
	margin:10px 0 0 0; 
	padding:5px;
	font-size:16px;
}
table.radius {
    border:solid 3px #c7dc68;
    border-radius: 0px 0px 20px 20px / 0px 0px 20px 20px;
    padding:4px 3px 3px 3px;
}
td.radius {
    border-radius: 0px 0px 0px 10px / 0px 0px 0px 10px;
}
td.radius2 {
    border:solid 1px #c7dc68;
    border-radius: 0px 0px 20px 20px / 0px 0px 20px 20px;
    padding:1px;
}
td.radius4 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}
td.radius5 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}
div.radius {
    border-radius:0px 0px 0px 15px / 0px 0px 0px 15px;
    -moz-border-radius:0px 0px 0px 15px / 0px 0px 0px 15px; /* Firefox 3.6 and earlier */
}
table.radius2 {
    border:solid 1px #c7dc68;
    border-radius: 0px 0px 20px 20px / 0px 0px 20px 20px;
    padding:1px;
}
div.radius1 {
    border:solid 0px #c7dc68;
    border-radius: 16px 16px 16px 16px / 16px 16px 16px 16px;
    padding:5px 0px 10px 0px ;
    text-align:center;
}
div.radius2 {
    margin:0px;
    border:solid 0px gray;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    padding:4px ;
    text-align:center;
    vertical-align: middle;
}
div.radius3 {
    margin:2px;
    border:solid 0px gray;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    padding:4px ;
    text-align:center;
    vertical-align: middle;
}
div.radius4 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    padding:4px ;
    text-align:left;
    vertical-align: top;
}
div.radius5 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}

div.radius56 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 0px 5px 0px 0px / 0px 5px 0px 0px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}

div.radius50 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 0px 5px 5px 0px / 0px 5px 5px 0px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}


div.radius51 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}
div.radius52 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 0px 0px 8px 8px / 0px 0px 8px 8px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}

div.radius53 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 5px 0px 0px 5px / 5px 0px 0px 5px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}

div.radius54 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 0px 5px 5px 0px / 0px 5px 5px 0px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}

div.radius55 {
    margin:2px;
    border:solid 2px #c0c6c9;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}

div.radius6 {
    border:solid 1px #c0c6c9;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    text-align:left;
    vertical-align: top;
}
div.radius7 {
    border:solid 0px #c0c6c9;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}
div.radius8 {
    border:solid 0px gray;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    text-align:center;
}
div.radius9 {
    border:solid 1px #c0c6c9;
    border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}
div.radius10 {
    border-radius: 16px 0px 0px 16px / 16px 0px 0px 16px;
    padding:5px 0px 10px 5px ;
    text-align:center;
}
td.radius10 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 21px 21px 21px 21px / 21px 21px 21px 21px;
    padding:4px ;
    text-align:left;
    vertical-align: top;
}
div.radius11 {
    padding:5px 5px 10px 5px ;
    text-align:center;
}
div.radius12 {
    border-radius: 0px 16px 16px 0px / 0px 16px 16px 0px;
    padding:5px 5px 10px 0px ;
    text-align:center;
}
div.radius13 {
    margin:2px;
    border:solid 2px #fce2c4;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    padding:2px ;
    text-align:center;
    vertical-align: top;
}
div.radius14 {
    border:solid 0px #c7dc68;
    border-radius: 8px 8px 6px 6px / 8px 8px 6px 6px;
    padding:0px 0px 5px 0px ;
    text-align:center;
    vertical-align: top;
}
div.radius15 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
    border-bottom-color:white;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}
div.radius16 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 0px 0px 12px 12px / 0px 0px 12px 12px;
    border-bottom-color:white;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}
div.radius25 {
    margin:2px;
    border:solid 1px #c0c6c9;
    border-radius: 5px 0px 0px 0px / 5px 0px 0px 0px;
    border-bottom-color:white;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}
div.radius17 {
    border:solid 0px #c7dc68;
    border-radius: 8px 8px 8px 8px / 8px 8px 8px 8px;
    padding:5px 0px 10px 0px ;
    text-align:center;
}
div.radius18 {
    border:solid 0px #c7dc68;
    border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
    padding:0px 0px 5px 0px ;
    text-align:center;
    vertical-align: top;
}
div.radius19 {
    border:solid 1px #c0c6c9;
    border-radius: 35px 35px 35px 35px / 35px 35px 35px 35px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}
div.radius20 {
    border:solid 1px #c0c6c9;
    border-radius: 0px 35px 0px 35px / 0px 35px 0px 35px;
    padding:3px 0 0 5px;
    text-align:left;
    vertical-align: top;
}
a.radius2 {
    border:solid 1px #c0c6c9;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

a.radius1 {
    background:#c3d825;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}
table.radius3 {
    border:solid 1px #c7dc68;
    border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
    padding:1px;
}
table.radius4 {
    background: #dbd0e6 ;
    border:solid 0px #c7dc68;
    border-radius: 16px 16px 16px 16px / 16px 16px 16px 16px;
    text-align:center;
}
td.radius5 {
    margin:2px 5px 2px 0px;
    border:solid 0px #c0c6c9;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    padding:3px 0 5px 0 ;
    text-align:left;
    vertical-align: top;
}

div.schtitle4{
    background-image: url(../../img/cnschool/back_cata4.png);
    width: 204px;
    height: 45px;
    border: 1px solid white;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.schtitleL1{
    background-image: url(../../img/cnschool/back_cataL1.png);
    width: 110px;
    height: 45px;
    border: 1px solid white;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.schtitle1{
    background-image: url(../../img/cnschool/back_cata1.png);
    width: 204px;
    height: 45px;
    border: 1px solid white;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.schtitle2{
    background-image: url(../../img/cnschool/back_cata2.png);
    width: 204px;
    height: 45px;
    border: 1px solid white;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.schtitleL2{
    background-image: url(../../img/cnschool/back_cataL2.png);
    width: 110px;
    height: 45px;
    border: 1px solid white;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.schtitle3{
    background-image: url(../../img/cnschool/back_cata3.png);
    width: 204px;
    height: 45px;
    border: 1px solid white;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.schtitleL3{
    background-image: url(../../img/cnschool/back_cataL3.png);
    width: 110px;
    height: 45px;
    border: 1px solid white;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.schtitleL4{
    background-image: url(../../img/cnschool/back_cataL4.png);
    width: 110px;
    height: 45px;
    border: 1px solid white;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
div.scrll {
    overflow: hidden;
}
.rounded-img {
	display: inline-block;
	border: solid 1px white;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}

.css_btn_class {	
     cursor:pointer;
    margin:5px 0 0 38px;
    border:solid 1px #c0c6c9;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    border-color:white;
    padding:1px 3px 1px 5px;
    text-align:center;
    vertical-align: top;
}.css_btn_class:hover {
	
}.css_btn_class:active {
	position:relative;
	top:3px;
}
.css_btn_class1 {
	font-size:8px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:0px solid #dcdcdc;
	padding:8px 25px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	color:#777777;
	display:inline-block;
	text-shadow:6px 2px 0px #ffffff;
 	-webkit-box-shadow:inset -2px -2px 31px 6px #ffffff;
 	-moz-box-shadow:inset -2px -2px 31px 6px #ffffff;
 	box-shadow:inset -2px -2px 31px 6px #ffffff;
}
.css_div_class {
	font-size:8px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:0px solid #ffaa22;
	padding:8px 25px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	background:-ms-linear-gradient( top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	color:#333333;
	display:inline-block;
	text-shadow:6px 2px 0px #ffee66;
 	-webkit-box-shadow:inset -2px -2px 31px 6px #fff6af;
 	-moz-box-shadow:inset -2px -2px 31px 6px #fff6af;
 	box-shadow:inset -2px -2px 31px 6px #fff6af;
}
.sankaku {
width: 0px;
height: 0px;
border-style: solid;
border-width: 32px 32px 0 0;
border-color: #c7dc68 transparent transparent transparent;
}

.setumei {
	display: none;
	position: absolute;
	top: 1em;	/*★省略不可、ブラウザ初期値バラバラ*/
	left: 1em;　	/*★Firefoxでhoverが無効になります*/
}

a:hover {
	position:relative;
	text-decoration:none;
}
a:hover .setumei {
	display: block;
	background-color: #e79221;
	padding:3px;
	color:#ffffff;
	border-top:#ffffff solid 10px;	/*フキダシ用*/
	border-left:#e79221 solid 5px;	/*フキダシ用*/
}
a:hover .popyotei {
	color:#e79221;
	width:300px;
	height:100px;
	background:white;
	padding: 30px 3px 20px 120px;
	font-size: 0.9em;
	border:none;
}
.wrapper03 {
padding:2px;
}
.wrapper03 p {
padding-top:50px;
}
.balloon03 {
position:absolute;
right:100px;
padding:25px 25px 15px 15px;
background-color:#FFFFFF;
background-image:url(images/bg01.gif);
background-repeat:no-repeat;
background-position:center bottom;
}
.clear {
clear:both;
height:0;
font-size:1px;
line-height:0;
visibility:hidden;
}

.wrapper04 {
padding:2px;
z-index:10000;
}
.wrapper04 p {
padding-top:50px;
}
.balloon04 {
position:absolute;
padding:0px;
background-color:#FFFFFF;
background-image:url(images/bg01.gif);
background-repeat:no-repeat;
background-position:center bottom;
}
div.en1{
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;/* 50%でもOK */
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #d8e698;/* 円の色 */
}
div.en2{
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;/* 50%でもOK */
    -moz-border-radius: 50%;
    border-radius: 50%;
}
div.en3{
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;/* 50%でもOK */
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.noline_tbl{
margin:0px;
padding:0px;
border-collapse: separate;
border-spacing: 0px;
border-width:0px;
}
.noline_tbl tr{
margin:0px;
padding:0px;
border-width:0px;
border-spacing: 0px;
}
.noline_tbl td{
margin:0px;
padding:0px;
border-width:0px;
border-spacing: 0px;
}

input[type=checkbox].cscheckbox{
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin:-1px;
    padding:0;
    border:0;
    padding-left:35px;
    height:30px;
    display:inline-block;
    line-height:30px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;
    margin:2px;
}

div.en{
    display:block;
    text-decoration:none;
    color:#fff;
    float:left;
    list-style:none;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    margin:0px 5px 0px 5px;
}

div.enk{
    display:block;
    text-decoration:none;
    color:#fff;
    float:left;
    list-style:none;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    margin:0px 5px 0px 5px;
    
    box-shadow: 1px 6px 6px 6px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 6px 6px 6px rgba(0,0,0,0.4);
    -webkit-box-shadow: 1px 6px 6px 6px rgba(0,0,0,0.4);
    -o-box-shadow: 1px 6px 6px 6px rgba(0,0,0,0.4);
    -ms-box-shadow: 1px 6px 6px 6px rgba(0,0,0,0.4);

}

.myPic
{
  border-radius:20px;
}

div.sak0 {
  width: 0;
  height: 0;
  border-left: 20px solid rgba(255,0,0,0.3);
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

div.sak-0 {
  width: 0;
  height: 0;
  border-right: 20px solid rgba(255,0,0,0.3) ;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

div.sak1 {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 30px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 40px solid #ee4f16;
}

div.sak-1 {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 40px solid #ee4f16;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: silver;
    opacity: 1; /* Firefox #c53d43 */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: silver;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: silver;
  }