/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
/*	background-color: rgba(255,201,156,0.8);
	background-image:url("../img/toppict.png");
	background-size:100% 100%;
*/	
	
}


.section_A {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/smith2.png");
	background-size:100% 100%;*/	
    background-color:rgba(170,0,0,1);
}

.section_0A1 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 0px;
	margin: 0px;
    background-image:url("../img/DBCAsatellite.png");
	background-size:100% 100%;
}



.section_0A2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
    background-image:url("../img/DBCAtop2.png");
	background-size:100% 100%;
}

.section_AT {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Agazou3.png");*/
	background-size:100% 100%;
	background-color: rgba(255,201,156,0.8);
	

}

.section_AT2 {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: rgba(169,1,4,1);

}










.section_B {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(57,171,255,1);
}

.section_0B2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/CDEtop.png");
	background-size:100% 100%;
}


.section_BT {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/Agazou3.png");
	background-size:100% 100%;
/*	background-color: rgba(255,201,156,0.8);*/
	

}

.section_BT2 {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: rgba(50,50,50,0.6);

}

.section_C {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,132,45,1);
}

.section_0C2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/SVtop.png");
	background-size:100% 100%;
}

.section_CT {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/Agazou3.png");
	background-size:100% 100%;
/*	background-color: rgba(255,201,156,0.8);*/
	

}

.section_CT2 {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: rgba(50,50,50,0.6);

}


.section_D {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(61,187,67,1);	
}

.section_0D2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/RTtop.png");
	background-size:100% 100%;
}


.section_DT {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/Agazou3.png");
	background-size:100% 100%;
/*	background-color: rgba(255,201,156,0.8);*/
	

}

.section_DT2 {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: rgba(50,50,50,0.6);

}

.section_E {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,150,0);	
}

.section_0E2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/MWStop.png");
	background-size:100% 100%;
}

.section_ET {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/Agazou3.png");
	background-size:100% 100%;
/*	background-color: rgba(255,201,156,0.8);*/
	

}

.section_ET2 {
	clear: both;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: rgba(50,50,50,0.6);

}


/*denkikouji top*/
.section_EW {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,0,0);	
}

.section_0EW2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/EWDAtop.png");
	background-size:100% 100%;
}
/*denkikouji top*/


/*Denksyunin top*/
.section_EE {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,0,0);	
}

.section_0EE2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/EEtop.png");
	background-size:100% 100%;
}
/*Denksyunin top*/


/*Archtect top*/
.section_AR {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,0,0);	
}

.section_0AR2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/Aechtop.png");
	background-size:100% 100%;
}
/*Archtect top*/

/*AutoMobilet top*/
.section_AM {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,0,0);	
}

.section_0AM2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/Automobiletop.png");
	background-size:100% 100%;
}
/*AutoMobile top*/

/*NetWorkSystem course top*/
.section_NT {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,0,0);	
}

.section_0NT2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/NetworkSys.png");
	background-size:100% 100%;
}
/*NetWorkSystem course top*/

/*Weather course top*/
.section_WF {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,0,0);	
}

.section_0WF2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/Weather.png");
	background-size:100% 100%;
}
/*Weather course top*/


/*RobotSystem top*/
.section_RS {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,0,0);	
}

.section_0RS2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/Robotsystemtop.png");
	background-size:100% 100%;
}
/*RobotSystem top*/


/*Seek From Lisence top*/
.section_L {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(57,171,255,1);
}

.section_0L2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/Lisencetop.png");
	background-size:100% 100%;
}
/*Seek From Lisence top*/


/*Map Section*/
.section_Map {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(57,171,255,1);
}

.section_Map2 {
    width: 90%;
    height: 480px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/mapL.png");
	background-size:100% 100%;
}
/*Map Section*/






.bgi{

	background-image:url("../img/EITE3.jpg");
	background-size:100% 100%;


}



.sectionEtop {
	clear: both;
	width: 100%;
	height:700px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/denshitop.png");
	background-size:100% 100%;
}

.sectionTtop {
	clear: both;
	width: 100%;
	height:700px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/electricworktop.png");
	background-size:100% 100%;
}


