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

html{background:url(../images/html_bg.gif) repeat-x;}
p{margin:0;}

ul#gNavi li.home a{ background-position:0 100%;}

div#header{height:325px;}
div#header h2{
	display:block;
	position:absolute;
	top:134px;
	width:100%;
	height:191px;
	background:url(../images/header_h2_bg.jpg);
	text-indent:-9999px;
}

div#join{}
div#join h2,
div#join p.txt{display:none;}
div#join p{text-indent:-9999px; margin:0;}
div#join p a{
	dispay:block;
	position:absolute;
	top:278px;
	height:21px;
	background-image:url(../images/mainImg_btn.png);
	background-repeat:no-repeat;
	overflow:hidden;
	line-height:0.1;
	font-size:0.1;
}
/* IE6 PNG background */
* html div#join p a{
	background-image:url(../images/mainImg_btn.jpg);
}


/*div#join p.registration a{
	left:30px;
	width:194px;
}
div#join p.registration a:hover{background-position:0 100%;}*/
div#join p.about a{
	left:23px;
	width:134px;
	background-position:0 0;
}
div#join p.about a:hover{background-position:0 100%;}

div#join p.global a{
	left:166px;
	width:162px;
	background-position:-143px 0;
}
div#join p.global a:hover{background-position:-143px 100%;}

div#join p.guidelines a{
	left:385px;
	width:267px;
	background-position:100% 0;
}
div#join p.guidelines a:hover{background-position:100% 100%;}

/* #main */
div#main{
	width:700px;
	margin:30px 0 0 0;
}

div.section{width:335px;}
div.topics, div.events{float:left;}
div.news{float:right;}

div.topics{
	/*border:solid 1px #cccccc;
	background:#efefef;
	padding:0;*/
}
div.topics h3{
	background:url(../images/topics_title.gif) no-repeat;
	text-indent:-9999px;
	height:19px;
	line-height:19px;
	margin:15px 15px 5px 15px;
}
div#main div.topics p{margin:0;}
div.topics p.txt{
	margin:0 15px 1.5em 15px;
}

div.news h3, div.events h3{margin:0; text-indent:-9999px; height:28px; line-height:28px;}
div.news h3{background:url(../images/news_title.gif) no-repeat;}
div.events h3{background:url(../images/events_title.gif) no-repeat;}
div.news ul, div.events ul{margin:-25px 0 0 0; float:right;}
div.news ul li, div.events ul li{
	display:inline; 
	font-size:0.8em; 
	margin:0 0 0 15px;
}
li.archives a{
	background:url(../images/ico_archives.gif) no-repeat left center; 
	padding:0 0 0 12px;
	letter-spacing:1px;
}
li.rss a{
	background:url(../images/ico_rss.gif) no-repeat left center; 
	padding:0 0 0 15px;
	letter-spacing:1px;
}
div.items{
	padding:10px 5px; 
	background:url(../images/border_dott.gif) repeat-x; 
	background-position:center bottom;
}
div.items:hover{
	background:#eee;; 
}
div.items a{
	color:#003399;
	text-decoration:underline;
}
div.items a:hover{
	color:#6699CC; 
}
div.items h4{
	margin:0;
	font-weight:normal;
	font-size:105%;
}
div.items span.date{color:#222222;}
div.note{
	margin:30px 0 0 0;
	background:#e9f3f0;
	border:dashed 1px #cccccc;
}
div.note h4{display: none;}
div.note p{margin:10px 15px;}
div.note p a{color:#003399;}
div.note p a:hover{color:#6699CC; }


div#pickUp{
	margin:30px 0 60px 0;
}
div#pickUp ul.focusOn{
	line-height:0.1;
}
div#pickUp ul.focusOn li.book a{
	position:absolute;
	top:157px;
	left:723px;
	display:block;
	background:url(../images/booklet_top.jpg);
	width:176px;
	height:160px;
}


/* banner space （バナー1枚）*/
div#topBanners{padding:0 9px; margin-bottom:25px; background:#f2f6c4; width:335px; height:154px; float:left;}
div#topBanners p#banner01{margin:9px 0 0;}

/* banner space （バナー2枚）
div#topBanners{padding:0 9px; margin-bottom:25px; background:#f2f6c4; height:154px;}
div#topBanners p#banner01{float:left; margin:9px 0 0;}
div#topBanners p#banner02{float:right; margin:9px 0 0;}*/