@charset "shift_jis";

section, nav, article, aside, hgroup,
header, footer, figure, figcaption, details {
	display: block;
}

/* ---------------------------------------------------------------
	clearfix
--------------------------------------------------------------- */

*:after {
	display: block;
	clear: both;
}

/* ---------------------------------------------------------------
	外部サイトへのリンクアイコン
--------------------------------------------------------------- */

img.outlink {
	margin-right: 4px !important;
	margin-left: 3px;
	vertical-align: middle !important;
}

span.outlink {
	margin: 0;
	padding-right: 12px;
	background: url(../img/icn_outlink.gif) no-repeat right center;
	vertical-align: baseline;
}

/* ---------------------------------------------------------------
	問い合わせ先
--------------------------------------------------------------- */

p#contact {
	width: 744px;
	clear: both;
	margin-bottom: 10px;
	padding: 6px 8px;
	border: 1px solid #ececec;
	background: #f5f5f5;
}

p#contact a {
	color: #489ac1;
}

/* ---------------------------------------------------------------
	メイン
--------------------------------------------------------------- */

#main {
	float: right;
	width: 503px;
	overflow: hidden;
	margin-bottom: 30px;
	padding-right: 6px;
}

#main h2 {
	margin-bottom: 20px;
}

#main h3 {
	margin: 20px 0;
	padding: 0.3em 10px;
	background: #489AC1;
	color: white;
	font-size: 125%;
	font-weight: bold;
}

#main h4 {
	margin-top: 20px;
	padding-left: 6px;
	border-left: 5px solid #489AC1;
	color: #489AC1;
	font-size: 125%;
	font-weight: bold;
}

#main p {
	margin: 0 10px 25px;
}

#main i {
	color: #c00;
	font-style: normal;
}

/* .index */
#main .index {
	margin: 25px -17px 0 0;
	background: url(../../img/bg_menu_2col.gif) no-repeat left bottom;
	/zoom: 1;
}

#main .index:after {
	content: "";
}

#main .index img {
	vertical-align: bottom;
}

#main .index section,
#main .equipment li {
	float: left;
	width: 243px;
	margin-right: 17px;
	padding-bottom: 15px;
}

#main .index section h3 {
	margin: 0;
	padding: 0;
	background: none;
	color: #333;
	font-size: 100%;
	font-weight: normal;
}

/* dl.box */
#main dl.box {
	width: 503px;
	margin-top: 25px;
	padding-bottom: 20px;
	background: url(../img/bg_box.gif) no-repeat left bottom;
	/zoom: 1;
}

#main dl.box:after {
	content: "";
}

#main dl.box dt {
	line-height: 1.4;
	padding: 19px 15px 0 50px;
	background: url(../img/bg_sttl_head.gif) no-repeat;
	font-size: 125%;
	font-weight: bold;
	text-indent: -35px;
}

#main dl.box dt img {
	margin-right: 10px;
}

#main dl.box dt span {
	display: block;
	padding-left: 23px;
	font-weight: normal;
	font-size: 80%;
	color: #555;
}

#main dl.box dd {
	margin: 15px 9px 0;
	padding: 15px 6px 0;
	border-top: 1px dotted #aacfe2;
}

#main dl.box dd ul {
	padding: 0 5px;
}

#main dl.box dd ul li {
	padding: 3px 0 3px 13px;
	background: url(../img/arrow_black.gif) no-repeat left 0.85em;
}

/* dl.gray */
#main dl.gray {
	margin-top: 25px;
	padding-bottom: 15px;
	background: url(../img/bg_box_gray_btm.gif) no-repeat left bottom;
}

#main dl.gray dt {
	padding: 14px 1em 1px 16px;
	background: url(../img/bg_box_gray_top.gif) no-repeat;
}

/* ul.inr_black */
#main ul.inr_black {
	margin: 5px 1em 0 24px;
}

#main ul.inr_black li {
	padding: 3px 0 3px 13px;
	background: url(../img/arrow_black.gif) no-repeat 0 0.85em;
}

#main ul.inr_black li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#main ul.inr_black li a:hover,
#main ul.inr_black li a:active {
	color: #489ac1;
}

/* トップ
-------------------------------------------------------- */

#man p.top_txt {
	margin-left: 15px;
}

#main .index #traffic {
	background: url(../../img/bg_menu.gif) no-repeat left bottom;
}

