@charset "utf-8";
@import url('reset.css');

/*--------------------------------------------------------------
							大枠
--------------------------------------------------------------*/
html {
	height: 100%;
 	background-color: #FDFCDE; 
	font-size: 0.95em;
}

body {
	background-image: url('../images/town/body_bg_01.png');
		background-repeat: repeat-y;
		background-position: 50% 0;
	text-align: center;
	line-height: 1.5;
}

/* for ONLY IE6　（#背景が左に1pxずれるのを修正） */
* html #all { background-position: 0 0; }

/* for ONLY IE7　（#背景が左に1pxずれるのを修正） */
*:first-child+html #all { background-position: 0 0; }

#wrapper {
	width: 960px;			/* 全体の幅指定　※一か所だけに指定する */
	margin: 0 auto;
	text-align: left;
}

/* for ONLY IE6　（#wrapperが左に1pxずれるのを修正） */
* html #wrapper {
	padding-left: 1px;
}

/* for ONLY IE7　（#wrapperが左に1pxずれるのを修正） */
*:first-child+html #wrapper {
	padding-left: 1px;
}

#header {
	position: relative;
	zoom: 1;
}

#mainContent {
	display: inline;
	float: left;
	width: 700px;
	margin: 0 19px 0 10px;
}

#rightMenu {
	display: inline;
	float: right;
	width: 220px;
	margin: 10px 10px 0px 0px;
}

#footer {
	clear: both;
	width: 100%;
}

/*--------------------------------------------------------------
							ヘッダ
--------------------------------------------------------------*/
#header {
}

#header p#siteTitle {
	display: inline;
	float: left;
	width: 265px;
	height: 91px;
	background-image: url('../images/town/h_logo_01.png');
		background-repeat: no-repeat;
}

#header p#siteTitle a {
	display: block;
	width: 265px;
	height: 91px;
	text-indent: -9999px;
	overflow: hidden;
}

#header ul#globalNav {
	display: inline;
	float: right;
	width: 638px;
	height: 50px;
}

#header ul#globalNav:after, #header ul#globalSetting li#globalSearch form ul:after, #header ul#localNav:after, #footer div#mobile:after, #mainContent ul#sectionInfo:after, #mainContent ul#sectionInfo li#sectionNav:after, #mainContent dl#nurseryContact:after, #mainContent div.textSection:after, div.indexUnit:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#header ul#globalNav li {
	display: inline;
	float: left;
	width: 110px;
	height: 50px;
}

#header ul#globalNav li a {
	display: block;
	background-image: url('../images/common/globalNav_bg_01.png');
		background-repeat: no-repeat;
}

#header ul#globalNav li#town {
}

#header ul#globalNav li#siteseeing {
}

#header ul#globalNav li#migration {
}

#header ul#globalNav li#shop {
}

#header ul#globalNav li#kids, #header ul#globalNav li#english {
	width: 99px;
}

#header ul#globalNav li#town a { background-position: 0 0; }
#header ul#globalNav li#siteseeing a { background-position: -110px 0; }
#header ul#globalNav li#migration a { background-position: -220px 0; }
#header ul#globalNav li#shop a { background-position: -330px 0; }
#header ul#globalNav li#kids a { background-position: -440px 0; }
#header ul#globalNav li#english a { background-position: -539px 0; }

#header ul#globalNav li a:hover {
	background-color: transparent;
}

#header ul#globalNav li a:hover img {
	visibility: hidden;
}

/* 現在のカテゴリを示す */
.town ul#globalNav li#town a img,
.siteseeing ul#globalNav li#siteseeing a img,
.migration ul#globalNav li#migration a img,
.shop ul#globalNav li#shop a img,
.kids ul#globalNav li#kids a img {
	visibility: hidden;
}

#header ul#functionMenu {
	display: inline;
	float: left;
	width: 960px;
	height: 50px;
	margin: -31px 0px 5px 0px;
}

#header ul#functionMenu li {
	display: inline;
	float: left;
}

#header ul#functionMenu li#setHP {
	width: 256px;
	margin: 30px 20px 0px;
}
#header ul#functionMenu li#setHP.show {
	width: 240px;/* 後方互換：240pxにpadding分16pxを足しています。 */
	padding: 0px 0px 0px 16px;
	background-image: url('../images/town/h_ico_01.gif');
	background-repeat: no-repeat;
	font-size: 85%;
}

