@charset "UTF-8";

/* =========================================================================
　base.css （全ページ共通の設定）

　目　次

　1.リセット
　2.body
　3.各要素
　4.ヘッダー
　5.コンテンツ / サイド
　6.くらし
　7.フッター
========================================================================= */

/* -------------------------------------------------------------------------
 1.リセット
------------------------------------------------------------------------- */
html,body,div,p,
h1,h2,h3,h4,h5,
ul,ol,li,dl,dt,dd,
blockquote,pre,
strong,
form,input,textarea,select,option,optgroup,button,label,fieldset,legend,address {
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}
img {
	border: 0;
	vertical-align: bottom;
}

/* -------------------------------------------------------------------------
 2.body
------------------------------------------------------------------------- */
body {
	color: #000;
	font-size: 94%;
	font-family:'メイリオ',Meiryo,sans-serif;
	line-height: 1.6;
}

/* テキストリンクの設定
---------------------------------------------------------------------- */
a:link {
	color: #0079d2;
	text-decoration: underline;
}
a:visited {
	color: #0079d2;
}
a:hover,
a:active,
a:focus {
	color: #0079d2;
	text-decoration: none;
}

#article-box a[target="_blank"] {
	background: url(/images/base/gray-arw-icon.gif) no-repeat left 7px;
	display: inline-block;
	padding-left: 10px !important;
	text-decoration: underline;
}
#article-box a:hover[target="_blank"] {
	text-decoration: none;
}

/* -------------------------------------------------------------------------
 3.各要素
------------------------------------------------------------------------- */

/* h1
---------------------------------------------------------------------- */
#article-box h1 {
	font-size: 130%;
	border-bottom: solid 3px #aaaaaa;
	background: #f6f6f6;
	padding: 10px 19px 8px;
	margin-bottom: 20px;
	clear: both;
}

/* h2
---------------------------------------------------------------------- */
#article-box h2 {
	clear: both;
	font-size: 120%;
	font-weight: bold;
	margin: 5px 30px 20px;
	padding: 7px 25px 5px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-top:solid 3px #0079d2;
}

/* h3
---------------------------------------------------------------------- */
#article-box h3 {
	clear: both;
	font-size: 105%;
	margin: 5px 30px 10px;
	padding: 5px 0 5px 25px;
	background: none;
	line-height: 1.1;
	background: url(/images/base/h3-bg.gif) repeat-y left top;
	border-bottom: solid 2px #cccccc;
}

/* p
---------------------------------------------------------------------- */
#article-box p {
	font-size: 100%;
	margin: 0 30px 30px;
	padding: 0;
	line-height: 1.6;
}

/* strong
---------------------------------------------------------------------- */
#article-box strong {
	font-weight: bold;
}

/* table
---------------------------------------------------------------------- */
#article-box table {
	clear: both;
	width:900px;
	margin: 0 30px 30px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
#article-box caption {
	font-size: 120%;
	text-align: center;
	padding: 10px;
}
#article-box th {
	font-size: 100%;
	font-weight: normal;
	padding: 10px 5px;
	background: #F4F4F4;
	border: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
	line-height: 1.1;
}
#article-box td {
	font-size: 100%;
	padding: 10px;
	border: 1px solid #CCC;
	text-align: left;
	vertical-align: middle;
	line-height: 1.3;
}

/* -------------------------------------------------------------------------
 4.ヘッダー
------------------------------------------------------------------------- */
#header {
	width: 960px;
	clear: both;
	margin: 0 auto;
}
#header img {
	display: block;
}

/* noscript
---------------------------------------------------------------------- */
#header .caution {
	width:100%;
	margin:text-align:center;
}

/* ロゴ
---------------------------------------------------------------------- */
#header #header-logo {
	float:left;
	width: 163px;
	height: 69px;
	margin: 21px 0 0 0;
}

/* スマートフォン用メニューボタン
---------------------------------------------------------------------- */
#header-menu {
	display: none;
}

/* 天気情報
---------------------------------------------------------------------- */
#header #header-weather {
	float:left;
	width: 92px;
	height: 29px;
	margin: 14px 0 0 76px;
}

/* 音声読み上げ
---------------------------------------------------------------------- */
#header #header-read {
	float:left;
	width: 131px;
	height: 29px;
	margin: 14px 0 0 16px;
}

