﻿@charset "UTF-8";

/* 画面表示用スタイル */

/* ------------------------基本設定------------------------ */


/* ------------------------ヘッダー------------------------ */
div#headbgall {
	clear: both;
	margin: 0;
	padding: 0;
	border-top: 5px solid #103D64;
	min-width: 1011px;
	background-repeat: repeat;
	background-position: 47% 0;
	background-image: url(/images/t_bg_header_all.gif);
	height:216px;
}
div#headbg {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1011px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/t_bg_header.jpg);
	height:216px;
}
div.h0wrap {
	margin: 0 0 0 30px;
	padding: 0;
	text-align: left;
	width: 950px;
}
h1#h0left {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	height: 78px;
	font-size: 1%;
	line-height: 1%;
	background-image: none;
}
#h0left img {
	margin: 13px 0 0 0;
	padding: 0;
}

/* ヘッダーナビ */
div.h0right {
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
}
ul.headlist {
	float: right;
	margin: 0;
	padding: 0;
	width: 390px;
}
ul.headlist li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	background-color: transparent;
	background-image: none;
}
li.li-en img {
	margin: 6px 0 0 10px;
	padding: 0;
}

/* ヘッダー検索 */
div.search {
	clear: both;
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	width: 266px;
}
div.aboutsearch {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
}
form#SSF {
	float: right;
	margin: 1px 0 0 0;
	padding: 0;
}
form#SSF div {
	margin: 0;
	padding: 0;
}
form#SSF input#query {
	margin: 0 0 0 1px;
	padding: 1px 0 0 0;
	font-size: 90%;
	border: 1px solid #999999;
	width: 110px;
	height: 15px;
}
form#SSF input.fedbt {
	margin: 0 0 0 4px;
	padding: 0;
	width: 43px;
	height: 18px;
	font-size: 82%;
	line-height: 110%;
	border: 1px solid #9A9A9A;
	background-color: #F0F0F0;
	background-image: url('/images/c_bg_submit.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
	cursor: hand;
}


/* ------------------------グローバルナビ------------------------ */
div#gnbbg {
	margin: 0;
	padding: 0;
	background-image: url(/images/c_bg_gnb.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	min-width: 1000px;
	_height: 1%;
}
div#gnb {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	width: 950px;
	height: 53px;
}
div#gnb ul.gnavi {
	margin: 0;
	padding: 1px 0 0 0;
}
div#gnb ul.gnavi li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
	background-image: none;
	height: 53px;
	font-size: 1%;
	line-height: 1%;
}


/* ------------------------コンテンツ外枠------------------------ */
div#basebgwrap {
	margin: 0;
	padding: 0;
	min-width: 950px;
	_height: 1%;
}
div#basewrap {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	width: 950px;
	_height: 1%;
}


/* ------------------------コンテンツ大枠------------------------ */
div.wrap {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	background-color: transparent;
	_height: 1%;
}

/* 左エリア */
div#main-l {
	clear: both;
	float: left;
	margin: 0;
	padding: 1.1em 10px 0 0;
	width: 200px;
}

/* 中央エリア */
div#main-c {
	float: left;
	margin: 0;
	padding: 0;
	width: 530px;
}

/* 右エリア */
div#main-r {
	float: right;
	margin: 0;
	padding: 1.1em 0 0 14px;
	width: 196px;
}


/* ------------------------フッター------------------------ */
/* フッター */
div.footbgall {
	clear: both;
	margin: 0;
	padding: 0;
	min-width: 1011px;
	border-top: 2px solid #CACACA;
	border-bottom: 1px solid #F7F7F7;
	background-color: #EFEFEF;
	background-image: url(/images/c_bg_foot.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	_height: 1%;
}
div.footbg {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 950px;
	text-align: left;
}
div.add {
	float: left;
	margin: 0;
	padding: 0;
}
div.add h2 {
	margin: 9px 0 0 0;
	padding: 0;
	border: none;
	background-image: none;
	font-size: 1%;
	line-height: 1%;
}
address {
	margin: 0;
	padding: 4px 0 6px 0;
	color: #333;
	font-style: normal;
	font-size: 72%;
	line-height: 1.5em;
}

/* ガイダンスリンク */
ul.footlist {
	float: right;
	margin: 0;
	padding: 23px 0 0 0;
	width: auto;
	background-color: transparent;
}
ul.footlist li {
	float: left;
	margin: 0;
	padding: 0 0 0 8px;
	font-size: 1%;
	line-height: 1%;
	background-color: transparent;
	background-image: none;
}
ul.footlist li a:link,
ul.footlist li a:visited,
ul.footlist li a:hover,
ul.footlist li a:active {
	color: #FFF;
}

/* コピーライト */
div#copybgall {
	clear: both;
	margin: 0;
	padding: 0;
	min-width: 1011px;
	background-color: #0079D2;
	border-top: 1px solid #7FBCE8;
	border-bottom: 1px solid #7FBCE8;
}
div#f0copy {
	margin: 0 auto 0 auto;
	padding: 5px 0 3px 0;
	width: 950px;
	color: #FFF;
	font-size: 1%;
	line-height: 1%;
	text-align: left;
}


