@charset "utf-8";

/*////////////////////////////////////////////////////////////

	[layout.css]
	
	(C)Shinkousoku Printing Inc.
	
	1. container
	2. header
	3. footer
	4. body

////////////////////////////////////////////////////////////*/

/*------------------------------------------------------------

	1. container

------------------------------------------------------------*/
* html body {
	text-align: center;
}

/* IR
------------------------------------------------------------*/
div#header h1,
div#header ul#gnav li a,
div#header ul#gnav li em,
div#footer ul.menu a,
div#footer ul.menu em,
div#footer p#top a,
div#sidebar p#president a,
div#sidebar ul#banner a,
div#sidebar dl#shincho dt a,
div#content h2 {
	overflow: hidden;
	text-indent: -9999px;
}

/* clearfix
------------------------------------------------------------*/
div#body:after,
div#content div.section:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
*:first-child+html div#body,
*:first-child+html div#content div.section {
	zoom: 1;
}
* html div#content div#body,
* html div#content div.section {
	zoom: 1;
}


/*------------------------------------------------------------

	2. header

------------------------------------------------------------*/
div#header {
	position: relative;
	background: url(../img/header/content_bg.jpg) repeat-x;
}
* html div#header {
	text-align: center;
}

div#header div.wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto 20px;
	padding: 80px 0 0;
	background: url(../img/header/content_bg2.jpg) no-repeat;
}
* html div#header div.wrapper {
	text-align: left;
}

div#header img {
	display: block;
}

/* logo
------------------------------------------------------------*/
div#header p#logo {
	position: absolute;
	z-index: 3;
	left: 35px;
	top: 10px;
	
}

div#header h1 {
	position: absolute;
	z-index: 2;
	left: 77px;
	top: 48px;
	width: 412px;
	height: 24px;
	background:url(../img/header/title.png) no-repeat;
}
* html div#header h1 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/img/header/title.png", sizingMethod="crop");
}

/* menu
------------------------------------------------------------*/
div#header ul.menu {
	position: absolute;
	z-index: 3;
	right: 275px;
	top: 15px;
	margin: 0;
	list-style: none;
}
* html div#header ul.menu {
	right: 270px;
}

div#header ul.menu li {
	float: left;
	margin: 0 5px 0 0;
}

/* font size
------------------------------------------------------------*/
div#header div#fs {
	position: absolute;
	z-index: 3;
	right: 116px;
	top: 12px;
}

div#header div#fs dl {
	margin: 0;
	width: 164px;
	height: 34px;
}

div#header div#fs dt {
	position: absolute;
	z-index: 1;
	margin: 0;
}

div#header div#fs dd {
	position: absolute;
	z-index: 2;
	top: 5px;
	width: 24px;
	height: 24px;
	margin: 0;
}

div#header div#fs dd#fs_small {
	left: 85px;
}

div#header div#fs dd#fs_middle {
	left: 109px;
}

div#header div#fs dd#fs_large {
	left: 133px;
}

/* noscript */
div#header div#fs p {
	margin: 0;
}

/* english
------------------------------------------------------------*/
div#header p.english {
	position: absolute;
	right: 38px;
	top: 16px;
	width: 78px;
	height: 29px;
}

/* grobal navigation
------------------------------------------------------------*/
div#header ul#gnav {
	position: relative;
	z-index: 2;
	width: 920px;
	height: 60px;
	padding: 10px 40px 0;
	background: url(../img/header/gnav_bg.png) no-repeat;
	list-style: none;
	background-image: url(../img/header/gnav_bg.png);
}
* html div#header ul#gnav {
	width: 1000px;
	height: 70px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../common/img/header/gnav_bg_ie6.png", sizingMethod="crop");
}

div#header ul#gnav li {
	float: left;
}

div#header ul#gnav li a,
div#header ul#gnav li em {
	display: block;
	width: 153px;
	height: 50px;
	background: url(../img/header/gnav_btn.jpg) no-repeat;
}
* html div#header ul#gnav li a {
	position: relative;
	z-index: 7;
}

div#header ul#gnav li.home a,
div#header ul#gnav li.home em {
	width: 155px;
}

div#header ul#gnav li.home a                 { background-position:      0 0; }
div#header ul#gnav li.outline a              { background-position: -155px 0; }
div#header ul#gnav li.researcher a           { background-position: -308px 0; }
div#header ul#gnav li.achievement a          { background-position: -461px 0; }
div#header ul#gnav li.report a               { background-position: -614px 0; }
div#header ul#gnav li.recruitment a          { background-position: -767px 0; }

div#header ul#gnav li.home a:hover           { background-position:      0 -80px !important; }
div#header ul#gnav li.outline a:hover        { background-position: -155px -80px !important; }
div#header ul#gnav li.researcher a:hover     { background-position: -308px -80px !important; }
div#header ul#gnav li.achievement a:hover    { background-position: -461px -80px !important; }
div#header ul#gnav li.report a:hover         { background-position: -614px -80px !important; }
div#header ul#gnav li.recruitment a:hover    { background-position: -767px -80px !important; }

