/** BASIC */

html {

}
BODY {
  margin: 0em;
  padding: 0em;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0;
    height:100%;
  min-width : 900px;
  color:#333;
word-break: break-all;

}
#container{
width:1000px;
margin: 0 auto;
}
* html #body {
width:expression(document.body.clientWidth < 900? “900px” : “auto”);
word-break: break-all;

}
H1, H2, H3, H4, H5, H6 {
  margin : 0.5em 0em;
  padding: 0.5em;
  font-weight : normal;
  font-size : 140%;
  border-bottom:1px solid;
  border-bottom-color:#eee;
}
 H3{
  font-size : 120%;
  border-bottom:0px solid;

}
P{
  line-height : 2em;
  padding-left : 2em;
}
.right {
text-align:right;
}
UL {
	list-style-type: circle;
	line-height : 2em;
	text-align: left;
}
OL{
  line-height : 2em;
}
A {
  color : #008;
}
a:HOVER {
  color : #00e;
}

a[target="_blank"] {
  padding-right: 13px;
  background: url(images/external.png) no-repeat center right;
}

hr{
clear: both;
color: #eee;
border: 1px solid #eee;
border-bottom: none;
margin: 66px 0 20px 0;
}

BLOCKQUOTE{
  border : solid 1px  #eee;
  padding: 1em;
  margin:0;
}

th {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #E1E2E6;
}

/** HEADER */

#header {
  padding: 1em 0em;
  background-repeat : repeat-x;
  background-position : 0px 100%;
  margin : 0 auto 2em;
  border-bottom: solid 1px #eee;
  width:1000px;
}
#search {
float: right;
height: 40px;
width: 270px;
margin: 2.6em 0;
}
#contact {
float: right;
height: 40px;
width: 170px;
position: fixed;
top: 0px;
margin-left: 885px;
}
#header a:hover {
background:none;
}

/** MENU */

#menu {
  float : right;
  width : 300px;
  padding: 0;
  font-size : 0.75em;
  margin: 0 0 30px 0;
}
#menu UL {
  margin: 0em;
  padding: 0em;
  list-style: none;
  line-height : 2em;
}
#menu li {
  }


#menu a {
  display: block;
  color : black;
  padding:2px 8px;

}
#menu  A{
  border-left:solid 1px #eee;
text-decoration:none;
}
#menu  A:hover{
  background-color : #fefefe;
  border-left:solid 1px #00f;
}
#menu  H1{
  margin:1em 0 0 0 ;
  font-size:0.8rem;
}


/** CONTENT */

#content {
  float: left;
  width : 640px;
  margin: 0 0 5em 0;
  font-size : 0.8em;
word-break: break-all;

}



#content a:hover, #footer A:HOVER {
background:#ddd;
color:#333;
}



#content a:hover, {
background:#333;
}

#content A[target="_blank"]:hover {
  background: url(images/externalb.png) no-repeat center right;
}
A[target="_blank"]:hover {
  background: url(images/externalb.png) no-repeat center right;
}
a img{
  background:none;
  padding-right:0px;
  margin-right:0px;
  border:none;
}
/** FOOTER */

#footer {
  clear: both;
  width: 100%;
  padding : 4em 0em;
  text-align : center;
  background-image: url(images/white_wall.png);
  background-position : 0px 0%;
  margin : 0;
  border-top:solid 1px #eee;
  background-color: #fefefe;

  -webkit-box-shadow: inset 0px 12px 31px 8px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 12px 31px 8px rgba(0,0,0,0.1);
box-shadow: inset 0px 12px 31px 8px rgba(0,0,0,0.1);
}
#footer P {
  margin: 0em;
  padding: 0em;
  font-size : 70%;
  color:#666;

}
#footer a {
color:#222;
text-decoration:none;
border-bottom:1px solid #ccc;
}
#footer a:hover {
border-bottom:1px solid #00f;
}

.footjp{
width:49%;
text-align:right;
float: left;
font-size: 12px;
}
.footen{
width:49%;
text-align:left;
float: right;
font-size: 12px;

}
#footlogo{
margin: 20px 0 30px 0;
}
#footlogo a {
color:#222;
text-decoration:none;
border-bottom:none;
}

#footlogo a:hover {
border-bottom:none;
background:none;

}