/* 文字サイズ
---------------------------------------------------------------------- */
#header #header-fontsize {
	float:left;
	width: 161px;
	height: 29px;
	margin-left: 14px;
	margin-top: 14px;
}
#header #header-fontsize dt {
	float: left;
	width: 69px;
	height: 29px;
}
#header #header-fontsize dd {
	float: left;
	margin-left: 5px;
}

/* 色合い変更
---------------------------------------------------------------------- */
#header #header-color {
	float: left;
	width: 114px;
	height: 29px;
	margin-left: 15px;
	margin-top: 14px;
}

/* Foreign Language
---------------------------------------------------------------------- */
#header #header-translation {
	float: left;
	width: 161px;
	height: 29px;
	margin-left: 16px;
	margin-top: 14px;
}

/* 検索フォーム
---------------------------------------------------------------------- */
#header #header-search {
	float: left;
	margin-left: 184px;
	margin-top: 15px;
}
#header #header-search form {
	margin: 0;
	border-width: 0;
}
#header #header-search dt {
	margin: 0;
	float: left;
}
#header #header-search dd {
	margin: 0;
	float: left;
}
#header #header-search p{
	margin: 0 0 0 6px !important;
	float: left;
}

#header #header-search p input#tmp_query {
	width: 215px;
	height: 28px;
	padding: 0 5px !important;
	border: solid 1px #aaaaaa;
	color: #666666;
	line-height: 1.8em;
}
/* サイトマップ
---------------------------------------------------------------------- */
#header #header-sitemap {
	float: left;
	width: 101px;
	height: 29px;
	margin-left: 19px;
	margin-top: 15px;
}
/* サイトの使い方
---------------------------------------------------------------------- */
#header #header-tsukaikata {
	float: right;
	width: 113px;
	height: 29px;
	margin-left: 0;
	margin-top: 15px;
}
/* グローバルナビ
---------------------------------------------------------------------- */
#s_globalnavi {
	display: none;
}
#globalnavi {
	width: 960px;
	clear: both;
	margin: 0 auto 1px;
}
#globalnavi ul {
	width: 960px;
	height: 57px;
	clear: both;
}
#globalnavi ul li {
	float: left;
	text-indent: -10000px;
	height: 57px;
	display: inline;
}
#globalnavi .nav01_lnk,
#globalnavi .nav02_lnk,
#globalnavi .nav03_lnk,
#globalnavi .nav04_lnk,
#globalnavi .nav05_lnk,
#globalnavi .nav06_lnk,
#globalnavi .nav07_lnk {
	display: block;
	height: 57px;
}

.nav01, .nav01_lnk {
	width: 114px;
	background: url(/images/base/gnavi.gif) no-repeat 0 0;
}
.nav01_on, .nav01_lnk:hover, .nav01_on .nav01_lnk {
	width: 114px;
	background: url(/images/base/gnavi.gif) no-repeat 0 -57px;
}
.nav02, .nav02_lnk {
	width: 143px;
	background:url(/images/base/gnavi.gif) no-repeat -114px 0;
}
.nav02_on, .nav02_lnk:hover, .nav02_on .nav02_lnk {
	width: 143px;
	background:url(/images/base/gnavi.gif) no-repeat -114px -57px;
}
.nav03, .nav03_lnk {
	width: 161px;
	background:url(/images/base/gnavi.gif) no-repeat -257px 0;
}
.nav03_on, .nav03_lnk:hover, .nav03_on .nav03_lnk {
	width: 161px;
	background:url(/images/base/gnavi.gif) no-repeat -257px -57px;
}
.nav04, .nav04_lnk {
	width: 196px;
	background:url(/images/base/gnavi.gif) no-repeat -418px 0;
}
.nav04_on, .nav04_lnk:hover, .nav04_on .nav04_lnk {
	width: 196px;
	background:url(/images/base/gnavi.gif) no-repeat -418px -57px;
}
.nav05, .nav05_lnk {
	width: 146px;
	background:url(/images/base/gnavi.gif) no-repeat -614px 0;
}
.nav05_on, .nav05_lnk:hover, .nav05_on .nav05_lnk {
	width: 146px;
	background:url(/images/base/gnavi.gif) no-repeat -614px -57px;
}
.nav06, .nav06_lnk {
	width: 102px;
	background:url(/images/base/gnavi.gif) no-repeat -760px 0;
}
.nav06_on, .nav06_lnk:hover, .nav06_on .nav06_lnk {
	width: 102px;
	background:url(/images/base/gnavi.gif) no-repeat -760px -57px;
}
.nav07, .nav07_lnk {
	width: 98px;
	background:url(/images/base/gnavi.gif) no-repeat -862px 0;
}
.nav07_on, .nav07_lnk:hover, .nav07_on .nav07_lnk {
	width: 98px;
	background:url(/images/base/gnavi.gif) no-repeat -862px -57px;
}