#header ul#functionMenu li#rss {
	width: 35px;
	margin: 34px 24px 0px 0px;
	height: 16px;
}

#header ul#functionMenu li#rss img {
}

#globalSearch {
	width: 605px;
	margin: 0px 0px 0px 0px;
	background-color: #E5E5E5;
	background-image: url('../images/town/globalSearch_bg_02.png');
	background-position: 0 100%;
	background-repeat: no-repeat;
}

#globalSearch ul {
	width: 495px;
	padding: 5px 0px 0px 105px;
	background-color: transparent;
	background-image: url('../images/town/globalSearch_bg_01.png');
	background-repeat: no-repeat;
	line-height: 1.1;
	font-size: 12px;
}

#globalSearch ul li {
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0 8px;
	border-right: 1px #CECECE solid;
	border-left: 1px #FFFFFF solid;
}

#globalSearch ul li.first { border-left: none; }
#globalSearch ul li.last { border-right: none; }

#globalSearch ul li a {
	color: #0051ac;
	text-decoration: none;
	text-align: center;
	outline: none;
}

#globalSearch ul li a:hover {
	text-decoration: underline;
}

#globalSearch ul li a.selected {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#globalSearch form {
	clear: both;
	height: 26px;
	margin: 0px 0px 5px 0px;
	font-size: 13px;
	text-align: right;
}

#dicMenu {
	display: none;
}

#dicMenu.show {
	display: inline;
	float: left;
	margin: 0px 0px 0px 80px;
	padding: 3px 9px 3px 0px;
	background-color: #E5E5E5;
	background-image: url('../images/town/globalSearch_bg_03.png');
	background-position: 100% 0;
	background-repeat: no-repeat;
	text-align: left;
}

#globalSearch input#globalSearchText {
	width: 460px;
	height: 14px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	border: none;
	background-color: transparent;
	vertical-align: middle;
}

#globalSearch input#globalSearchText.dicMode {
	width: 220px;
	cursor: text;
}

#globalSearch input#globalSearchButton {
	width: 49px;
	height: 21px;
	margin: 3px 5px 0px 2px;
	vertical-align: middle;
}

#header div.line01 {
	clear: both;
	height: 8px;
	background-image: url('../images/town/h_line_02.png');
		background-repeat: no-repeat;
}

#header div.line01 hr {
	display: none;
}

#header dl#fontSize {
	display: inline;
	float: right;
	margin: 5px 15px;
	font-size: 93%;
	line-height: 1.1;
}

#header dl#fontSize dt {
	display: inline;
	float: left;
	margin-right: 15px;
}

#header dl#fontSize dd {
	display: inline;
	float: left;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px #2A2A2A solid;
}

#header dl#fontSize dd.first {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
#header div#localSearch {
	display: inline;
	clear: both;
	float: right;
	width: 220px;
	height: 26px;
	background-image: url('../images/town/localSearch_bg_01.png');
		background-repeat: no-repeat;
	font-size: 13px;
}

#header div#localSearch form {
	height: 26px;
	margin: 1px 0px 0px 6px;
}
#header div#localSearch input#localSearchText {
	width: 156px;
	height: 13px;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	border: none;
	background-color: transparent;
	vertical-align: middle;
}

#header div#localSearch input#localSearchButton {
	width: 49px;
	height: 21px;
	margin: 0px 0px 0px 2px;
	vertical-align: middle;
}

#header ul#localNav {
	margin-top: 25px;
	margin-right: 250px;
	margin-left: 25px;
	font-size: 92.3%;
	zoom:1;
}

#header ul#localNav li {
	display: inline;
	float: left;
	margin-right: 20px;
	white-space: nowrap;
}

#header ul#localNav li a {
	padding-left: 17px;
	text-decoration: none;
	background-image: url('../images/town/localNav_ico_02.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#header ul#localNav li a:hover {
	padding-left: 17px;
	background-image: url('../images/town/localNav_ico_01.png');
	text-decoration: underline;
}
/*--------------------------------------------------------------
							フッタ
--------------------------------------------------------------*/
#footer {
}

#footer ul#siteNav {
	display: inline;
	float: right;
	width: 305px;
	margin-top: 50px;
}

