@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 10px 5px 5px; */
  margin:5px auto;
  padding:5px 0px 5px 5px;
  line-height:1.7em; /* 1.5em; */
  vertical-align:top;
/*
  border-bottom-style:double;
  border-bottom-color: rgb(0,0,0);
  border-left-width: 10px;
  border-left-style: solid;
  border-left-color: rgb(0,0,0);
*/
/*
  border-left:25px solid #aaa;
*/
  border-top:1px solid #bbb;
  background-color:#ddd;
  color:#444;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 130%;
  text-align:left;
}
p.pagetitle04:before{
  content:"■";
  color:#888;
  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:15em;
  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:bold;
  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); */

}

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;
}

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{
	color:#ff0000;
/*	background-color:#98fb98; */ /* palegreen */
}
p.specialmenu:before{
/*   content:url("img/scej-logo-before.gif");*/
  content:"■";
  margin-right:3px;
  display:inline;
  vertical-align:top;
  width:1em;
  height:auto;
/*  color:#ff4500; */
  color:#008000;
}

.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;
  margin-bottom:1px;

}