@charset "utf-8";


/* 1: top
 ******************************************************/
/* ===== main area ===== */
#mainarea {
  width: 900px;
  margin: 0;
  padding: 0;
}
#contents {
  width: 600px;
  float: left;
}
#aside {
  width: 300px;
  float: left;
}


/* ===== contents area ===== */
dl.contentsnav {
	background: transparent url(../img/top/topdlbtm.png) no-repeat 0 bottom;
	margin: 0;
	padding: 0 0 30px 0;
}
dl.contentsnav dt {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
}
dl.contentsnav dt span {
	background: transparent url(../img/top/photobg.png) no-repeat 0 0;
	display: block;
	margin: 0 0 0 10px;
	padding: 4px 6px 9px 4px;
}
dl.contentsnav dd {
	margin: 0 0 0 180px;
	padding: 0 15px 0 0;
}
dl.contentsnav dd h2 {
	color: #900;
	font-size: 90%;
}
dl.contentsnav dd ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dl.contentsnav dd ul li{
  float: left;
  margin: 0;
  padding: 0;
}
ul#subnav li a{
  width:130px;
  height:21px;
	background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;

}
ul#subnav li.subnav01 {
	background: transparent url(../img/top/btn_shitanyoumoku_on.png) no-repeat 0 0;
}
ul#subnav li.subnav02 {
	background: transparent url(../img/top/btn_begincontinue_on.png) no-repeat 0 0;
}
ul#subnav li.subnav03 {
	background: transparent url(../img/top/btn_dignityofman_on.png) no-repeat 0 0;
}

ul#subnav li a:hover img	{
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    opacity: 0.00;
}



#aside .box {
	background: transparent url(../img/xline.png) no-repeat 0 bottom;
	margin: 0 30px 20px 30px;
  padding-bottom: 10px;
}
#aside h2 {
	font-size: 80%;
	border-bottom: 3px solid #dcdaaf;
  padding-bottom: 2px;
}
#aside h3 {
	font-size: 80%;
  margin: 0;
  padding: 0;
}
#aside p {
	font-size: 78%;
  margin: 0 0.5em;
  padding: 0;
}
#aside ul {
	font-size: 80%;
  margin-left: 0.6em;
  padding-left: 0.6em;
}

#aside .imgbox-l {
		float: left;
		margin: 0;
		padding: 0 3px;
}
#aside .more {
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
}
#aside .more a{
	background: transparent url(../img/morearrows.png) no-repeat right 0.4em;
	padding-right: 12px;
}



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

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