#footer ul#siteNav li {
	display: inline;
	float: left;
}

#footer ul#siteNav li#about { width: 125px; }
#footer ul#siteNav li#siteMap { width: 100px; }
#footer ul#siteNav li#links { width: 80px; }

#footer ul#siteNav li a {
	display: block;
	height: 25px;
	background-image: url('../images/town/siteNav_btn_01.png');
		background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#footer ul#siteNav li#about a { background-position: 0 0; }
#footer ul#siteNav li#siteMap a { background-position: 0 -24px; }
#footer ul#siteNav li#links a { background-position: 0 -49px; }

#footer ul#siteNav li#about a:hover { background-position: -151px 0; }
#footer ul#siteNav li#siteMap a:hover { background-position: -151px -24px; }
#footer ul#siteNav li#links a:hover { background-position: -151px -49px; }

#footer div.line02 {
	clear: both;
	height: 1px;
	border-top: 1px #929da3 solid;
}

#footer div.line02 hr {
	display: none;
}

#footer address#officeInfo {
	margin-right: 260px;
	padding-top: 15px;
	padding-left: 80px;
	background-image: url('../images/town/f_logo_01.png');
		background-repeat: no-repeat;
}

#footer address#officeInfo span#officeName {
	font-size: 115.4%;
	font-weight: bold;
}

#footer address#officeInfo span#officeContact {
	font-size: 116%;
}

#footer ul#officeNav {
	margin-right: 220px;
	margin-left: 80px;
}

#footer ul#officeNav li {
	display: inline;
	float: left;
	margin-top: 12px;
	margin-right: 25px;
	margin-bottom: 20px;
	font-size: 93%;
}

#footer div#mobile {
	display: inline;
	float: right;
	width: 225px;
	margin: 20px 10px 15px auto;
}

#footer div#mobile a {
	display: block;
}

#footer address#copyright {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #910b31;
	color: #FFFFFF;
	text-align: center;
	font-size: 93%;
}
/*--------------------------------------------------------------
							右メニュー
--------------------------------------------------------------*/
#rightMenu {
}

#rightMenu a {
	color: #333333;
	text-decoration: none;
}

#rightMenu a:hover {
	text-decoration: underline;
}

#rightMenu h4#webOffice a {
	display: block;
	height: 28px;
	background-image: url('../images/town/webOffice_bg_01.jpg');
		background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#rightMenu ul#webOfficeNav {
}

#rightMenu ul#webOfficeNav li {
	margin-bottom: 5px;
	width: 220px;
	height: 40px;
}

#rightMenu ul#webOfficeNav li a {
	display: block;
	width: 220px;
	height: 40px;
	background-image: url('../images/town/webOfficeNav_bg_01.png');
		background-repeat: no-repeat;
}

#rightMenu ul#webOfficeNav li.item01 a:hover {	background-position: 0 0; }
#rightMenu ul#webOfficeNav li.item02 a:hover {	background-position: 0 -40px; }
#rightMenu ul#webOfficeNav li.item03 a:hover {	background-position: 0 -80px; }
#rightMenu ul#webOfficeNav li.item04 a:hover {	background-position: 0 -120px; }
#rightMenu ul#webOfficeNav li.item05 a:hover {	background-position: 0 -160px; }

#rightMenu ul#webOfficeNav li a:hover {	background-color: transparent; }

#rightMenu ul#webOfficeNav li a:hover img {
	visibility: hidden;
}

#rightMenu dl#category {
	padding-bottom: 8px;
	background-color: #E6E6E6;
	background-image: url('../images/town/cagetory_bg_03.png');
		background-position: 0 100%;
		background-repeat: no-repeat;
	font-size: 88.5%;
}

#rightMenu dl#category dt a {
	display: block;
	height: 32px;
	background-image: url('../images/town/category_bg_01.png');
		background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#rightMenu dl#category dt.item01 a { height: 36px; background-position: 0 0; }
#rightMenu dl#category dt.item02 a { background-position: 0 -34px; }
#rightMenu dl#category dt.item03 a { background-position: 0 -65px; }
#rightMenu dl#category dt.item04 a { background-position: 0 -96px; }
#rightMenu dl#category dt.item05 a { background-position: 0 -127px; }
#rightMenu dl#category dt.item06 a { background-position: 0 -158px; }
#rightMenu dl#category dt.item07 a { background-position: 0 -189px; }