.sectionNWtop {
	clear: both;
	width: 100%;
	height:700px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/Networktop.png");
	background-size:100% 100%;
}









.sectionNightTimetop {
	clear: both;
	width: 100%;
	height:700px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/NightTimetop.png");
	background-size:100% 100%;
}






.section2 {
	clear: both;
	padding: 10px;
	margin: 0px;
	background-color: #ffff86;
}



.section2_2 {
	clear: both;
	padding-top: 0px;
	padding-left: 10px;
	padding-right:10px;
	padding-bottom: 0px;
	margin: 0px;
	background-color: #ffff86;
}














.section3 {
	clear: both;
	padding-bottom: 10px;
	margin: 0px;
	background-color: #ffff86;
}


.section4 {
	clear: both;
	width: 100%;
	height:550px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/toppict.png");
	background-size:100% 100%;
}


.sectionForm {
	clear: both;
	width: 60%;
	height:auto;
	padding: 0px;
	margin: 0px;
	background-size:100% 100%;
}












.section9 {
	clear: both;
	padding: 10px;
	margin: 0px;
	background-color: #1f1f1f;
	
}


.section9_1 {
	clear: both;
	padding: 10px;
	margin: 0px;
	background-color:#868686;
	
}


.section9_2 {
	clear: both;
	padding: 10px;
	margin: 0px;
	background-color:#800000;
	
}


.section9_3 {
	clear: both;
	padding: 10px;
	margin: 0px;
	background-color:#ffa991;#868686
	
}


.section9_4 {
	clear: both;
	padding: 10px;
	margin: 0px;
	background-color:#505050;
	
}





/*  SECTIONS  ============================================================================= */

/*new class add new style for myself*/
.mapper{
overflow: hidden;

}



.notice{
width: 100%;
height: auto;
margin-top:10px;
padding-top: 5px;
padding-bottom:5px;
/*background-color:#67c6a8;*/
}


.texternews{
text-align: left;
margin-left: 50px;
margin-bottom: 10px;

}

/*message*/

.msgimg{
width: 40%;
float: left;
text-align: left;
margin-left: 10px;
margin-bottom: 10px;

}

.msgtext{
width: 55%;
float: left;
text-align: left;
margin-top: 5%;
margin-left: 5px;
margin-bottom: 10px;

}


.msgtext_A{
width: 48%;
float: left;
text-align: left;
margin-top: 2%;
margin-left: 5px;
margin-bottom: 10px;

}




.msgtextArch{
width: 55%;
float: left;
text-align: left;
margin-top: 2%;
margin-left: 5px;
margin-bottom: 10px;

}




.msgtextSd{
width: 100%;
float: left;
text-align: left;
margin-top: 5%;
margin-left: 5px;
margin-bottom: 10px;

}

.msgtextTrd{
width: 25%;
float: left;
text-align: left;
margin-top: 5%;
margin-left: 5px;
margin-bottom: 10px;

}


.msgtext p{
letter-spacing:3px;
line-height:1.5em;
}

.msgtextSd p{
letter-spacing:3px;
line-height:1.5em;
}

.msgtextTrd p{
letter-spacing:3px;
line-height:1.5em;
}





/*Button*/

.btn{
    width: 120px;
    color: #16a085;
    border: 2px solid #16a085;
    background: #f4f4f4;
    margin: 0 0 5px 0;
    padding: 9px 0;
    cursor: pointer;
    border-radius: 6px;
    background-clip: padding-box;
    
}

.btn:hover,
.btn:active {
    color: #f4f4f4;
    background: #16a085;
}

.btnA{
    display: block;
    font-size: 0.8em;
    text-align: center;
    width: auto;
    color: #16a085;
    border: 2px solid #16a085;
    background: #f4f4f4;
    margin: 0 0 5px 0;
    padding: 5px 0;
    cursor: pointer;
    border-radius: 6px;
    background-clip: padding-box;
    
}

.btnA:hover,
.btnA:active {
    color: #f4f4f4;
    background: #16a085;
}


.btnB{
    display: block;
    font-size: 0.8em;
    text-align: center;
    width: 200px;
    color: #16a085;
    border: 2px solid #16a085;
    background: #f4f4f4;
    margin: 0 0 5px 0;
    padding: 5px 0;
    cursor: pointer;
    border-radius: 6px;
    background-clip: padding-box;
    
}

