@charset "iso-2022-jp";

/*  お知らせタイトル  */

.news-title{
  width:95%;
  margin:0 auto;
  padding:5px 0px;
  text-align:center;
  background-color:darkblue;
  border-color:rgb(99,112,80);
  border-width:0 10px 2px 0;
  line-height:1.2em;
  color:white;
  font-weight: bold;
  font-family: sans-serif;
  font-size: normal;
}

/*  お知らせ  */

ul.news{

  margin-left:25px;
  margin-right:40px;
  height: 20px;
  text-decoration: none;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: darkgreen;
  font-family: sans-serif;
  font-weight: bold;
  color: black;
  font-size: normal;
  backround-color: gray;
  list-style-type: none;
}
ul.news a{
  text-decoration: none;
  color: black;
}


p.pagetitle04{
  clear: both;
  width:100%;
  margin:5px auto;
  padding:5px 0px 5px 5px;
  line-height:1.7em; /* 1.5em; */
  vertical-align:top;
  border-top:1px solid #bbb;
  background-color:#0000ff; /* 名古屋大学 #009966; */
  color:#fff;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 130%;
  text-align:left;
}
p.pagetitle04:before{
  content:"■";
/*  color:#ff88ff; */
	color:#004c37;
  vertical-align:top;
  font-weight: normal;
  font-family: sans-serif;
  font-size: 130%;

}


/* ------------------- */
/*    各項目           */
/* ------------------- */

p.menu{
  width:15em;
  height:auto;
  float:left;
  margin:5px 5px 5px 5px;
  padding:5px 5px 5px 5px;
  border-style:solid;
  border-color:darkgreen; /* 103,123,74 ; 91,106,75 ; 70,81,69 */
  border-width:2px;
  border-radius:5px;
  font-family:sans-serif;
  font-weight:bold;
  font-size:120%;
  color:navy;
  background-color: transparent;
}

p.menu a{
  text-decoration:none;
  color:navy;
  cursor:pointer;
  background-color: transparent;
}

p.menu:hover{
  text-decoration:none;
  color:blue;
  background: linear-gradient(to bottom, rgba(204,255,204,0.9),rgba(153,204,102,0.9));
  background: -webkit-gradient(linear, left top,left bottom,from(rgba(204,255,204,0.9)),to(rgba(153,204,102,0.9)));
  -webkit-box-shadow:2px 2px 10px #aaa,-2px -2px 10px rgba(200,200,200,0.6);
  -moz-box-shadow:2px 2px 10px #aaa,-2px -2px 10px rgba(200,200,200,0.6);
  -ms-box-shadow:2px 2px 10px #aaa,-2px -2px 10px rgba(200,200,200,0.6);
  -o-box-shadow:2px 2px 10px #aaa,-2px -2px 10px rgba(200,200,200,0.6);
  box-shadow:2px 2px 10px #aaa,-2px -2px 10px rgba(200,200,200,0.6);

}

p.menu2{
  width:15em;
  height:auto;
  float:left;
  margin:5px 5px 5px 5px;
  padding:5px 5px 5px 10px;
  border-style:none none none solid;
  border-color:darkgreen; /* 103,123,74 ; 91,106,75 ; 70,81,69 */
  border-width:10px;
  border-radius:5px;
  font-family:sans-serif;
  font-weight:bold;
  font-size:120%;
  text-align:left;
  color:rgb(78,72,51);
  background-color: transparent;
}

p.menu2 a{
  text-decoration:none;
  color:rgb(78,72,51);
  cursor:pointer;
  background-color: transparent;
}

p.menu2:hover{
  text-decoration:none;
  color:rgb(78,72,51);

  background-color:#deb887;


/*
  background: linear-gradient(to bottom, rgba(204,255,204,0.9),rgba(153,204,102,0.9));
  background: -webkit-gradient(linear, left top,left bottom,from(rgba(204,255,204,0.9)),to(rgba(153,204,102,0.9)));
*/

  -webkit-box-shadow:2px 2px 10px #aaa,-2px -2px 10px rgba(200,200,200,0.6);
  -moz-box-shadow:2px 2px 10px #aaa,-2px -2px 10px rgba(200,200,200,0.6);
  -ms-box-shadow:2px 2px 10px #aaa,-2px -2px 10px rgba(200,200,200,0.6);
  -o-box-shadow:2px 2px 10px #aaa,-2px -2px 10px rgba(200,200,200,0.6);
  box-shadow:2px 2px 10px #aaa,-2px -2px 10px rgba(200,200,200,0.6);

}