div#header ul#gnav li.home em                { background-position:      0 -160px; }
div#header ul#gnav li.outline em             { background-position: -155px -160px; }
div#header ul#gnav li.researcher em          { background-position: -308px -160px; }
div#header ul#gnav li.achievement em         { background-position: -461px -160px; }
div#header ul#gnav li.report em              { background-position: -614px -160px; }
div#header ul#gnav li.recruitment em         { background-position: -767px -160px; }

div#header ul#gnav li.home a.selected        { background-position:      0 -160px; }
div#header ul#gnav li.outline a.selected     { background-position: -155px -160px; }
div#header ul#gnav li.researcher a.selected  { background-position: -308px -160px; }
div#header ul#gnav li.achievement a.selected { background-position: -461px -160px; }
div#header ul#gnav li.report a.selected      { background-position: -614px -160px; }
div#header ul#gnav li.recruitment a.selected { background-position: -767px -160px; }

/* topic path
------------------------------------------------------------*/
div#header p#path {
	margin: 0 40px;
	line-height: 1.2;
	font-size: 83%;
}

div#header p#path a {
	color: #666;
}

/*------------------------------------------------------------

	3. footer

------------------------------------------------------------*/
div#footer {
	position: relative;
	clear: both;
	background: url(../img/footer/bg.gif) repeat-x;
}

div#footer div.wrapper {
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 50px 40px 40px;
}
* html div#footer div.wrapper {
	width: 1000px;
	text-align: left;
}

/* top of page
------------------------------------------------------------*/
div#footer p#top {
	position: absolute;
	right: 40px;
	top: 0;
}

div#footer p#top a {
	display: block;
	width: 200px;
	height: 31px;
	background: url(../img/footer/top_btn.gif) no-repeat;
}

div#footer p#top a:hover {
	background-position: 0 -31px;
}

/* menu
------------------------------------------------------------*/
div#footer ul.menu {
	position: absolute;
	left: 40px;
	top: 0;
	list-style: none;
}

div#footer ul.menu li {
	float: left;
	margin: 0 10px 0 0;
}

div#footer ul.menu a,
div#footer ul.menu em {
	display: block;
	height: 22px;
	background: url(../img/footer/menu_btn.gif) no-repeat;
}

div#footer ul.menu li.access a,
div#footer ul.menu li.access em {
	width: 87px;
}

div#footer ul.menu li.link a,
div#footer ul.menu li.link em {
	width: 60px;
}

div#footer ul.menu li.privacy a,
div#footer ul.menu li.privacy em {
	width: 190px;
}

div#footer ul.menu li.access a        { background-position:      0 0; }
div#footer ul.menu li.link a          { background-position: -102px 0; }
div#footer ul.menu li.privacy a       { background-position: -177px 0; }

div#footer ul.menu li.access a:hover  { background-position:      0 -22px; }
div#footer ul.menu li.link a:hover    { background-position: -102px -22px; }
div#footer ul.menu li.privacy a:hover { background-position: -177px -22px; }

div#footer ul.menu li.access em       { background-position:      0 -44px; }
div#footer ul.menu li.link em         { background-position: -102px -44px; }
div#footer ul.menu li.privacy em      { background-position: -177px -44px; }

/* address
------------------------------------------------------------*/
div#footer address {
	font-style: normal;
	font-size: 10px;
	color: #999;
}

div#footer address img {
	margin: 0 0 6px;
}

div#footer address em {
	vertical-align: 0.5em;
	font-size: 120%;
	font-style: normal;
}
* html div#footer address em {
	vertical-align: 0;
}

div#footer address a.email {
	padding: 0 13px 0 0;
	background: url(../img/footer/bullet.gif) no-repeat right center;
	color: #999;
}

div#footer address a:hover {
	color: #000;
}

/* copyright
------------------------------------------------------------*/
div#footer p#copyright {
	position: absolute;
	right: 40px;
	bottom: 40px;
	font-size: 10px;
	color: #999;
}

/*------------------------------------------------------------

	4. body

------------------------------------------------------------*/
div#body {
	width: 1000px;
	margin: 0 auto 40px;
}
* html div#body {
	text-align: left;
}

/* sidebar
------------------------------------------------------------*/
div#sidebar {
	float: right;
	width: 200px;
	margin: 0 40px 40px 0;
}
* html div#sidebar {
	display: inline;
}

/* local menu */
div#sidebar dl.menu {
	margin: 0 0 20px;
	padding: 4px;
	background: #E8E0CF;
	border: 1px solid #D7CFC0;
}

div#sidebar dl.menu dt {
	background: #DBD1BA url(../img/sidebar/local-menu_btn_bg.jpg) no-repeat -600px 0;
	border: 1px solid #D7CFC0;
	border-right-color: #C4B69C;
	border-bottom-color: #C4B69C;
}

div#sidebar dl.menu dd {
	background: #F3EBDB url(../img/sidebar/local-menu_btn_bg.jpg) no-repeat;
	border: 1px solid #D7CFC0;
	border-right-color: #CDC2AF;
	border-bottom-color: #CDC2AF;
	border-top: none;
}

