/***********************************************/
/* jigyou.css                                     */
/***********************************************/

html{
  height:100%;
}

{
  margin:0; padding:0;
}  

body{
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "lr oSVbN", "MS PGothic", sans-serif; border: 1px solid #cccccc; width: 780px; margin: 10px auto 0 auto; padding: 0 auto 0 auto;
}

#contents {
	margin-right: auto; margin-left: auto; width: 615px; float: right; height: auto;
}


A:link {
	COLOR: #1d3994; TEXT-DECORATION: none;
	}
	
A:visited {
	COLOR: #941d55; TEXT-DECORATION: none;
	}
	
A:hover {
	TEXT-DECORATION: underline;
	}
	
#breadcrumb {
	font-size: 80%; font-weight: bold; text-align: left; margin: 0px; padding-left: 15px;
	letter-spacing: 0.1em; color: #333333; height: 1.5em; position: static; clear: left;
	padding-top: 3px;
}

#breadcrumb a:link, #breadcrumb a:visited {
 margin: 0px; padding: 0px; border: none; background-color: none; background-image: none; font-weight: bold; text-decoration: none; color: #000099;
}

#breadcrumb a:hover{
 border: none;	background-color: none;	background-image: none;	 font-weight: bold; text-decoration: underline; color: #990000;
}


/* skip */

.skip
{
position: absolute; left: -9999px;
}

/***********************************************/
/* main navi                                   */
/***********************************************/

#masthead{
	width: 100%; height:108px; background-image: url(../img/bimg3.jpg); background-position:right top; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; min-height:1em; display: inline-table; background-repeat: no-repeat;
}

#masthead:after {
    content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}

/*\*/
* html #masthead {
    height: 1px; overflow: visible;
}
/**/

#leftmenu{
	float: left; width:160px; margin left: 2px; margin-top: 3px;
	border-right-style: none; border-top-style: none; border-bottom-style: none;
	border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC; margin-right: 3px; margin-bottom: 3px; margin-left: 0px;
	border-left-style: none; height: 1px;
}


/**********************************************/
/*@leftir@@@@@@@                     */
/**********************************************/
#navbar{
	float: left; padding: 0px; text-align: left; height: auto; margin-top: 2px; margin-right: 0px;
	margin-bottom: 10px; margin-left: 2px; border-right-width: 1px; border-bottom-width: 1px;
	border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #cccccc; border-bottom-color: #CCCCCC;
	border-left-color: #cccccc; list-style-type: none; width: 100%;
}

.navbar ul li {
	border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #666666;
	list-style-type: none; margin: 0px; padding: 0; border-bottom: 1px;
}

#navbar ul li a {
	display: block; width: 180px; height: 40px; background-repeat: repeat; background-position: 0 0;
	outline: none; list-style-type: none;
}

#navbar ul li a:hover {
	background-position: 0 100%; list-style-type: none;
}

#content{
	float: left; width: 55%; min-width: 420px;
}

/*********** #rightbar link styles ***********/
#rightbarLinks a:link, #rightbarLinks a:visited {
	margin: 0px; padding: 0px; border: none; background-color: none; background-image: none;
	font-weight: normal; text-decoration: none; color: normal;
}

#rightbarLinks a:hover{
	border: none; background-color: none; background-image: none; font-weight: normal;
	text-decoration: none; color: normal;
}


#mainmenu {
padding: 0px 0px 0px 0px;
}

#mainmenu a {
	font-size: 120%; font-weight: bold;
}

#linename {
	padding: 0px; margin-top: 2px; margin-right: 4px; margin-bottom: 0px; margin-left: 0px;
	float: right; font-weight: bold; color: #FFFFFF; font-size: small; height: 1em;
}

#linename a:link, #linename a:visited {
 margin: 0px; padding: 0px; border: none; background-color: none; background-image: none; font-weight: bold; text-decoration: none; color: #ffffff;
}

#linename a:hover{
background-color: #0000FF;	 font-weight: bold; color: #ffffff;
}

p {
	margin: 0px; padding: 0px; word-spacing: normal; text-align: left;
}

.csul {
	MARGIN-TOP: 2px; MARGIN-BOTTOM: 2px; MARGIN-LEFT: 0px; WIDTH: 160px; li  list-style-type:none;
}

