@charset "utf-8";
/* CSS Document */

/* Base */
#leftArea{float:left; display:block; width:760px; overflow:hidden;}
#rightArea{float:right; display:block; width:200px; overflow:hidden;}

/* form */
input,textarea{border:1px solid #ccc; padding:3px;}

/* table */
table{ border-collapse:collapse;}
thead,tbody,tfoot{margin:0; padding:0;}
th,td{padding:3px 5px; border:1px solid #ccc;}


/* contents */
.cont{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;

box-shadow:0px/* 右 */ 0px/* 下 */ 3px/* 影幅 */ #ccc/* 影色 */;

border:1px solid #ccc;
padding:3px 10px;
margin-bottom:5px;

position:relative;/* これもなぜか必要 */
behavior: url(http://mktfla.org/common/ie/PIE.htc);
}
.cont h3{border-bottom:1px dotted #999; }


/* index */
ul#index{ margin:0; padding:0; display:block;}
ul#index li{list-style:none; float:left; margin-right:10px; margin-bottom:10px;}
ul#index li a{display:block; width:210px; text-decoration:none; background:#fff; color:#666; border:2px solid #777;}
ul#index li a:hover{
border:2px solid #e83929;
color:#fff;
background: -moz-linear-gradient(top, #f3bf88, #ee836f);
background: -webkit-gradient(linear, center top , center bottom , from(#f3bf88), to(#ee836f));
-pie-background: linear-gradient(#f3bf88, #ee836f);/* 背景グラデーションの指定 */

position:relative;/* これもなぜか必要 */
behavior: url(http://mktfla.org/common/ie/PIE.htc);
}












#test{
	color: #eeeeee;
	text-align: left;
	background: #9fb7d4;/*Operaがグラデーション未対応のため代わりの背景色*/
	padding: 10px;
/*角丸*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*シャドー*/
	-webkit-box-shadow: 0px 2px 3px #777;
	-moz-box-shadow: 0px 2px 3px #777;
	box-shadow: 0px 2px 3px #777;
/*グラデーション*/
	background: -webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#9fb7d4));
	background: -moz-linear-gradient(top,#eeeeee,#9fb7d4);
	background: linear-gradient(#eeeeee,#9fb7d4);
	-pie-background: linear-gradient(#eeeeee,#9fb7d4);/*IEのグラデーションには通常の記述にあわせてこの一行も必要*/
/*CSS3 PIE*/
position:relative;/* これもなぜか必要 */
behavior: url(http://mktfla.org/common/ie/PIE.htc);
}