#rightMenu dl#category dt.item01 a:hover { background-position: -220px 0px; }
#rightMenu dl#category dt.item02 a:hover { background-position: -220px -34px; }
#rightMenu dl#category dt.item03 a:hover { background-position: -220px -65px; }
#rightMenu dl#category dt.item04 a:hover { background-position: -220px -96px; }
#rightMenu dl#category dt.item05 a:hover { background-position: -220px -127px; }
#rightMenu dl#category dt.item06 a:hover { background-position: -220px -158px; }
#rightMenu dl#category dt.item07 a:hover { background-position: -220px -189px; }

#rightMenu dl#category dd {
	padding: 10px 10px 20px 10px;
	background-image: url('../images/town/category_bg_02.gif');
		background-repeat: repeat-y;
}
/*--------------------------------------------------------------
							メインコンテンツ
--------------------------------------------------------------*/
#mainContent {
}

#mainContent p#navBar {
	font-size: 85%;
	margin:10px 0px 5px 0px;
}

#mainContent h4#sectionName {
	margin: 25px 0 0 0;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 161.5%;
	font-weight: bold;
	text-indent: 15px;
}

#mainContent div.line01 {
	height: 3px;
	background-image: url('../images/town/info_line_01.gif');
	background-repeat: no-repeat;
}

#mainContent div.line01 hr {
	display: none;
}
#mainContent ul#sectionInfo {
	border-bottom: 2px #d7d7d7 solid;
	background-color: #efefef;
	width: 697px;
}

#mainContent ul#sectionInfo li {
}

#mainContent ul#sectionInfo li#sectionContact {
	display: inline;
	float: left;
	width: 320px;
	margin-top: 15px;
	margin-left: 15px;
}

#mainContent ul#sectionInfo li#sectionContact dl {
}

#mainContent ul#sectionInfo li#sectionContact dl dt {
	padding: 4px 0 4px 0;
	background-color: #A9A9A9;
	background-image: url('../images/town/info_bg_01.gif');
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 107.7%;
	font-weight: bold;
	text-indent: 15px;
}
#mainContent ul#sectionInfo li#sectionContact dl dd {
	margin-top: 10px;
	font-size: 107.7%;
}

#mainContent ul#sectionInfo li#sectionContact dl dd span {
	font-size: 0.88em;
}

#mainContent ul#sectionInfo li#sectionContact dl dd span.circle {
	font-size: 100%;
	color: #A8A8A8;
}

#mainContent ul#sectionInfo li#sectionAnnouncement {
	display: inline;
	float: left;
	width: 320px;
	margin-top: 15px;
	margin-left: 15px;
}

#mainContent ul#sectionInfo li#sectionAnnouncement dl {
}

#mainContent ul#sectionInfo li#sectionAnnouncement dl dt {
	padding: 4px 0 4px 0;
	background-color: #A9A9A9;
	background-image: url('../images/town/info_bg_01.gif');
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 107.7%;
	text-indent: 15px;
	font-weight: bold;
}
#mainContent ul#sectionInfo li#sectionAnnouncement dl dd {
	margin-top: 10px;
	font-size: 88.5%;
}

#mainContent ul#sectionInfo li#sectionAnnouncement dl dd a {
	text-decoration: none;
}

#mainContent ul#sectionInfo li#sectionAnnouncement dl dd a:hover {
	text-decoration: underline;
}

#mainContent ul#sectionInfo li#sectionNav {
	clear: both;
	margin: 0 15px 10px 20px;
	width: auto;
}

#mainContent ul#sectionInfo li#sectionNav ul {
	display: inline;
	float: right;
}

#mainContent ul#sectionInfo li#sectionNav ul li {
	display: inline;
	float: left;
	margin-top: 25px;
	margin-left: 10px;
}

#mainContent ul#sectionInfo li#sectionNav ul li.first {
	margin-left: 0px;
}

#mainContent ul#sectionInfo li#sectionNav ul li a {
	padding-left: 15px;
	background-image: url('../images/town/list_ico_01.png');
		background-repeat: no-repeat;
		background-position: 0 3px;
	text-decoration: none;
}

