@charset "UTF-8";
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
iframe {
  max-width: 100%;
  /* Adhere to container width. */
}
/* 05 : #gnav
------------------------------------------------------------- */
.greeting #local-nav ul li.lnav01 a ,
.information #local-nav ul li.lnav02 a ,
.access #local-nav ul li.lnav01 a ,
.doc #local-nav ul li.lnav01 a {
  background: #fff;
  border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

 /* 22 : about
  ------------------------------------------------------------- */
.about #about_keikou .about-name {
  min-height: 230px;
}
.about #about_keikou .about-name img {
  position: absolute;
  top: 20px;
  right: 25px;
}
.about #about_keikou .about-name p {
  padding-right: 310px;
}
.about #about_keikou h3 {
  font-size: 1.2em;
  color: #592f2a;
  margin-bottom: 15px;
}
.about #about_keikou dl {
  width: 100%;
}
.about #about_keikou dt {
  margin-right:20px;
  float:left;
}

 /* 23 : greeting
  ------------------------------------------------------------- */
.greeting #greeting_curator .about-name {
  min-height: 230px;
}
.greeting #greeting_curator .about-name img {
  position: absolute;
  top: 20px;
  right: 25px;
}
.greeting #greeting_curator .about-name p {
  padding-right: 310px;
}


/* 24 : document
------------------------------------------------------------- */
.doc #doc-list dd {
  color: #f75f69;
  padding: 15px 10px 15px 70px;
  background: url(images/icon-write.png) no-repeat 15px 10px;
  background-size: 34px 34px;
}

.doc #doc-list dt {
  background: #e0e9f3;
  margin: 20px 0 5px;
}
.doc #doc-list dt span {
  display: block;
  padding: 15px 10px 15px 70px;
  background: url(images/icon-document.png) no-repeat 15px 10px;
  background-size: 34px 34px;
  text-decoration: underline;
  cursor: pointer;
}
.doc #doc-list dt span:hover {
  text-decoration: none;
}

/* 24 : enter-guidelines
------------------------------------------------------------- */
#principal-greeting .e-guideline-outline table {
  width: 405px;
  margin:10px 0px;
}

#principal-greeting .e-guideline-outline table th {
  width: 50%;
  background: #b7d6fe none repeat scroll 0% 0%;
}
#principal-greeting .e-guideline-outline table td {
  width: 50%;
}
#principal-greeting .e-guideline-outline table th, 
#principal-greeting .e-guideline-outline table td {
  padding: 10px;
}

/* 25 : access
------------------------------------------------------------- */
.access #access .page-link {
  padding: 0 10px 20px;
}

.access #access .page-link li {
  display: inline-block;
  padding-right: 10px;
}

.access .figure-area img {
	float:left;
	margin:0px 20px 20px 0px;
}

.access .figure-area dl {
	clear:both;
}

.access .figure-area .goal-inner  {
    background: #FDFAEF none repeat scroll 0% 0%;
    padding: 25px;
}

@media screen and (max-width: 640px) {
 /* 22 : about
  ------------------------------------------------------------- */
  .about #about_keikou .about-name {
    min-height: auto;
  }
  .about #about_keikou .about-name img {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 10px;
  }
  .about #about_keikou .about-name p {
    padding-right: 0;
  }

  
  
   /* 23 : greeting
  ------------------------------------------------------------- */
  .greeting #greeting_curator .about-name {
    min-height: auto;
  }
  .greeting #greeting_curator .about-name img {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 10px;
  }
  .greeting #greeting_curator .about-name p {
    padding-right: 0;
  }	
  
/* 24 : enter-guidelines
------------------------------------------------------------- */
#principal-greeting .e-guideline-outline table {
  width: 100%;
}
  
/* 25 : access
------------------------------------------------------------- */
.access #access .page-link {
  padding: 0 10px 20px;
}
.access #access .page-link li {
  display: inline-block;
  padding-right: 10px;
}
.access #access .goal-inner img {
  max-width: 70%;
  margin-bottom: 5px;
}
.access #access .page-link li {
    width: 46%;
    padding-right: 0;
    margin: 0 1%;
    text-align: center;
  }  

}

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

/* 25 : access
------------------------------------------------------------- */
.access #access .goal-inner img {
  min-width: 70%;
}
	
}