@charset "utf-8";
/*\*/
@import "reset.css";
@import "common.css";
@import "prettyPhoto.css";

/*title
===========================================================*/
#content h2 {
background:url(../img/common/content_title4.jpg) no-repeat;
}
/*===========================================================*/

#about {
padding:15px 40px;
}

/*outline
===========================================================*/

#about .outlinebox {
width:290px;
float:left;ox
display:inline;
margin:0 20px 20px 0;
}

#about .outlinebox h3 {
color:#2b5cbd;
font-size:114%;
border-left:5px #2b5cbd solid;
padding:5px;
}

#about .outlinebox p {
padding:10px;
line-height:160%;
}

/*history
===========================================================*/
#about .history h3 {
color:#2b5cbd;
font-size:129%;
border-left:5px #2b5cbd solid;
padding:5px 10px;
background:url(../img/common/h3_bg.jpg) no-repeat;
margin-top:5px;
}

#about .history p {
padding:10px 0 20px 0;
line-height:160%;
}

#about .history h4 {
font-weight:bold;
clear:both;
}

#about .history .photo {
margin:0 0 20px 20px;
}


#about .history .history_1 {
float:right;
}

#about .history .house_1 {
float:right;
}

#about .history .house_2 {
float:right;
width:200px;
}

#about .history .house_2 img {
margin-bottom:5px;
}

#about .history .house_3 {
margin:0 0 20px 0;
text-align:center;
}

/*milestones
===========================================================*/
#about .milestones dt {
color:#2b5cbd;
font-size:129%;
background:url(../img/common/hrx_b.gif) top repeat-x;
padding:10px 0 5px 0;
margin:5px 0;
}

#about .milestones dd {
background:url(../img/common/yjss_on.gif) left 0 no-repeat;
padding-left:17px;
margin:0 0 5px 40px;
}

/*governance
===========================================================*/

#about .governance h3 {
color:#2b5cbd;
font-size:129%;
border-left:5px #2b5cbd solid;
padding:5px 10px;
background:url(../img/common/h3_bg.jpg) no-repeat;
margin-top:5px;
}


#about .governance p {
padding:10px 0 20px 0;
line-height:160%;
}

#about .governance ul {
margin:10px;
}

#about .governance ul li {
line-height:160%;
list-style:disc;
margin:0 20px;
}

#about .governance ul li ul li {
list-style:none;
}

#about .governance .photo {
width:400px;
margin-left:130px;
text-align:left;
font-size:85%;
line-height:140%;
}

#about .governance .photo img {
margin-bottom:5px;
}


/*schedule
===========================================================*/

#about .schedule h3 {
color:#2b5cbd;
font-size:129%;
border-left:5px #2b5cbd solid;
padding:3px 10px;
background:url(../img/common/h3_bg.jpg) no-repeat;
}


#about .schedule table {
margin:0 auto 15px auto;
width:618px;
}

#about .schedule table th {
background-color:#2b5cbd;
color:#fff;
padding:5px 10px;
border:1px #95a9cd solid;
}

#about .schedule table td {
empty-cells:show;
line-height:140%;
padding:5px 10px;
border:1px #95a9cd solid;
vertical-align:middle;
}


/*facilities
===========================================================*/

#about .facilities h3 {
color:#2b5cbd;
font-size:129%;
border-left:5px #2b5cbd solid;
padding:3px 10px;
background:url(../img/common/h3_bg.jpg) no-repeat;
margin:20px 0 10px 0;
clear:both;
}

#about .facilities p {
padding:10px 0 20px 0;
line-height:160%;
}

#about .facilities h4 {
font-weight:bold;
clear:both;
}

#about .facilities ul li {
line-height:160%;
list-style:disc;
margin-left:15px;
}


#about .facilities .photo img {
width:200px;
float:left;
display:inline;
margin:0 5px 5px 0;
}

/*generalinfo
===========================================================*/