.btnB:hover,
.btnB:active {
    color: #f4f4f4;
    background: #16a085;
}

.btnC{
    display: block;
    font-size: 0.8em;
    text-align: center;
    width: 120px;
    color: #16a085;
    border: 2px solid #16a085;
    background: #f4f4f4;
    margin: 0 0 5px 0;
    padding: 5px 0;
    cursor: pointer;
    border-radius: 6px;
    background-clip: padding-box;
    
}

.btnC:hover,
.btnC:active {
    color: #f4f4f4;
    background: #16a085;
}


.btnM{
    display: block;
    font-size: 0.8em;
    text-align: center;
    width: 200px;
    color: #16a085;
    border: 2px solid #16a085;
    background: #f4f4f4;
    margin: 10px 10px 10px 10px;
    padding: 10pxpx 10px;
    cursor: pointer;
    border-radius: 6px;
    background-clip: padding-box;
    
}

.btnM:hover,
.btnM:active {
    color: #f4f4f4;
    background: #16a085;
}




















/*Button*/





/*message*/


/*ippann text*/

.ipntext{
width: 100%;
text-align: left;
margin-top: 5%;
margin-left: 5px;
margin-bottom: 10px;

}


.ipntext p{
letter-spacing:1px;
line-height:1.5em;
}


/*ippan text*/







/*denshi select area*/
.Etitle{
margin-top: 50px;
font-family: JKG-L_2;
font-size:5em;


}

.Etitlesub{
margin-top: 10px;
font-family: JKG-L_2;
font-size:1em;
}



.Eselect{

width: 100%;
height:auto ;
margin-top:0px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
background-color:rgba(255,255,255,0.8);
}



.EsctextA{
font-family: JKG-L_2 ;
letter-spacing:1em;

}

.EsctextB{
font-family: JKG-L_2 ;
letter-spacing:1.42em;

}

.EsctextC{
font-family: JKG-L_2 ;
letter-spacing:1.44em;

}

.EsctextD{
font-family: JKG-L_2 ;
letter-spacing:0.88em;

}

.EsctextE{font-family: JKG-L_2 ;
letter-spacing:1.7em;

}
/*denshi select area*/




/*denshi intro area*/


.EintrtextHead{
font-family: JKG-L_2 ;
font-size:1.5em;
margin-top: 120px;
margin-bottom: 20px;

}




.EintrtextA{
font-family: JKG-L_2 ;
font-size: 1.25em;
text-decoration: underline;
margin-top: 10px;
margin-bottom: 20px;

}

.EintrtextB{
font-family: JKG-L_2 ;
margin-top:10px ;
margin-bottom:10px ;

}

.EintrtextC{
font-family: JKG-L_2 ;
font-size: 1.25em;
margin-top:0px ;
margin-bottom:0px ;

}

.EintrtextD{
font-family: JKG-L_2; 
margin-top:10px ;
margin-bottom:10px ;

}


.EintrtextE{
font-family: JKG-L_2 ;
line-height:1.5em ;
text-align: left;
margin-top:10px ;
margin-bottom:10px ;

}










/*denshi intro area*/


/*opencampus*/


.OpenselectH{

width: 100%;
height:auto ;
margin-top:0px;
padding-left: 20px;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
background-color:rgba(248,252,255,0.9);
border-bottom:solid 2px #83c0ff;
}


.Openselect{

width: 100%;
height:auto ;
margin-top:0px;
padding-left: 20px;
padding-top: 15px;
padding-bottom: 15px;
text-align: left;
background-color:rgba(255,255,255,0.8);
}

.OpensctextA{
font-family: JKG-L_2 ;
letter-spacing:1em;

}

.OpensctextB{
font-family: JKG-L_2 ;
letter-spacing:1.42em;

}

.OpensctextC{
font-family: JKG-L_2 ;
letter-spacing:1.44em;

}

.OpensctextD{
font-family: JKG-L_2 ;
letter-spacing:0.88em;

}

