/************ IDC 08 Style   by Hiroshi SUZUKI**************/

/*********** 一般 ***********/

/**** 本文 ****/
	body{
		background : #FFFFFF; /* 背景色 */
		color : #000000;	/* 文字色 */
		font-size : small;  /* 文字サイズ */
		line-height : 130%; /* 行間 */
		}

/**** リンク部分テキストの装飾 ****/
	A:link { color:#000090; text-decoration:none;}
	A:visited { color:#483D8B; text-decoration:none;}
	A:active { color:#0000FF; text-decoration:none;}
	A:hover { color:#000000; text-decoration:none; background-color:#3DA538;}




/**** 文章揃え ****/
	.c{ text-align:center; }  /* 中央揃え */
	.l{ text-align:left; }    /* 左揃え */
	.r{ text-align:right; }   /* 右揃え */

	/* (テーブル内のみ)文章縦方向揃え */
	.m{ vertical-align:middle; } /* 中央揃え */
	.t{ vertical-align:top; }    /* 上揃え */
	.b{ vertical-align:bottom; } /* 下揃え */

	/*テーブル、ボックスのテキスト回り込み*/
	.fr{ float:right; } /*右へ回り込む*/
	.fl{ float:left; }  /*左へ回り込む*/

/**** 文字サイズ (デフォルトはsmall)****/
	.t-medium{ font-size:medium; }
	.t-small{ font-size:small; }
	.t-xsmall{ font-size:x-small; }   /* x-small */
	.t-xxsmall{ font-size:xx-small; } /* xx-small */
	.t-minimum{ font-size:3px; }      /* 3px*/
	.t-large{ font-size:large; }      /* large */
	.t-xlarge{ font-size:x-large; }   /* x-large */

/**** テキスト装飾 ****/
	.normal{ font-weight:normal; } /*普通字*/
	.bold{ font-weight:bold; } /*太字にする*/
	.ita{ font-style:italic; } /*イタリックにする*/

/**** ボックス、テーブル、タイトルなどの幅指定 ****/
	.w100{width:100%;}      /* 幅を親要素の100%にする*/
	.w90{ width:90%; }		/* 幅を親要素の90%にする */
	.w80{ width:80%; }		/* 幅を親要素の80%にする */
	.w70{ width:70%; }		/* 幅を親要素の70%にする */
	.w60{ width:60%; }		/* 幅を親要素の60%にする */
	.w50{ width:50%; }		/* 幅を親要素の50%にする */
	.w40{ width:40%; }		/* 幅を親要素の40%にする */
	.w30{ width:30%; }		/* 幅を親要素の30%にする */
	.w20{ width:20%; }		/* 幅を親要素の20%にする */
	.w10{ width:10%; }		/* 幅を親要素の10%にする */

/**** ボックス、テーブル、タイトルなどの余白 ***/
	.pad1{ padding:1px; }
	.pad2{ padding:2px; }
	.pad3{ padding:3px; }
	.pad4{ padding:4px; }
	.pad5{ padding:5px; }

/**** ボックス、テーブル、タイトルなどの背景色・文字色 ****/
	.blue1{ background-color:#B0C4DE; color:#000; }   /*「Light Steel Blue」見出し*/

		/* 濃い背景のときのリンク文字装飾 */
		.blue2 A:link { color:#00FFFF; text-decoration:none; }
		.blue2 A:visited { color:#ADD8E6; text-decoration:none; }
		.blue2 A:active { color:#0000FF; text-decoration:none;}
		.blue2 A:hover { color:#000000; text-decoration:none; background-color:#4682B4; }


/**** テーブル ****/
	table{
			font-size:small; /*文字サイズ*/
			border:0ps; /*枠線*/
		}

	tr,td{
			border:0px; /*枠線*/
			line-height:150%; /*行間*/
		}

	.b1{ border:1px; } /*枠幅1px*/
 	.b2{ border:2px; } /*枠幅2px*/
 	.b3{ border:3px; } /*枠幅3px*/
 	.b4{ border:4px; } /*枠幅4px*/
 	.b5{ border:5px; } /*枠幅5px*/

	.nw{ white-space: nowrap; } /* 自動改行禁止 */

/**** 画像 ****/
	img{
			border: 0px;	/*枠幅ゼロ*/
			vertical-align:top; /*縦方向の文字回り込み*/
			margin:2px;
		}
	img.r{ float:right; } /*並び文字右回り*/
	img.l{ float:left; }  /*並び文字左回り*/
						  /*※縦方向の回りこみはt,m,bで指定可能(デフォルトはt)*/

/**** 見出し ****/

	/* 文字位置 */
	h1,h2,h3,h4,h5
		{
		text-align:center;
		padding-top:3px;
		padding-bottom:3px;
		margin-top:15px;
		margin-bottom:-1px;
		z-index:5;
		}

/**** メインテーブル(大枠) ****/
	TABLE.main_table{ width : 800px;
					 border : 0px;
					 border-spacing: 0px;
                     background-color: #FFFFFF;
					 border-collapse: collapse;
					}
	TABLE.main_table TD.main_table_left{
					border : 0px;
					padding : 0px;
					width : 10px;
					background-image: url(img/left.jpg); 
					}
	TABLE.main_table TD.main_table_right{
					border : 0px;
					padding : 0px;
					width : 10px;
					background-image: url(img/right.jpg); 
					}

/**** タイトル画像下のメニューバー ****/
	TABLE.menubar{
				background-color : yellow;
				width : 800px;
				}
	TABLE.menubar TD{
				padding : 1px 6px;
				font-weight : bold;
				text-align : center;
				background-color : #B8F28C;
				border : 2px #1E543E solid;
				}
	TABLE.menubar TD
	A:link DIV   { color:blue; text-decoration:none; background-color:;}
	A:visited DIV{ color:blue; text-decoration:none; background-color:;}
	A:active DIV { color:blue; text-decoration:none; background-color:yellow; }
	A:hover DIV  { color:blue; text-decoration:none; background-color:yellow; }

/**** サブメニュー ****/
	DIV.submenu{ font-weight : bold; }

/**** 各ページのタイトル ****/
	DIV.atitle{
			text-align : left;
			color : white;
			font-size : x-large;
			font-weight : bold;
			padding : 5px 30px;
			background-color : #3DA538;
			}



/**** フッター(コピーライト) ****/
	HR.footer{ border-width:1px; /*border-style:solid;*/ color:#505050; }
	DIV.footer{ font-size:x-small; color:#505050; }

/**** ヘッダー(ナビゲーション) ****/
	DIV.header{ align:left; font-size:x-small; color:#505050; line-height:100%; }



/*********** index.html 関連 ***********/


/**** メインのテーブル ****/
	TABLE.top_table{ width : 800px;
				  }
	TABLE.top_table TD,TH{
				text-align: left; 
				vertical-align:top; 
				}
	TABLE.top_table TD.top_menu{
				}
	TABLE.top_menu_table{
				border-spacing: 10px 1px;
				}
	.top_menu_table TD.top_menu_subtitle{
				padding : 1px 10px;
				font-size : medium;
				font-weight : bold;
				background-image : url(img/subtitle_bg.jpg);
				background-repeat: repeat-y; 
				}
	.top_menu_table TD.top_menu_cont{
				background-color : #B8F28C;
				border: 1px yellowgreen solid;
				}

	TABLE.top_table TD.top_douga{
				width : 200px;
				}
	TABLE.top_douga_table{
				/*border : 1px yellowgreen solid;*/
				padding : 10px;
				}
	TABLE.top_douga_table TH.top_douga_subtitle{
				border : 1px yellowgreen solid;
				background-color : #B8F28C;
				}

	TD.plot1{
			background-image : url(img/plot1.jpg);
			height : 5px;
			}

	TABLE.poster{ background-color : yellow; }
	TABLE.poster TR{ background-color : #3DA538; }

/**** リンク装飾 動画メニュー用1****/
	DIV.top_menu_div1{ font-weight:bold; padding: 1px 10px;  }
	A:link DIV.top_menu_div1    { color:#232B42; text-decoration:none; background-color:;}
	A:visited DIV.top_menu_div1 { color:#232B42; text-decoration:none; background-color:;}
	A:active DIV.top_menu_div1  { color:white; text-decoration:none; background-color:#3DA538; }
	A:hover DIV.top_menu_div1   { color:white; text-decoration:none; background-color:#3DA538; }

/**** リンク装飾 動画メニュー用1****/
	A:link DIV.top_douga_div1    { color:black; text-decoration:none; background-color:yellow; }
	A:visited DIV.top_douga_div1 { color:black; text-decoration:none; background-color:yellow; }
	A:active DIV.top_douga_div1  { color:white; text-decoration:none; background-color:#3DA538; }
	A:hover DIV.top_douga_div1   { color:white; text-decoration:none; background-color:#3DA538; }

/**** リンク装飾 動画メニュー用2****/
	DIV.top_douga_div2{ font-weight : bold; }
	A:link DIV.top_douga_div2    { color:blue; text-decoration:none;}
	A:visited DIV.top_douga_div2 { color:blue; text-decoration:none;}
	A:active DIV.top_douga_div2  { color:white; text-decoration:none; background-color:#3DA538;}
	A:hover DIV.top_douga_div2   { color:white; text-decoration:none; background-color:#3DA538; }


/*********** support.html 関連 ***********/
	TABLE.link{
			background-color: ;
			border-spacing : 10px;
			}
	TABLE.link TH{
			padding : 30px;
			border : 2px yellowgreen solid;
			}


/*********** clip/index.html 関連 ***********/

/**** Recent Clip ****/
	DIV.recentclip{
			font-size : large;
			font-weight : bold;
			padding : 2px 10px;
			}
/**** メインのフレーム ****/
	TABLE.clip_main{
			padding : 1px 10px;
			border-spacing : 30px 1px;
			}
	TABLE.clip_main TD.clip_main_d{vertical-align : top; }

/**** Recent Clips の部分 ****/
	TABLE.clip{
			background-color : #B8F28C;
			padding : 10px;
			}
	TABLE.clip TD.ctitle{
			border : 2px yellowgreen solid;
			}

/**** See all clips と Upload の部分 ****/
	DIV.clip_link{
			font-size : large;
			font-weight : bold;
			}

/*********** clip/upload.html 関連 ***********/

/**** メインフレーム ****/
	TABLE.howto{
			padding : 0px 20px;
			}
/**** STEP M の部分 ****/
	DIV.step{
			font-size : large;
			font-weight : bold;
			padding : 10px 3px;
			}


/*********** team.html 関連 ***********/
/**** メインテーブル ****/
	TABLE.team_main{
		padding : 1px 10px;
		border-spacing : 30px 1px;
		}

/**** 各チームの色を定義 ****/
	.black{ background-color : #000000; color:#FFFFFF; }   /* black team */
	.red{background-color : red; color : #FFFFFF; }   /* red team */
	.olivegreen{background-color : #5f6527; color : #FFFFFF; }   /* olive green team */
	.blue{background-color : blue; color : #FFFFFF; }   /* blue team */
	.yellow{background-color : yellow; color : #000000;}   /* yellow team */
	.grey{background-color : grey; color : #FFFFFF;}   /* grey team */
	.green{background-color : green; color : #FFFFFF;}   /* green team */
	.orange{background-color : orange; color : #000000; }   /* orange team */


/**** チームテーブル ****/
	TABLE.team{
		}

/**** 上部のチームメニュー ****/
	TABLE.team_menu{
		padding : 2px 3px;
		border-spacing : 2px 2px;
		}
	TABLE.team_menu A:link { color:#b0e0e6; text-decoration:none; }
	TABLE.team_menu A:visited { color:#b0e0e6; text-decoration:none; }
	TABLE.team_menu A:active { color:#b0e0e6; text-decoration:none;}
	TABLE.team_menu A:hover { color:#b0e0e6; text-decoration:none; background-color:green; }



/*********** clip/各チーム 関連 ***********/

	DIV.btitle{
			text-align : left;
			color : white;
			font-size : x-large;
			font-weight : bold;
			padding : 5px 30px;
			}

/**** Team Clip の部分 ****/
	TABLE.team_clip{
			/* background-color : #B8F28C; */
			padding : 10px;
			}
	TABLE.team_clip TD.ctitle{
			text-align : left;
			border : 2px yellowgreen solid;
			}


/*********** contest.html 関連 ***********/
/**** 表1 ****/
	TABLE.reg1{
		width : 80%;
		padding : 5px;
		border-collapse : collapse;
		border : 1px #888888 solid;
		}

	TABLE.reg1 TH{
		text-align : center;
		width : 30px;
		border : 1px #888888 solid;
		}
	TABLE.reg1 TD{
		text-align : left;
		border : 1px #888888 solid;
		}
/**** 表2 ****/
	TABLE.reg2{
		width : 40%;
		}
	TABLE.reg2 TD{ text-align : center; }


/*********** workshop.html 関連 ***********/
/**** スケジュール表 ****/
	TABLE.work{
		padding : 5px 10px;
		border-collapse : collapse;
		border : 1px #888888 solid;
		}

	TABLE.work TH.date{
			text-align : center;
			border : 1px #888888 solid;
			}

	TABLE.work TH.schedule{
			width : 450px;
			text-align : center;
			vertical-align : middle;
			border : 1px #888888 solid;
			}


/*********** result.html 関連 ***********/
/**** 結果表 ****/
	TABLE.result{
		padding : 15px 10px;
		border-collapse : collapse;
		border : 1px #888888 solid;
		}

	TABLE.result TD{
			text-align : left;
			padding : 5px 10px;
			text-align : center;
			border : 1px #888888 solid;
			}

	TABLE.result TH{
			width : 250px;
			text-align : center;
			vertical-align : middle;
			border : 1px #888888 solid;
			}