@charset "utf-8";


/* 1: pages
 ******************************************************/
/* ===== main area ===== */
#mainarea {
  width: 900px;
  margin: 0;
  padding: 0;
}
#contents {
  margin: 0 0 50px 0;
}

/* ====== sub nav ===== */
#contentscol {
  width: 600px;
  float: left;
}
#secondnav {
  width: 300px;
  float: left;
}
#secondnav ul {
  list-style: none;
  width: 240px;
  font-size: 90%;
  margin: 0 auto;
  padding: 0;
}
#secondnav ul li{
  margin: 0 0 1px 0;
}
#secondnav ul li a {
  display: block;
	background: #eee url(../img/morearrows.png) no-repeat 225px 50%;
  padding: 0.2em 0.8em;
}
#secondnav ul li.title{
  background-color: #fff;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
  margin: 0 0 1px 0;
  padding: 0.2em 0 0.2em 0.2em;
}


#secondnav ul li a:link,
#secondnav ul li a:visited,
#secondnav ul li a:active {
	color: #09f;
	text-decoration: none;
}
#secondnav ul li a:hover,
#secondnav ul li a.current {
	color: #fff;
  background-color: #c00;
	text-decoration: none;
}
















/* ===== paragraph ===== */
#pages h1 {
  font-size: 140%;
  color: #900;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 0 0 0 0.5em;
}
#pages h2 {
  font-size: 120%;
  border-left: 0.25em solid #666;
  color: #333;
  margin-top: 2.0em;
  margin-bottom: 0.8em;
  padding-left: 0.4em;
}
#pages p {
  font-size: 90%;
}

.nml {
  font-size: 90%;
}

dl.photo {
  width: 190px;
  margin: 0;
  padding: 0;
}
dl.photo dt {
  margin: 0;
  padding: 0;
}
dl.photo dd{
  margin: 0;
  padding: 0;
}

dl.photo2 {
  font-size: 90%;
  color: #777;
  margin: 0;
  padding: 0;
}
dl.photo2 dt {
  width: 160px;
  float: left;
  margin: 0;
  padding: 0;
}
dl.photo2 dd{
  margin: 0 0 0 170px;
  padding: 0;
}




.section {
  margin: 0 10px;
}

ul.photobox {
  list-style: none;
  width: 540px;
  margin: 0 auto;
  padding: 0;
}
ul.photobox li{
  float: left;
  width: 270px;
  text-align: left;
  margin: 0;
  padding: 0;
}
ul.photobox li .caption {
  margin-left: 10px;
}

#pages h2.interviewer {
  font-size: 100%;
  border: none;
  color: #9c0;
}
.interview .imgbox-l {
	padding: 2px 30px 5px 0;
}
.interview .imgbox-r {
	padding: 2px 0 5px 30px;
}
.interview .imgbox-l2 {
	float: left;
	margin: 0;
	padding: 2px 10px 30px 3px;
}
#pages .interview h3 {
  font-size: 100%;
  border-left: 0.3em solid #900;
  clear: both;
  margin: 3.0em 0 1.0em 0;
  padding-left: 0.5em;
}
.interviewspbox {
  width: 630px;
}
.boxwrap {
  border: 1px solid #ccc;
  padding: 20px;
}
.interview ul.photobox {
  width: 270px;
}











/* 7: clearfix
 ******************************************************/
#aside .box,
dl.contentsnav dd ul,
ul.photobox,
contentscol
{ zoom:1; }

dl.contentsnav dd ul:after,
#aside .box:after,
ul.photobox:after,
contentscol:after
{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0;
    visibility: hidden;
}