.OpensctextE{font-family: JKG-L_2 ;
letter-spacing:1.7em;

}

/*opencampus*/


#jusyo{
padding-top: 1.5em;

}





#jusyo p.psty-A{
margin-top:0.2em;
margin-left: 0.5em;
color:#fefcff;
 font-size: 1.5em; 
 text-align:left;
}


#jusyo p.psty-B{
margin-top:0.5em;
color:#fefcff;
 font-size: 1em; 
 text-align:left;
}


#jusyo p.psty-C{
margin-top:0.5em;
margin-bottom:0.5em;
color:#fefcff;
 font-size: 1em; 
 text-align:left;
}


.psty-h{
margin-top:0.5em;
margin-bottom:0.5em;
color:#fefcff;
 font-size: 1em; 
 text-align:left;
}



#boxA{

width: 100%;
margin-top:-28px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #a30b11;
}


#boxB{

width: 100%;
margin-top:0px;
margin-bottom:10px;
padding-top: 10px;
padding-bottom: 10px;
border-top:solid 1px #a30b11;
border-bottom:solid 1px #a30b11;

}


.boxC{

width: 100%;
margin-top:0px;
margin-bottom:-2px ;
padding-top: 0px;
padding-bottom:0px;

}


.boxD{

width: 100%;
margin-top:0px;
margin-bottom:10px;
padding-top: 10px;
padding-bottom: 10px;
background-color:#ffffff;


}


.boxDD{

width: 100%;
margin-top:0px;
margin-bottom:10px;
padding-top: 0px;
padding-bottom: 5px;
background-color:#ffffff;


}







.boxE{

width: 100%;
height:500px;
margin-top:0px;
margin-bottom:10px;
padding-top: 10px;
padding-bottom: 10px;
/*background-color: #a90104;*/
/*background: url(../img/bgA.jpg);*/

}

.boxFUT{
float: left;
width: 33.33%;
height:auto;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:10px;
padding-bottom: 10px;
background-color:#ffffff;
}



.boxFUC{
float: left;
width: 33.33%;
height:auto;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:10px;
padding-bottom: 10px;
background-color:#ffffff;
}



.boxFUS{
float: left;
width: 33.33%;
height:auto;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:10px;
padding-bottom: 10px;
background-color:#ffffff;
}

.boxFSN{
float: left;
width: 33.33%;
height:auto;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:10px;
padding-bottom: 10px;
background-color:#ffffff;
}

.boxVG{
float: left;
width: 33.33%;
height:auto;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:10px;
padding-bottom: 10px;
background-color:#ffffff;
}

.boxRT{
float: left;
width: 33.33%;
height:auto;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:10px;
padding-bottom: 10px;
background-color:#ffffff;
}











.boxF{
width: 100%;
height:auto;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:10px;
padding-bottom: 10px;
background-color:#ffffff;
}


.boxG{
float: left;
width: 50%;
height:550px;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:500px;
padding-bottom: 10px;
background-color:#ffffff;
}



.boxQC{
float: left;
width: 33.29%;
height:550px;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:470px;
padding-bottom: 10px;
background-color:#ffffff;
}


.boxQL{
float: left;
width: 33.29%;
height:550px;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:330px;
padding-bottom: 10px;
background-color:#ffffff;
}


.boxQR{
float: left;
width: 33.29%;
height:550px;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:330px;
padding-bottom: 10px;
background-color:#ffffff;
}












boxM{

width: 100%;
height: auto;
margin-top:10px;
padding-left:10px;
padding-top: 5px;
padding-bottom: 5px;

}

.boxN{

width: 100%;
margin-top:-10px;
padding-left:10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #a30b11;
}

.boxH{

width: 100%;
margin-left: 0px;
margin-left: 0px;
margin-top:0px;
margin-bottom:0px;
padding-top: 50px;
padding-bottom: 20px;
background-color:rgba(255,255,255,0.8);

}


.boxH2{

width: 100%;
margin-left: 0px;
margin-left: 0px;
margin-top:0px;
margin-bottom:0px;
padding-top: 100px;
padding-bottom: 50px;
background-color:rgba(255,255,255,0.8);

}



