@charset "Shift_JIS";

/* 天気図検討会（一般向け）コンテンツページ用CSS */
/* （初参加者向けの情報掲載ページ用）
/* 2026.08.09 作成 dai56 */
/* （コピー元）
/* 天気図検討会会員専用コンテンツページ用CSS */
/* 2015.06.14 作成 dai56 */

/* ページ全体の背景 */
body {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background-color: #fffbe9;
	margin: 0;
}

/* コンテナ */
a:link {
	color: #4169e1;
}
a:visited {
	color: #4169e1;
}
a:hover {
	color: #ffffff;
	background-color: #0037e9;
}
.color-red {
	color: #ff0000;
	background-color: #fffff9;
}
.color-green {
	color: #00ff00;
	background-color: #fffff9;
}
.color-blue {
	color: #0000ff;
	background-color: #fffff9;
}

/* jQueryによる「ページトップ」に戻る */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.pagetop a {
	display: block;
	background-color: #cccccc;
	text-align: center;
	color: #222222;
	font-size: 12px;
	text-decoration: none;
	padding: 20px 10px;
}
.pagetop a:hover {
	display: block;
	background-color: #222222;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	padding: 20px 10px;
}

/* ヘッダー */
header#pageheader {
	margin: 0;
	padding-bottom: 24px;
	background-color: #00a1e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4fbff), to(#0037e9));
	background: -webkit-linear-gradient(#f4fbff 0%, #0037e9 100%);
	background: -moz-linear-gradient(#f4fbff 0%, #0037e9 100%);
	background: -o-linear-gradient(#f4fbff 0%, #0037e9 100%);
	background: -ms-linear-gradient(#f4fbff 0%, #0037e9 100%);
}

/* サイト名 */
.site {
	margin: 0;
	padding: 0;
}
.site h1 a {
	color: #000000;
	text-decoration: none;
}
.site h1 {
	margin: 0;
	padding: 16px 0px 0px 20px;
	color: #ffffff;
	font-size: 48px;
	font-weight: normal;
}
.site h2 {
	margin: 0;
	padding: 0px 0px 0px 20px;
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
}

/* ヘッダー部内ナビゲーション */
.header-menu ul {
	margin: 0;
	padding: 12px 4px;
	list-style: none;
}
.header-menu li a {
	display: block;
	padding: 0px 8px;
	color; #000000;
	font-size: 14px;
}
.header-menu li a:link {
	color: #ffffff;
}
.header-menu li a:visited {
	color: #ffffff;
}
.header-menu li a:hover {
	color: #000000;
	background-color: #f4fbff;
}
.header-menu ul:after {
	content: "";
	display: block;
	clear: both;
}
.header-menu li {
	float: left;
	width: auto;
}

/* ナビゲーション */
nav#menu {
	margin: 0;
	padding: 0;
	background-color: #fca800;
	background: -webkit-gradient(linear, left top, left bottom, from(#fc5900), to(#fcc800));
	background: -webkit-linear-gradient(#fc5900 0%, #fcc800 100%);
	background: -moz-linear-gradient(#fc5900 0%, #fcc800 100%);
	background: -o-linear-gradient(#fc5900 0%, #fcc800 100%);
	background: -ms-linear-gradient(#fca800 0%, #f8eecc 100%);
}
nav#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
nav#menu li a {
	display: block;
	width: 130px;
	padding: 4px 12px;
	color; #000000;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}
nav#menu li a:link {
	color: #000000;
}
nav#menu li a:visited {
	color: #000000;
}
nav#menu li a:hover {
	color: #000000;
	background-color: #fcc800;
}
nav#menu ul:after {
	content: "";
	display: block;
	clear: both;
}
nav#menu li {
	float: left;
	width: auto;
}

/* パンくずリスト */
nav#bread {
	margin: 0;
	padding: 8px 0px 12px 12px;
	background-color: #fffff9;
	font-size: 12px;
	}
nav#bread a {
	margin: 0;
	padding: 0px 4px;
	font-size: 12px;
}
nav#bread li a:link {
	color: #4169e1;
}
nav#bread li a:visited {
	color: #4169e1;
}
nav#bread a:hover {
	color: #ffffff;
	background-color: #0037e9;
}

/* コンテンツ */
#contents {
	margin: 0;
	padding: 0;
}

