@charset "UTF-8";

@import url(/css/common.css);
@import url(/css/contents.css);
@import url(/css/side.css);
@import url(/css/old.css);

/* h1 */
/*---------------------------------------------------------*/
div#mainContents h1.special {
	width:590px;
	height:34px;	
	background:url(/special/img/special_title.jpg) no-repeat 0 0;
}

div#mainContents h1.robot {
	width:590px;
	height:48px;	
	background:url(/special/robot/img/title.jpg) no-repeat 0 0;
}

div#mainContents h1.tools {
	width:590px;
	height:48px;	
	background:url(/special/tools/img/title.jpg) no-repeat 0 0;
}

div#mainContents h1.circuit {
	width:590px;
	height:48px;	
	background:url(/special/circuit/img/title.jpg) no-repeat 0 0;
}

div#mainContents h1.robocup {
	width:590px;
	height:48px;	
	background:url(/special/robocup/img/title.jpg) no-repeat 0 0;
}

div#mainContents h1.idea {
	width:590px;
	height:48px;	
	background:url(/special/idea/img/title.jpg) no-repeat 0 0;
}

/* h2 */
/*-----------------------------------------------------------*/
div#mainContents h2.robocupAbout {
	width:560px;
	height:17px;
	background:url(/special/robocup/about/img/old/top_ttl01.jpg) no-repeat 0 0;
}

div#mainContents h2.robocupAssemble {
	width:560px;
	height:17px;
	background:url(/special/robocup/about/img/old/top_ttl02.jpg) no-repeat 0 0;
}

div#mainContents h2.robocupEntry {
	width:560px;
	height:17px;
	background:url(/special/robocup/about/img/old/top_ttl03.jpg) no-repeat 0 0;
}

div#mainContents h2.robocupBackup {
	width:560px;
	height:17px;
	background:url(/special/robocup/about/img/old/top_ttl04.jpg) no-repeat 0 0;
}

div#mainContents h2.robocupLook {
	width:560px;
	height:17px;
	background:url(/special/robocup/entry/img/old/robo03_ttl04.gif) no-repeat 0 50%;
}

div#mainContents h2.robocupReport {
	margin-top:20px;
	width:590px;
	height:48px;
	background:url(/special/robocup/img/report_title.jpg) no-repeat 0 50%;
}

/* special top */
/*---------------------------------------------------------*/
div#mainContents div.specialWrap {
	width:590px;
}

div#mainContents div.specialWrap div.itemWrap {
	margin-top:16px;
	width:287px;
	height:154px;
	float:left;
}
 
div#mainContents div.specialWrap div.itemWrap h2 {
	width:287px;
	height:41px;
}

/* IE7 hack */
*+html div#mainContents div.specialWrap * {
	overflow-x:hidden;
}