.boxHm{

width: 100%;
hight:3px;
margin-left: 0px;
margin-left: 0px;
margin-top:0px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom: 0px;
background-color:rgba(165,35,38,1);

}


.boxMap{

width: 90%;
hight:480px;
margin-left: 2px;

}











.boxlogo{

width: 20%;
float: left;
}

.boxdialog{

width: 100%;
float: left;
margin-left: 0px;
margin-left: 0px;
margin-top:0px;
margin-bottom:-10px;
padding-top: 15px;
padding-bottom: 15px;
background-color:#ffffff;


}





.bcolorA{
border-left:solid 10px #a30b11;

}

.bcolorB{
border-left:solid 10px #ff98f2;

}

.bcolorC{
border-left:solid 10px #ffa328;

}

.bcolorD{
border-left:solid 10px #2e73ff;

}

.bcolorE{
border-left:solid 10px #1bb821;

}

.bcolorF{
border-left:solid 10px #d90bc4;

}

.bcolorG{
border-left:solid 10px #f6ff0c;

}

.bcolorH{
border-left:solid 10px #6de4ff;

}


.bcolorAS{
border-left:solid 10px #fc8e7d;
border-bottom:solid 2px #fc8e7d;

}


.bcolorAS_1{
border-left:solid 10px #fcc1b9;
border-bottom:solid 2px #fcc1b9;

}


.bcolorAS_2{
border-left:solid 10px #fceac0;
border-bottom:solid 2px #fceac0;

}


.bcolorAS_3{
border-left:solid 10px #f5fc9e;
border-bottom:solid 2px #f5fc9e;

}








.bcolorBS{
border-left:solid 10px #ff98f2;
border-bottom:solid 2px #ff98f2;

}

.bcolorCS{
border-left:solid 10px #ffa328;
border-bottom:solid 2px #ffa328;

}

.bcolorDS{
border-left:solid 10px #8A9Aff;
border-bottom:solid 2px #8A9Aff;

}

.bcolorDS_1{
border-left:solid 10px #83c0ff;
border-bottom:solid 2px #83c0ff;

}


.bcolorDS_2{
border-left:solid 10px #6ac7ff;
border-bottom:solid 2px #6ac7ff;

}



.bcolorES{
border-left:solid 10px #ffa991;
border-bottom:solid 2px #ffa991;

}

.bcolorFS{
border-left:solid 10px #d90bc4;
border-bottom:solid 2px #d90bc4;

}


.bcolorGS{
border-left:solid 10px #77fdA0;
border-bottom:solid 2px #77fdA0;

}


.bcolorGS_1{
border-left:solid 10px #ADfd9B;
border-bottom:solid 2px #ADfd9B;

}



.bcolorGS_2{
border-left:solid 10px #EDFD5E;
border-bottom:solid 2px #EDFD5E;

}











.bcolorASS{
border-left:solid 10px #a30b11;
border-bottom:solid 2px #a30b11;

}

.bcolorBSS{
border-left:solid 10px #ff98f2;
border-bottom:solid 2px #ff98f2;

}

.bcolorCSS{
border-left:solid 10px #ffa328;
border-bottom:solid 2px #ffa328;

}

.bcolorDSS{
border-left:solid 10px #2e73ff;
border-bottom:solid 2px #2e73ff;

}

.bcolorESS{
border-left:solid 10px #1bb821;
border-bottom:solid 2px #1bb821;

}

.bcolorFSS{
border-left:solid 10px #a0a0a0;
border-bottom:solid 2px #a0a0a0;

}









/*list class*/

.Glist{
display: inline;
list-style-type: none;
}


/*list class*/
















.newslistA{
margin-bottom: 15px;
margin-top: 15px;
}

.newslistB{
margin-bottom: 15px;

}


/*new class*/



/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after{

    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */





/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS ---------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 800px) {
dammy{}
	.col { 
		margin: 1% 0 1% 0%;
	}


.section4 {
	clear: both;
	width: 100%;
	height:800px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/toppict2.png");
	background-size:100% 100%;
}


.EsctextD{
font-family: JKG-L_2 ;
font-size: 0.9em;
letter-spacing:0.2em;

}




}