/* メイン・コンテンツ */
#main {
	margin-bottom: 20px;
}
article {
	margin: 0;
	padding: 0px 8px;
	background-color: #fffff9;
}
article header h1 {
	margin: 0px 12px 16px 0px;
	padding-left: 16px;
	background-color: #f4fbff;
	border-bottom: solid 2px #00a1e9;
	border-left: solid 24px #0037e9;
	color: #222222;
	font-size: 20px;
	font-weight: normal;
}
article section {
	margin: 0px 12px 16px 0px;
}
article section h1 {
	margin: 0px 0px 8px 12px;
	padding-left: 8px;
	border-left: solid 12px #00a1e9;
	color: #222222;
	font-size: 18px;
	font-weight: normal;
}
article section h2 {
	margin: 0px 0px 4px 16px;
	padding-left: 12px;
	color: #222222;
	font-size: 14px;
	font-weight: normal;
}
article section p {
	margin: 0px 24px 8px 40px;
	color: #222222;
	font-size: 12px;
	font-weight: normal;
	line-height: 180%;
}
article section p.ctext00 {
	margin: 0px 16px 4px 32px;
	color: #222222;
	font-size: 12px;
	font-weight: normal;
	text-indent: 1em;
	line-height: 180%;
}
article section p.ctext01 {
	margin: 0px 24px 12px 40px;
	color: #222222;
	font-size: 12px;
	font-weight: normal;
	text-indent: 1em;
	line-height: 180%;
}
article section p.ktext00 {
	margin: 0px 16px 4px 32px;
	color: #222222;
	font-size: 12px;
	font-weight: normal;
	line-height: 180%;
}
article p.about {
	margin: 0px 24px 12px 36px;
	color: #222222;
	font-size: 14px;
	font-weight: normal;
	text-indent: 1em;
	line-height: 180%;
}
article p.update {
	margin: 0px 24px 12px 32px;
	line-height: 180%;
	font-size: 14px;
	text-align: right;
}
article p.gotop {
	margin: 0px 12px 16px 0px;
	padding: 0px 16px 8px 0px;
	line-height: 180%;
	font-size: 16px;
	text-align: right;
}
article dl {
	margin: 0px 0px 12px 12px;
	padding: 0;
}
article dt {
	margin: 0;
	padding: 4px 16px 0px 24px;
	font-size: 14px;
	font-weight: normal;
	line-height: 180%;
}
article dd {
	margin: 0;
	padding: 0px 16px 0px 32px;
	font-size: 12px;
	font-weight: normal;
	line-height: 180%;
}
article section ul {
	margin: 0px 0px 24px 52px;
	padding: 0;
}
article section li {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 180%;
}
article table {
	margin: 0px 0px 40px 12px;
	padding: 0;
	width: 920px;
}
article caption {
	margin: 0;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: normal;
}
article th.column01 {
	margin: 0;
	padding: 4px 8px;
	width: 9%;
	font-size: 14px;
	font-weight: normal;
	border-top: solid 1px #00a1e9;
	border-bottom: solid 1px #00a1e9;
}
article th.column02 {
	margin: 0;
	padding: 4px 8px;
	width: 22%;
	font-size: 14px;
	font-weight: normal;
	border-top: solid 1px #00a1e9;
	border-bottom: solid 1px #00a1e9;
}
article th.column03 {
	margin: 0;
	padding: 4px 8px;
	width: 20%;
	font-size: 14px;
	font-weight: normal;
	border-top: solid 1px #00a1e9;
	border-bottom: solid 1px #00a1e9;
}
article th.column04 {
	margin: 0;
	padding: 4px 8px;
	width: 8%;
	font-size: 14px;
	font-weight: normal;
	border-top: solid 1px #00a1e9;
	border-bottom: solid 1px #00a1e9;
}
article th.column05 {
	margin: 0;
	padding: 4px 8px;
	width: 41%;
	font-size: 14px;
	font-weight: normal;
	border-top: solid 1px #00a1e9;
	border-bottom: solid 1px #00a1e9;
}
article td.column01 {
	margin: 0;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	border-bottom: solid 1px #00a1e9;
}
article td.column02 {
	margin: 0;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: solid 1px #00a1e9;
}
article td.column03 {
	margin: 0;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: solid 1px #00a1e9;
}
article td.column04 {
	margin: 0;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	border-bottom: solid 1px #00a1e9;
}
article td.column05 {
	margin: 0;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: normal;
	border-bottom: solid 1px #00a1e9;
}

