@media(min-width: 1041px){
/** RESET AND CLEARFIX
================================================**/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body{
	font-size:90%;
}

	.td_middle{vertical-align:middle!important;}

	
	.flot_l{
		float: left;
		width: 75%;
	}
	.flot_l2{
		float: left;
		width: 20%;
	}
		
	.fwb{font-weight: bold!important;}
/** LAYOUT
================================================**/

.inner {
	width: 1150px;
	position: relative;
	margin: 0 auto;
	
}
.inner_logo_pc {
	width: 1150px;
	position: relative;
	margin: 0 auto;
}

	.fcr{color: red;}

#main {	padding: 0px 0; }

#primary {
	margin: 0 auto;
	position: relative;
	padding-right:15px;
	float:left;
	margin-top:30px;
	width:77%;
	line-height:1.4em;
	

}
aside {
	width:20%;
	float: right;

}
#sub{
	margin-top:30px;
	}
	
.p_ttl{
font-size: 18px;
font-weight: bold;
margin: 10px 0;
display: inline-block;
}	
.mobile_header{
	display:none;	
	}	
	
.jimkyoku{
	font-size:90%;
	border:#A6A6A6 1px solid; background-color:#fff;
	padding:1%;
	}


.attention { font-size: 160%; line-height: 1.4em;}

/** nav
================================================**/
		
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}	
.mb_manu{display:none}
.desk { width: 550px; margin-left: 35%;}	
/*メニュー--------------------*/


.adjust{/*--------メニュー直すときこのコードたしました！---------------*/

  position: relative;
  margin: 0 auto;
  max-width:90em;
}

ul.bluemenu {
   
    margin:0;
    list-style:none;

    display:none;
    width:100%;
    height: 49px;
    background: #141414;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
    background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
    background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
    background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
    border-bottom: 2px solid #0054AD;
    color: #ffffff;
	

}

ul.bluemenu li.level-0 {
    position:relative;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    min-height: 49px;
    line-height: 49px;
    height: 49px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    padding: 0 20px;
	
}

ul.bluemenu a {
	text-decoration:none;
	color:#FFFFFF;
}
	
ul.bluemenu li:hover {
    background-color: #FF1FBF!important; 
}	


ul.bluemenu li.level-0.first {
    border-radius: 5px 0px 0 0;
    -moz-border-radius: 5px 0px 0 0;
    -webkit-border-radius: 5px 0px 0 0;

}
ul.bluemenu li.level-0.hover {
    box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    background: #FF1FBF;
    
}
ul.bluemenu li.level-0 ul {
    position:absolute;
    display: none;
    margin:0;
    padding:0;
    background: #0fa1e0;
    width:15em;
}
ul.bluemenu li.level-0 li {
    position:relative;
    filter: none;
    font-size: 11px;
    display: block;
    line-height: 120%;
    padding: 10px;
    border-bottom: 1px dotted #6fc7ec;
}
ul.bluemenu li.level-0 li.last {
    border-bottom:none;
}
ul.bluemenu li.level-0 li.hover{
    background: #0c7fb0;
}
ul.bluemenu li.level-0 span.arrow{
    display:none;
}
ul.bluemenu li.level-0 span.arrow.hover{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0fa1e0;
    margin-left: -10px;
}
ul.bluemenu li.level-0 li span.arrow,
ul.bluemenu li.level-0 li span.arrow.hover {
    position:absolute;
    display:block;
    font-size:110%;
    top:10px;
    right:7px;
    left:auto;
    bottom:auto;
    margin:0;
    width:auto;
    border:none;
}

/** HEADER
================================================**/

.logo {
	float: left;
	font-family: "KievitWeb", "Arial";
	padding: 18px 0;
	position:absolute;
	top: 6px;
	left:70%;
	z-index: 200000;	
}

.logo ul li {
	float:left;
	list-style-type:none;
	padding-left:5px;

	
}