p.menu3, p.menu4{
  width:14em;
  height:auto;
  float:left;
  margin:5px 5px 5px 5px;
  padding:5px 5px 5px 10px;
  border-style:none none none none;
  border-color:darkgreen; /* 103,123,74 ; 91,106,75 ; 70,81,69 */
  border-width:10px;
  border-radius:0px;
  font-family:sans-serif;
  font-weight:500;
  font-size:120%;
  text-align:left;
/*  color:rgb(78,72,51); */
  color:navy;
/*  text-shadow:1px 1px 1px #000,-1px 1px 1px #000,1px -1px 1px #000,-1px -1px 1px #000; */
  border-bottom:solid 1px rgba(2,2,2,0.2);
/*  border-right:solid 1px rgba(2,2,2,0.2); */
/* 以下は項目名が複数行になった場合の行頭揃え */
 padding-left:2em;
 text-indent:-1em;
}

p.menu3:before{
/*   content:url("img/scej-logo-before.gif");*/
  content:"■";
  margin-right:3px;
  display:inline;
  vertical-align:top;
  width:1em;
  height:auto;
/*  color:#ff4500; */
/*  color:#aaeeaa; */
  color:#006e4f;
	opacity:0.5
}

p.menu4:before{
/*   content:url("img/scej-logo-before.gif");*/
  content:"●";
  margin-right:3px;
  display:inline;
  vertical-align:top;
  width:1em;
  height:auto;
  color:#0000ff;
}

p.menu3, p.menu4 a{
  text-decoration:none;
/*  color:navy; */
  color:#333;
  cursor:pointer;
  background-color: transparent;
}

p.menu3:hover{
  text-decoration:none;
/*  color:rgb(78,72,51); */
  color:#000;

/*  background-color:#deb887; */
/*  background-color:#d3d3d3; */
  background-color:#ffffff;

/*  background: linear-gradient(to bottom, rgba(204,255,204,0.9),rgba(153,204,102,0.9));
  background: -webkit-gradient(linear, left top,left bottom,from(rgba(204,255,204,0.9)),to(rgba(153,204,102,0.9)));
*/
  -webkit-box-shadow:2px 2px 5px #aaa,-2px -2px 5px rgba(200,200,200,0.6);
  -moz-box-shadow:2px 2px 5px #aaa,-2px -2px 5px rgba(200,200,200,0.6);
  -ms-box-shadow:2px 2px 5px #aaa,-2px -2px 5px rgba(200,200,200,0.6);
  -o-box-shadow:2px 2px 5px #aaa,-2px -2px 5px rgba(200,200,200,0.6);
  box-shadow:2px 2px 5px #aaa,-2px -2px 5px rgba(200,200,200,0.6);

}

p.menu4:hover{
  text-decoration:none;
  color:#000;
  background-color:#ffffff;
  -webkit-box-shadow:2px 2px 5px #aaa,-2px -2px 5px rgba(200,200,200,0.6);
  -moz-box-shadow:2px 2px 5px #aaa,-2px -2px 5px rgba(200,200,200,0.6);
  -ms-box-shadow:2px 2px 5px #aaa,-2px -2px 5px rgba(200,200,200,0.6);
  -o-box-shadow:2px 2px 5px #aaa,-2px -2px 5px rgba(200,200,200,0.6);
  box-shadow:2px 2px 5px #aaa,-2px -2px 5px rgba(200,200,200,0.6);
}

p.specialmenu{
/*	background-color:#98fb98; */ /* palegreen */
  background-color:#ff4444;
  color:#ffff00 !important;
/*  width:95% !important; */
  margin-left:5px;
  margin-right:5px;
}
p.specialmenu:hover{
  background-color:#ffff00 !important;
  color:#ff4444 !important;
}

.ifrm-container{
  width:98%;
  height:150px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display:inline-block;
  margin:5px;
  border-bottom:1px solid #eee;
}
.ifrm{
  width:100%;
  height:95%;
  border:none;
  display:inline-block;
/*  display:block; */
  margin-bottom:1px;

}

/* div.subject, div.date, div.titlebar : 従来のPagetitme04の同一行右端に情報追加 */

div.subject {
   display: inline-block;

   text-align: left;
   letter-spacing:3px;
/*   float: left; */ /* ************* 削除 */
}
div.subject:before{
/*	content:"■"; */
	content:"";
	color:#004c37;
	padding-left:0.3em;
}
div.date {
   display: inline-block; /* ***** 追加 */
   position: absolute; /* ***** 追加 */
   right: 0.5em; /* ***** 追加 */

   text-align: right;
   padding-right:5px;
   color:#ffff00;
   font-weight:normal;
   font-size:80%;
   letter-spacing:0px;
}
div.titlebar {
	clear:both;
	width:98%;
	margin:5px auto;
	padding:5px 0px 5px 5px;
	background-color:#0000ff; /*名古屋大学 #009966; */
	color:#ffffff;
	font-weight:bold;
	font-size:130%;
	line-height:1.7em;
	text-align: left; /* ********** 追加 (上位の要素でcenterになっているため) */
	position: relative; /* ********** 抜けていた追加（重要！）  */
}

@media all and (max-width:500px){
	div.date{visibility:hidden;}
}