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

@charset "utf-8";
/* CSS Document */

html {
	background: #990000;
}

/** branding **/

div#container {
	background: #ffffff;
	margin: 0 auto;
	position: relative;
	width: 955px;
}

div#branding {
	background: #ffffff;
	height: 50px;
	padding-top: 10px;
	position: absolute;
	width: 955px;
}


div#branding p#kif {
	background: url(../../img/project/sodecon/kif_logo.png) no-repeat;
	display: block;
	height: 50px;
	left: 10px;
	position: absolute;
	text-indent: -9999px;
	width: 60px;
	z-index: 5;
}

div#branding h1 {
	background: url(../../img/project/sodecon/branding.png) no-repeat;
	display: block;
	height: 50px;
	left: 75px;
	position: relative;
	text-indent: -9999px;
	width: 455px;
	z-index: 6;
}

div#branding p#en{
	text-indent: -9999px;
}

div#branding p#host {
	display: block;
	font-size: 110%;
	height: 10px;
	position: absolute;
	right: 20px;
	top: 40px;
}



/*** primary_navigation ***/

div#branding h2 {
	text-indent: -9999px;
}

ol#primary_navigation {
	top: 15px;
	position: absolute;
	right: 0;
}

ol#primary_navigation li {
	background:url(../../img/project/sodecon/p_navi_icon.png) no-repeat;
	display:inline;
	padding: 0 20px;
}
	
ol#primary_navigation li a {
		color: #000000;
		text-decoration: underline;
}
	
ol#primary_navigation li a:hover, ol#primary_navigation li a:focus, ol#primary_navigation li a:active {
		color: #FF6600;	
		text-decoration: underline;
}

/** flash_area **/

div#flash_area {
	background: url(../../img/project/sodecon/top_picture.png) no-repeat #ffffff;
	top: 60px;
	height: 430px;
	position: absolute;
	width: 955px;
}

div#flash_area h2 {
	background:url(../../img/project/sodecon/bdr_flash_top.png) repeat-x;
	height: 5px;
	text-indent: -9999px;
	width: 955px;
}

div#flash_area p {
	text-indent: -9999px;
}

/** navigation **/

div#navigation {
	background:url(../../img/project/sodecon/menu_background.png);
	height: 72px;
	position: absolute;
	top: 480px;
	width: 955px;
}

div#navigation ol {
	position: relative;
	left: 116px;
	margin-right: 116px;
}

div#navigation ol li {
	margin: 1px 1px 1px 0;
	float: left;
	text-indent: -9999px;
}

div#navigation ol li a {
	background: url(../../img/project/sodecon/navigation.png) top;
	display: block;
	height: 70px;
	width: 240px;
}

div#navigation ol li#guidelines a {
	background: url(../../img/project/sodecon/navigation.png) 0 0;
}

div#navigation ol li#guidelines a:hover {
	background: url(../../img/project/sodecon/navigation.png) 0 -70px;
}

div#navigation ol li#message a {
	background: url(../../img/project/sodecon/navigation.png) 240px 0;
}

div#navigation ol li#message a:hover {
	background: url(../../img/project/sodecon/navigation.png) 240px -70px;
}

div#navigation ol li#entry a {
	background: url(../../img/project/sodecon/navigation.png) 480px 0;
}

div#navigation ol li#entry a:hover {
	background: url(../../img/project/sodecon/navigation.png) 480px -70px;
}


/** info_left **/

div#info_left {
	background:url(../../img/project/sodecon/text-bcgrnd.png) #ffffff;
	height: 550px;
	position: absolute;
	top: 552px;
	width: 477px;
}

div#info_left h3 {
	background:url(../../img/project/sodecon/text-deco.png) no-repeat;
	font-size: 225%;
	height: 25px;
	left: 30px;
	max-width: 477px;
	padding: 0 30px;
	position: relative;
	top: 20px;
}

div#info_left h3#introduction  {
	background: url(../../img/project/sodecon/h_intro.png) no-repeat;
	height: 30px;
	text-indent: -9999px;
	width: 250px;
}

div#info_left h3#about  {
	background: url(../../img/project/sodecon/h_about.png) no-repeat;
	height: 30px;
	text-indent: -9999px;
	width: 250px;
}

div#info_left p {
	left: 60px;
	margin-bottom: 30px;
	position: relative;
	top: 30px;
	width: 375px;
}

div#info_left ol {
	left: 60px;
	margin-bottom:30px;
	position: relative;
	top: 30px;
	width: 375px;
}

div#info_left ol li span.title {
	display: inline-block;
	width: 4em;
}

div#info_left ol li span.description {
	margin-left: 60px;
}

/** info_right **/

div#info_right {
	background:url(../../img/project/sodecon/text-bcgrnd.png) #ffffff;
	left: 477px;
	height: 550px;
	position: absolute;
	top: 552px;
	width: 478px;
}

div#info_right h3 {
	background:url(../../img/project/sodecon/text-deco.png) no-repeat;
	font-size: 225%;
	height: 25px;
	left: 30px;
	padding: 0 30px;
	position: relative;
	top: 20px;
	width: 370px;
}


div#info_right h3#news  {
	background: url(../../img/project/sodecon/h_news.png) no-repeat;
	height: 30px;
	text-indent: -9999px;
	width: 250px;
}

div#info_right h3#links  {
	background: url(../../img/project/sodecon/h_links.png) no-repeat;
	height: 35px;
	text-indent: -9999px;
	width: 250px;
}

div#info_right h3#supporter  {
	background: url(../../img/project/sodecon/h_supporter.png) no-repeat;
	height: 30px;
	text-indent: -9999px;
	width: 250px;
}

div#info_right p, div#sagawa_flash {
	left: 60px;
	margin-bottom: 30px;
	position: relative;
	top: 30px;
	width: 375px;
}

div#info_right ol {
	left: 60px;
	margin-bottom:30px;
	position: relative;
	top: 30px;
	width: 375px;
}

/** site_infomation **/

div#site_info {
	position: absolute;
	top: 1000px;
	width: 955px;
}

div#site_info p#copyright {
	left: 555px;
	position: relative;
	width: 400px;
}