.logo a:hover {
	text-decoration: none;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.logo a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.logo_button{
	position:relative;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	color:#FFF;
	font-size:100%;
	width:100px;
	margin:0 auto;		
	
	-webkit-box-shadow:1px 1px 1px  #666;/* webkit */
	-moz-box-shadow:1px 1px 1px  #666;/* fx */
	-pie-box-shadow:1px 1px 1px  #666;
	-o-box-shadow: 1px 1px 1px  #666;
	box-shadow: 1px 1px 1px  #666;
	
	
	

	background: -webkit-gradient(linear, left top, left bottom, from(#C05900), to(#903100), to(#C05900));/* webkit */
	background: -moz-linear-gradient(top,  #C05900,  #903100, #C05900));/* fx */
    -pie-background:linear-gradient(top,  #C05900,  #903100, #C05900);/* PIE */
	background: linear-gradient(to bottom, #C05900, #903100, #C05900);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.logo_button a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.logo_button a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.logo_button a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.logo_button:hover {/*マウスをのせたとき*/
    color:#FFA3FB;
    font-style:normal;
    text-decoration:none;
	position:relative;
    top:2px;
    left:2px;
}
.logo_button a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

	
	



/** List
================================================**/

.lista ul li{
	margin-left:25px;
	margin-right:25px;
}
.listb ul li{
	list-style-type: decimal;
	margin-left:35px;
	margin-right:35px;
	font-size:95%;
}
.listc ul li{
	list-style-type: none;
	background:url(../img/list_bg.gif) no-repeat 10px 6px;
	padding-left:23px;
	margin-left:0px;
	font-weight: bold;
}
	.listc ul li ul{
		margin: 5px 0;
		list-style-type: decimal!important;
	}
.list_on ul li,
 ul.list_on li{
	list-style-type: decimal!important;
	background:none;
	margin-left:25px;
	padding-left: 0;
}
	.listc ul li ul li{
	list-style-type: decimal;
	background:none;
	margin-left:25px;
	padding-left: 0;
}
.listd ul li{
	list-style-type: none;
	margin-left:5px;
	margin-right:5px;
	font-size:95%;
}

.listdisc ul li{
	list-style-type: disc;
	margin-left:35px;
	margin-right:35px;
	font-size:95%;
    font-weight: bold;
}
.listsquare ul li{
	list-style-type: square;
	margin-left:35px;
	margin-right:35px;
	font-size:95%;
}
	
.listkome ul li{
list-style: none; 
	margin-left:35px;
	margin-right:35px;
	font-size:95%;
}
	
.listkome li::before {
  content: "※"; /* マーカーとして「※」を表示 */
  padding-right: 0.2em; /* 「※」とテキストの間のスペース */
}	
/** NEWS FLASH
================================================**/

#news-flash {
	background: #414141;
}

#news-flash .inner {

	color: #fff;
}

#news-flash a {
	color: #fff;
	padding-left: 10px;
	text-decoration: underline;
}

/** table
================================================**/
table.border{
	width:100%;
	border-spacing:0;
	border:1px solid #999;
	border-collapse:collapse;
	margin-left:0px;
	font-size:90%;
	border:1px solid #999;
}

table.border tr th{
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	background-color: #55b2ad!important;
	vertical-align:middle;
}

table.border tr td{
	padding:5px;
	border:1px solid #999;
	vertical-align:middle;
	text-align:center
}

table.border tr td p{
	padding:0px;
	margin:0px;
	line-height:2em; 
}




table.sch{
	width:100%;
	border-spacing:0;
	border:1px solid #999;
	border-collapse:collapse;
	margin-left:0px;
	font-size:11.5px;
	border:1px solid #999;
}

table.sch tr th{
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	border:1px dotted #fff;/*border-right:1px solid #000000;*/
	vertical-align:middle;
	background-color:#f19e40;/*background-color:#00B430;*/
	color:#fff;
}

table.sch tr td{
	padding:5px;
	border-right:1px solid #000000;
	vertical-align:top;
}
table.sch2{
	width:100%;
	border-spacing:0;
	border:1px solid #999;
	border-collapse:collapse;
	margin-left:0px;
	font-size:11.5px;
	border:1px solid #999;
}

table.sch2 tr th{
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	border:1px dotted #fff;/*border-right:1px solid #000000;*/
	vertical-align:middle;
	background-color:#a8dadd;/*background-color:#00B430;*/
	color:#fff;
}

table.sch2 tr td{
	padding:5px;
	border-right:1px solid #000000;
	text-align:center;
	vertical-align: middle;
}





/** iFlame
================================================**/

#whatsnew_box{
	border:#000000 1px solid;
	width:100%;

	}

.whatsnew iframe{
	height:200px;
	width:100%;
	padding:1%;
}


/** 装飾
================================================**/

h1 {

	border-bottom:#f19e40 solid 2px;
    border-left:#f19e40 solid 13px;
	font-size:130%;
	font-weight:bolder;
	padding-left:12px;
	padding-top:15px;
    padding-bottom:1%;
	margin-bottom:10px;
	margin-top:20px;
	
}

.h1deco{
	padding-right:20%;
	border-bottom:4px #A2CEAB solid;

	}

h2{font-size:15px; color:#f19e40; border-bottom:#f19e40 2px solid;/*border-bottom:#001455 2px solid;*/ padding:6px 0 6px 5px; margin:20px 0 10px 0; width:200px; font-weight: bold;}


h3 { font-size:16px; background-color:#9fdcf5; color:#fff; padding:10px 7px 10px; margin:22px 0 9px;}


h4{
    position: relative;
    font-size: 1.5em;
    font-weight: bold;
	margin-top:3%;
	margin-bottom:1%;
} 



h5 {
	margin:25px 10px 10px 0px;
	padding-bottom:0px;
	font-weight:bold;
	font-size:105%;
		width:50%;

}


h6 { font-size:27px; /*color:#100A1D;*/ color:#ff9c31; font-weight:bold; margin:30px 0 30px;}

h7 {
	margin:25px 10px 10px 0px;
	padding-bottom:0px;
	font-weight:bold;
	font-size:105%;
		width:100%;

}




.midashi1 {
    position: relative;
    padding: 15px;
    overflow: hidden;
}
 
.midashi1:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-color: #fff;
    border-width: 16px 16px 0 0;
    border-style: solid;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}


.midashi2 {
    padding: 15px;
}

.midashi3 {
    padding: 18px;
}



.midashi4 {
    padding: 10px 20px;
    margin: 10px;
}


.midashi5{
	position:relative;
	margin:0 20px 0 20px;
	padding:13px 18px;
	font:bold 120%/1.2 Arial, Helvetica, sans-serif;
}
.midashi5:before{
	content:"<";
	position:absolute;
	top:middle;
	left:-10px;
	width:0;
	height:0;
	font-size:25px;
	line-height:1.0;
}
.midashi5:after{
	content:" ";
	position:absolute;
	top:-2px;
	left:-10px;
	width:0;
	height:140%;
	border-radius:2px;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);

}


/** FOOTER
================================================**/

#footer{
	margin-top:50px;
	width:100%;
	height:55px;
	background-color:#9fdcf5;/*background-color:#333;*/

	}
.footer_contents{
	padding-top:13px;/* padding-bottom: 5px;*/
	text-align:center;
	color:#FFFFFF;
	line-height:1.4em;
		
}
.footer_contents a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.footer_contents a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.footer_contents a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.footer_contents a:hover {/*マウスをのせたとき*/
    color:#FF82F0;
    font-style:normal;
    text-decoration:none;
}
.footer_contents a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

#kntinfo{
	width:940px;
	height:120px;
	line-height:1;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:7px;
	clear:both;
}
#kntinfo img{
	float:left;
	list-style-type: none;
	margin-right:20px;
	margin-top:8px;
	border-collapse:collapse;
	border-spacing:0;

}

