@import url(reset.css);
@import url(color.css);
@import url(type.css);

@charset "utf-8";
/* CSS Document */
html {
	background: #000000;
}

body {
	text-align: center;
	background: center 150px no-repeat url(../img/pattern.jpg);
}


div#container {
	position: relative;
	width: 1024px;
	height: 900px;
	margin: 0 auto;
	background: no-repeat url(../img/pattern.png);
	background-position: -60px 50px;
}

div#title {
	position: absolute;
	left: 80px;
	top: 220px;
	width: 863px;
	height: 111px;
}

div#title div#branding {
	position: relative;
	top: -53px;
	left: -30px;
}

div#title p {
	position: absolute;
	top: -9999px;
}

div#navi_area {
	position: absolute;
	left: 330px;
	top: 370px;
	z-index: 2;
}

div#navi_area h3 {
	position: absolute;
	top: -9999px;
}

ul#main_navigation {
	position: relative;
	text-align: left;
}

ul#main_navigation li a {
	display: block;
	width: 150px;
	height: 55px;
	background: top left no-repeat url(../img/navigation.png);
	text-indent: -9999px;
}

ul#main_navigation li[id="about"] a {
	background-position: 0 -57px;
}
ul#main_navigation li[id="history"] a {
	background-position: 0 -113px;
}
ul#main_navigation li[id="entry"] a {
	background-position: 0 -168px;
}
ul#main_navigation li[id="link"] a {
	background-position: 0 -224px;
}
ul#main_navigation li[id="blog"] a {
	background-position: 0 -281px;
}
ul#main_navigation li[id="schedule"] a {
	width: 190px;
	background-position: 0 -335px;
}
ul#main_navigation li[id="information"] a {
	width: 230px;
	background-position: 0 -390px;
}


ul#main_navigation li[id="news"] a:hover {
	background-position: -152px 0;
	width: 300px;
}
ul#main_navigation li[id="about"] a:hover {
	background-position: -152px -57px;
	width: 300px;
}
ul#main_navigation li[id="history"] a:hover {
	background-position: -152px -113px;
	width: 500px;
}
ul#main_navigation li[id="entry"] a:hover {
	background-position: -152px -168px;
	width: 300px;
}
ul#main_navigation li[id="link"] a:hover {
	background-position: -152px -224px;
	width: 300px;
}
ul#main_navigation li[id="blog"] a:hover {
	background-position: -152px -281px;
	width: 300px;
}
ul#main_navigation li[id="schedule"] a:hover {
	background-position: -193px -335px;
	width: 350px;
}
ul#main_navigation li[id="information"] a:hover {
	background-position: -238px -390px;
	width: 430px;
}

ol#sub_navigation {
	position: absolute;
	left: -300px;
	top: -350px;
}

div#content {
	position: absolute;
	text-align: left;
	right: 50px;
	top: 380px;
	width: 400px;
	z-index: 1;
}

div#content div#movie {
	position: absolute;
	right: 670px;
	top: 85px;
	width: 250px;
	text-align: center;
}

div#site_info {
	position: absolute;
	right: 50px;
	bottom: 20px;
	width: 600px;
}

div#site_info h4#count {
	position: absolute;
	right: 820px;
	bottom: 0;
}

div#site_info h3 {
	position: absolute;
	top: -9999px;
}

div#site_info p[id="environment"]{
	position: absolute;
	right: 0;
	bottom: 0;
}

div#site_info p[id="copy"]{
	position: absolute;
	right: 0;
	bottom: 1.5em;
}


div#site_info h4 a[href="http://www.kyoto-gakuseisaiten.com/"] {
	display: block;
	width: 108px;
	height: 91px;
	position: absolute;
	right: 0;
	bottom: 3.5em;
	background: top center no-repeat url(../img/saitenlogo.png);
	text-indent: -9999px;
}

div#site_info h4#career_flash {
	width: 148px;
	height: 56px;
	position: absolute;
	right: 125px;
	bottom: 2.5em;
}

div#site_info h4#rohm_flash {
	width: 148px;
	height: 56px;
	position: absolute;
	right: 470px;
	bottom: 2.5em;
}

div#site_info h4#choei {
	width: 148px;
	height: 56px;
	position: absolute;
	right: 300px;
	bottom: 2.5em;
}


div#site_info h4 a[href="index.html"]{
	position: absolute;
	right: 150px;
	bottom: 5em;
}

h4#hurryup {
	font-size: 180%;
	color: #FF0000;
}

ul#info_news {
	list-style: inside disc;
	margin-top: 1em;
	font-size: 120%;
	font-weight: bold;
}

ul#info_news li {
	margin-bottom: 1em;
}

ul#info_news li a {
	font-size: 130%;
}

h3#fin {
	font-size: 150%;
	color: #FFCC00;
	margin-bottom: 0;
}

*.red {
	color: #FF3333;
	font-size: 130%;
}

ul#information {
	font-size: 120%;
}