#about .generalinfo h3 {
color:#2b5cbd;
font-size:129%;
border-left:5px #2b5cbd solid;
padding:3px 10px;
background:url(../img/common/h3_bg.jpg) no-repeat;
margin:20px 0 10px 0;
clear:both;
}

#about .generalinfo p {
padding:10px 0 20px 0;
line-height:160%;
margin-left:20px
}

#about .generalinfo h4 {
font-weight:bold;
clear:both;
margin-left:20px
}

#about .generalinfo ul li {
line-height:160%;
list-style:disc;
margin-left:25px;
}


#about .generalinfo .photo img {
width:200px;
float:left;
display:inline;
margin:0 5px 5px 0;
}

#about .generalinfo ol li {
line-height:160%;
list-style:decimal inside;
margin-left:15px;
}

/*pathway
===========================================================*/

#about .pathway {
margin-top:20px;
background:url(../img/common/hrx.gif) top repeat-x;
}

#about .pathway div {
padding:15px;
background:url(../img/common/hrx.gif) top repeat-x;
}

#about .pathway div ul {
margin:0 15px;
}

#about .pathway div p {
padding:10px;
}

#about .pathway div img {
float:right;
}

/*student
===========================================================*/

#about .student h3 {
color:#2b5cbd;
font-size:129%;
border-left:5px #2b5cbd solid;
padding:3px 10px;
background:url(../img/common/h3_bg.jpg) no-repeat;
margin:20px 0 10px 0;
clear:both;
}

#about .student p {
padding:10px 0 20px 0;
line-height:160%;
}

#about .student h4 {
font-weight:bold;
}

#about .student .photo {
width:150px;
float:right;
margin:0 0 10px 20px;
}

#about .student .photo img {
margin:0 5px 5px 0;
}


/*after
===========================================================*/


#about .after p {
padding:10px 0 20px 0;
line-height:160%;
}

#about .after .photo {
width:250px;
float:right;
margin:0 0 10px 20px;
}

#about .after .photo img {
margin:0 5px 5px 0;
}

/*access
===========================================================*/


#about .access p {
padding:10px 0 20px 0;
line-height:160%;
}

#about .access .route {
width:290px;
float:left;ox
display:inline;
margin:0 20px 20px 0;
}

#about .access .route h3 {
color:#2b5cbd;
font-size:114%;
border-left:5px #2b5cbd solid;
padding:5px;
}

#about .access .route ul {
margin:10px;
}

#about .access .route ul li {
line-height:160%;
list-style:disc;
margin:0 5px;
}

#about .access .map {
clear:both;
}


/*inquiry
===========================================================*/
#about .inquiry h3 {
color:#2b5cbd;
font-size:129%;
border-left:5px #2b5cbd solid;
padding:3px 10px;
background:url(../img/common/h3_bg.jpg) no-repeat;
margin:20px 0 10px 0;
clear:both;
}

#about .inquiry p {
padding:10px 50px;
line-height:160%;
}

#about .inquiry dl {
background:url(../img/common/hrx.gif) bottom repeat-x;
margin:10px 50px;
}

#about .inquiry dt,
#about .inquiry dd {
display:inline;
}

#about .inquiry dt {
margin-right:20px;
color:#2b5cbd;
vertical-align:top;
background-color:#d8e1f2;
padding:5px;
}

#about .inquiry dd {
font-size:129%;
}

#about .inquiry dd input {
font-size:71%;
width:250px;
}

#about .inquiry .mailform {
text-align:center;
}

#about .inquiry table {
margin:10px 50px;
}



#about .inquiry table td,
#about .inquiry table th {
padding:10px;
background:url(../img/common/hrx_b.gif) bottom repeat-x;
}

#about .inquiry table th {
background-color:#d8e1f2;
color:#2b5cbd;
}

#about .inquiry table td {
margin:1px;
text-align:left;
}

#about .inquiry table td input,
#about .inquiry table td textarea {
width:350px;
}