.csli {
	padding-left: 2px; paddinf-bottom: 2px; padding-top: 2px; font-size: 90%; text-align : left;
	border-bottom-width: 1px; border-bottom-style: ridge; border-bottom-color: #cccccc;
	list-style-type: none;
}

.topics {
	background: #f0f0f0; width: 160px; margin-bottom: 20px;
}  

 .caname {
	padding-right: 0px; padding-left: 6px; font-weight: bold; font-size: 0.9em; font-color: ffffff; padding-bottom: 2px; border-left-width : 10px; border-left-style : solid; border-top-color : #cccccc; border-right-color : #cccccc; border-bottom-color : #cccccc; border-left-color : #003399; line-height: 100%; padding-top: 2px; text-align: left; background-position: left; letter-spacing: 0.2em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: double;
} 

H1 {
padding-left: 10px; border-width : 0px 1px;border-bottom-width : 0px;border-left-width : 16px;border-left-width : 1px;border-right-width : 0px;border-bottom-width : 0px;border-left-width : 16px; border-style : solid none solid; border-left-style : solid;border-left-style : solid;border-left-style : solid; border-top-color : navy; border-right-color : #9999ff; border-bottom-color : navy;  font-size : 120%; font-weight : bold; margin-top : 13px; margin-bottom : 10px; padding-top : 5px;  padding-bottom : 5px;  margin-right : 15px;  border-bottom-color : navy;  border-right-color : navy;  border-left-color : #9999ff; margin-left : 5px;  color : black;  background-color : #e3e3e3;  text-align : left;
}

H2 {
color : black; padding-left: 10px; border-width : 0px 0px 1px;border-left-width : 15px; border-style : none solid solid;border-left-style : solid;border-right-style : solid;border-bottom-style : dotted;border-left-style : solid;border-left-style : solid;border-left-style : solid;border-left-style : solid; border-right-color : #003399;border-bottom-color : #CCCCCC;border-left-color : #9999ff; line-height : 130%; font-size : 97%; font-weight : bold; margin-bottom : 10px; margin-top : 20px;  text-align : left;  margin-left : 13px;  margin-right : 13px;
}

H3  {
padding-left: 10px; border-width : 0px 0px 1px;border-left-width : 10px; border-style : solid solid none;border-left-style : solid;border-left-style : solid; border-top-color : #003399;border-right-color : #003399;border-left-color : #9999ff;  line-height: 100%;  font-size : 98%; font-weight : bold; margin-bottom : 2px; color : navy;  margin-left : 13px;  margin-right : 10px;
}

H4  {
	padding-left: 10px; border-width : 0px 0px 1px; border-left-width : 8px; border-style : solid solid dotted; border-left-style : solid; border-top-color : #ffff00; border-right-color : #ffff00;
	border-bottom-color : #cccccc; border-left-color : #ffff00; line-height: 100%; font-size : 96%; font-weight : bold; margin-bottom : 5px; color : #000000; margin-left : 13px; padding-right: 10px;
	margin-right: 10px;
	}

.impact {
	FONT-WEIGHT: bold; LINE-HEIGHT: 130%;  
}

.space {
  margin-top : 1em;  padding-top : 5px;  padding-bottom : 10px;  margin-bottom : 1px;
}

.txt1{ 
FONT-SIZE: 0.8em; LINE-HEIGHT: 150%;
}

.txt2{
 FONT-SIZE: 0.9em; LINE-HEIGHT: 150%;
}

.txt3{
 FONT-SIZE: 1em; LINE-HEIGHT: 150%;
}

.leftspace{
 padding-left : 1.5em;
}

EM {
 FONT-WEIGHT: bold; COLOR: #ff3300; FONT-STYLE: normal;
}
.askto {
	padding: 5px;	font-size: 98%;	line-height: 1.5em;	width: 70%;	margin-top: 15px;
	margin-right: 5%;	margin-bottom: 15px;	margin-left: 20%;	float: right;
}

.ask {
	PADDING-RIGHT: 0px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 0.9em; FONT-COLOR: ffffff; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 2px; border-width : 0px 0px 1px;border-left-width : 10px; border-style : none;border-right-style : solid;border-bottom-style : dotted;border-left-style : solid;border-left-style : solid; border-top-color : #cccccc;border-right-color : #cccccc;border-bottom-color : #cccccc;border-left-color : #cccccc; line-height: 100%; border-left : solid yellow;border-left-width : 10px; PADDING-TOP: 2px; TEXT-ALIGN: left;
	}
	