#globalnavi ul li dl {
	background-color: #f6f6f6;
	text-indent: 0px;
	display: none;
	padding: 0 20px 30px;
	width: 920px;
	z-index: 1000;
	position: relative;
	border-bottom: solid 5px #aaaaaa;
	clear: both;
}
#globalnavi ul li dl:after {
	content:".";
	display:block;
	height:0;
	font-size:0.1%;
	line-height:0.1;
	clear:both;
	visibility:hidden;
}
#globalnavi ul .nav02 dl,
#globalnavi ul .nav02_on dl {
	margin: 0 0 0 -114px;
}
#globalnavi ul .nav03 dl,
#globalnavi ul .nav03_on dl {
	margin: 0 0 0 -257px;
}
#globalnavi ul .nav04 dl,
#globalnavi ul .nav04_on dl {
	margin: 0 0 0 -418px;
}
#globalnavi ul .nav05 dl,
#globalnavi ul .nav05_on dl {
	margin: 0 0 0 -614px;
}
#globalnavi ul .nav06 dl,
#globalnavi ul .nav06_on dl {
	margin: 0 0 0 -760px;
}
#globalnavi ul .nav07 dl,
#globalnavi ul .nav07_on dl {
	margin: 0 0 0 -862px;
}
#globalnavi ul li dl dd {
	width: 230px;
	margin: 35px 0 0;
	float: left;
}
#globalnavi ul li dl dd.dd_long {
	width: 460px;
}
#globalnavi ul li dl a {
	color: #000;
	font-size: 100%;
	padding: 0 20px 0 27px;
	text-decoration: none;
	background: url(/images/base/blue-circle-icon.gif) no-repeat left 4px;
	display: inline-block;
}

/* -------------------------------------------------------------------------
 5.コンテンツ / サイド
------------------------------------------------------------------------- */
#main-contents {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 15px;
	clear: both;
	background: #fff;
}
#content {
	float: left;
	width: 690px;
	margin-bottom: 30px;
}
#right-side {
	float: right;
	width: 240px;
	margin-bottom: 30px;
}
#info-bannar-area01,
#info-bannar-area02 {
	width: 240px;
	margin-bottom: 2px;
	clear: both;
	display: inline-block;
}
#info-bannar-area01 ul,
#info-bannar-area02 ul {
	float: left;
	list-style: none;
}
#info-bannar-area01 ul li,
#info-bannar-area02 ul li {
	float: left;
	display: inline-block;
}
#info-bannar-area01 ul li img,
#info-bannar-area02 ul li img {
	width: 240px;
	height: auto;
	display: block;
	margin-bottom: 10px;
}
#right-navi {
	width: 238px;
	border: solid 1px #aaaaaa;
	padding-bottom: 15px;
	margin-bottom: 20px;
	clear: both;
	float: left;
}
#right-navi .right-navi-box {
	width: 238px;
	float: left;
}
#right-navi .right-navi-box h3 {
	background: #f6f6f6;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 2px #aaaaaa;
	padding: 6px 19px 4px;
	font-size: 120%;
	font-weight: bold;
	margin: 15px 0 15px;
	clear: both;
}
#right-navi .right-navi-box h3.no-btp {
	border-top: none;
	margin: 0 0 15px;
}
#right-navi .right-navi-cnt {
	list-style: none;
}
#right-navi .right-navi-cnt li {
	width: 218px;
	font-size: 90%;
	float: left;
	padding-left: 20px;
	margin-bottom: 8px;
}
#right-navi .right-navi-cnt li a {
	background: url(/images/base/gray-arw-icon.gif) no-repeat left 6px;
	padding-left: 10px;
	display: inline-block;
}
#right-navi .shisyo li {
	width: 89px;
	display: block;
}
#right-navi .right-navi-cnt li.town-data {
	width: 208px;
	padding-left: 30px;
}