#main .index #please h3 {
	padding-top: 25px;
	background: #fff;
}

/* 過去の主な災害時例
-------------------------------------------------------- */

#main dl.past_index dt {
	margin-bottom: 10px;
	padding-left: 6px;
	border-left: 4px solid #489ac1;
	color: #489ac1;
	font-weight: bold;
}

#main dl.past_index dd {
	margin-bottom: 25px;
}

#main ul.past_list {
	padding-top: 8px;
	background: #f3f2f0;
	/zoom: 1;
}

#main ul.past_list:after {
	content: "";
}

#main ul.past_list li {
	float: left;
	width: 223px;
	padding: 0 0 8px 27px;
	background: url(../img/icn_disc.gif) no-repeat 14px 0.55em;
}

#main ul.past_list li a:hover,
#main ul.past_list li a:active {
	color: #489ac1;
}

#main dl.past_outline dt {
	float: left;
	clear: left;
	width: 6em;
	padding: 3px 0;
	background: none;
	font-size: 100%;
	text-indent: 0;
	font-weight: normal;
}

#main dl.past_outline dd {
	margin: 0;
	padding: 3px 0 3px 6em;
	border: none;
}

#main dd.past_inner p {
	margin: 0;
}

/* 災害対策への取り組み
-------------------------------------------------------- */

#main dl.box dd dl.inner dt {
	margin-top: 15px;
	padding: 0;
	background: none;
	font-size: 100%;
	text-indent: 0;
}

#main dl.box dd dl.inner dd {
	margin: 0;
	padding: 0;
	border: none;
}

#main dl.box dd dl.inner dd ul {
	padding: 0px 5px;
}

#main ul.equipment {
	margin-top: 0;
	background: none;
}

#main ul.equipment li dt {
	margin: 15px 0 1em;
	padding: 0 5px 5px;
	border-bottom: 3px solid #489ac1;
	font-size: 125%;
	font-weight: bold;
}

#main ul.equipment li p {
	margin: 0 5px;
}

#main ul.equipment li p.description {
	margin-bottom: 1em;
	font-weight: bold;
}

/* ネットワーク監視制御
-------------------------------------------------------- */

#main dl.control dd ul,
#main dl.control dd img {
	padding: 0 21px;
}

#main dl.control dd ul ul {
	padding: 0;
}

#main dl.control dd ul ul li {
	padding-left: 0;
	background: none;
	color: #666;
}

#main dl.control dd img {
	margin-top: 15px;
}

/* 災害対策機器
-------------------------------------------------------- */

#main dl.box dd.image {
	float: left;
	margin-right: 12px;
}

/* ふくそう
-------------------------------------------------------- */

#main .slide {
	position: relative;
	margin-bottom: 15px;
	padding: 12px;
	background: #eee;
}

#main .slide ul {
	position: relative;
	overflow: hidden;
	padding: 0 !important;
	/zoom: 1;
}

#main .slide ul:after {
	content: "";
}

#main .slide ul li {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 !important;
	background: none !important;
}

#main .slide ul li img {
	vertical-align: bottom;
}

.pagination {
	/* margin-top: 1.5em; */
	text-align: center;
	/zoom: 1;
}

.pagination:after {
	content: "";
}

.pagination li {
	display: inline-block;
	margin: 0 3px;
	/display: inline;
	/zoom: 1;
}

.pagination li a {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	background: url(../../traffic/img/pagination.gif);
	color: #ccc !important;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none !important;
}

.pagination li a.active {
	background-position: 0 18px;
	color: #fff !important;
}

.caption {
	margin: 0 !important;
	padding-top: 1em;
}

#main table {
	width: 100%;
}

#main table caption {
	padding-bottom: 1em;
}

#main table caption span {
	display: block;
	padding-left: 6px;
	border-left: 5px solid #489ac1;
	font-weight: bold;
}

#main table th {
	padding: 0.8em;
	border: 1px solid #bacae1;
}

#main table thead th {
	width: 25%;
	background: #d9e9ee;
	text-align: center;
}

#main table thead th.blank {
	border: none;
	background: none;
}

#main table tbody th {
	background: #fffde3;
}

#main table td {
	padding: 0.8em;
	border: 1px solid #bacae1;
	vertical-align: top;
}

#main table p {
	margin: 0.5em 0 !important;
}

/* 災害時の電話ご利用
-------------------------------------------------------- */