#mainContent ul#sectionInfo li#sectionNav ul li a:hover {
	padding-left: 15px;
	background-image: url('../images/town/list_ico_02.png');
		background-repeat: no-repeat;
		background-position: 0 3px;
	text-decoration: underline;
}

#mainContent dl#nurseryContact {
	width: 697px;
	padding: 15px 0px 0px 0px;
	border-bottom: 2px #d7d7d7 solid;
	background-color: #efefef;
}

#mainContent dl#nurseryContact dt {
	margin: 0px 15px;
	padding: 4px 0;
	background-color: #A9A9A9;
	background-image: url('../images/town/info_bg_01.gif');
		background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 107.7%;
	font-weight: bold;
	text-indent: 15px;
}

#mainContent dl#nurseryContact dd {
	display: inline;
	float: left;
	width: 318px;
	margin: 10px 0px 10px 30px;
}

#mainContent p#pageNav {
	margin: 0px;
	text-align: center;
}

#mainContent h2#mainTitle {
	clear: both;
	margin: 0px 0px 5px 0px;
	padding: 5px 0 5px 10px;
	border-left: 4px #910B31 solid;
	background-color: #d8d8d8;
	background-image: url('../images/town/mainTitle_bg_01.gif');
	background-repeat: no-repeat;
	background-position: 100% 0;
	font-size: 115.4%;
}

#mainContent p#comment {
}

#mainContent div.textSection {
	width: 700px;
}

#mainContent h3 {
	margin: 1.5em 5px;
	padding: 0px 0px 0px 10px;
	border-left: 4px #910B31 solid;
	font-weight: bold;
	line-height: 1.3;
}

#mainContent h4 {
	color: #910B31;
	font-weight: bold;
	margin: 1.5em 5px;
}

#mainContent div.textSection p {
	margin: 1.5em 5px;
}

#mainContent table.table01 {
	margin: 10px 0 0 0;
	width: 100%;
	border-top: 1px #CECECE dotted;
	font-size: 1.0em;
}

#mainContent table.table01 tbody tr {
}

#mainContent table.table01 tbody tr th {
	padding: 3px 3px 3px 1.0em;
	border-right: 1px #CECECE dotted;
	border-bottom: 1px #CECECE dotted;
	white-space: nowrap;
}

#mainContent table.table01 tbody tr td {
	padding: 3px 3px 3px 1.0em;
	border-bottom: 1px #CECECE dotted;
	line-height: 1.5;
}

/*--------------------------------------------------------------
							パーツ
--------------------------------------------------------------*/
div.indexUnit {
	clear: both;
	width: 100%;
	padding: 12px 0px 10px 15px;
	border-bottom: 1px #CDCDCD dotted;
	background-image: url('../images/town/info_ico_01.gif');
		background-repeat: no-repeat;
		background-position: 0 18px;
	font-size: 0.95em;
}

div.indexUnit span.indexIcon {
	display: inline;
	float: right;
}
div.indexUnit span.lastUpDate {
}

div.indexUnit span.indexTitle {
	font-size: 1.2em;
}

div.indexUnit span.indexComment {
}

p#noData {
	padding: 75px 0 0 0;
	background-image: url('../images/town/f_logo_01.png');
		background-position: 50% 0;
		background-repeat: no-repeat;
	text-align: center;
}

#smEnquete table {
	margin: 10px 0px 0px 0px;
	font-size: 100%;
}

#smEnquete table td {
	padding: 0px 0px 0px 10px;
	line-height: 1.5;
}

#smEnquete table td b {
	color: #910b31;
}
/*--------------------------------------------------------------
							要素
--------------------------------------------------------------*/
a {
	color: #004fa7;
}

table td {
	vertical-align: top;
}

table.table02 {
	margin-top: 15px;
	border-top: 1px #bbaa44 solid;
	border-left: 1px #bbaa44 solid;
	font-size: 1.0em;
	line-height: 1.5;
}

table.table02 tr {
}

table.table02 tr th {
	padding: 5px;
	border-right: 1px #bbaa44 solid;
	border-bottom: 1px #bbaa44 solid;
 	background-color: #ddcc66;
}

table.table02 tr td {
	padding: 5px;
	border-right: 1px #bbaa44 solid;
	border-bottom: 1px #bbaa44 solid;
 	background-color: #FDFCDE; 
}

strong {
	font-weight: bold;
}

.hidden {
	display: none;
}
