@charset "utf-8"; 

/* -------------------- text -------------------- */

* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	font-family: "ヒラギノ角ゴ pro w3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #333333; 
	behavior: url("include/csshover.htc");
	behavior: url("../include/csshover.htc");
	behavior: url("../../include/csshover.htc");
	behavior: url("../../../include/csshover.htc");
	background: #eeeeee url(../images/background_general.png) repeat-y center top;
}
a {
	color: #6666ff;
	text-decoration: none;
}
a:hover {
	color: #2928a7;
}
h1 {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 10px;
}
h2 {
	font-size: 18px;
	line-height: 24px;
}
h3 {
	font-size: 16px;
	line-height: 18px;
	border-left: 5px solid #cccccc;
	margin-bottom: 5px;
	padding-left: 6px;
}
h4 {
	font-size: 14px;
	line-height: 22px;
}
h5 {
	font-size: 14px;
	line-height: 22px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}
address {
	font-style: normal;
}
.headline {
	font-size: 13px;
	font-weight: bold;
}
.caption {
	font-size: 11px;
	line-height: 14px;
}
.fxs{
	font-size:10px
}
.fs{
	font-size:11px
}
.fm{
	font-size:12px
}
.fl{
	font-size:13px
}
.f2l{
	font-size:15px
}
.f3l{
	font-size:18px
}
.fxl{
	font-size:22px
}


/* -------------------- table -------------------- */

table {
	font-size: 12px;
	line-height: 22px;
	border-collapse: collapse;
}
.data table {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.data td {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px;
}
.data .table_header_top {
	text-align: center;
	background: #d9d9d9;
}
.data .table_header_left {
	text-align: left;
	background: #eeeeee;
}


/* -------------------- other -------------------- */

img {
	border: none;
}
li {
	list-style: none;
	padding-left: 10px;
	background: url(../images/bullet.gif) no-repeat left top;
}
.image_left {
	float: left;
	margin-right: 10px;
}
.image_right {
	float: right;
	margin-left: 10px;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.float_clear {
	clear: both;
}
.space {
	height: 20px;
	line-height: 20px;
}
.border {
	border-top: solid 1px #cccccc;
	margin-top: 20px;
	padding-top: 20px;
}
.border_dashed {
	border-top: dashed 1px #cccccc;
	margin-top: 20px;
	padding-top: 20px;
}
.point_arrow_01 {
	padding-left: 13px;
	background: url(../images/point_arrow_01.gif) no-repeat left top;
}
.point_pdf {
	float: left;
	width: 27px;
	height: 20px;
	background: url(../images/point_pdf.png) no-repeat left center;
}
.point_word {
	float: left;
	width: 27px;
	height: 20px;
	background: url(../images/point_word.png) no-repeat left center;
}
.point_excel {
	float: left;
	width: 27px;
	height: 20px;
	background: url(../images/point_excel.png) no-repeat left center;
}
.button_home a {
	display: block;
	width: 140px;
	height: 30px;
	margin-top: 5px;
	background: url(../images/button_home.png) no-repeat left center;
}


/* -------------------- color -------------------- */

.color_blue {
	color: #3f3eff;
}
.color_pink {
	color: #ff3366;
}
.color_green {
	color: #009f69;
}
.color_gray {
	color: #999999;
}
.color_white {
	color: #ffffff;
}


/* -------------------- general -------------------- */

#general {
	width: 800px;
	text-align: left;
	margin: auto;
}


/* -------------------- header -------------------- */

#header {
	position: relative;
	height: 155px;
	margin-top: 10px;
}
#header h1 {
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	letter-spacing: 1px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
#header #logo {
	display: block;
	float: left;
	width: 90px;
	height: 35px;
	background: url(../images/header_logo.png) no-repeat left top;
}
#header #search {
	float: right;
	height: 25px;
	margin-top: 5px;
}
#header #search .input_text {
	float: left;
	width: 120px;
	font-size: 11px;
	padding: 1px;
}
#header #search .button {
	float: left;
	margin: 2px 0px 0px 5px;
}
#header #search .caption {
	float: left;
	margin: 4px 0px 0px 8px;
}
#header .facility {
	height: 120px;
	background: url(../images/header_facility.jpg) no-repeat left top;
}
#header .business {
	height: 120px;
	background: url(../images/header_business.jpg) no-repeat left top;
}
#header .event {
	height: 120px;
	background: url(../images/header_event.jpg) no-repeat left top;
}
#header .nuclear {
	height: 120px;
	background: url(../images/header_nuclear.jpg) no-repeat left top;
}
#header .amuse {
	height: 120px;
	background: url(../images/header_amuse.jpg) no-repeat left top;
}
#header .other {
	height: 120px;
	background: url(../images/header_other.jpg) no-repeat left top;
}