/* title */
div#mainContents div.specialWrap div.itemWrap h2.robot {
	background:url(/special/img/title_robot.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap h2.circuit {
	background:url(/special/img/title_circuit.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap h2.idea {
	background:url(/special/img/title_idea.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap h2.tools {
	background:url(/special/img/title_tools.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap h2.robocup {
	background:url(/special/img/title_robocup.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap h2.summer {
	background:url(/special/img/title_summer.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap h2.gallery {
	background:url(/special/img/title_gallery.jpg) no-repeat 0 0;
}

/* contents */
div#mainContents div.specialWrap div.itemWrap div {
	width:287px;
	height:113px;
	position:relative;
}

div#mainContents div.specialWrap div.itemWrap div.robot {
	background:url(/special/img/back_robot.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.circuit {
	background:url(/special/img/back_circuit.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.idea {
	background:url(/special/img/back_idea.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.tools {
	background:url(/special/img/back_tools.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.robocup {
	background:url(/special/img/back_robocup.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.summer {
	background:url(/special/img/back_summer.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.gallery {
	background:url(/special/img/back_gallery.jpg) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div p {
	padding:6px 110px 0 14px;
	font-size:0.9em;
	color:#fff;
	line-height:1.3;
}

/* contents a */
div#mainContents div.specialWrap div.itemWrap div a {
	display:block;
	margin:8px;
	width:157px;
	height:34px;
	position:absolute;
	top:55px;
	left:8px;
}

div#mainContents div.specialWrap div.itemWrap div a span {
	position:absolute;
	text-indent:-9999px;
}

/* affect to only MacIE5 \*//*/
div#mainContents div.specialWrap div.itemWrap div a span {
	display:none;
}
/* end */

div#mainContents div.specialWrap div.itemWrap div.robot a {
	background:url(/special/img/btn_robot.gif) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.circuit a {
	background:url(/special/img/btn_circuit.gif) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.idea a {
	background:url(/special/img/btn_idea.gif) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.tools a {
	background:url(/special/img/btn_tools.gif) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.robocup a {
	background:url(/special/img/btn_robocup.gif) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.summer a {
	background:url(/special/img/btn_summer.gif) no-repeat 0 0;
}

div#mainContents div.specialWrap div.itemWrap div.gallery a {
	background:url(/special/img/btn_gallery.gif) no-repeat 0 0;
}

/* robocup top */
/*---------------------------------*/
div#mainContents div.robocupImage {
	margin-top:5px;
	width:590px;
	height:357px;
}

div#mainContents ul.robocupMenu {
	width:590px;
	height:41px;
	background:url(/special/robocup/img/menu.jpg) no-repeat 0 0;
}

div#mainContents ul.robocupMenu li {
	height:41px;
	display:inline;
}

div#mainContents ul.robocupMenu li a {
	display:block;
	height:41px;
	float:left;
}

div#mainContents ul.robocupMenu li a.about {
	width:143px;
}

div#mainContents ul.robocupMenu li a.about:hover {
	background:url(/special/robocup/img/menu.jpg) no-repeat 0 -41px;
}

div#mainContents ul.robocupMenu li a.assemble {
	width:193px;
}

div#mainContents ul.robocupMenu li a.assemble:hover {
	background:url(/special/robocup/img/menu.jpg) no-repeat -143px -41px;
}

div#mainContents ul.robocupMenu li a.entry {
	width:254px;
}

div#mainContents ul.robocupMenu li a.entry:hover {
	background:url(/special/robocup/img/menu.jpg) no-repeat -336px -41px;
}

div#mainContents ul.robocupMenu li a span {
	position:absolute;
	text-indent:-9999px;
}
/* affect to only MacIE5 \*//*/
div#mainContents ul.robocupMent li a span {
	display:none;
}
/* end */


div#mainContents div.report {
	margin-top:20px;
}

div#mainContents div.report a {
	display:block;
	width:187px;
	height:42px;
	background:url(/special/robocup/img/btn_report.jpg) no-repeat 0 0;
}

div#mainContents div.report a span {
	position:absolute;
	text-indent:-9999px;
}

/* affect to only MacIE5 \*//*/
div#mainContents div.report a span {
	display:none;
}
/* end */

/* topic list */
/*-------------------------------*/
div#mainContents div#listArea table.list {
	margin:10px 5px 0 5px;
	width:580px;
}

div#mainContents div#listArea table.list tr {
	background:url(/img/common/dotline590.gif) no-repeat bottom center;
}

div#mainContents div#listArea table.list td {
	padding:4px 0 7px 10px;
	line-height:1.4;
}

div#mainContents div#listArea table.list td.first {
	padding-top:8px;
}

div#mainContents div#listArea table.list td.date {
	padding:3px 0 6px 0;
	width:5em;
}

div#mainContents div#listArea table.list td.date div {
	padding-left:10px;
	background:url(/img/common/orange_arrow.gif) no-repeat 0 50%;
	color:#339933;
}

div#mainContents div#listArea table.list td.title img {
	margin-left:3px;
}

div#mainContents div#listArea p.bottomLink {
	margin-top:7px;
}

div#mainContents div#listArea p.bottomLink a {
	padding-left:15px;
	background:url(/img/common/bullet.gif) no-repeat 0 50%;
}