.atel {
   PADDING-RIGHT: 0px; PADDING-LEFT: 3px; padding-bottom : 8px; padding-top : 7px; border-bottom : solid #cccccc;border-bottom-width : 1px;  FONT-SIZE: 90%; text-align : left; line-height : 140%;
  background-color : #ffffdf;
}
#yame1{
 border-right-color : 00000 border-right-width : 1px; PADDING-RIGHT: 10px; border-top-color : 000000;border-top-width : 1px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 10px auto; border-left-color : 000000;border-left-width : 1px;  PADDING-TOP: 10px; border-bottom-color : 000000; border-bottom-width : 1px; TEXT-ALIGN: left; font-size : 1em; font-weight : normal; line-height : 150%; color : 000000; position : normal;
}

.bluebox{
	border-right-style : double; border-right-color : blue; PADDING-RIGHT: 10px; border-top-style : double; border-top-color : blue; border-top-width : 1px; border-left-style : double; border-left-color : blue; border-left-width : thin;	PADDING-TOP: 10px; border-bottom-style : double;
	border-bottom-color : blue; border-bottom-width : 1px; TEXT-ALIGN: left; font-size : 0.9em;
	font-weight : normal; line-height : 140%; color : navy; margin-right: 10px;
	border-right-width: thin; padding-left: 10px; margin-left: 15px;
}

.redbox{
 border-right-style : double;border-right-color : dc143c;border-right-width : 1px; PADDING-RIGHT: 10px; border-top-style : double;border-top-color : dc143c;border-top-width : 1px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; margin : 10px 13px;margin-bottom : 10px;margin-left : 13px; border-left-style : double; border-left-color : dc143c;border-left-width : 1px;  PADDING-TOP: 10px; border-bottom-style : double;border-bottom-color : dc143c;border-bottom-width : 1px;  font-size : 0.9em; font-weight : normal; line-height : 150%; color : 000000; position : normal;
border-color : #ff8000 #ff8000 #ff8000 #ff8000;}

.graybox{
 border-right-style : solid;border-right-color : dc143c;border-right-width : 1px; padding-right : 3px; border-top-style : solid;border-top-color : dc143c;border-top-width : 1px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; margin : 10px 13px;margin-bottom : 10px;margin-left : 13px; border-left-style : solid; border-left-color : dc143c;border-left-width : 1px;  padding-top : 7px; border-bottom-style : solid;border-bottom-color : dc143c;border-bottom-width : 1px;  font-size : 85%; font-weight : normal; line-height : 140%; color : 000000; position : normal;
border-color : #cccccc #cccccc #cccccc #cccccc;
  text-align : left;
}

.gbox{
 border-right-style : double;border-right-color : green;border-right-width : 1px; padding-right : 5px; border-top-style : double;border-top-color : green;border-top-width : 1px; padding-left : 5px; padding-bottom : 5px; margin : 10px 5px 5px;margin-left : 5px;margin-left : auto;margin-bottom : 10px;margin-left : 15px; border-left-style : double;border-left-color : green;border-left-width : 1px;  padding-top : 5px; border-bottom-style : double;border-bottom-color : green;border-bottom-width : 1px; TEXT-ALIGN: left; font-size : 0.9em; font-weight : normal; line-height : 140%; color : navy; position : normal; 
}

.topbox{
 border-right-style : groove;border-right-color : silver;border-right-width : 2px; padding-right : 5px; border-top-style : solid;border-top-color : silver;border-top-width : 1px; padding-left : 5px; padding-bottom : 5px; margin : 5px 15px;margin-bottom : 20px;margin-left : 15px;margin-bottom : 20px;margin-left : 15px; border-left-style : double;border-left-color : silver;border-left-width : 2px;  padding-top : 5px; border-bottom-style : groove;border-bottom-color : silver;border-bottom-width : 2px; TEXT-ALIGN: left;  font-weight : normal;   position : normal;   background-color : #ffffff;
}

.txtbig{
 font-size : 0.9em; line-height : 150%; padding-top : 2px; padding-left : 2px; padding-right : 2px; padding-bottom : 2px; margin-top : 2px; margin-left : 2px; margin-right : 2px; margin-bottom : 2px;
}

.n{
 font-size : 96%; font-weight : normal; padding-left : 20px; margin-left : 10px; line-height : 140%;  padding-right : 1px; margin-right : 15px;
}

.n2{
 font-size : 98%; font-weight : normal; padding-left : 20px; margin-left : 10px; line-height : 150%;  padding-right : 1px;
}

UL{
 font-size : 0.9em; font-weight : normal; padding-left : 3px; padding-bottom : 7px; margin-top : auto;  margin-left : 10px; margin-bottom : 2px; list-style-type : none; padding-top : 3px;
}

.date{
	font-size : 0.9em; color : #000066; margin-top : 2px; margin-left : 2px; margin-right : 5px;
	margin-bottom : 5px; padding-top : 3px; padding-right : 15px; padding-bottom : 3px;
	text-align : right; letter-spacing: 0.2em;
}

OL{
  list-style-type : decimal; font-size : 98%; font-weight : normal; list-style-position : outside; padding-top : 1px; padding-bottom : 5px; margin-bottom : 2px; line-height : 150%; margin-top : 2px;
} 

#yame {
	img : url(top_01.gif) no-repeat link(top); HEIGHT: 60px;
}