/** top page */

#topcontent {
  width : 1000px;
  margin: 0 auto;
  font-size : 0.8em;

}

#top1 {
width: 300px;
float: left;
margin: 0  30px 30px 0;
border-left: solid 5px #eee;
padding-left: 5px;
}

#top2 {
width: 300px;
float: left;
margin: 0 30px 30px 0;
border-left: solid 5px #eee;
padding-left: 5px;

}

#top3 {
width: 300px;
float: left;
border-left: solid 5px #eee;
padding-left: 5px;
margin: 0 0 30px 0;

}

#news
{
border-left: solid 5px #eee;
padding-left: 5px;
}


/** TABLE */


.tbl {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #eeeeee;

	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;

	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;

	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.tbl table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	margin:0px;padding:0px;
}.tbl tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.tbl table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.tbl table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.tbl tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.tbl tr:hover td{

}
.tbl tr:nth-child(odd){ background-color:#fdfdfd; }
.tbl tr:nth-child(even)    { background-color:#ffffff; }.tbl td{
	vertical-align:middle;


	border:1px solid #eeeeee;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.tbl tr:last-child td{
	border-width:0px 1px 0px 0px;
}.tbl tr td:last-child{
	border-width:0px 0px 1px 0px;
}.tbl tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.tbl tr:first-child td{
		background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #eeeeee;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.tbl tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
}
.tbl tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.tbl tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}


table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table tr{
  border-bottom: solid 1px #eee;
}


table th,table td{
  padding: 15px 0;
  vertical-align: top;
}


tr:first-child td{
	
	background-color:#eee;
	border:1px solid #eeeeee;
	border-width:0px 0px 1px 1px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	  padding: 15px 0;

}



#dl{
width: 600px;
border-left: solid 5px #eee;
border-bottom: solid 1px #eee;
padding: 20px;
height:200px;
display: table-cell;
vertical-align: middle;
}

#dl img{float: left;}
#dl p{margin:60px; 0 0 20px}






#etal
{
display:inline;
color: #008;
cursor:pointer;

}
#nakami
{
display:inline;
}

#etal2
{
display:inline;
color: #008;
cursor:pointer;

}
#nakami2
{
display:inline;
}

#news li{
margin-left: 80px;
text-indent: -90px;
list-style-type: none;
}

.pan{
padding:0;
}
.pan a{
text-decoration:none;
}



.nyuugaku{
font-size:100%;
}

.nyuugaku li{
display:block;
width:24%;
float:left;

}

.btn{
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  background: #a6a6a6;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
display:block;
}

.btn a{
  color: #ffffff;
  text-decoration: none;
}
.btn a:hover{
  background: #b3b9bd;
  text-decoration: none;
  color: #333;
}






@media screen and (max-width:1020px){

BODY {
    min-width: 180px;
font-size:18px;
}
#container {
   width: 100%; 
}

  #header img{
   width: 100%; 
max-width:500px;
margin:0 auto;
  }

  #search {
    display:none;
  }
#header {
   width: 100%; 
text-align: center;
}
#topcontent {
    width: 94%;
}
#news li {
    margin-left: 0px; 
    text-indent: 0px;
}

#news li {
    margin:  0 0 25px -25px;

}
#news li a:before {
			content: "\A" ;
			white-space: pre ;
}
#top1,#top2,#top3 {
    width: 92%;
}

#top1 li,#top2 li,#top3 li{
margin:15px 0;
}


#footlogo a img {
    margin: 6px 26px;
}

.footjp {
    width: 94%;
    text-align: center;
    float: none;
    font-size: 10px;
    margin: 40px auto;
}

.footen {
    width: 94%;
    text-align: center;
    float: none;
    font-size: 10px;
    margin: 20px auto;
}

#contact{
display:none;
}


#container{
  display: flex;
  flex-flow: row wrap;
}
#container #menu{order: 2;}
#container #content{order: 1;}

#content {
    font-size: 1rem;
    margin: 0 auto;
width:96%;
}
P {
    padding-left: 0.2em; 
}

#menu {
    float: right;
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    margin: 20px auto;
border-top: solid 1px #eee
background: rgb(238,238,238);
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 100%);
}

#menu H1 {
    font-size: 1.2rem;
}
#menu li{
margin:15px 0;
}


}