@charset "utf-8";

/* ------------------------------------------- CSS Information
 File Name:       contents.css
 Author:          MIYA
 Style Info:      コンテンツ内のスタイル
----------------------------------------------------------- */

#tab{
	position:absolute;
	top:114px;
	opacity:0.7;
}
#main a{
	text-indent:-9999px;
	display:block;
	background:url(images/top.jpg) no-repeat;
	position:absolute;
	width:127px;
	height:25px;
	left:0px;
}
#main a:hover{
	background:url(images/top.jpg) no-repeat;
	background-position:-127px 0;
}
#about a{
	text-indent:-9999px;
	display:block;
	background:url(images/about.jpg) no-repeat;
	position:absolute;
	width:127px;
	height:25px;
	left:128px;
}
#about a:hover{
	background:url(images/about.jpg) no-repeat;
	background-position:-127px 0;
}
#timetable a{
	text-indent:-9999px;
	display:block;
	background:url(images/timetable.jpg) no-repeat;
	position:absolute;
	width:127px;
	height:25px;
	left:256px;
}
#timetable a:hover{
	background:url(images/timetable.jpg) no-repeat;
	background-position:-127px 0;
}
#live a{
	text-indent:-9999px;
	display:block;
	background:url(images/live.jpg) no-repeat;
	position:absolute;
	width:127px;
	height:25px;
	left:384px;
}
#live a:hover{
	background:url(images/live.jpg) no-repeat;
	background-position:-127px 0;
}
#access a{
	text-indent:-9999px;
	display:block;
	background:url(images/access.jpg) no-repeat;
	position:absolute;
	width:127px;
	height:25px;
	left:512px;
}
#access a:hover{
	background:url(images/access.jpg) no-repeat;
	background-position:-127px 0;
}

#date {
	position:absolute;
	top:6px;
}
#pro-index {
	position:absolute;
	top:140px;
	z-index:5;
	padding:2px;
	padding-top:6px;
	width:90px;
	height:21px;
	text-align:center;
	font-size:small;
	font-weight: lighter; 
	color:#ddd;
	font-family:sans-serif;
	background:url(images/program.jpg) no-repeat;
	opacity: 0.8;
}
/*#pro-border{
	position:absolute;
	z-index:6;
	top:154px;
	height:18px;
	width:75px;
	left:10px;
	border-right: 1px solid #565656;
}*/

#contents {
	cursor: default;
}


/* --------------------------------- Contents Area Style --*/
li{
	margin:0px;
	list-style-type:none;
	list-style-position:outside;
}
ul{
	padding:0px;
	margin:0px;
}
#nav-one	{
	margin-bottom: 80px;
	position:absolute;
	top:140px;
	left:89px;
}
#nav-one li {
/*	border-right: 1px solid #565656;
	border-left: 1px solid #565656;
	border-bottom: 1px solid #565656;
	border-top: 2px solid #000;*/
	float: left;
	position: relative;
	opacity: 0.8;
}
#nav-one li a {
	background: #555;
	color: #FFF;
	display: block;
	/*padding: 5px 10px;*/
	text-decoration: none;
	padding-top:7px;
	width:110px;
	height:22px;
	text-align:center;
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
	background: #DDD;
	color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
	background: #000;
	color: #FFF;	
	padding-left:5px;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
	background: #DDD;
	color: #000;
	border-bottom: 1px solid #565656;	
	padding-left:5px;
}
#nav-one ul {
	background: #000;
	margin-top: 1px;
	text-align:left;
	position: absolute;
	top: -999em;
	left: -1px;
}
#nav-one li:hover ul,
#nav-one li.sfHover ul {
	top: 27px;
}
#nav-one ul li {
	border: 0;
	float: none;
	left:0px;
}
#nav-one ul a {
	text-align:left;
	border: 1px solid #000;
	border-bottom: 0;
	left: 0px;
	white-space: nowrap;
}
#nav-one ul a:hover {
	background: #ccc;
	color: #000;
	left: 0px;
}
#width-1{
	width: 352px;
}
#width-1 a:hover{
	width: 345px;
}
#width-2{
	width: 137px;
}
#width-2 a:hover{
	width: 130px;
}
#color-design {
	color: #FFAE35;
}
#color-society {
	color: #3535FF;
}
#color-life {
	color: #DD75FF;
}
#color-technology {
	color: #78C800;
}
#color-andyou {
	color: #FFDF00;
}
#color-p {
	color: #E06000;
}
#color-g {
	color: #4060A0;
}
#color-s {
	color: #40A040;
}
#color-GSEC {
	color: #4060A0;
}
#color-shonan {
	color: #4060A0;
}
#color-time {
	color: #FFFFFF;
}