#photo {
	background-image : url(bimg4.jpg);background-repeat:no-repeat; background-position:right bottom; HEIGHT: 60px 
;}

#LI{
@list-style-image : url(../img/litlinkb.gif);
}

#toplink {
	FONT-SIZE: 80%; PADDING-BOTTOM: 2px; MARGIN-LEFT: auto; WIDTH: 780px; MARGIN-TOP: 2px; padding-right : 3px; TEXT-ALIGN: right;
	}
	

.#link {
 FONT-SIZE: 80%; BACKGROUND: #e4e4e4; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 35px; TEXT-ALIGN: left;
 }

.clink {
 BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; FONT-SIZE: 95%; HEIGHT: 25px; TEXT-ALIGN: center;
 }
 
.topics {
	WIDTH: 160px; background-color: #f0f0f0;
}

.ask {
	PADDING-RIGHT: 0px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 0.9em; FONT-COLOR: ffffff; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 2px; border-width : 0px 0px 1px;border-left-width : 10px; border-style : none;border-right-style : solid;border-bottom-style : dotted;border-left-style : solid;border-left-style : solid; border-top-color : #cccccc;border-right-color : #cccccc;border-bottom-color : #cccccc;border-left-color : #cccccc; line-height: 100%; border-left : solid yellow;border-left-width : 10px; PADDING-TOP: 2px; TEXT-ALIGN: left;
	}
	
.atel {
   PADDING-RIGHT: 0px; PADDING-LEFT: 3px; padding-bottom : 8px; padding-top : 7px; border-bottom : solid #cccccc;border-bottom-width : 1px;  FONT-SIZE: 90%; text-align : left; line-height : 140%;
  background-color : #ffffdf;
}

.txtb {
	MARGIN-TOP: 8px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 90%; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 0px; OVERFLOW: visible; WIDTH: auto; HEIGHT: auto;
	}
	
.csul {
	PADDING-LEFT: 0px; OVERFLOW: visible; WIDTH: 160px; LIST-STYLE-TYPE: none; margin: 0px;
}

.csli {
	FONT-SIZE: 90%; text-align : left; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; text-indent: 1em; padding: 0px; list-style-type: none; height: auto;
	width: auto; line-height: 1.8em; margin: 0px;
}

.txtb {
	MARGIN-TOP: 8px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 90%; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 0px; OVERFLOW: visible; WIDTH: auto; HEIGHT: auto;
	}
	
.txtn {
	MARGIN-TOP: 5px; PADDING-LEFT: 20px; FONT-SIZE: 85%; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 0px; OVERFLOW: visible; WIDTH: auto; LIST-STYLE-TYPE: none; HEIGHT: auto;
	}
	
#header {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 110%; BORDER-LEFT: #ffcc00 6px solid; PADDING-TOP: 7px; BORDER-BOTTOM: #ffcc00 1px solid; HEIGHT: 24px;
	}
	
#footer {
	FONT-WEIGHT: bold; FONT-SIZE: 80%; LINE-HEIGHT: 120%; clear: both; padding: 0px; margin: 0px;
	letter-spacing: 0.1em;
	}

#copylight {
	FONT-WEIGHT: lighter; FONT-SIZE: 90%; text-align : center; padding-bottom: 10px; padding-top: 10px; clear: both;
}

