﻿/* 
===========================================
=== STYLE SHEET for IDC ROBOCON WEBSITE ===
=== by suzuki                           ===
===========================================
*/
/* -------------------------------------- */
/* ページ全般 */
 BODY {
	background : #C4E1E7;
	color : #000000;
	font-size : small;
	line-height : 130%; /* 行間 */
 }
 P {
	text-indent : 1em; /* インデント */
 }
/* -------------------------------------- */
/* 画像 */
 img{
	border: 0px;	/*枠幅ゼロ*/
	vertical-align:top; /*縦方向の文字回り込み*/
	margin:2px;
 }
/* -------------------------------------- */
/* ハイパーリンクテキスト */
 A:link { color:#000090; text-decoration:none; font-weight : bold; }
 A:visited { color:#483D8B; text-decoration:none; font-weight : bold; }
 A:active { color:#0000FF; text-decoration:none; }
 A:hover {
	color:blue;
	text-decoration:underline;
	background-color : #ADD8E6;
	font-weight : bold;
 }
/* -------------------------------------- */
/* ヘッダー */
 IFRAME.header {
	width : 802px; height : 20px;
	border : 0px;
 }
 BODY.header_body {
	background : #FFFFFF;
	font-size : small;
 }
 TABLE.header_tab {
	width : 800px;
	margin : 0px; padding : 0px;
	position : absolute;
		top : 0px;
		left : 1px;
 }
 TABLE.header_tab TD {
		padding : 0px;
		margin : 0px;
		font-weight : bold;
		white-space : nowrap;
 }
 TABLE.header_tab TD.tableft { text-align : left; width : 200px;}
 TABLE.header_tab TD.tabcenter { text-align : left; }
 TABLE.header_tab TD.tabcenter A { color : blue;}
 TABLE.header_tab TD.tabright { text-align : right; }
 TABLE.header_tab TD.tabright A { color : red; }
/* -------------------------------------- */
/* 大枠 */
 TABLE.main_table {
	width : 842px;
	margin : 0px; padding : 0px;
	border-spacing : 0px;
	border-collapse : collapse;
 }
 TABLE.main_table TD {
		padding : 0px; margin : 0px;
		background-position : left top;
		background-repeat : no-repeat;
 }
 TABLE.main_table TD.main_table_topleft {
		height : 7px; width : 20px;
		background-image : url(img/topleft2.jpg);
 }
 TABLE.main_table TD.main_table_top {
		height : 7px; width : 802px;
		background-image : url(img/top2.jpg);
		background-repeat : repeat-x;
 }
 TABLE.main_table TD.main_table_topright {
		height : 7px; width : 20px;
		background-image : url(img/topright2.jpg);
 }
 TABLE.main_table TD.main_table_left {
		width : 20px;
		background-image : url(img/left2.jpg);
		background-repeat : repeat-y;
 }
 TABLE.main_table TD.main_table_center {
		width : 802px;
		background-color : #FFFFFF;
 }
 TABLE.main_table TD.main_table_right {
		width : 20px;
		background-image : url(img/right2.jpg);
		background-repeat : repeat-y;
 }
 TABLE.main_table TD.main_table_bottomleft {
		height : 20px; width : 20px;
		background-image : url(img/bottomleft2.jpg);
 }
 TABLE.main_table TD.main_table_bottom {
		height : 20px;
		background-image : url(img/bottom2.jpg);
		background-repeat : repeat-x;
 }
 TABLE.main_table TD.main_table_bottomright {
		height : 20px; width : 20px;
		background-image : url(img/bottomright2.jpg);
 }
/* -------------------------------------- */
/* メインタイトル */
 DIV.maintitle A {
		display : block;
		width : 802px; height : 202px;
		background-color : #000000;
		background-image : url(img/idc_title.jpg);
		background-position : 1px 1px;
		background-repeat : no-repeat;
 }
 DIV.maintitle A:hover { background-color : black; }
/* -------------------------------------- */
/* ボトムタイトル */
 DIV.bottomtitle {
	width : 802px; height : 42px;
	background-color : #000000;
	background-image : url(img/end_title.jpg);
	background-position : 1px 1px;
	background-repeat : no-repeat;
 }
/* -------------------------------------- */
/* フッター */
 IFRAME.footer {
	text-align : center;
	font-size : small;
 }

/* ------------------------------------- */
/* ２段組テーブル */
 TABLE.bigtable {
	width : 802px;
 }
 TABLE.bigtable TD.bigleft {
		width : 562px;
		vertical-align : top;
 }
 TABLE.bigtable TD.bigright {
		vertical-align : top;
		text-align : left;
 }
/* -------------------------------------- */
/* サイドメニュー */
 IFRAME.menu { width : 240px;  height : 950px; } /*650*/
 BODY.menu_body {
	background : #FFFFFF;
 }
 TABLE.containts TH{
		height : 5px;
		border-spacing : 0px;
 }
 TABLE.containts TD{
		width : 222px;
		border : 1px skyblue solid;
		font-size : medium;
		font-weight : bold;
		white-space : nowrap;
 }
/* --------------------------------------- */
/* メインコンテンツ内のリンク文字 */
 TABLE.containts DIV {
	border : 1px #FFFFFF solid;
 }
 TABLE.containts DIV A{
	display : block;
	width : 220px; height : 26px;
	background-repeat : repeat-y;
	background-position : right;
	text-decoration : none;
	text-indent : 1em;
	padding-top : 5px;
 }
 TABLE.containts DIV A:link { color : #000000; background-image : url(img/menu_bg.jpg); }
 TABLE.containts DIV A:visited { color : #000000; background-image : url(img/menu_bg.jpg); }
 TABLE.containts DIV A:hover {
			color:#FFFFFF;
			text-decoration:none;
			font-weight : bold;
			background-image : url(img/menu_bg_hov.jpg);
 }
 TABLE.containts DIV A:active { color : #000000; background-image : url(img/menu_bg.jpg); }

 TABLE.containts DIV.remark A:active { color : #000000; background-image : url(img/menu_bg2.jpg); }
 TABLE.containts DIV.remark A:link { color : #000000; background-image : url(img/menu_bg2.jpg); }
 TABLE.containts DIV.remark A:visited { color : #000000; background-image : url(img/menu_bg2.jpg); }
 TABLE.containts DIV.remark A:hover {
			color:#8B0000;
			text-decoration:none;
			font-weight : bold;
			background-image : url(img/menu_bg_hov2.jpg);
 }
 TABLE.containts DIV.remark A:active { color : #000000; background-image : url(img/menu_bg2.jpg); }
/* -------------------------------------- */
/* idc2009バナーリンク用 */
 DIV.idc2009 {
	text-align : center;
	padding : 10px;
	background-color : pink;
	border : 1px red solid;
 }
/* -------------------------------------- */
/* メイン記事 */
 TABLE.article {
	width : 540px;
	margin-top : 10px;
	border : 0px;
	border-spacing : 0px;
	border-collapse : collapse;
 }
 TABLE.article TD.article_top {
	width : 540px;
	background-image : url(img/article_top.jpg);
	background-repeat : no-repeat;
	font-size : x-large;
	color : #FFFFFF;
	font-weight : bold;
	text-align : center;
	padding : 20px 0px 15px 0px;
 }
 TABLE.article TD.article_text {
	width : 540px;
	background-image : url(img/article_text.jpg);
	background-repeat : repeat-y;
	font-size : medium;
	line-height : 130%;
	text-align : left;
	padding : 10px 8px 10px 12px;
 }
 TABLE.article TD.article_bottom {
	width : 540px; height : 24px;
	background-image : url(img/article_bottom.jpg);
 }
/* -------------------------------------- */
/* 協賛(後援) */
 IFRAME.banner {
	width : 550px; height : 230px;
 }
 BODY.banner_body {
	background : #FFFFFF;
	font-size : medium;
	font-weight : bold;
 }
 TABLE.banner_tab TD {
		vertical-align : bottom;
		padding : 0px 10px;
 }

/*
=========================================
=== next.html 用
=========================================
*/
 TABLE.yokoku {
	border : 2px #000070 solid;
	border-collapse : collapse;
	font-size : large;
 }
 TABLE.yokoku TD {
		border : 1px #000070 solid;
		padding : 10px;
		text-align : center;
 }

/*
========================================
=== history.html 用
========================================
*/
 TABLE.history_table{ width:100%; text-align:center; border-collapse:collapse; }
 TABLE.history_table TD {
		border-bottom : 2px #BEBEBE solid; 
		border-left : 1px white solid; 
		white-space: nowrap;
		font-size : small;
 }
 TABLE.history_table TD.td0{ background-color:#DCDCDC; }
 TABLE.history_table TD.td1{ background-color : #E6E6FA; }
 TABLE.history_table TD.td2{ background-color : #F0FFF0; }


/*
========================================
=== IDC2009 放映情報用 (index.html)
========================================
*/
 TABLE.tv2 {
  font-size : small;
  border-collpase : collapse;
  border : #888888 2px ridge;
  padding : 5px 0px;
  background-color : lavender;
  float : right;
 }
 TABLE.tv2 TD { padding : 0px; text-align : left; }
 TABLE.tv2 TD.r { text-align : right; }
 TABLE.tv2 TD.c { text-align : center; }
 TABLE.tv2 TD IMG { margin-bottom : 15px; }
