<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "Shift_JIS"; 







/*================================header================================*/


#container #main_visual {
	width: 730px;
	margin-bottom: 2em;
}

#container #main_visual #left_image {
	float: left;
	width: 548px;
}
#container #main_visual #pickup {
	float: right;
	width: 182px;
	background: url(../images/main_visual.jpg) no-repeat left top;
 	height: 194px;
}
#container #main_visual #pickup li {
	list-style: none;
	text-indent: -9999px;
}
#container #main_visual #pickup li a {
	outline-style:none;
	display: block;
	height: 194px;
	width: 182px;
}

#pickup01 a:hover {background: url(../images/main_visual_b.jpg) no-repeat 0px 0px;}
#pickup02 a:hover {background: url(../images/main_visual_b.jpg) no-repeat 0px -194px;}
#pickup03 a:hover {background: url(../images/main_visual_b.jpg) no-repeat 0px -388px;}
#pickup04 a:hover {background: url(../images/main_visual_b.jpg) no-repeat 0px -582px;}



/*===================global_navi(TopPage)===================*/
#header #global_navi {
	width: 860px;
	position: absolute;
	top: 93px;
}




/*================================contents================================*/



#contents_wrap {
	width: 950px;
	margin-bottom: 4em;
	clear: both;
}
#container #contents_right h3 {
	height: 47px;
	width: 670px;
	background: url(../images/h_news.jpg) no-repeat left top;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	position: relative;
	text-indent: -9999px;
}
#container #contents_right #news {
	width: 660px;
	margin-right: auto;
	/*margin-left: auto;*/
	margin-left: 35px;
	margin-bottom: 1em;
}
#container #contents_right #news dl {
}
#container #contents_right #news dt {
	float: left;
	width: 125px;
	/*width: 110px;*/
	margin-bottom: 8px;
	color: #666666;
}
#container #contents_right #news dt.news {background: url(../images/icon_news.jpg) no-repeat right 3px;}
#container #contents_right #news dt.topics {background: url(../images/icon_topics.jpg) no-repeat right 3px;}
#container #contents_right #news dt.press {background: url(../images/icon_press.jpg) no-repeat right 3px;}
#container #contents_right #news dt.Information {background: url(../images/icon_info.jpg) no-repeat right 3px;}
#container #contents_right #news dt.highlight {background: url(../images/icon_highlight.jpg) no-repeat right 3px;}




#container #contents_right #news dd {
	display: block;
	float: left;
	margin-bottom: 8px;
	/*padding-left: 12px;*/
	padding-left: 13px;
	width: 520px;
}

#container #contents_right h3#beamline {
	clear: both;
	margin: 0px auto;
	background: url(../images/h_beamline.jpg) no-repeat left top;
	width: 676px;
	height: 10px;
	/*height: 40px;*/
}
#container #contents_right #beamline_bg {
	width: 676px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/beamline_bg.jpg) no-repeat left top;
	height: 104px;
	padding-top: 10px;
	margin-bottom: 2em;
}
#container #contents_right #beamline_bg ul {
	list-style: none;
	display: block;
	width: 652px;
	margin-right: auto;
	margin-left: auto;
}
#container #contents_right #beamline_bg li {
	height: 46px;
	width: 217px;
	display: block;
	float: left;
}


#contents_right #contents_columb {
	width: 676px;
	margin-right: auto;
	margin-left: auto;
}
#contents_right #contents_columb h4 {
	margin-bottom: 15px;
}
#contents_right #contents_columb #system {
	float: left;
	width: 325px;
}
#contents_right #contents_columb #about {
	float: right;
	width: 325px;
}
</pre></body></html>