#main dl.please dt img {
	vertical-align: middle;
}

#main dl.please a {
	color: #489ac1;
	text-decoration: underline;
}

#main dl.please a:hover,
#main dl.please a:active {
	text-decoration: none;
}

#main dl.inner_hdg dt {
	margin: 1em 0;
	padding: 5px;
	background: #eee;
	text-indent: 0;
}

#main dl.inner_hdg dt span {
	padding-left: 5px;
	border-left: 3px solid #489ac1;
	color: #333;
	font-weight: bold;
}

#main dl.inner_hdg dd {
	margin: 0;
	padding: 0;
	border: none;
}

#main dl.inner_hdg dd ul {
	padding: 0 5px;
}

#main dl.inner p.notes {
	margin: 0.8em 0;
	font-size: 77%;
}

/* ---------------------------------------------------------------
	サブ
--------------------------------------------------------------- */

#sub {
	float: left;
	width: 225px;
	margin-bottom: 30px;
	padding-left: 6px;
}

#sub img {
	vertical-align: bottom;
}

/* ローカルナビ
-------------------------------------------------------- */

#localnav dl.navbody {
	margin-top: 15px;
}

#localnav dl.navbody dt {
	border: 1px solid #ccc;
}

#localnav dl.navbody dd {
	width: 225px;
	overflow: hidden;
	margin-bottom: 15px;
	background: url(../img/lnav_bg_border.gif) repeat-y;
	border-bottom: 1px solid #ccc;
}

#localnav dl.navbody ul {
	margin: -1px 9px 0;
}

#localnav dl.navbody li {
	padding: 2px 0 2px;
	border-top: 1px dotted #b9b8b8;
}

#localnav dl.navbody li a {
	display: block;
	padding: 6px 0 6px 20px;
	background: url(../img/arrow_blue.gif) no-repeat 6px 0.95em;
	color: #333;
	text-decoration: none;
}

#localnav dl.navbody li a:hover,
#localnav dl.navbody li a:active {
	background-color: #e1eef4;
	color: #555;
}

#localnav dl.navbody li ul {
	margin: 2px 0 0 0;
}

#localnav dl.navbody li ul li {
	padding-left: 1.2em;
}

#localnav dl.navbody li ul li:last-child {
	padding-bottom: 0;
}

#localnav dl.navbody li ul li a {
	padding-left: 15px;
	background: url(../img/arrow_blue_child.gif) no-repeat 6px 1.1em;
}

#aside {
	padding-bottom: 10px;
	background: url(../img/lnav_relate_btm.gif) no-repeat left bottom;
}

#aside ul {
	margin: 0 8px;
}

#aside li {
	width: 209px;
	margin-top: 8px;
	background: url(../img/lnav_relate_li_btm.gif) no-repeat left bottom;
}

#aside li a {
	display: block;
	padding: 6px 0;
	background: url(../img/lnav_relate_li_top.gif) no-repeat;
	color: #333;
	text-decoration: none;
}

#aside li a:hover,
#aside li a:active {
	color: #999;
}

#aside span {
	display: block;
	padding: 0 7px 0 21px;
	background: url(../img/arrow_blue.gif) no-repeat 7px 0.45em;
}

/* ---------------------------------------------------------------
	Mediatope再生用画面ポップアップ
--------------------------------------------------------------- */

body#popup {
	width: 640px;
	margin: 0 auto;
	padding: 14px 0 10px;
	background: none;
}

body#popup h1 {
	padding: 4px;
	border: 1px solid #6a6a6a;
	background: url(../img/pop_bg_h1.gif);
	color: white;
	font-weight: bold;
}

body#popup #ooyala {
	margin-bottom: 25px;
}

body#popup #plugin {
	margin-bottom: 20px;
	/zoom: 1;
}

body#popup #plugin:after {
	content: "";
}

body#popup #plugin dt {
	float: left;
	width: 345px;
	font-size: 77%;
	text-align: left;
}

body#popup #plugin dd {
	float: right;
	width: 280px;
	padding: 8px 0 5px;
	border: 1px solid #ccc;
	background: #eee;
}

body#popup #copyright {
	margin-top: 7px;
	text-align: right;
}

/* ---------------------------------------------------------------
	審査番号左位置に掲載するリンク画像
--------------------------------------------------------------- */

#adv_wrap a {
	float: right;
	margin-right: 10px;
}

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