@charset "utf-8";

/* トップページ　[ top.css ]
=================================
0: ヘッドラインエリア

1: メインエリア

3: ライトエリア
	
=================================*/

/*0: ヘッドラインエリア
---------------------------------*/
#top #special_message{
	width:740px;
	display: block;
}
#top #special_message div.message{
	margin: 20px;
	padding: 20px;
	border: 1px dotted #ff9900;
	background: none repeat scroll 0 0 #FFF6DD;
}
#top #special_message div.message h2{
	font-weight: bold;
	font-size: 110%;
}
#top #special_message div.message p.txt{
	float: left;
	width: 438px;
}
#top #special_message div.message p.author{
	float: left;
	width: 428px;
	text-align: right;
}
#top #special_message div.message p.img{
	float: right;
	width: 150px;
	text-align: center;
}

#top #special_message_new{
	width:740px;
}
#top #special_message_new div.message{
	margin: 20px;
	padding: 20px;
	border: 1px dotted #ff9900;
	background: none repeat scroll 0 0 #FFF6DD;
}
#top #special_message_new div.message h2{
	font-weight: bold;
	font-size: 110%;
}
#top #special_message_new div.message p.txt{
	float: left;
	width: 500px;
}
#top #special_message_new div.message p.author{
	float: left;
	width: 490px;
	text-align: right;
}
#top #special_message_new div.message p.img{
	float: right;
  width: 150px;
	text-align: center;
}

/*1: メインエリア
=================================*/
#top #main-col {
	margin: 0;
	padding: 0;
}

#top #main-col h2 {
	margin: 20px 0 0;
}

#top #main-col p.bt-ichiran {
	margin: -30px 10px 15px 0;
	padding: 0;
	text-align: right;
}

#top #main-col p.bt-rss {
	margin: -25px 10px 15px 0;
	padding: 0;
	text-align: right;
}

#top p.bt-ichiran2 {
	margin: -25px 10px 0 0;
	padding: 0;
	text-align: right;
}

#top p.bt-rss2 {
	margin: -20px 100px 15px 0;
	padding: 0;
	text-align: right;
}

/*実践アイデア
---------------------------------*/
#top #idea-area ul {
	width: 530px;
}

#top #idea-area li {
	float: left;
	width: 180px;
	padding: 5px 0 0;
}

#top #idea-area li.right {
	float: right;
	width: 170px;
	padding: 5px 0 0;
}

/*資料室
---------------------------------*/
#top #data-area #grade-box {
	padding: 5px 0 0;
}

#top #data-area #grade-box ul {
	width: 530px;
}

#top #data-area #grade-box ul li {
	float: left;
}

#top #data-area ul#nav li {
	float: left;
	width: 180px;
	padding: 5px 0 0;
}

#top #data-area ul#nav li.right {
	float: right;
	width: 170px;
	padding: 5px 0 0;
}

/*更新情報/研究会情報
---------------------------------*/
#top #whatnew-area,
#top #study-area {
	clear: both;
	width: 530px;
}

#top #whatnew-area dl,
#top #study-area dl {
	margin: 0 5px;
}

#top #whatnew-area dl dt,
#top #study-area dl dt {
	width: 6em;
	margin: 5px 0 0;
}

#top #whatnew-area dl dd,
#top #study-area dl dd {
	margin: -1.45em 0 0 7.5em;
}

#top #study-area p.ichiran {
	margin: 5px 5px 0;
	text-align: right;
}

/*教育書新刊案内
---------------------------------*/
#top #new-publications .multicol {
	width: 510px;
	margin: 15px 10px 0;
}

#top #new-publications div.leftcol,
#top #new-publications div.rightcol {
	width: 250px;
}

#top #new-publications div.leftcol div.rightcol,
#top #new-publications div.rightcol div.rightcol {
	width: 120px;
	margin: 0;
	padding: 0;
}

#top #new-publications p.leftcol {
	width: 120px;
	margin: 0;
	padding: 0;
}

#top #new-publications p.leftcol img {
	padding: 10px;
	border: 1px solid #cccccc;
}

#top #new-publications div.leftcol div.rightcol p,
#top #new-publications div.rightcol div.rightcol p {
	margin: 0 0 5px;
	padding: 0
}

#top #new-publications #randomized_box {
	display: none;
}

#top #new-publications div.multicol2 {
	width: 510px;
	margin: 15px 10px 0;
}

#top #new-publications div.multicol2  p.leftcol{
	width: 120px;
}

#top #new-publications div.multicol2  div.rightcol{
	width: 380px;
}



/*2: ライトエリア
=================================*/
/*今日は何の日
---------------------------------*/
#top #sub-col #today-box p {
	margin: 0;
	padding: 0;
}

#top #sub-col #today-box {
	background-color: #ffebcc;
}

#top #sub-col #today-box dl {
	margin: 0 10px;
}

#top #sub-col #today-box dl dt {
	margin: 10px 0 0;
	font-weight: bold;
}

#top #sub-col #today-box dl dd {
	margin: 5px 0 0;
	padding: 0;
	background: url(../../img/top_today_bg.gif) no-repeat 0 0;
	font-size: 85%;
}

#top #sub-col #today-box ul.multicol {
	margin: 10px 0;
}

#top #sub-col #today-box ul.multicol li {
	margin: 0;
}

#top #sub-col #banner-box {
	margin: 10px 0 0;
}
#top #sub-col #banner-box p {
	margin: 0 0 5px;
}

#top #sub-col #banner-box2 {
	margin: 10px 0 0;
}
#top #sub-col #banner-box2 p {
	margin: 0 0 5px;
}

#top #sub-col #banner-box3 {
	margin: 10px 0 0;
}
#top #sub-col #banner-box3 p {
	margin: 0 0 5px;
}

#jasracban{
	border:1px solid #ddd;
	padding:3px;
}
#jasracban img{
	float:left;
}
#jasracban span{
	float:right;
	width:125px;
	padding:7px 0 0 0;
	font-size:85%;
}

/*連載企画
---------------------------------*/
#series-box {
	margin: 10px 0 0 0;
	padding: 0px;
	background-color: #ededed;
}

#series-box  p {
	margin: 0;
	padding: 0;
}

#series-box #sp {
	margin: 10px;
}

#series-box #sp img{
	float:left;
}

#series-box #sp span{
	float:right;
	width:103px;
	margin: 0 0 0 7px;
}

#series-box #sp a,
#series-box #sp span
 {
	color: #0066cc;
	text-decoration: underline;
	font-size: 90%;
	line-height:150%;
}

#top #sub-col #banner-box2 {
	margin: 10px 0 0;
}

#top #sub-col #banner-box2 p {
	margin: 0 10px 10px;
}


/*こうぶんエデュ新刊案内
---------------------------------*/
#top #sub-col #edu-box ul {
	margin: 0;
	padding: 5px 0 0;
}

#top #sub-col #edu-box ul li {
	margin: 5px 0 0 5px;
	padding: 0 0 0 16px;
	background: url(../../img/arrow_yellow.gif) no-repeat 0 4px;
}