@charset "UTF-8";

/*guide.html専用
-----------------------------------------*/
body nav ul li a[href="access.html"] {
color: #FFF;
background-position: bottom;
border: 1px solid #0563B8;
border-bottom: none;
border-top: none;
margin-left: -1px;
z-index: 2;
}

section > h1 {
background: url(../img/midashi3.png) no-repeat left top;
color: #FFF;
height: 74px;
line-height: 37px;
font-size: 16px;
text-indent: 30px;
width: 711px;
position: relative;
z-index: 1;/* default 1*/
margin-bottom: -15px;
}

/*本校の理念・本校の沿革
-----------------------------------------*/
#info,
#Photo {
float: left;
position: relative;
z-index: 2;
}
#info {
width: 480px;
margin: 0 25px 50px 10px;
}
#Photo {
width: 370px;
margin: 0 0 50px;
}
#info h2 {
font-size: 16px;
font-weight: bold;
border-bottom: 3px solid #B2B2B2;
margin: 0 0 10px 0;
}
#info p + h2 {
margin-top: 50px;
}
#info p {
line-height: 1.6;
margin-bottom: 1em;
}



/*表(本校の沿革とキャンパス情報共通部分)
-----------------------------------------*/
table {
border-spacing: 0;
border-collapse: collapse;
margin-right: 10px;
position: relative;
z-index: 2;
}
table td,
table th {
padding: 10px 15px;
font-size: 14px;
line-height: 1.4;
padding: 10px;
}
table th {
text-align:left;
white-space: nowrap;
width: 1%;
font-weight: normal;
}

table td small {
display: block;
font-size: 12px;
}
table td dt {
font-size: 10px;
font-weight: bold;
}
table td dd {
font-size: 18px;
}
/*本校の沿革の表
-----------------------------------------*/
#info table {
width: 100%;
}
#info table td,
#info table th {
vertical-align: top;
border-bottom: 1px solid #999;
padding: 20px 5px;
}
#info table th {
width: 25%;
}

/*右の画像コーナー
-----------------------------------------*/
#Photo img {
margin: 0 0 50px;
border: 1px solid #000;
}
#Photo figure {
margin: 0 0 50px;
color: #666;
font-size: 12px;
}
#Photo figure img {
margin: 0 0 5px;
}


/*map
-----------------------------------------*/
article {
margin-bottom: 50px;
position: relative;
z-index: 2;
border: 1px solid transparent;/* 見出しとテーブルのずれ防止 */
}
article:after {
content: "";
display: block;
clear: both;
}
*+html article {
min-height: 1px;
}

/*Map関連
-----------------------------------------*/
.map {
float: left;
margin: 0 25px 0 10px;
}
.map iframe {
border: 1px solid #666;
}
.map small {
display: block;
margin-bottom: 15px;
}
.map small + img {
float: left;
margin-right: 15px
}
.map figure {
margin: 20px 0 0 0;
}
.map figure:after {
content: "";
display: block;
clear: both;
}
*+html .map figure {
min-height: 1px;
}
.map figure img {
float: left;
margin: 0 20px 0 0;
}
.map figure figcaption {
color: #666;
line-height: 1.4;
}

/*キャンパス情報の表
-----------------------------------------*/
.map + table {
margin-bottom: 20px;
}
.map + table td,
.map + table th {
vertical-align: middle;
border: 1px solid #CCC;
}
.map + table th {
background: #EBEBEB;
}
.map + table td {
color: #666;
}
.map ~ p {
margin: 0 0 1em 505px;
line-height: 1.6;
}

.map ~ h2 {
font-size: 16px;
font-weight: bold;
border-bottom: 3px solid #B2B2B2;
margin: 50px 0 10px 505px;
}