/* ------------------------共通タグの基本定義------------------------ */


/* ------------------------テンプレート用共通------------------------ */
/* 隠しジャンプ */
#blockskip a {
	color: #FFFFFF;
}


/* ------------------------エリア共通------------------------ */
/* 枠　共通 */
div.bgbox {
	clear: both;
	margin: 0 0 8px 0;
	padding: 0 0 2px 0;
	width: 195px;
}

/* ボックス内floatのclear */
.bgbox:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.bgbox {display: inline-block;}
/* Hides from macIE \*/
* html .bgbox {height: 1%;}
.bgbox {display: block;}
/* End hide from macIE */

div.bottom-line {
	border-bottom: 1px dotted #CCCCCC;
}

h2.h2img {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	border: none;
	background-image: none;
}
h2.h2txt {
	margin: 0 0 5px 0;
	padding: 1px 0 2px 22px;
	border: none;
	background-image: url(/images/c_icon_square_green.gif);
	background-repeat: no-repeat;
	background-position: 0 0.08em;
	_height: 1%;
}
h2.h2txt-2 {
	margin: 0 0 5px 0;
	padding: 2px 0 1px 22px;
	border: none;
	background-image: url(/images/c_icon_square_black.gif);
	background-repeat: no-repeat;
	background-position: 0 0.08em;
	_height: 1%;
}
div.bgbox ul {
	margin: 0;
	padding: 0 0 4px 0;
}
div.bgbox li {
	background-image: none;
}
div.bgbox li.pagelinkin {
	padding: 2px 6px 2px 22px;
	background-image: url(/images/c_icon_inlink.gif);
	background-repeat: no-repeat;
	background-position: 10px 0.6em;
	_height: 1%;
}
div.bgbox li.pagelinkout {
	padding: 2px 6px 2px 21px;
	background-image: url(/images/c_icon_outlink.gif);
	background-repeat: no-repeat;
	background-position: 7px 0.46em;
	_height: 1%;
}
div.bgbox div.ichiran-all {
	margin: 0.2em 0 0 0;
}
li.imglink {
	margin: 5px 0 5px 4px;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
}
p.imglink {
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	text-align: center;
}
p.txtlink {
	margin: 0.56em 15px 0.56em 35px;
	font-size: 80%;
}


/* ------------------------左エリア------------------------ */
/* 取組 */
div.torikumi li.imglink {
	margin: 5px 0 5px 0;
}

/* フォトギャラリー */
div.photo {
	background-color: #F2F2F2;
}


/* ------------------------中央エリア------------------------ */
/* h2 2本線 */
h2.bg-2line {
	margin: 1.2em 0 0.8em 0;
	padding: 13px 0 3px 8px;
	background-color: #F5F5F5;
	background-image: url(/images/t_bg_h2_2line.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	_height: 1%;
}

/* h2 1本線 */
h2.bg-line {
	margin: 1.2em 0 0.6em 0;
	padding: 6px 0 3px 8px;
	border-top: 3px solid #103D64;
}

/* h2 背景黒 */
h2.bg-black {
	margin: 1.2em 0 1em 0;
	padding: 6px 0 3px 8px;
	color: #FFFFFF;
	background-color: #515151;
	background-image: url(/images/t_bg_h2_gaibu.gif);
	background-repeat: repeat;
	background-position: 0 0;
	_height: 1%;
}

/* 外部リンク　2個横並び */
p.imglink-side2 {
	float: left;
	margin: 0 0 0.1em 0;
	padding: 0;
	width: 260px;
	text-align: left;
}
.imglink-side2 img {
	margin: 0 0 0 10px;
}


/* ------------------------右エリア------------------------ */
div.ichiran-all div.bt-img {
	float: right;
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	text-align: right;
	background-image: none;
}


/* ------------------------災害時トップページ用（#emergency）------------------------ */
/* 緊急用トップ */
div#emergency {
	margin: 0;
	padding: 0;
}
div#emergency div#headbgall {
	background-image: url(/images/c_bg_header_all.gif);
	height: 78px;
}
div#emergency div#headbg {
	background-image: url(/images/c_bg_header.gif);
	height: 78px;
}

/* 左エリア */
div#emergency div#main-l {
	display: none;
}

/* 中央エリア */
div#emergency div#main-c {
	width: 100%;
}

/* 右エリア */
div#emergency div#main-r {
	display: none;
}

/* 隠しジャンプ */
#blockskip a {
	color: #FFFFFF;
}

div#emergency #blockskip a {
	color: #B7DBF5;
}

/* h2 背景黒 */
div#emergency h2.bg-black {
	display: none;
}

/* 外部リンク　2個横並び */
div#emergency div.gaibu {
	display: none;
}


