.span {
  width: 100%;
  margin: 0; }

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

a {
color: #274a78;
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

  a:hover {
    color: #3a6eb2;
    text-decoration: none; }

  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

img {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; 
  width: 100%;
  margin: 1.618em 0;
  border-spacing: 0;
}
  table th,
  table td {
    border: 1px solid #c0c6c9;
    padding: 0.5em;
}

body {
  margin: 0;
  line-height: 1.8em;
  background: url(img/page_back.gif);
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

#container-inner{
background-color: #ffffff;
}

#container #header-inner,
#container #content-inner,
#container #footer-inner {
  width: auto; }

#header[role="banner"] {
  position: relative;
  background-color: #ffffff;
 }

  #header[role="banner"] #header-inner {
    padding: 0; 
}
/* background-sizeでロゴ画像を枠内にフィットさせてる*/
  #header[role="banner"] #header-content {
    min-height: 132px;
    margin: 0;
    padding: 1px 0;
    background-color: #2b2b2b;
    background-image: url("asao_logo.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    color: white;
}
    #header[role="banner"] #header-content a {
      color: white;
      text-decoration: none; 
}
    #header[role="banner"] #header-content:before {
      position: absolute;
      bottom: 45px;
      content: "\00a0";
      display: block;
      width: 100%;
      height: 200px;
 }
  #header[role="banner"] h1 {
    position: relative;
    margin: 20px 0 10px 20px;
    font-size: 200%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); }

  #header[role="banner"] #header-description {
    position: relative;
    width: 70%;
    line-height: 1.5em;
    margin: 0 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); 
}
  #header[role="banner"] [role="navigation"] {
    position: static;
    background: linear-gradient(to bottom, #cccccc 0%, #FFFFFF 30%);
    height: 45px;
    line-height: 45px; 
}
    @media (min-width: 861px) {
      #header[role="banner"] [role="navigation"] {
        width: auto; } 
}

/* 画面が小さいとき説明分を消す*/
    @media (max-width: 861px) {
    #header-description {
    display: none; }
    #header[role="banner"] #header-content {
    min-height: 70px;
    background-image: none;
    background: linear-gradient(to right, #FF0000 40%, #FFFFFF 95%);
        border-bottom: 10px solid #2b2b2b;
}
}
/* 画面が小さいときサイト名を小さく*/
    @media (max-width:550px) {
 #header[role="banner"] h1{ 
    margin: 20px 0 10px 20px;
    font-size: 140%;   }          
}

    #header[role="banner"] [role="navigation"] ul {
    font-size: 14px;
     border-bottom: 1px solid #999999;
     margin: 0;
}
     #header[role="banner"] [role="navigation"] li.menu01 {
        border-right: 1px solid #999999; 
        list-style-type: disc; 
}
    #header[role="banner"] [role="navigation"] a {
      width: 135px;
      height: 45px;
      padding: 0 0 0 15px;
      line-height: 45px;
      color: #2b2b2b; 
}
      #header[role="banner"] [role="navigation"] a:hover {
        color: #3a6eb2; 
}

#header-description{
    font-size: 14px;   
    padding-left: 10px;
}

#footer {
    padding: 10px 15px;
  color: #999999;
    text-align: center;
  font-size: 90%;
  line-height: 1.4em;
}

#footer-inner{
   padding-top: 10px;
    border-top: 1px solid #c0c6c9;
}
.course{
   border-bottom: 1px solid #c0c6c9;
   padding-bottom: 10px;
    margin-bottom: 10px;
}

.photo_l {
	float: left;
	padding: 0 10px 5px 0;
}
.photo_r {
	float: right;
	padding: 0 0 5px 10px;
}
.clearfloat { 
	clear: both;
}
.textcoler01 {
	color: #CC0000;
}
.textcoler02 {
	color: #FF0000;
	font-weight: bold;
}
.news h2,h3{
    border-left: 10px solid #c0c6c9;
    border-bottom: 1px solid #c0c6c9;
    padding-left: 10px;
}
blockquote{
    margin: 0;
    padding: 0 20px;
    border-left: 5px solid #c0c6c9;
    border-right: 5px solid #c0c6c9;}