@charset "utf-8";
/* CSS Document */

/* add evocation abstract-------------------------------- */

#main .evocation,
#auction-menu div.content{
	width:487px;
	margin-top:40px;
	margin-left:12px;
}

#auction-menu,
#auction-content{
	margin-bottom:100px;
}

/* add auction content-------------------------------- */


#auction-menu div.content{
	margin-top:20px;
}

#auction-menu div.content .colA{
	float:left;
}
#auction-menu div.content .colB{
	float:right;
}

#auction-menu p{
	margin-left:0;
}



/* add evocation menu-------------------------------- */

#auction-menu div.evocation{
	background:#FFF  url(/education/img/auction_menucontainer_bottom.jpg) no-repeat bottom;
	padding:0 0 50px 0;
	position:relative;
}

#auction-menu .evocation h2{
	padding:20px 20px 0px 75px;
	background:url(/education/img/auction_menucontainer_top.jpg) no-repeat;
	font-size:115%;
	height:50px;
	margin:0;
}

#auction-menu .evocation ul{
	background:url(/education/img/auction_menucontainer_center.jpg) repeat-y;
	margin:0;	
	padding:0 0 0 75px;
}
#auction-menu .evocation li {
	list-style:none;
	margin-bottom:18px;
	font-size:115%;
	position:relative;
	z-index:10;
}

#auction-menu .evocation li.last-child {
	margin-bottom:0;
}

#auction-menu .evocation li a{
	background:url(/education/img/evocation_menulist_arrow.gif) no-repeat;
	padding-left:40px;
	font-weight:bold;
	color:#B70B0E;
}

#auction-menu .evocation li a:hover{
	color:#CC0000;
}

/* -----------------------------------------------------end*/

/* add icon-------------------------------- */

#auction-menu .evocation .professor-icon {
	position:absolute;
	right:60px;
	bottom:-5px;
}

#auction-menu .evocation .exclamation-icon {
	position:absolute;
	right:8px;
	bottom:8px;
	z-index:1;
}

/* -----------------------------------------------------end*/

/* add auction-content  evocation-------------------------------- */


#auction-content div.evocation{
	background:#f2eee5 url(/education/img/auction_container_top.jpg) no-repeat;
}

#auction-content .evocation dl{
	margin:0;
	background:url(/education/img/auction_container_bottom.jpg) no-repeat bottom;
	padding-bottom:20px;
}

#auction-content .evocation dt{
	margin:20px 20px 0 55px;
	padding:0 0 0 20px;
	font-weight:bold;
	background-image:none;
	float:none;
	font-size:115%;
	color:#b70b0e;
	width:392px;
	height:74px;
	background:url(/education/img/auction_paragraph_top.jpg) no-repeat bottom;
	position:relative;
}

#auction-content .evocation dd{
	margin-left:55px;
	padding:0 20px 20px 20px;
	font-size:92%;
	width:372px;
	background-color:#FFF;
	position:relative;
}

#auction-content .evocation dd.colA{
	padding-right:140px;
	width:252px;
}

#auction-content .evocation dd.colB{
	padding-left:110px;
	width:282px;
}

#auction-content .evocation dd.last-child{
	background:#FFF url(/education/img/auction_paragraph_bottom.jpg) no-repeat bottom;
	padding-bottom:30px;
}

#auction-content .evocation dd.last-child .inner-image{
	margin-bottom:-30px;
	text-align:right;
}

/* --------------------------------------end*/

/* add icon-------------------------------- */

dt .professor-icon {
	position:absolute;
	right:0;
	bottom:15px;
}

dt .pc-icon {
	position:absolute;
	right:12px;
	bottom:14px;
}

dt .dokuro-icon {
	position:absolute;
	right:12px;
	bottom:19px;
}

dt .jet-icon {
	position:absolute;
	right:-21px;
	bottom:30px;
}

dd.colA .professor-icon {
	position:absolute;
	right:0;
	bottom:0;
}

dd.colB .professor-icon {
	position:absolute;
	left:-32px;
	right:32px;
	bottom:0;
}
/* --------------------------------------end*/

#auction-content .content-nav{
	overflow:hidden;
}

.content-nav li {
	list-style:none;
	width:162px;
	float:left;
}

.content-nav li a{
	padding:50px 0 0 0;
	display:block;
}
.content-nav li.top a {
	background:url(/education/img/arrow_top.jpg) no-repeat top;
	text-align:center;
}
.content-nav li.next  a{
	background:url(/education/img/arrow_next.jpg) no-repeat top right;
	text-align:right;
}
.content-nav li.prev a {
	background:url(/education/img/arrow_prev.jpg) no-repeat top left;
	text-align:left;
}

/* add ie Hack------------------------------ */


* html #container{
	zoom:1;
}

* html #auction-menu .evocation .exclamation-icon {
	right:7px;
	bottom:7px;
}

/* --------------------------------------end*/