@media only screen and (max-width: 480px) {
dammy{}
	.col { 
		margin: 1% 0 1% 0%;
	}
	

.section4 {
	clear: both;
	width: 100%;
	height:550px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/toppict2.png");
	background-size:100% 100%;
}

/*denshi top style*/
.sectionEtop {
	clear: both;
	width: 100%;
	height:550px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/denshissize.png");
	background-size:100% 100%;
}



.boxD{

width: 70%;
margin-top:0px;
margin-left: 40px;
margin-bottom:10px;
padding-top: 10px;
padding-bottom: 10px;
background-color:#ffffff;


}

.boxDD{

width: 70%;
margin-top:0px;
margin-left: 40px;
margin-bottom:10px;
padding-top: 0px;
padding-bottom: 5px;
background-color:#ffffff;


}

.boxG{
float: left;
width: 50%;
height:550px;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:350px;
padding-bottom: 10px;
background-color:#ffffff;
}

/*denshi top style*/
/*denki top style*/

.sectionTtop {
	clear: both;
	width: 100%;
	height:550px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/electricworkssize.png");
	background-size:100% 100%;
}

.boxQC{
float: left;
width: 33.29%;
height:470px;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:350px;
padding-bottom: 10px;
background-color:;
}


.boxQL{
float: left;
width: 33.29%;
height:300px;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:250px;
padding-bottom: 10px;
background-color:;
}


.boxQR{
float: left;
width: 33.29%;
height:300px;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-top:250px;
padding-bottom: 10px;
background-color:;
}

/*denki top style*/




	
#jusyo p.psty-B{
margin-top:0.5em;
color:#fefcff;
 font-size:0.8em; 
 text-align:left;
}

	
.newslistA{
margin-bottom:5px;
margin-top: 5px;
font-size: 1em;
}	
	
.newslistB{
margin-bottom:5px;
font-size: 1em;
}	
	
.texternews{
text-align: left;
margin-left: 5px;
margin-bottom:5px;

}	
	
	
.boxlogo{

width: 50%;
float: left;
}	
	

/*message mobile*/
.msgimg{
width: 100%;
float: left;
text-align: left;
margin-left: 10px;
margin-bottom: 10px;

}

.msgtext{
width: 100%;
float: left;
text-align: left;
margin-left: 10px;
margin-bottom: 10px;

}


.msgtextArch{
width: 100%;
float: left;
text-align: left;
margin-left: 10px;
margin-bottom: 10px;

}

.msgtext_A{
width: 100%;
float: left;
text-align: left;
margin-top: 2%;
margin-left: 5px;
margin-bottom: 10px;

}




.msgtext p{
letter-spacing:1px;
line-height:1em;
}


.msgtextTrd{
width: 100%;
float: left;
text-align: center;
margin-top: 5%;
margin-left: 5px;
margin-bottom: 10px;

}





/*message mobile*/

/*ippann text*/

.ipntext{
width: 100%;
text-align: left;
margin-left: 5px;
margin-bottom: 10px;

}


.ipntext p{
font-size: 0.9em;
letter-spacing:1px;
line-height:1.1em;
}


/*ippan text*/



/*denshi select area*/	
.Etitle{
margin-top:10px;
font-family: JKG-L_2;
font-size:1.5em;


}

.Etitlesub{
margin-top: 10px;
font-family: JKG-L_2;
font-size:0.5em;
}


.EsctextA,.EsctextD{
font-size: 0.8em;
letter-spacing:0em;

}


.EsctextB,.EsctextC,.EsctextE{

letter-spacing:0em;

}	


.EintrtextA{

font-size: 1em;

}

.EintrtextB{
font-size: 0.88em;

}
/*denshi select area*/


/*Acourse area*/
.boxE{

width: 100%;
height:auto;
margin-top:0px;
margin-bottom:10px;
padding-top: 50px;
padding-bottom: 10px;
background: url(../img/bgA.jpg);

}

.EintrtextHead{
font-family: JKG-L_2 ;
font-size:1.5em;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 100px;

}
/*Acourse area area*/

.boxFUT
{
float: left;
width: 30%;
height:auto;
text-align: left;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:5px;
padding-top:15px;
padding-bottom: 15px;
background-color:#ffffff;
}