/* -------------------- main -------------------- */

#main {
	width: 800px;
	margin: 60px auto 40px auto;
}

#left {
	float: left;
	width: 140px;
}
#right {
	float: right;
	width: 640px;
}
#right .clumn_left {
	float: left;
	width: 310px;
}
#right .clumn_right {
	float: right;
	width: 310px;
}
#right .clumn_left .banner,
#right .clumn_right .banner {
	margin-bottom: 5px;
}
#right .title {
	margin-bottom: 10px;
}
#clumn_new {
	background: url(../images/frame_new_middle.png) repeat-y left top;
}
#clumn_new .facility,
#clumn_new .business,
#clumn_new .event,
#clumn_new .nuclear,
#clumn_new .amuse {
	padding-left: 18px;
}
#clumn_new .facility {
	background: url(../images/point_facility.png) no-repeat 0px 3px;
}
#clumn_new .business {
	background: url(../images/point_business.png) no-repeat 0px 3px;
}
#clumn_new .event {
	background: url(../images/point_event.png) no-repeat 0px 3px;
}
#clumn_new .nuclear {
	background: url(../images/point_nuclear.png) no-repeat 0px 3px;
}
#clumn_new .amuse {
	background: url(../images/point_amuse.png) no-repeat 0px 3px;
}
#clumn_event {
	background: url(../images/frame_event_middle.png) repeat-y left top;
}
#clumn_diary {
	background: url(../images/frame_diary_middle.png) repeat-y left top;
}
#clumn_new, #clumn_event, #clumn_diary .content {
	padding: 0px 10px 0px 10px;
}
.clumn_sitemap_01 {
	float: left;
	width: 185px;
	padding: 0px 20px 5px 0px;
}
.clumn_sitemap_02 {
	float: left;
	width: 185px;
	padding: 0px 20px 5px 205px;
}
.clumn_sitemap_03 {
	float: left;
	padding: 0px 0px 5px 0px;
}
.border_sitemap_01 {
	clear: both;
	border-top: solid 1px #cccccc;
	margin-top: 10px;
	padding-top: 10px;
}
.border_sitemap_02 {
	clear: both;
	border-top: dashed 1px #cccccc;
	margin-top: 10px;
	margin-left: 205px;
	padding-top: 10px;
}


/* -------------------- footer -------------------- */

#footer {
	width: 800px;
	text-align: center;
	color: #999999;
	margin: auto;
}
#footer #tools {
	height: 35px;
	text-align: left;
	margin: 10px 0px 20px 0px;
	padding: 6px;
	background: url(../images/background_footer.png) no-repeat left top;
}
#footer #tools li {
	float: left;
	list-style: none;
	margin-right: 20px;
	padding-left: 13px;
	background: url(../images/point_arrow_01.gif) no-repeat left top;
}
#footer #tools address {
	float: right;
	letter-spacing: 1px;
}


/* -------------------- navi (main) -------------------- */