/* 読み上げウィジェット表示エリア
---------------------------------------------------------------------- */
#readspeaker-box {
	width: 960px;
	float: left;
	clear: both;
	margin: 0 0 20px;
}
.readspeaker-pre {
	display:none;
}
/* 読み上げエリア
---------------------------------------------------------------------- */
#read-area {
	clear: both;
}
#read-area:after {
	content:".";
	display:block;
	height:0;
	font-size:0.1%;
	line-height:0.1;
	clear:both;
	visibility:hidden;
}
*:first-child+html #read-area {
	min-height:1%; /* 変更しない */
}
/* 色合い変更ページ
---------------------------------------------------------------------- */
.ColorChange {
	list-style: none;
	width: 898px;
	float: left;
	clear: both;
	margin: 0 30px 30px;
}
.ColorChange li {
	width: 420px;
	float: left;
	margin: 0 15px 15px 0;
	padding: 5px;
	border: solid 1px #aaaaaa;
}
.ColorChange li img {
	display: block;
}
/* -------------------------------------------------------------------------
 6.愛南キッズ
------------------------------------------------------------------------- */
/* 愛南キッズトップ
---------------------------------------------------------------------- */
#s_ainankids-top-image-box {
	display: none;
}
#ainankids-top-image-box {
	width:100%;
	margin: 0 auto 20px;
	background: url(/images/ainankids/ainankids-top-bg.jpg) no-repeat center top;
	clear: both;
}
#ainankids-top-image {
	width: 960px;
	background: url(/images/ainankids/ainankids-top-img.jpg) no-repeat center top;
	height: 772px;
	margin: 0 auto;
	position: relative;
}
#ainankids-top-ttl {
	position: absolute;
	width: 539px;
	height: 358px;
	left: 269px;
	top: 89px;
	display: block;
}
#ainankids-top-ttl img {
	width: 539px;
	height: 358px;
	display: block;
}
#ainankids-top-box {
	list-style: none;
}
#ainankids-top-box li {
	position: absolute;
}
#ainankids-top-box li.ainankids-lst01,
#ainankids-top-box li.ainankids-lst01 a,
#ainankids-top-box li.ainankids-lst01 img {
	width: 146px;
	height: 48px;
	left: 121px;
	top: 496px;
	display: block;
}
#ainankids-top-box li.ainankids-lst02,
#ainankids-top-box li.ainankids-lst02 a,
#ainankids-top-box li.ainankids-lst02 img {
	width: 130px;
	height: 41px;
	left: 294px;
	top: 474px;
	display: block;
}
#ainankids-top-box li.ainankids-lst03,
#ainankids-top-box li.ainankids-lst03 a,
#ainankids-top-box li.ainankids-lst03 img {
	width: 127px;
	height: 50px;
	left: 575px;
	top: 496px;
	display: block;
}
#ainankids-top-box li.ainankids-lst04,
#ainankids-top-box li.ainankids-lst04 a,
#ainankids-top-box li.ainankids-lst04 img {
	width: 206px;
	height: 68px;
	left: 242px;
	top: 610px;
	display: block;
}
#ainankids-top-box li.ainankids-lst05,
#ainankids-top-box li.ainankids-lst05 a,
#ainankids-top-box li.ainankids-lst05 img {
	width: 200px;
	height: 65px;
	left: 702px;
	top: 532px;
	display: block;
}
#s_ainankids-info {
	display: none;
}
#ainankids-info {
	float: left;
	width: 960px;
	margin-bottom: 20px;
	clear: both;
}
.ainankids-info-box {
	float: left;
	width: 174px;
	border: solid 1px #a85710;
	background: #feedd1;
	padding: 0 0 15px;
	margin: 0 0 0 20px;
	display: block;
}
.no-mlt {
	margin: 0 0 0 0 !important;
}
.ainankids-info-box h3 {
	font-size: 160%;
	padding: 10px 5px 5px;
	text-align: center;
}
.ainankids-info-box h3 a {
	color: #a95b15;
}
.ainankids-info-box .ainankids-inf-cnt {
	padding: 0 5px 0 15px;
	list-style: none;
}
.ainankids-info-box .ainankids-inf-cnt li {
	font-size: 90%;
	background: url(/images/base/gray-arw-icon.gif) no-repeat left 7px;
	padding: 0 0 0 10px;
	display: inline-block;
}