.cali{
  font-size : 96%;  padding-left : 15px;  padding-right : 5px;  margin-top : 5px;  margin-left : 15px; margin-right : 5px; list-style-position : outside;  list-style-image : url(calib.gif); line-height : 140%;
}

.new{
  color : #ffffff;  background-color : gray;  font-size : 96%;  font-weight : bold;  padding-top : 3px;  padding-left : 3px;  padding-right : 3px;  padding-bottom : 3px;  margin-top : 3px;  margin-left : 3px;  margin-right : 3px;  margin-bottom : 3px;
}

.toplink{
  padding-top : 0px; padding-left : 0px; padding-right : 0px; padding-bottom : 0px; margin-top : 0px;  margin-left : 0px; margin-right : 0px; margin-bottom : 5px; border-bottom-width : 1px;  border-bottom-style : solid; border-bottom-color : silver;
}

#topnews{
  font-size : 96%;  padding-top : 3px; padding-left : 3px; padding-right : 3px;  padding-bottom : 3px; margin-top : 0px;  margin-left : 0px;  margin-right : 0px;  margin-bottom : 0px;border-width : 1px 1px 1px 1px;border-top-style : groove;border-right-style : groove;border-bottom-style : groove;border-left-style : groove;border-color : gray gray gray gray;
  }

#topnavi{
  padding-bottom : 7px;
}

#bottombar{
  font-size : x-small;  font-weight : bold;  text-align : center;  margin-top : 3px;  margin-bottom : 3px;
}

#newli{
  font-size : 0.9em;  padding-left : 15px;  padding-right : 5px;  margin-top : 5px;  margin-left : 10px;  margin-right : 5px; list-style-position : outside;  list-style-image : url(../top/calib.gif);
  line-height : 140%;
}

.fhr {
	border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCCCCC; border-bottom-color: #CCCCCC; overflow: hidden; width: 780px;
	padding-top: 10px; padding-bottom: 10px; text-align: center;
}
#footask {
	padding: 10px; font-weight: lighter; margin-top: 0px; margin-bottom: 0px; margin-left: 30px;
	float: left;
}

#footerlink {
	float: right;
	margin-top: 15px;
	margin-right: 70px;
	font-size: medium;
	line-height: 1.3em;
	list-style-image: url(../img/banaimage1.gif);
	list-style-position: outside;
}
.menu {
	letter-spacing: 0.2em; float: left; width: 350px; margin-right: 20px; margin-left: 20px;
	line-height: 1.2em;
	}

/*********\gέ1************/

table.table010 {
	margin-top: 0.2em;
	@margin-bottom: 1em;
	width: 570px;
	border-collapse: collapse;
	border: solid 0.5px #999;
	font-size: 100%;
	margin-left: 10px;
}

table.table010 caption {
  margin-top: 1em; text-align: left;
}

table.table010 th,
table.table010 td {
  border: solid 1px #999; padding: 4px 6px;
}

table.table010 th {
  background: #E6E6E6; text-align: center; white-space: nowrap; color: #666;
}

table.table010 td.course {
  text-align: center; font-size: 200%; font-weight: bolder;
}

table.table010 td.time,
table.table010 td.fee {
  text-align: right; white-space: nowrap;
}

/*********\gέ2************/

table.table020 {
	margin-top: 0.2em;
	@margin-bottom: 1em;
	border-collapse: collapse;
	border: 0.5px dashed #999;
	font-size: 95%;
	margin-left: 10px;
}

table.table020 caption {
  margin-top: 1em; text-align: left;
}

table.table020 th,
table.table020 td {
  border: 1px dotted #999; padding: 4px 6px;
}

table.table020 th {
  background: #E6E6E6; text-align: center; white-space: nowrap; color: #666;
}

table.table020 td.course {
  text-align: center; font-size: 200%; font-weight: bolder;
}

table.table020 td.time,
table.table020 td.fee {
  text-align: right; white-space: nowrap;
}
.camenu {
	font-size: medium; font-weight: bold; background-color: #f0f0f0; margin-top: 3px; margin-bottom: 3px;	border-top-width: thin; border-top-style: solid; border-top-color: #FF0000; margin-right: 10px; padding-top: 5px; padding-right: 3px; padding-bottom: 3px; padding-left: 8px;
}