#navi ul {
	position: absolute;
	width: 800px;
	height: 45px;
	font-size: 10px;
	line-height: 25px;
	letter-spacing: 1px;
}
#navi ul li {
	display: block;
	float: left;
	padding: 0px;
	background-image: none;
}
#navi li ul {
	position: absolute;
	float: none;
	top: -1000px;
	width: 160px;
	z-index: 2;
}
#navi li:hover ul {
	top: 43px;
	background: none;
}
#navi li li a {
	display: block;
	width: 160px;
	height: 25px;
	line-height: 25px;
	padding-left: 6px;
}
#navi .facility a,
#navi .business a,
#navi .event a,
#navi .nuclear a,
#navi .amuse a {
	display: block;
	width: 160px;
	height: 45px;
}
#navi .facility a {
	background: url(../images/navi_main_01.png) no-repeat left top;
}
#navi .business a {
	background: url(../images/navi_main_02.png) no-repeat left top;
}
#navi .event a {
	background: url(../images/navi_main_03.png) no-repeat left top;
}
#navi .nuclear a {
	background: url(../images/navi_main_04.png) no-repeat left top;
}
#navi .amuse a {
	background: url(../images/navi_main_05.png) no-repeat left top;
}
#navi li .sub_top {
	background: url(../images/navi_sub_top.png) no-repeat left top;
}
#navi li .sub_middle {
	background: url(../images/navi_sub_middle.png) no-repeat left top;
}
#navi li .sub_bottom {
	background: url(../images/navi_sub_bottom.png) no-repeat left top;
}
#navi li .sub_top a:hover {
	background: url(../images/navi_sub_top_hover.png) no-repeat left top;
}
#navi li .sub_middle a:hover {
	background: url(../images/navi_sub_middle_hover.png) no-repeat left top;
}
#navi li .sub_bottom a:hover {
	background: url(../images/navi_sub_bottom_hover.png) no-repeat left top;
}


/* -------------------- navi (sub) -------------------- */

#navi_facility ul li,
#navi_business ul li,
#navi_event ul li,
#navi_nuclear ul li,
#navi_amuse ul li {
	background: none;
	padding: 0px;
}
#navi_facility ul li a,
#navi_business ul li a,
#navi_event ul li a,
#navi_nuclear ul li a,
#navi_amuse ul li a {
	display: block;
	width: 140px;
	height: 35px;
}


/* -------------------- navi (sub facility) -------------------- */

#navi_facility .header {
	display: block;
	width: 140px;
	height: 32px;
	background: url(../images/navi_facility_header.png) no-repeat 0px 0px;
}
#navi_facility .virtual a {
	background: url(../images/navi_facility_virtual.png) no-repeat 0px 0px;
}
#navi_facility .virtual a:hover {
	background: url(../images/navi_facility_virtual.png) no-repeat -140px 0px;
}
#navi_facility .theater a {
	background: url(../images/navi_facility_theater.png) no-repeat 0px 0px;
}
#navi_facility .theater a:hover {
	background: url(../images/navi_facility_theater.png) no-repeat -140px 0px;
}
#navi_facility .information a {
	background: url(../images/navi_facility_information.png) no-repeat 0px 0px;
}
#navi_facility .information a:hover {
	background: url(../images/navi_facility_information.png) no-repeat -140px 0px;
}
#navi_facility .voice a {
	background: url(../images/navi_facility_voice.png) no-repeat 0px 0px;
}
#navi_facility .voice a:hover {
	background: url(../images/navi_facility_voice.png) no-repeat -140px 0px;
}
#navi_facility .diary a {
	height: 43px;
	background: url(../images/navi_facility_diary.png) no-repeat 0px 0px;
}
#navi_facility .diary a:hover {
	height: 43px;
	background: url(../images/navi_facility_diary.png) no-repeat -140px 0px;
}


/* -------------------- navi (sub business) -------------------- */

#navi_business .header {
	display: block;
	width: 140px;
	height: 32px;
	background: url(../images/navi_business_header.png) no-repeat 0px 0px;
}
#navi_business .outline a {
	background: url(../images/navi_business_outline.png) no-repeat 0px 0px;
}
#navi_business .outline a:hover {
	background: url(../images/navi_business_outline.png) no-repeat -140px 0px;
}
#navi_business .atom a {
	background: url(../images/navi_business_atom.png) no-repeat 0px 0px;
}
#navi_business .atom a:hover {
	background: url(../images/navi_business_atom.png) no-repeat -140px 0px;
}
#navi_business .science a {
	background: url(../images/navi_business_science.png) no-repeat 0px 0px;
}
#navi_business .science a:hover {
	background: url(../images/navi_business_science.png) no-repeat -140px 0px;
}
#navi_business .seminar a {
	background: url(../images/navi_business_seminar.png) no-repeat 0px 0px;
}
#navi_business .seminar a:hover {
	background: url(../images/navi_business_seminar.png) no-repeat -140px 0px;
}
#navi_business .application a {
	height: 43px;
	background: url(../images/navi_business_application.png) no-repeat 0px 0px;
}
#navi_business .application a:hover {
	height: 43px;
	background: url(../images/navi_business_application.png) no-repeat -140px 0px;
}