.boxFUC{
float: left;
width: 70%;
height:auto;
text-align: right;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-right:5px;
padding-top:15px;
padding-bottom: 15px;
background-color:#ffffff;
}

.boxFUS
{
float: left;
width: 50%;
height:auto;
text-align: left;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:5px;
padding-top:15px;
padding-bottom: 15px;
background-color:#ffffff;
}



.boxFSN
{
float: left;
width:50%;
height:auto;
text-align:left;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:5px;
padding-top:15px;
padding-bottom: 15px;
background-color:#ffffff;
}


.boxVG{
float: left;
width: 70%;
height:auto;
text-align:left;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:5px;
padding-top:15px;
padding-bottom: 15px;
background-color:#ffffff;

}

.boxRT{
float: left;
width: 30%;
height:auto;
text-align:right;
font-family:JKG-L_2 ;
font-size: 0.95em;
margin-top:0px;
margin-bottom:0px;
padding-left:5px;
padding-top:15px;
padding-bottom: 15px;
background-color:#ffffff;

}



.Glist{
display: block;
list-style-type: none;
}




/*course top style*/



.section_A {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(169,1,4,1);	
}

.section_0A2 {
    width: 100%;
    height: 550px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/DBCAssize.png");
	background-size:100% 100%;
}

.section_B {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(57,171,255,1);
}

.section_0B2 {
    width: 100%;
    height: 550px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/CDEssize.png");
	background-size:100% 100%;
}

.section_C {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,132,45,1);
}

.section_0C2 {
    width: 100%;
    height: 500px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/SVssize.png");
	background-size:100% 100%;
}

.section_D {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(61,187,67,1);	
}

.section_0D2 {
    width: 100%;
    height: 550px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/RTssize.png");
	background-size:100% 100%;
}


.section_E {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,150,1);	
}

.section_0E2 {
    width: 100%;
    height: 480px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/MWSssize.png");
	background-size:100% 100%;
}


.section_0AM2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/Automobilessize.png");
	background-size:100% 100%;
}


.section_0AR2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/Aechssize.png");
	background-size:100% 100%;
}
/*Archtect top*/


.section_0EW2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/EWDAssize.png");
	background-size:100% 100%;
}
/*denkikouji top*/


.section_0EE2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/EEssize.png");
	background-size:100% 100%;
}
/*Denksyunin top*/


.sectionNWtop {
	clear: both;
	width: 100%;
	height:600px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/Networkssize.png");
	background-size:100% 100%;
}

/*InformationSystem top*/



.sectionNightTimetop {
	clear: both;
	width: 100%;
	height:700px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/NightTimessize.png");
	background-size:100% 100%;
}
/*Night Time top*/

.section_0NT2 {
	clear: both;
	width: 100%;
	height:550px;
	padding: 0px;
	margin: 0px;
	background-image:url("../img/NetworkSysssize.png");
	background-size:100% 100%;
}

/*NetWrokSystemcourse top*/

/*Weather course top*/
.section_WF {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,0,0);	
}

.section_0WF2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/Weatherssize.png");
	background-size:100% 100%;
}
/*Weather course top*/


/*RobotSystem top*/
.section_RS {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(255,0,0,0);	
}

.section_0RS2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/Robotsystemssize.png");
	background-size:100% 100%;
}
/*RobotSystem top*/



/*Seek From Lisence top*/
.section_L {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(57,171,255,1);
}

.section_0L2 {
    width: 100%;
    height: 600px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/Lisencessize.png");
	background-size:100% 100%;
}
/*Seek From Lisence top*/




/*course top style*/


/*map style*/
/*Map Section*/
.section_Map {
	clear: both;
	padding: 0px;
	margin: 0px;
/*	background-image:url("../img/Atop.png");
	background-size:100% 100%;*/
	background-color:rgba(57,171,255,1);
}

.section_Map2 {
    width: 90%;
    height: 480px;
	clear: both;
	padding: 10px;
	margin: 0px;
   background-image:url("../img/mapS.png");
	background-size:100% 100%;
}
/*Map Section*/
/*map style*/




	
	
}