@charset "utf-8";

body{background-color:#663300;
			padding:0;margin:0;
	}

/*title*/
#titleArea{background:url(../img/05visual-title.gif) no-repeat;}

/*��˥塼�����᡼������*/
.midasi{
	background:url(../img/05visualIMG.gif) no-repeat;}

/*��ʸ���ꥢ*/
		#contentsArea{
			background:url(../img/05visual-contents.gif) no-repeat;
			padding:0 20px 200px 20px;
			}

	#contentsArea p.intro{color:#ffcc99;
			font-size:80%;
			margin:30px;
			padding:0 10px;
			border-left:2px solid silver;
			border-right:2px solid silver;}

	#contentsArea div.visual{margin-top:30px;padding:10px;
	border-right:1px solid silver;
	border-bottom:1px solid silver;}

	#contentsArea div.visual img{float:left;margin:0 20px 20px 
0}


/*videotitle*/
	.visual h2{color:#cccc66;font-size:100%;
		lin-height:120%;
		font-weight:bold;
		font-family:sans-serif;
		border-top:2px solid silver;
 		border-bottom:2px solid silver;
		border-right:20px solid #cc6600;
		margin-top:0;
		margin-left:120px;
		padding:3px 0 3px 0;
	}
	.visual h2 span{color:#cccc66;font-size:80%;}


	.visual h3{color:#ccccff;
		font-size:80%;
		font-family:sans-serif;
		text-align:right;
		margin-bottom:0}

	.visual h4{color:#ccccff;
		font-size:80%;
		font-family:sans-serif;
		text-align:right;
		margin-top:5px}
	
/*����������*/
div.comment{color:silver;font-size:80%;
	text-indent:1em;
	border-bottom:10px 10px}

.comment span{line-height:300%}

.intro{font-size:90%;color:#7fffd4;
	padding:0 20px 0 20px}


/*REGION*/
h2.region{font-size:100%;color:#fff;
	border-left:#cccc66 10px solid;	
	border-bottom:#cccc66 1px solid;
	margin:3%;padding:1%}

table{width:95%}
td{color:#fff;font-size:90%;font-weight:bold;
	border:thin solid #fff;
	padding:1%;
	}
td.number{background-color:#ffffcc;
	color:#000;
	padding:0;
	width:20%;
	}

.taisaku{text-indent:0em;
	}

.taisaku a{color:#ffff99;}
a.jump{color:#ffff99;}

h3 a{color:#cc6699;font-size:120%;font-weight:bold;
	padding-bottom:0}