div#sidebar dl.menu a,
div#sidebar dl.menu em {
	display: block;
	padding: 9px 6px 9px 26px;
	font-style: normal;
	color: #333;
}

div#sidebar dl.menu dt a {
	background: url(../img/bullet/index-link.gif) no-repeat 6px center;
}

div#sidebar dl.menu dd em {
	background: url(../img/bullet/selected.gif) no-repeat 6px center;
}

div#sidebar dl.menu dt:hover {
	background: #F0E4C9 url(../img/sidebar/local-menu_btn_bg.jpg) no-repeat -800px 0;
}

div#sidebar dl.menu dd a {
	background: url(../img/bullet/index.gif) no-repeat 6px center;
	color: #333;
}

div#sidebar dl.menu dd:hover {
	background: #FFFBF0 url(../img/sidebar/local-menu_btn_bg.jpg) no-repeat -200px 0;
}


div#sidebar dl.menu dd.selected {
	background: #E4DAC2 url(../img/sidebar/local-menu_btn_bg.jpg) no-repeat -400px 0;
	border-left-color: #CDC2AF;
	border-right-color: #D7CFC0;
	border-bottom-color: #D7CFC0;
	font-weight: bold;
}

div#sidebar dl.menu dt.separator {
	display: block;
	padding: 5px 7px;
	background: none;
	border-top: none;
	line-height: 1.2;
	font-size: 10px;
	color: #7A6C61;
}
div#sidebar dl.menu dt.separator:hover {
	background: none;
}


/* president */
div#sidebar p#president {
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px dotted #CCC;
}

div#sidebar p#president a {
	display: block;
	width: 200px;
	height: 80px;
	background: url(../img/sidebar/president_btn.jpg) no-repeat;
}

div#sidebar p#president a:hover {
	background-position: -200px 0;
}

/* banner */
div#sidebar ul#banner {
	list-style: none;
	padding: 0 0 10px;
	margin: 0 0 20px;
	border-bottom: 1px dotted #CCC;
}

div#sidebar ul#banner li {
	margin: 0 0 10px;
}

div#sidebar ul#banner a {
	display: block;
	width: 200px;
	height: 60px;
	background: url(../img/sidebar/banners_btn.jpg) no-repeat;
}

div#sidebar ul#banner li#niigata-u a       { background-position:      0     0; }
div#sidebar ul#banner li#mext a            { background-position:      0 -60px; }
div#sidebar ul#banner li#niigata-u a:hover { background-position: -200px     0; }
div#sidebar ul#banner li#mext a:hover      { background-position: -200px -60px; }

/* shincho */
div#sidebar dl#shincho {
	margin: 0 0 20px;
	padding: 17px 19px 16.5px;
	background: #FAFAFA;
	border: 1px solid #CCC;
	font-size: 10px;
	color: #666;
}

div#sidebar dl#shincho dt {
	display: block;
	margin: 0 0 6px;
}

div#sidebar dl#shincho dt a {
	display: block;
	width: 160px;
	height: 20px;
	background: url(../img/sidebar/shincho.jpg) no-repeat;
}

div#sidebar dl#shincho dt a:hover {
	background-position: -200px 0;
}

div#sidebar dl#shincho dd {
	margin: 0;
}

/* content
------------------------------------------------------------*/
div#content {
	position: relative;
	float: left;
	width: 680px;
	margin: 0 0 0 40px;
}
* html div#content {
	display: inline;
}

/* section */
div#content div.section {
	clear: both;
	margin: 0 0 40px;
}																																	

/* title */
div#content h2 {
	height: 80px;
	margin: 0 0 20px;
}

/* heading */
div#content div.section h3 {
	margin: 0;
	padding: 0 0 0 24px;
	background: url(../img/bullet/h3.gif) no-repeat 4px 3px;
	line-height: 1.25;
	font-size: 133.3%;
	color: #069;
}

div#content div.section h3 a {
	color: #09C;
}

div#content div.section h4 {
	margin: 1.4285em 0 1.4285em 24px;
	line-height: 1.4285;
	font-size: 116.7%;
}

div#content h4 span {
	font-size: 115.3%;
	color: #069;
}


/* text */
div#content div.section p,
div#content div.section li {
	line-height: 1.666;
	text-align: justify;
	text-justify: inter-ideograph;/*IE*/
}

div#content div.section p {
	margin: 1.6666em 0 0 24px;
}

div#content div.section p.photo {
	margin: 1.6666em 0 1.6666em 24px;
}

div#content div.section ul,
div#content div.section ol,
div#content div.section dl {
	margin: 1.6666em 0 1.6666em 24px;
}

div#content div.section li {
	margin: 0 0 0 3em;
}

div#content div.section ul {
	list-style: none;
}

div#content div.section ul li {
	margin: 0;
	padding: 0 0 0 24px;
	background: url(../img/bullet/maker_ul.gif) no-repeat 0 0.25em;
}

div#content div.section table {
	margin: 1.6666em 0 1.6666em 24px;
}

div#content div.section span.size {
	font-size: 83.333%;
}