.course{
	float:left;
	width:96%;
	padding-left:2%;
	padding-right:2%}
.course p{
	float:left;
	margin-left:2.5%;}





.moushikomia{
	position:relative;
	
	padding-top:15px;
	padding-bottom:15px;
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	border:1px solid #CCC;
	font-size:110%;
	width:40%;
	margin:0 auto;		
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	
	-pie-border-radius: 10px;
	

	
	-webkit-box-shadow:1px 2px 5px #666;/* webkit */
	-moz-box-shadow:1px 2px 5px #666;/* fx */
	-pie-box-shadow:1px 2px 5px #666;
	-o-box-shadow: 1px 2px 5px #666;
	box-shadow: 1px 2px 5px  #666;
	

	background: -webkit-gradient(linear, left top, left bottom, from(#01846A), to(#5D9079));/* webkit */
	background: -moz-linear-gradient(top,  #01846A,  #5D9079);/* fx */
    -pie-background:linear-gradient(top,  #01846A,  #5D9079);/* PIE */
	background: linear-gradient(to bottom, #01846A, #5D9079);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.moushikomia a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.moushikomia a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomia a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomia a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.moushikomia a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}



.moushikomib{
	position:relative;
	
	padding-top:15px;
	padding-bottom:15px;
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	border:1px solid #CCC;
	font-size:115%;
	width:45%;
	margin:0 auto;		
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	
	-pie-border-radius: 10px;
	

	
	-webkit-box-shadow:1px 2px 5px #666;/* webkit */
	-moz-box-shadow:1px 2px 5px #666;/* fx */
	-pie-box-shadow:1px 2px 5px #666;
	-o-box-shadow: 1px 2px 5px #666;
	box-shadow: 1px 2px 5px  #666;
	

	background: -webkit-gradient(linear, left top, left bottom, from(#B33133), to(#B15800));/* webkit */
	background: -moz-linear-gradient(top,  #B33133,  #B15800);/* fx */
    -pie-background:linear-gradient(top,  #B33133,  #B15800);/* PIE */
	background: linear-gradient(to bottom, #B33133, #B15800);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.moushikomib a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.moushikomib a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomib a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomib a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.moushikomib a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}




.option_box{
	
	border:10px ridge #8df9e0;/*border:10px ridge #2EFE9A;*/
	padding:10px;
	margin:10px;
}


	
.option_title {
	font-size:16px;
	color:#2E2EFE;
	font-weight:bold;
	margin-bottom:5px;
	}
	
.option_date dl{
	}

.option_date dl dt{
	float:left;
	padding-top:0px;
	}	
	
.option_date dl dd{
	padding-top:0px;
	padding-left:100px;
	}






/** entry
===========================================================================================================================**/
.entry_step {
	border: 1px solid #f0e566;
	width:96%;
	padding: 15px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	font-size:95%;
}
.entry_step_num {
	font-size: 120%;
	width:100%;
	font-weight: bolder;
	color: #ffffff;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left:auto;
	margin-right:auto;
	font-size:95%;
	background:#f0e566;

}
#primary .arrow {
	text-align: center;
	margin-bottom: 10px;

}
#primary .entry_step #bank {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:95%;
}
.arr {
	margin:10px 0;
	text-align:center;
}
.entry_box {
	padding:5px 10px;
	border:1px solid #666;
	margin-left:10px;
	margin-right:10px;
	font-size:95%;

}

.entry_box2 {
	width:400px;
	padding:5px 10px;
	border:1px solid #666;
	margin-left:10px;
	margin-right:10px;
	font-size:95%;
}

.entrybox {
	padding:5px 10px;
	border:1px solid #666;
	margin-left:10px;
	margin-right:10px;
	background-color:#FFF;
	font-size:95%;
}
.bank {
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:95%;
}
.app {display: inline-block;width: 350px;height: 54px;text-align: center;text-decoration: none;line-height: 54px;outline: none;position: relative;z-index: 2;background-color: #fff;border: 2px solid #333;color: #333;line-height: 50px;overflow: hidden; margin:25px 0 5px; font-size:120%;}
.app::before,.app::after {position: absolute;z-index: -1;	display: block;content: '';}
.app,.app::before,.app::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;}
.app:hover {color: #fff;}
.app::after {top: 0;left: 0;width: 100%;height: 100%;}
.app:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #333;}


}





/** RESPONSIVE BREAKPOINTS
========================================================================================================================================================================**/

@media(min-width: 721px) and (max-width: 1040px){

body{
	font-size:80%;}

#primary {
	margin: 0 auto;
	position: relative;
	float:left;
	margin-left:2%;
	margin-top:2%;
	width:72%;

}

aside {
	width:22%;
	float: right;
	margin-right:2%;
	margin-top:2%;

}

#sub{
	margin-top:10%;
	}
	
	
.inner {
	width: 100%;
	}
	
.inner_logo_pc {
	width: 100%;
	position: relative;
	margin: 0 auto;
}



.reference-wrap {
	right: 20px;
}



/** header
================================================**/

.mobile_header{
	display:none;	
	}	


.logo{
	position:absolute;
	top: 1%;
	left:65%;
	z-index: 200000;
	
}

.logo ul li {
	float:left;
	list-style-type:none;
	padding-left:5px;

	
}

.logo a:hover {
	text-decoration: none;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.logo a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.logo_button{
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
	color:#FFF;
	font-size:80%;
	width:100px;
	margin:0 auto;		
	
	-webkit-box-shadow:1px 1px 1px  #666;/* webkit */
	-moz-box-shadow:1px 1px 1px  #666;/* fx */
	-pie-box-shadow:1px 1px 1px  #666;
	-o-box-shadow: 1px 1px 1px  #666;
	box-shadow: 1px 1px 1px  #666;
	
	
	

	background: -webkit-gradient(linear, left top, left bottom, from(#C05900), to(#903100), to(#C05900));/* webkit */
	background: -moz-linear-gradient(top,  #C05900,  #903100, #C05900));/* fx */
    -pie-background:linear-gradient(top,  #C05900,  #903100, #C05900);/* PIE */
	background: linear-gradient(to bottom, #C05900, #903100, #C05900);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.logo_button a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.logo_button a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.logo_button a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.logo_button:hover {/*マウスをのせたとき*/
    color:#FFA3FB;
    font-style:normal;
    text-decoration:none;
	position:relative;
    top:2px;
    left:2px;
}
.logo_button a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}




/** List
================================================**/

.lista ul li{
	margin-left:25px;
	margin-right:25px;
	font-size:80%;

}
.listb ul li{
	list-style-type: decimal;
	margin-left:35px;
	margin-right:35px;
	font-size:80%;
}
.listc ul li{
	list-style-type: none;
	background:url(../img/list_bg.gif) no-repeat 10px 6px; font-weight: bold;
	padding-left:23px;
	margin-left:0px;
}
.listcs ul li{
	list-style-type: none;
	background:url(../img/list_bg.gif) no-repeat 10px 6px;
	padding-left:23px;
	margin-left:0px;
	font-size:80%;
}
.listd ul li{ margin-left:25px;
margin-right:25px; font-size:80%; }

/** nav
================================================**/	
	
	
.mb_manu{
	display:none}
.adjust{
	margin-left:10%;
	}

ul.bluemenu {
   
    margin:0;
    list-style:none;

    display:block;
    width:100%;
    height: 49px;
    background: #141414;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
    background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
    background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
    background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
    border-bottom: 2px solid #0054AD;
    color: #ffffff;
}
ul.bluemenu li.level-0 {
    position:relative;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    min-height: 49px;
    line-height: 49px;
    height: 49px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    padding: 0 15px;
}

	
	
ul.bluemenu a {
	text-decoration:none;
	color:#FFFFFF;
}


ul.bluemenu li.level-0.first {
    border-radius: 5px 0px 0 0;
    -moz-border-radius: 5px 0px 0 0;
    -webkit-border-radius: 5px 0px 0 0;
}
ul.bluemenu li.level-0.hover {
    box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    background: #FF1FBF;
}
ul.bluemenu li.level-0 ul {
    position:absolute;
    display: none;
    margin:0;
    padding:0;
    background: #0fa1e0;
    width:15em;
}
ul.bluemenu li.level-0 li {
    position:relative;
    filter: none;
    font-size: 11px;
    display: block;
    line-height: 120%;
    padding: 10px;
    border-bottom: 1px dotted #6fc7ec;
}
ul.bluemenu li.level-0 li.last {
    border-bottom:none;
}
ul.bluemenu li.level-0 li.hover{
    background: #0c7fb0;
}
ul.bluemenu li.level-0 span.arrow{
    display:none;
}
ul.bluemenu li.level-0 span.arrow.hover{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0fa1e0;
    margin-left: -10px;
}
ul.bluemenu li.level-0 li span.arrow,
ul.bluemenu li.level-0 li span.arrow.hover {
    position:absolute;
    display:block;
    font-size:110%;
    top:10px;
    right:7px;
    left:auto;
    bottom:auto;
    margin:0;
    width:auto;
    border:none;
}


/** FOOTER
================================================**/
#footer{
	margin-top:50px;
	width:100%;
	height:50px;
	background-color:#333;

	}
.footer_contents{
	padding-top:10px;
	text-align:center;
	color:#FFFFFF;
	line-height:1.5em;
		
}
.footer_contents a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.footer_contents a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.footer_contents a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.footer_contents a:hover {/*マウスをのせたとき*/
    color:#FF82F0;
    font-style:normal;
    text-decoration:none;
}
.footer_contents a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

#kntinfo{
	width:721px;
	height:100px;
	line-height:1;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-right:0px;
	padding-bottom:6px;
	clear:both;
}
#kntinfo img{
	width:170px;
	height:39.5px;
	float:left;
	list-style-type: none;
	margin-right:10px;
	margin-top:8px;
	border-collapse:collapse;
	border-spacing:0;

}

.attention { font-size: 110%;}



/** table
================================================**/
table.border{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	margin-left:0px;
	font-size:100%;
	border:1px solid #999;
}

table.border tr th{
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	border:1px solid #999;
	vertical-align:middle;
}

table.border tr td{
	padding:5px;
	border:1px solid #999;
	vertical-align:middle;
	text-align:center

}

table.border tr td p{
	padding:0px;
	margin:0px;
	line-height:2.0em; 
}




table.sch{
	width:100%;
	border-spacing:0;
	border:1px solid #999;
	border-collapse:collapse;
	margin-left:0px;
	font-size:11.5px;
	border:1px solid #999;
	font-size:100%;

}

table.sch tr th{
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	border-right:1px solid #000000;
	vertical-align:middle;
	background-color:#51ffff;
	color:#fff;
}

table.sch tr td{
	padding:5px;
	border-right:1px solid #000000;
	vertical-align:top;
}


.td_middle{vertical-align:middle!important;}



/** iFlame
================================================**/
#whatsnew_box{
	border:#000000 1px solid;
	width:100%;

	}

.whatsnew iframe{
	height:200px;
	width:100%;
	padding:1%;

}



/** 装飾
================================================**/
h1 {

	border-bottom:#55b2ad solid 2px;
    border-left:#55b2ad solid 13px;
	font-size:130%;
	font-weight:bolder;
	padding-left:12px;
	padding-top:10px;
    padding-bottom:1%;
	margin-bottom:10px;
	margin-top:20px;
	
}

.h1deco{
	padding-right:20%;
	border-bottom:4px #A2CEAB solid;

	}

h2{font-size:15px; color:#4A4A4A; border-bottom:#55b2ad 2px solid; padding:6px 0 6px 5px; margin:20px 0 10px 0; width:200px; font-weight: bold;}


h3 {
  position: relative;
  color: #111;
  background: #ccc;
  font-size: 17px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:1%;
  margin-top:1%;
  width:85%;
  line-height: 1;
  padding: 12px 5px 11px 50px;
  border-radius: 19px;
  font-weight:bold;
  font-size:100%;
}
h3:before {
  content: "";
  position: absolute;
  background: #eee;
  top: 50%;
  left: 14px;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px #777 inset;
}


h4{
    position: relative;
    font-size: 120%;
    font-weight: bold;
    padding: 0.5em 0.5em 0.1em 1.8em;
	margin-top:2%;
	margin-bottom:1%;

}
 
h4:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h4:after{
    content: "";
    position: absolute;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}   



h5 {
	margin:25px 10px 10px 0px;
	padding-bottom:0px;
	font-weight:bold;
	font-size:115%;
		width:50%;

}

h6 { font-size:24px; color:#ff9c31; font-weight:bold; margin:20px 0 30px;}

h7 {
	margin:25px 10px 10px 0px;
	padding-bottom:0px;
	font-weight:bold;
	font-size:115%;
		width:100%;

}



.midashi1 {
    position: relative;
    padding: 15px;
    overflow: hidden;
	font-size:110%;
}
 
.midashi1:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-color: #fff;
    border-width: 16px 16px 0 0;
    border-style: solid;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}


.midashi2 {
    padding: 10px;
}

.midashi3 {
    padding: 15px;
}



.midashi4 {
    padding: 8px 20px;
    margin: 10px;
}


.midashi5{
	position:relative;
	margin:0 20px 0 20px;
	padding:13px 18px;
	font:bold 120%/1.2 Arial, Helvetica, sans-serif;
}
.midashi5:before{
	content:"<";
	position:absolute;
	top:middle;
	left:-10px;
	width:0;
	height:0;
	font-size:25px;
	line-height:1.0;
}
.midashi5:after{
	content:" ";
	position:absolute;
	top:-2px;
	left:-10px;
	width:0;
	height:140%;
	border-radius:2px;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);

}



.course{
	float:left;
	width:95%;
	padding-left:3%;
	padding-right:2%}
.course p{
	float:left;
	margin-left:2%;}



.moushikomia{
	position:relative;
	
	padding-top:15px;
	padding-bottom:15px;
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	border:1px solid #CCC;
	font-size:100%;
	width:40%;
	margin:0 auto;		
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	
	-pie-border-radius: 10px;
	

	
	-webkit-box-shadow:1px 2px 5px #666;/* webkit */
	-moz-box-shadow:1px 2px 5px #666;/* fx */
	-pie-box-shadow:1px 2px 5px #666;
	-o-box-shadow: 1px 2px 5px #666;
	box-shadow: 1px 2px 5px  #666;
	

	background: -webkit-gradient(linear, left top, left bottom, from(#01846A), to(#5D9079));/* webkit */
	background: -moz-linear-gradient(top,  #01846A,  #5D9079);/* fx */
    -pie-background:linear-gradient(top,  #01846A,  #5D9079);/* PIE */
	background: linear-gradient(to bottom, #01846A, #5D9079);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.moushikomia a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.moushikomia a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomia a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomia a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.moushikomia a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}



.moushikomib{
	position:relative;
	
	padding-top:15px;
	padding-bottom:15px;
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	border:1px solid #CCC;
	font-size:80%;
	width:45%;
	margin:0 auto;		
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	
	-pie-border-radius: 10px;
	

	
	-webkit-box-shadow:1px 2px 5px #666;/* webkit */
	-moz-box-shadow:1px 2px 5px #666;/* fx */
	-pie-box-shadow:1px 2px 5px #666;
	-o-box-shadow: 1px 2px 5px #666;
	box-shadow: 1px 2px 5px  #666;
	

	background: -webkit-gradient(linear, left top, left bottom, from(#B33133), to(#B15800));/* webkit */
	background: -moz-linear-gradient(top,  #B33133,  #B15800);/* fx */
    -pie-background:linear-gradient(top,  #B33133,  #B15800);/* PIE */
	background: linear-gradient(to bottom, #B33133, #B15800);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.moushikomib a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.moushikomib a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomib a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomib a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.moushikomib a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}



.option_box{
	border:10px ridge #55b2ad;
	padding:10px;
	margin:10px;
	}
	.option_box p{
	font-size:95%;
	
}

	
.option_title {
	font-size:120%;
	color:#2E2EFE;
	font-weight:bold;
	margin-bottom:5px;
	}
	
.option_date dl{
	}

.option_date dl dt{
	float:left;
	padding-top:0px;
	}	
	
.option_date dl dd{
	padding-top:0px;
	padding-left:100px;
	}



/** entry
===========================================================================================================================**/
.entry_step {
	border: 1px solid #f0e566;
	width:95%;
	padding: 15px;
	background-color: #FFFFEE;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}
.entry_step_num {
	font-size: 120%;
	width:100%;
	font-weight: bolder;
	color: #fff;
	background-color:#f0e566!important;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:auto;
	margin-right:auto;
	font-size:80%;

}
#primary .arrow {
	text-align: center;
	margin-bottom: 10px;

}
#primary .entry_step #bank {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:80%;
}
.arr {
	margin:10px 0;
	text-align:center;
}
.entry_box {
	padding:5px 10px;
	border:1px solid #666;
	margin-left:10px;
	margin-right:10px;
	font-size:75%;

}

.entry_box2 {
	width:400px;
	padding:5px 10px;
	border:1px solid #666;
	margin-left:10px;
	margin-right:10px;
	font-size:75%;
}

.entrybox {
	padding:5px 10px;
	border:1px solid #666;
	margin-left:10px;
	margin-right:10px;
	background-color:#FFF;
	font-size:75%;
}
.bank {
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:75%;
}


.jimkyoku{
	font-size:90%;
	border:#A6A6A6 1px solid; background-color:#fff;
	padding:1%; }

	.app {display: inline-block;width: 350px;height: 54px;text-align: center;text-decoration: none;line-height: 54px;outline: none;position: relative;z-index: 2;background-color: #fff;border: 2px solid #333;color: #333;line-height: 50px;overflow: hidden; margin:25px 0 5px; font-size:115%;}
.app::before,.app::after {position: absolute;z-index: -1;	display: block;content: '';}
.app,.app::before,.app::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;}
.app:hover {color: #fff;}
.app::after {top: 0;left: 0;width: 100%;height: 100%;}
.app:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #333;}
.desk { width: 500px; margin-left: 35%; font-size:90%;}		
}

@media(max-width: 1038px){
.for_pc{display:none!important;}
.linkTable{
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
table.sch{
	font-size:100%;
}
table.sch2{
	font-size:100%;
}
@media(min-width: 1039px){
.for_sp{display:none!important;}
}
.linkTable{
min-width: 1200px;
}
/** RESPONSIVE BREAKPOINTS
========================================================================================================================================================================**/

@media(max-width: 720px){

body{
	font-size:75%;}

aside {
		padding: 0;
		width:94%;
		margin-top:2em;
		margin-right:3%;
		margin-left:3%;
		clear:both;

	}

#sub{
	display:none;}

#primary {
		padding: 0;
		width:94%;
		margin-left:3%;
		margin-top:7%;
	}


.inner_logo_pc {
	display:none}

.logo{
	display:none;
}


@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}


sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}



.fixed {
    position: fixed;
    top: 0;
    left:0;  
	width: 100%;
    z-index: 1000;
}	

.pc_header{
	display:none;	
	}	


	.mb { display: none!important;}

/** List
================================================**/

.lista ul li{
	margin-left:25px;
	margin-right:25px;
	font-size:75%;
}
.listb ul li{
	list-style-type: decimal;
	margin-left:35px;
	margin-right:35px;
	font-size:75%;
}
.listc ul li{
	list-style-type: none;
	background:url(../img/list_bg.gif) no-repeat 10px 6px; font-weight: bold;
	padding-left:23px;
	margin-left:0px;
}
.listcs ul li{
	list-style-type: none;
	background:url(../img/list_bg.gif) no-repeat 10px 6px;
	padding-left:23px;
	margin-left:0px;
	font-size:75%;
}
.listd ul li{
	margin-left:25px;
	margin-right:25px;
	font-size:75%;

}




/** table
================================================**/
table.border{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	margin-left:0px;
	font-size:100%;
	border:1px solid #999;
}

table.border tr th{
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	border:1px solid #999;
	font-size:100%;

}

table.border tr td{
	padding:5px;
	border:1px solid #999;
	font-size:100%;
	text-align:center

}

table.border tr td p{
	padding:0px;
	margin:0px;
	line-height:2.2em; 

}


table.sch{
	width:100%;
	border-spacing:0;
	border:1px solid #999;
	border-collapse:collapse;
	margin-left:0px;
	font-size:100%;
	border:1px solid #999;
}

table.sch tr th{
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	border-right:1px solid #000000;
	vertical-align:middle;
	background-color:#51ffff;
	color:#fff;
}

table.sch tr td{
	padding:5px;
	border-right:1px solid #000000;
	vertical-align:top;
}
table.sch2{
	width:100%;
	border-spacing:0;
	border:1px solid #999;
	border-collapse:collapse;
	margin-left:0px;
	font-size:100%;
	border:1px solid #999;
}

table.sch2 tr th{
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	border-right:1px solid #000000;
	vertical-align:middle;
	background-color:#f19e40;
	color:#fff;
}

table.sch2 tr td{
	padding:5px;
	border-right:1px solid #000000;
	text-align: center;
}
	.td_middle{vertical-align:middle!important;}

/** nav
================================================**/
/*メニュー--------------------*/
ul.bluemenu {
	display:none
	}




/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #0c1923;
	padding: 1px 0;
	min-height: 32px;
}

.mean-container a.meanmenu-reveal {
	width: 23px;
	height: 20px;
	padding: 11px 11px 9px 11px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #0c1923;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}





/** iflame
================================================**/

#whatsnew_box{
	border:#000000 1px solid;
	width:100%;

	}

.whatsnew iframe{
	height:200px;
	width:100%;
	padding:1%;
	
}

.attention { font-size: 130%; line-height: 1.4em;}
/** 装飾
================================================**/

h1 {

	border-bottom:#0D9F9E solid 2px;
    border-left:#0D9F9E solid 13px;
	font-size:130%;
	font-weight:bolder;
	padding-left:12px;
	padding-top:8px;
    padding-bottom:1%;
	margin-bottom:10px;
	margin-top:20px;
	
}

.h1deco{
	padding-right:20%;
	border-bottom:4px #A2CEAB solid;

	}



h2{font-size:15px; color:#4A4A4A; border-bottom:#001455 2px solid; padding:6px 0 6px 5px; margin:20px 0 10px 0; width:200px; font-weight: bold;}


h3 { font-size:13px; background-color:#9fdcf5; color:#fff; padding:5px 7px 5px; margin:22px 0 9px;}


h4{
    position: relative;
    font-size: 110%;
    font-weight: bold;
    padding: 0.5em 0.5em 0.1em 1.8em;
	margin-top:2%;
	margin-bottom:1%;


}
 
h4:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h4:after{
    content: "";
    position: absolute;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
  
}


h5 {
	margin:25px 10px 10px 0px;
	padding-bottom:0px;
	font-weight:bold;
	font-size:100%;
	width:50%;
}

h6 { font-size:18px; color:#ff9c31; font-weight:bold; margin:10px 0 15px;}

h7 {
	margin:25px 10px 10px 0px;
	padding-bottom:0px;
	font-weight:bold;
	font-size:115%;
		width:100%;

}

.midashi1 {
    position: relative;
    padding: 10px;
    overflow: hidden;
	font-size:110%;
}
 
.midashi1:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-color: #fff;
    border-width: 16px 16px 0 0;
    border-style: solid;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}


.midashi2 {
    padding: 10px;
}

.midashi3 {
    padding: 12px;
}



.midashi4 {
    padding: 7px 16px;
    margin: 10px;
}


.midashi5{
	position:relative;
	margin:0 20px 0 20px;
	padding:13px 18px;
	font:bold 120%/1.2 Arial, Helvetica, sans-serif;
}
.midashi5:before{
	content:"<";
	position:absolute;
	top:middle;
	left:-10px;
	width:0;
	height:0;
	font-size:25px;
	line-height:1.0;
}
.midashi5:after{
	content:" ";
	position:absolute;
	top:-2px;
	left:-10px;
	width:0;
	height:140%;
	border-radius:2px;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);

}

/** FOOTER
================================================**/
#footer{
	width:100%;
	/*height:30px;*/
	background-color:#9fdcf5;
	padding-top:2%;
	padding-bottom:2%;

	}
.footer_contents{
	text-align:center;
	color:#FFFFFF;
	line-height:1.5em;
	font-size:80%;
		
}
.footer_contents a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.footer_contents a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.footer_contents a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.footer_contents a:hover {/*マウスをのせたとき*/
    color:#FF82F0;
    font-style:normal;
    text-decoration:none;
}
.footer_contents a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

#kntinfo{
	display:none;
}

.course{
	float:left;
	width:96%;
	padding-left:2%;
	padding-right:2%}
.course p{
	float:left;
	margin-left:2.5%;}

.moushikomia{
	position:relative;
	
	padding-top:15px;
	padding-bottom:15px;
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	border:1px solid #CCC;
	font-size:80%;
	width:40%;
	margin:0 auto;		
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	
	-pie-border-radius: 10px;
	

	
	-webkit-box-shadow:1px 2px 5px #666;/* webkit */
	-moz-box-shadow:1px 2px 5px #666;/* fx */
	-pie-box-shadow:1px 2px 5px #666;
	-o-box-shadow: 1px 2px 5px #666;
	box-shadow: 1px 2px 5px  #666;
	

	background: -webkit-gradient(linear, left top, left bottom, from(#01846A), to(#5D9079));/* webkit */
	background: -moz-linear-gradient(top,  #01846A,  #5D9079);/* fx */
    -pie-background:linear-gradient(top,  #01846A,  #5D9079);/* PIE */
	background: linear-gradient(to bottom, #01846A, #5D9079);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.moushikomia a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.moushikomia a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomia a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomia a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.moushikomia a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}



.moushikomib{
	position:relative;
	
	padding-top:15px;
	padding-bottom:15px;
	background-color:#F00;
	text-align:center;
	color:#FFF;
	font-weight:bolder;
	border:1px solid #CCC;
	font-size:70%;
	width:45%;
	margin:0 auto;		
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; 
    border-radius: 10px;
	
	-pie-border-radius: 10px;
	

	
	-webkit-box-shadow:1px 2px 5px #666;/* webkit */
	-moz-box-shadow:1px 2px 5px #666;/* fx */
	-pie-box-shadow:1px 2px 5px #666;
	-o-box-shadow: 1px 2px 5px #666;
	box-shadow: 1px 2px 5px  #666;
	

	background: -webkit-gradient(linear, left top, left bottom, from(#B33133), to(#B15800));/* webkit */
	background: -moz-linear-gradient(top,  #B33133,  #B15800);/* fx */
    -pie-background:linear-gradient(top,  #B33133,  #B15800);/* PIE */
	background: linear-gradient(to bottom, #B33133, #B15800);
	
	/*------------PIE setting----------*/
    behavior: url(PIE.htc);
   /*---------------------------------*/

	}
	
.moushikomib a{/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:underline;
}
.moushikomib a:link {/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomib a:visited {/*訪問後のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.moushikomib a:hover {/*マウスをのせたとき*/
    color:#FF0;
    font-style:normal;
    text-decoration:none;
}
.moushikomib a:active {/*クリック中*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

	
.option_box{
	border:10px ridge #2EFE9A;
	padding:10px;
	margin:10px;}
	
.option_title {
	font-size:110%;
	color:#2E2EFE;
	font-weight:bold;
	margin-bottom:5px;
	}
	
.option_date dl{
	}

.option_date dl dt{
	float:left;
	padding-top:0px;
	}	
	
.option_date dl dd{
	padding-top:0px;
	padding-left:100px;
	}

	/** entry
===========================================================================================================================**/
.entry_step {
	border: 1px solid #f0e566;
	width:93%;
	padding: 15px;
	background-color: #FFFFEE;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	font-size:75%;
}
.entry_step_num {
	font-size: 120%;
	width:100%;
	font-weight: bolder;
	color: #fff;
	background-color: #f0e566;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left:auto;
	margin-right:auto;
	font-size:75%;

}
#primary .arrow {
	text-align: center;
	margin-bottom: 10px;

}
#primary .entry_step #bank {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:75%;
}
.arr {
	margin:10px 0;
	text-align:center;
}
.entry_box {
	padding:5px 10px;
	border:1px solid #666;
	margin-left:10px;
	margin-right:10px;
	font-size:75%;

}

.entry_box2 {
	width:400px;
	padding:5px 10px;
	border:1px solid #666;
	margin-left:10px;
	margin-right:10px;
	font-size:75%;
}

.entrybox {
	padding:5px 10px;
	border:1px solid #666;
	margin-left:10px;
	margin-right:10px;
	background-color:#FFF;
	font-size:75%;
}
.bank {
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:75%;
}
	
	
.jimkyoku{
	font-size:90%;
	border:#A6A6A6 1px solid; background-color:#fff;
	padding:1%;
	}
	
.app {display: inline-block;width: 70%;height: 54px;text-align: center;text-decoration: none;line-height: 54px;outline: none;position: relative;z-index: 2;background-color: #fff;border: 2px solid #333;color: #333;line-height: 50px;overflow: hidden; margin:25px 0 5px;}
.app::before,.app::after {position: absolute;z-index: -1;	display: block;content: '';}
.app,.app::before,.app::after {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;	-webkit-transition: all .3s;transition: all .3s;}
.app:hover {color: #fff;}
.app::after {top: 0;left: 0;width: 100%;height: 100%;}
.app:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #333;}
.desk { width: 520px;  font-size:70%;}	



/*body .one .bsa_it_ad { background: transparent; border: none; font-family: inherit; padding: 0 15px 0 10px; margin: 0; text-align: right; }*/
body .one .bsa_it_ad:hover img { -moz-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; }
body .one .bsa_it_ad .bsa_it_i { display: block; padding: 0; float: none; margin: 0 0 5px; }
body .one .bsa_it_ad .bsa_it_i img { padding: 0; border: none; }
body .one .bsa_it_ad .bsa_it_t { padding: 6px 0; }
body .one .bsa_it_ad .bsa_it_d { padding: 0; font-size: 12px; color: #333; }
body .one .bsa_it_p { display: none; }
body #bsap_aplink, body #bsap_aplink:hover { display: block; font-size: 10px; margin: 12px 15px 0; text-align: right; }



.fs80 {
	font-size: 50%;
}