/* -------------------- navi (sub event) -------------------- */

#navi_event .header {
	display: block;
	width: 140px;
	height: 32px;
	background: url(../images/navi_event_header.png) no-repeat 0px 0px;
}
#navi_event .list a {
	background: url(../images/navi_event_list.png) no-repeat 0px 0px;
}
#navi_event .list a:hover {
	background: url(../images/navi_event_list.png) no-repeat -140px 0px;
}
#navi_event .virtual a {
	background: url(../images/navi_event_virtual.png) no-repeat 0px 0px;
}
#navi_event .virtual a:hover {
	background: url(../images/navi_event_virtual.png) no-repeat -140px 0px;
}
#navi_event .tourism a {
	background: url(../images/navi_event_tourism.png) no-repeat 0px 0px;
}
#navi_event .tourism a:hover {
	background: url(../images/navi_event_tourism.png) no-repeat -140px 0px;
}
#navi_event .photo a {
	height: 43px;
	background: url(../images/navi_event_photo.png) no-repeat 0px 0px;
}
#navi_event .photo a:hover {
	height: 43px;
	background: url(../images/navi_event_photo.png) no-repeat -140px 0px;
}


/* -------------------- navi (sub nuclear) -------------------- */

#navi_nuclear .header {
	display: block;
	width: 140px;
	height: 32px;
	background: url(../images/navi_nuclear_header.png) no-repeat 0px 0px;
}
#navi_nuclear .beginner a {
	background: url(../images/navi_nuclear_beginner.png) no-repeat 0px 0px;
}
#navi_nuclear .beginner a:hover {
	background: url(../images/navi_nuclear_beginner.png) no-repeat 0px 0px;
}
#navi_nuclear .plant a {
	background: url(../images/navi_nuclear_plant.png) no-repeat 0px 0px;
}
#navi_nuclear .plant a:hover {
	background: url(../images/navi_nuclear_plant.png) no-repeat -140px 0px;
}
#navi_nuclear .operation a {
	background: url(../images/navi_nuclear_operation.png) no-repeat 0px 0px;
}
#navi_nuclear .operation a:hover {
	background: url(../images/navi_nuclear_operation.png) no-repeat -140px 0px;
}
#navi_nuclear .information a {
	background: url(../images/navi_nuclear_information.png) no-repeat 0px 0px;
}
#navi_nuclear .information a:hover {
	background: url(../images/navi_nuclear_information.png) no-repeat -140px 0px;
}
#navi_nuclear .link a {
	height: 43px;
	background: url(../images/navi_nuclear_link.png) no-repeat 0px 0px;
}
#navi_nuclear .link a:hover {
	height: 43px;
	background: url(../images/navi_nuclear_link.png) no-repeat -140px 0px;
}


/* -------------------- navi (sub amuse) -------------------- */

#navi_amuse .header {
	display: block;
	width: 140px;
	height: 32px;
	background: url(../images/navi_amuse_header.png) no-repeat 0px 0px;
}
#navi_amuse .game a {
	background: url(../images/navi_amuse_game.png) no-repeat 0px 0px;
}
#navi_amuse .game a:hover {
	background: url(../images/navi_amuse_game.png) no-repeat -140px 0px;
}
#navi_amuse .present a {
	height: 43px;
	background: url(../images/navi_amuse_present.png) no-repeat 0px 0px;
}
#navi_amuse .present a:hover {
	height: 43px;
	background: url(../images/navi_amuse_present.png) no-repeat -140px 0px;
}