/* サブ・コンテンツ */
#side {
	margin: 0;
	padding: 0;
	background-color: #f8f4e6;
}

/* サイドメニュー */
.sidemenu {
	margin-bottom: 8px;
	padding: 6px 12px;
}
.sidemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidemenu li a {
	display: block;
	padding: 4px 12px;
	color; #222222;
	font-size: 14px;
	text-decoration: none;
}
.sidemenu li a:link {
	color: #222222;
}
.sidemenu li a:visited {
	color: #222222;
}
.sidemenu li a:hover {
	color: #000000;
	background-color: #d7b086;
}
.sidemenu h1 {
	margin-top: 0;
	margin-bottom: 8px;
	border-bottom: solid 2px #d7b086;
	padding: 0px 4px;
	color: #222222;
	font-size: 16px;
	font-weight: normal;
}

/* サイドメニュー２ */
.sidemenu-2 {
	padding: 0px 12px 6px 12px;
}
.sidemenu-2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidemenu-2 li a {
	display: block;
	padding: 4px 12px;
	color; #222222;
	font-size: 14px;
	text-decoration: none;
}
.sidemenu-2 li a:link {
	color: #222222;
}
.sidemenu-2 li a:visited {
	color: #222222;
}
.sidemenu-2 li a:hover {
	color: #000000;
	background-color: #d7b086;
}
.sidemenu-2 h1 {
	margin-top: 0;
	margin-bottom: 8px;
	border-bottom: solid 2px #d7b086;
	padding: 0px 4px;
	color: #222222;
	font-size: 16px;
	font-weight: normal;
}

/* フッター */
footer {
	margin: 0;
	padding-bottom: 28px;
	border-top: solid 4px #fcc800;
	background-color: #00a1e9;
	background: -webkit-gradient(linear, left top, left bottom, from(#0037e9), to(#f4fbff));
	background: -webkit-linear-gradient(#0037e9 0%, #f4fbff 100%);
	background: -moz-linear-gradient(#0037e9 0%, #f4fbff 100%);
	background: -o-linear-gradient(#0037e9 0%, #f4fbff 100%);
	background: -ms-linear-gradient(#0037e9 0%, #f4fbff 100%);
	color: #ffffff;
}
small {
	display: block;
	padding-top: 8px;
	padding-left: 12px;
	font-size: 12px;
	font-style: normal;
}
/* フッター部内ナビゲーション */
.footer-menu ul {
	margin: 0;
	padding: 8px 4px;
	list-style: none;
}
.footer-menu li a {
	display: block;
	padding: 0px 8px;
	color; #000000;
	font-size: 12px;
}
.footer-menu li a:link {
	color: #ffffff;
}
.footer-menu li a:visited {
	color: #ffffff;
}
.footer-menu li a:hover {
	color: #000000;
	background-color: #f4fbff;
}
.footer-menu ul:after {
	content: "";
	display: block;
	clear: both;
}
.footer-menu li {
	float: left;
	width: auto;
}


/* ////////// 画面の横幅：599px以下 ////////// */
@media (max-width: 599px) {
}

/* ////////// 画面の横幅：600px以上 ////////// */
@media (min-width: 600px) {
}

/* ////////// 画面の横幅：600px以上〜767px以下 ////////// */
@media (min-width: 600px) and (max-width: 767px) {
}


/* ////////// 画面の横幅：768px以上 ////////// */
@media (min-width: 768px) {
/* ヘッダー内のサイト名とメニューを横に並べる設定 */
header:after {
	content: "";
	display: block;
	clear: both;
}
.site {
	float: left;
	width: 65%;
}
.header-menu {
	float: left;
	width: 35%;
}
/* ヘッダー内のサイト名とメニューを横に並べる設定 */

/* コンテンツ内のmainとsideを横に並べる設定 */
#contents:after {
	content: "";
	display: block;
	clear: both;
}
#main {
	float: left;
	width: 75%;
}
#side {
	float: left;
	width: 25%;
}

}

/* ////////// 画面の横幅：960px以上 ////////// */
@media (min-width: 960px) {
/* コンテナのサイズを960pxに固定する */
div#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}
/* コンテナのサイズを960pxに固定する */

}