/* -------------------------------------------------------------------------
 7.フッター
------------------------------------------------------------------------- */

/* ページの先頭へ
---------------------------------------------------------------------- */
#btm-ttp {
	clear: both;
	line-height: 1.1;
}
#btm-ttp:after {
	content:".";
	display:block;
	height:0;
	font-size:0.1%;
	line-height:0.1;
	clear:both;
	visibility:hidden;
}
#btm-ttp p {
	float: right;
	display: block;
	color: #333;
	margin: 20px 0 0;
	padding: 8px 15px;
	background: #f6f6f6;
	border: 1px solid #aaa;
	font-size: 90%;
}
#btm-ttp a {
	display: block;
	padding-left: 10px;
	background: url(/images/base/btm-ttp-icon.gif) no-repeat left center;
	text-decoration: underline;
}
#btm-ttp a:hover {
	text-decoration: none;
}

/* フッターナビ
---------------------------------------------------------------------- */
#footer-navi {
	clear: both;
	width: 960px;
	margin: 0 auto;
}
#footer-navi ul {
	float:left;
	list-style: none;
	padding-bottom: 10px;
	clear: both;
}
#footer-navi ul li {
	float:left;
	background: url(/images/base/gray-arw-icon.gif) no-repeat left 6px;
	display: inline-block;
	padding-left: 8px;
	margin-right: 20px;
	font-size: 90%;
}
#footer-navi ul li a {
	text-decoration: underline;
}
#footer-navi ul li a:hover {
	text-decoration: none;
}

/* フッターメイン
---------------------------------------------------------------------- */
#footer {
	float: left;
	width: 100%;
	background: #0079d2 url(/images/base/footer-bg.gif) repeat-x center top;
	padding: 50px 0 28px;
}
#footer #footer-wrapper {
	width: 960px;
	margin: 0 auto;
}
#footer .footer-name {
	width: 160px;
	float: left;
	color: #fff;
	font-size: 160%;
}
#footer address {
	width: 320px;
	float: left;
	color: #fff;
	font-size: 90%;
}
#footer ul#footer-inf {
	width: 480px;
	float: right;
	color: #fff;
	font-size: 90%;
	list-style: none;
}
#footer ul#footer-inf li {
	width: 158px;
	float: left;
	color: #fff;
	font-size: 90%;
	list-style: none;
	margin-left: 2px;
}
#footer ul#footer-inf li img {
	display: block;
}

/* 広告・コピーライト
---------------------------------------------------------------------- */
#footer-btm {
	clear: both;
	width: 100%;
	background: #ededed;
}
#footer-publicity {
	width: 960px;
	margin: 0 auto;
	padding: 16px 0 0;
	clear: both;
}
#footer-publicity dl {
	width: 960px;
	float: left;
	clear: both;
	margin-bottom: 15px;
}
#footer-publicity dt {
	float: left;
	font-size: 120%;
	font-weight: bold;
}
#footer-publicity dd {
	float: left;
	font-size: 90%;
	margin: 3px 0 0 15px;
}
#footer-publicity ul {
	width: 960px;
	float: left;
	clear: both;
	list-style: none;
}
#footer-publicity ul li {
	width: 180px;
	float: left;
	margin-right: 15px;
	display: block;
}
#footer-publicity ul li.no-mgr {
	margin-right: 0;
}
#footer-publicity ul li img {
	width: 180px;
	height: auto;
	display: block;
}
#copy-right {
	width: 960px;
	margin: 0 auto;
	padding: 12px 0;
	font-size: 80%;
	clear: both;
}

.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
.clearfix {
	display			: inline-table;
	min-height		: 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
}
.clearfix {
	display			: block;
}

.feedback_fs{
  border:none;
}