@charset "utf-8";

/*****************************************
			Global Setting
*****************************************/
html {
	min-width: 1260px;
	background: #FDFDF4;
}
a {
	transition: 0.2s;
}
.show {
	display: block !important;
}
/*****************************************
				Container
*****************************************/
#container {
	min-height: 100%;
	position: relative;
}
#mainContainer {
	background: url("../img/parts/left_bg.jpg") 0 100% no-repeat, url("../img/parts/blue_bg.jpg") 0 0 repeat-y;
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}
/*****************************************
				Header
*****************************************/
#header {
	width: 266px;
	border-top: 5px solid #FFDD64;
	float: left;
	position: relative;
	padding: 0 0 1090px 0;
}
#headerInner {
	width: 100%;
	position: relative;
}
#headerContents {
	width: 100%;
	position: relative;
}
#logoTitle {
	width: 200px;
	height: 354px;
	margin: 25px auto 20px auto;
}
#logoTitle a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/header/logo_title.png") 0 0 no-repeat;
	text-indent: 200%;
	overflow: hidden;
	white-space: nowrap;
}
#logoTitle a:hover {
	opacity: 0.7;
}
/*****************************************
				Tools
*****************************************/
#toolsContents {
	width: 974px;
	background: #FFF;
	margin: 0 auto;
}
#searchBox {
	display: inline-block;
	padding: 0 0 8px 0;
	border: none;
	letter-spacing: -0.4em;
	vertical-align: top;
}
#searchBoxInner {
	width: auto;
}
#tools {
	display: inline-block;
	padding: 8px 0 8px 0;
	letter-spacing: -0.4em;
	vertical-align: top;
}
#toolsInner {
	width: auto;
	margin: 0 auto;
}
/*****************************************
			Size Changer
*****************************************/
#sizeChanger {
	display: inline-block;
	margin: 0 10px 0 0;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	font-size: 88%;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
}
#sizeChanger dt {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 8px 0 0;
	line-height: 37px;
	color: #333;
}
#sizeChanger dd {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	overflow: hidden;
}
#sizeChanger dd#df {
	margin-right: 5px;
}
#sizeChanger dd span {
	display: block;
	min-width: 60px;
	line-height: 35px;
	padding: 0 2px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	border: 1px solid #BBB;
	box-sizing: border-box;
	border-radius: 2px;
	cursor: pointer;
}
#sizeChanger dd#df a {
	background: #FFF;
	color: #333;
}
#sizeChanger dd#zf a {
	background: #134AA7;
	color: #FFF;
}
#sizeChanger dd#df a:hover,
#sizeChanger dd#zf a:hover {
	background: #777;
	color: #FFF;
}
/*****************************************
			Color Changer
*****************************************/
#colorChanger {
	display: inline-block;
	margin: 0 5px 0 0;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	font-size: 88%;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
}
#colorChanger dt {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 8px 0 0;
	line-height: 37px;
	color: #333;
}
#colorChanger dd {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 5px 0 0;
	cursor: pointer;
}
#colorChanger dd a {
	display: block;
	min-width: 60px;
	line-height: 35px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	border: 1px solid #BBB;
	box-sizing: border-box;
	border-radius: 2px;
}
#colorChanger dd#bg_default span {
	display: block;
	min-width: 60px;
	line-height: 35px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	border: 1px solid #BBB;
	box-sizing: border-box;
	border-radius: 2px;
	background: #FFF;
	color: #333;
}
#colorChanger dd#bg_blue a {
	background: #0059AE;
	color: #FFFF00;
}
#colorChanger dd#bg_yellow a {
	background: #FFFF02;
	color: #000;
}
#colorChanger dd#bg_black a {
	background: #171717;
	color: #FFF;
}
#colorChanger dd#bg_default a {
	background: #FFF;
	color: #000;
}
#colorChanger dd a:hover {
	opacity: 0.7;
}
#colorChanger dd span:hover {
	opacity: 0.7;
}
/*****************************************
			Foreigners
*****************************************/
#foreigners {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	position: relative;
	z-index: 3000;
}
#btnForeigners {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	background: url("../img/parts/arw_down_black.png") 50% 93% no-repeat;
	min-width: 110px;
	height: 37px;
	line-height: 35px;
	border: 1px solid #BBB;
	border-radius: 2px;
	text-align: center;
	color: #333;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
	font-size: 93%;
	text-decoration: none;
	box-sizing: border-box;
	transition: 0.2s;
}
#btnForeigners:hover {
	background-color: #333;
	border-color: #333;
	color: #FFF;
}
#foreigners ul {
	display: none;
	width: 100%;
	height: auto;
	padding: 8px 0 0 0;
	position: absolute;
	top: 34px;
	left: 0;
	z-index: 8000;
	overflow: hidden;
}
#foreigners ul li {
	background: #FFF;
	margin: -1px 0 0 0;
	border: 1px solid #CCC;
	text-align: center;
}
#foreigners ul li a {
	display: block;
	background: #FFF;
	padding: 3px 14px;
	color: #333;
	text-decoration: none;
}
#foreigners ul li a:hover {
	background: #333;
	color: #FFF;
}
/*****************************************
				Search
*****************************************/
#searchBox {
	padding: 8px 0 8px 0;
	overflow: hidden;
	position: relative;
	font-size: 93%;
	box-sizing: border-box;
}
#searchBoxInner {
	width: 220px;
	margin: 0 10px 0 0;
	box-sizing: border-box;
	overflow: hidden;
}
#searchBox #search {
	width: 220px;
}
#searchBox #searchTerms {
	letter-spacing: -0.4em;
	padding: 10px 10px 0 10px;
}
#searchBox #searchTerms .fieldgroup span {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin: 0 18px 0 0;
	position: relative;
}
#searchBox #searchTerms .fieldgroup span input {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0;
}
#searchBox #searchTerms .fieldgroup span input[type="radio"] + label {
	display: block;
	background: url("../img/parts/x_off.png") 0 50% no-repeat;
	background-size: 15px auto;
	line-height: 28px;
	padding: 0 0 0 18px;
	font-weight: normal !important;
}
#searchBox #searchTerms .fieldgroup span input[type="radio"]:checked + label {
	background: url("../img/parts/x_on.png") 0 50% no-repeat;
	background-size: 15px auto;
}
#searchWindow {
	position: relative;
}
#searchBox #field_search {
	background: url("../img/parts/btn_search.png") 5px 50% no-repeat #FFF;
	background-size: 15px auto;
	width: 100%;
	padding: 0 50px 0 25px;
	height: 37px;
	outline: none;
	border: 2px solid #3A74A7;
	box-sizing: border-box;
}
input#field_search:focus {
	outline: 0;
}
#btn_search {
	display: block;
	background: #3A74A7;
	width: 47px;
	height: 33px;
	line-height: 18px;
	padding: 0 9px;
	text-align: center;
	overflow: hidden;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	transition: 0.2s;
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 500;
}
#btn_search:hover {
	opacity: 0.7;
}
#field_search::placeholder {
	color: #666;
}
/*****************************************
				Wrapper
*****************************************/
#wrapper {
	background: #FFF;
	width: calc(100% - 266px);
	float: right;
}
/*****************************************
				Main
*****************************************/
#main {
	background: #FDFDF4;
	width: 100%;
	min-height: 1820px;
	overflow: hidden;
	position: relative;
}
#mainContents {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 0 377px 0;
}
#side {
	width: 272px;
	padding: 0 0 80px 0;
	float: left;
	position: relative;
	z-index: 3000;
}
/*****************************************
				Navigation
*****************************************/
#gNav {
	width: 100%;
	margin: 0 0 40px 0;
	position: relative;
}
#gNav > ul {
	width: 260px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
#gNav > ul > li {
	display: flex;
	background: #FFF;
	width: 260px;
	height: 50px;
	margin: 0 0 3px 0;
	font-size: 113%;
	box-sizing: border-box;
	overflow: hidden;
}
#gNav > ul > li > a {
	background: url("../img/parts/list_arw_blue.png") 96% 50% no-repeat; 
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 0 0 22px;
	text-decoration: none;
	color: #333;
	border-left: 5px solid #FFDD64;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	box-sizing: border-box;
}
#gNav > ul > li > a:hover {
	background-color: #333;
	color: #FFF;
	border-left: 5px solid #333;
}
/* Drop Down */
.gNavBox {
	display: none;
	background: #FFF;
	width: 988px;
	height: auto;
	padding: 2px;
	border: 5px solid #333;
	box-sizing: border-box;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	position: absolute;
	top: 8px;
	left: 272px;
	z-index: 9999;
	overflow: hidden;
}
.gNavAnchorMenu {
	border-right: 5px solid #333;
	padding: 0 2px 0 0;
	width: 236px;
	height: 557px;
	float: left;
}
.gNavAnchorMenu ul {
	height: 505px;
	list-style: none;
	overflow: auto;
}
.gNavAnchorMenu ul li {
	box-sizing: border-box;
}
.gNavAnchorMenu ul li a {
	display: flex;
	align-items: center;
	align-content: center;
	padding: 8px 10px 8px 4px;
	background: url("../img/parts/list_point02.png") 98% 50% no-repeat;
	border-bottom: solid 1px #CCC;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 93%;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	white-space: normal;
	text-align: left;	
}
.gNavAnchorMenu ul li a.on,
.gNavAnchorMenu ul li a:hover {
	background-color: #D6EBF1;
}
.gNavAnchorMenu ul li a img,
.gNavAnchorMenu ul li a.on img,
.gNavAnchorMenu ul li a:hover img {
	margin: 0 5px 0 5px;
	max-width: 23px;
	flex-shrink: 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.gNavBoxInner {
	height: 557px;
	overflow: hidden;
	position: relative;
}
.gNavBoxInner h3 {
	padding: 0 12px;
	height: 50px;
	line-height: 50px;
	margin: 0 0 0 2px;
	background: url("../img/parts/black_back.png") 0 0 repeat #000;
	color: #FFF;
	text-align: left;
}
.gNavBoxInner h3.open {}
.gNavBoxInner h3 a {
	font-size: 107%;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}
.gNavBoxInner h3 a:hover {
	color: #FF0;
}
.gNavBoxInner ul {
	height: 505px;
	letter-spacing: -0.4em;
	overflow-x: hidden;
	overflow-y: scroll;
	box-sizing: border-box;
}
.gNavBoxInner ul li {
	display: inline-block;
	margin: 3px 0 0 3px;
	width: 49%;
	letter-spacing: normal;
	font-size: 93%;
	float: left;
	vertical-align: top;
	box-sizing: border-box;
}
.gNavBoxInner ul li:nth-child(even) {
	margin-right: 0;
}
.gNavBoxInner ul li a {
	display: flex;
	align-items: center;
	align-content: center;
	padding: 8px 20px 8px 10px;
	min-height: 52px;
	line-height: 1.43;
	text-indent: 0;
	text-decoration: none;
	transition: 0.2s;
	white-space: normal;
	overflow: hidden;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	text-align: left;
	background: url("../img/parts/list_point02.png") 97% 50% no-repeat #F7F7F7;
	color: #000;
}
.gNavBoxInner ul li a:hover {
	background-color: #D6EBF1;
}
.gNavPageLink {
	display: flex;
	width: 100%;
	margin: 0 0 2px 0;
}
.gNavPageLink a {
	display: flex;
	background: url("../img/parts/black_back.png") 0 0 repeat #000;
	width: 100%;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	font-size: 115%;
	color: #FFF;
	transition: 0.2s;
}
.gNavPageLink a:hover {
	color: #FF0;
}
/* Close Button */
#gNav .btn_close {
	display: inline-block;
	background: url("../img/gnav/btn_close_black.png") 6px 5px no-repeat #FFF;
	background-size: 14px auto;
	padding: 2px 4px 2px 26px;
	border: 2px solid #000;
	color: #000;
	position: absolute;
	top: 10px;
	right: 50%;
	margin: 0 -496px 0 0;
	cursor: pointer;
	transition: 0.2s;
}
#gNav .btn_close:hover {
	background: url("../img/gnav/btn_close.png") 6px 5px no-repeat #0074AE;
	background-size: 14px auto;
	border: 2px solid #FFF;
	color: #FFF;
	transition: 0.2s;
}
/*****************************************
			Side Contact
*****************************************/
#sideContact {
	width: 206px;
	height: 66px;
	margin: 10px auto;
}
#sideContact a {
	background: url("../img/parts/mail_icon_blue.png") 18px 50% no-repeat, #FFDD64;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 60px;
	padding: 0 0 0 60px;
	font-size: 113%;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	color: #333;
	border: 3px solid #FFF;
	border-radius: 50px;
	text-decoration: none;
	box-sizing: border-box;
}
#sideContact a:hover {
	background: url("../img/parts/mail_icon_white.png") 18px 50% no-repeat, #333;
	color: #FFF;
}
/*****************************************
				SNS
*****************************************/
#sideSns {
	width: 197px;
	margin: 33px auto;
}
#sideSns ul {
	width: 100%;
	overflow: hidden;
	list-style: none;
	letter-spacing: -0.4em;
}
#sideSns ul li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	width: 48px;
	height: 48px;
	margin: 0 26px 0 0;
}
#sideSns ul li:last-of-type {
	margin: 0;
}
#sideSns ul li a {
	display: block;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	text-indent: 150%;
	overflow: hidden;
	border-radius: 4px;
}
#sideTwitter a { background: url("../img/parts/twitter_icon.png") 50% 50% no-repeat, #FFF; }
#sideFacebook a { background: url("../img/parts/facebook_icon.png") 50% 50% no-repeat, #FFF; }
#sideInsta a { background: url("../img/parts/insta_icon.png") 50% 50% no-repeat, #FFF; }
#sideSns ul li a:hover {
	opacity: 0.7;
}
/*****************************************
			Local Navigation
*****************************************/
#lNav {
	width: 974px;
	background: #FFF;
	margin: 25px auto 25px auto;
	border: 2px solid #CCC;
	border-radius: 3px;
	box-sizing: border-box;
}
#lNav h2 {
	background: #FFDE59;
	padding: 6px 5px 6px 15px;
	font-size: 135%;
	font-weight: bold;
	color: #333;
}
#lNav h2 a {
	color: #333;
}
#lNav ul {
	padding: 15px 15px 0 15px;
	list-style: none;
	letter-spacing: -0.4em;
}
#lNav ul li {
	display: inline-block;
	margin: 0 2% 15px 0;
	width: 49%;
	vertical-align: top;
	letter-spacing: normal;
	overflow: hidden;
}
#lNav ul li:nth-of-type(2n) {
	margin-right: 0;
}
#lNav ul li a {
	display: block;
	background: url("../img/parts/list_point01.png") 10px 10px no-repeat;
	padding: 5px 5px 5px 32px;
	border: 1px solid #DDD;
	color: #333;
}
#lNav ul li.iconFolder a {
	background: url(../img/parts/icon_folder.png) 5px 6px/23px auto no-repeat;
}
#lNav ul li.iconPage a {
	background: url(../img/parts/icon_page.png) 5px 6px/23px auto no-repeat;
}
#lNav ul li a:hover {
	background-color: #E8F3FB;
}
/*****************************************
			Category Title
*****************************************/
#categoryTitle {
	width: 974px;
	margin: 0 auto;
	padding: 16px 5px 30px 5px;
	font-size: 200%;
	font-weight: bold;
	color: #333;
	text-align: center;
}
#categoryTitle .innerTitle {
	background: url("../img/title/title_line_yellow.jpg") 0 95% repeat-x;
}
/*****************************************
			Topicpath
*****************************************/
#topicpathBox {
	background: #F4F4F4;
	border-bottom: 1px solid #EEE;
}
#topicpath {
	width: 974px;
	margin: 0 auto;
	padding: 17px 10px;
	letter-spacing: -0.4em;
}
#topicpath .current {
	display: inline-block;
	background: #134AA7;
	margin: 0 12px 0 0;
	padding: 3px 8px;
	vertical-align: middle;
	letter-spacing: normal;
	color: #FFF;
	font-size: 88%;
	line-height: 24px;
}
#topicpath ol {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	text-align: left;
}
#topicpath ol li {
	margin: 0 10px 0 0;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
#topicpath ol li a {
	padding: 0 10px 0 0;
	font-size: 88%;
}
#topicpath ol li a:hover {
	text-decoration: none;
}
/*****************************************
			Page Title
*****************************************/
#pageTitle,
.newsTitle {
	background: #3A74A7;
	width: 974px;
	margin: 0 auto 18px auto;
	border-bottom: 3px solid #FFDD64;
}
#pageTitle .innerTitle,
.newsTitle .innerTitle {
	display: block;
	padding: 5px 0 2px 20px;
	font-size: 200%;
	font-weight: bold;
	color: #FFF;
}
/*****************************************
				Contents
*****************************************/
#contents,
.contentsCalendar {
	width: 974px;
	margin: 0 auto;
	padding: 0 10px 30px 10px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	z-index: 1000;
}
/*****************************************
			Contents Title
*****************************************/
#contents h2,
.contentsCalendar h2 {
	background: #FFF;
	margin: 30px -10px 15px -10px;
	padding: 5px 6px 2px 13px;
	font-size: 150%;
	font-weight: bold;
	border: 3px solid #FFDE59;
	border-left: 8px solid #FFDE59;
	color: #333;
}
#contents h3,
.contentsCalendar h3 {
	background: url(../img/title/title_line_red.jpg) 0 100% repeat-x, url("../img/title/title_icon_circle.png") 4px 16px no-repeat;
	margin: 30px -10px 15px -10px;
	padding: 5px 6px 5px 20px;
	font-size: 135%;
	font-weight: bold;
}
#contents h4,
.contentsCalendar h4 {
	margin: 30px -10px 15px -10px;
	padding: 0 6px 3px 8px;
	border-bottom: solid 3px #3A74A7;
	font-weight: bold;
	font-size: 125%;
}
#contents h5,
.contentsCalendar h5 {
	margin: 30px -10px 15px -10px;
	padding: 0 6px 3px 8px;
	border-bottom: solid 2px #CCC;
	font-weight: bold;
	font-size: 115%;
}
#contents h6,
.contentsCalendar h6 {
	margin: 30px -10px 15px -10px;
	padding: 0 6px 3px 8px;
	border-bottom: dashed 1px #888;
	font-weight: bold;
	font-size: 110%;
}
#contents h2:first-child,
#contents h3:first-child,
#contents h4:first-child,
#contents h5:first-child,
#contents h6:first-child,
.contentsCalendar h2:first-child,
.contentsCalendar h3:first-child,
.contentsCalendar h4:first-child,
.contentsCalendar h5:first-child,
.contentsCalendar h6:first-child {
	margin-top: 0;
}
/*****************************************
			List Index
*****************************************/
#contents .list_index {
	clear: both;
	margin: 0 0 20px 0;
}
#contents .list_index ul {
	list-style: none;
}
#contents .list_index ul li {
	margin: 0 0 8px 0;
	padding: 6px 6px 6px 32px !important;
	list-style: none;
	background-position: 10px 11px;
	background-color: #F7F7F7;
	border: solid 1px #EEE;
	border-radius: 3px;
}
#contents .list_index ul li.iconFolder {
	background: url(../img/parts/icon_folder.png) 4px 8px/23px auto no-repeat #F7F7F7 !important;
}
#contents .list_index ul li.iconPage {
	background: url(../img/parts/icon_page.png) 4px 8px/23px auto no-repeat #F7F7F7 !important;
}
#contents .list_index ul li p {
	margin: 2px 0 0 0;
	font-size: 93%;
}
/*****************************************
			News List Index
*****************************************/
.newsListIndex {
	clear: both;
	margin: 0 0 20px 0;
}
.newsListIndex dl {
	margin: 0 0 8px 0;
	padding: 6px 6px 6px 32px !important;
	background: url("../img/parts/list_point01.png") 10px 11px no-repeat;
	background-color: #F7F7F7;
	border: solid 1px #EEE;
	border-radius: 3px;
}
.newsListIndex dl.iconFolder {
	background: url(../img/parts/icon_folder.png) 4px 8px/23px auto no-repeat #F7F7F7 !important;
}
.newsListIndex dl.iconPage {
	background: url(../img/parts/icon_page.png) 4px 8px/23px auto no-repeat #F7F7F7 !important;
}
.newsListIndex dl dd p {
	margin: 2px 0 0 0 !important;
	font-size: 93%;
}
/*****************************************
			Dir Item List
*****************************************/
#dirItemList {
	width: 960px;
	margin: 0 auto 40px auto;
	text-align: center;
}
#dirItemList ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
#dirItemList ul li {
	display: flex;
	width: 310px;
	margin: 0 15px 15px 0;
}
#dirItemList ul li:nth-child(3n) {
	margin-right: 0;
}
#dirItemList ul li a {
	background: url(../img/parts/arw_black.png) 50% calc(100% - 5px) no-repeat;
	background-color: #E5E5E5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 48px;
	padding: 8px 15px 20px 15px;
	box-sizing: border-box;
	border: 1px solid #FFF;
	border-radius: 3px;
	text-decoration: none;
	color: #333;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	line-height: 1.4;
}
#dirItemList ul li a:hover {
	background-color: #F2F9FF;
	border: 1px solid #BCD;
	color: #000;
}
/*****************************************
			Directory News
*****************************************/
#dirNews {
	width: 960px;
	margin: 40px auto;
	overflow: hidden;
	position: relative;
}
#dirNews h2 {
	background: #3A74A7;
	padding: 8px 6px 8px 20px;
	font-size: 150%;
	font-weight: bold;
	border-radius: 3px;
	color: #FFF;
}
#dirNewsList {
	background: #FFF;
	height: 346px;
	overflow: auto;
	position: relative;
	border-bottom: 3px solid #3A74A7;
}
#dirNews dl {
	background: url("../img/parts/list_point03.png") 98% 50% no-repeat;
	padding: 10px 30px 10px 10px;
	overflow: hidden;
	border-top: 1px dotted #CCC;
}
#dirNews dl:first-of-type {
	border-top: none;
}
#dirNews dl dt {
	font-size: 93%;
}
/*****************************************
			Directory Index
*****************************************/
#dir,
#dirRel {
	width: 974px;
	margin: 0 auto;
	overflow: hidden;
}
#dirRel {
	width: 960px;
	margin: 0 auto 40px auto;
	overflow: hidden;
}
.dirIndex,
#dirRelInfo,
.dirRelIndex {
	margin: 0 auto 40px auto;
}
.dirIndex h2,
#dirRelInfo h2,
.dirRelIndex h2 {
	background: #FFE488;
	margin: 0 0 15px 0;
	padding: 8px 6px 8px 16px;
	font-size: 150%;
	font-weight: bold;
	border-left: 5px solid #FFC90F;
	color: #00238C;
}
.dirIndex h2 a,
#dirRelInfo h2 a,
.dirRelIndex h2 a {
	color: #00238C;
}
.dirIndex h2 a:hover,
#dirRelInfo h2 a:hover,
.dirRelIndex h2 a:hover {
	color: #06C;
}
.dirIndex p,
#dirRelInfo p,
.dirRelIndex p {
	margin: 0 0 15px 0;
	padding: 10px 25px;
	background-image: url(../img/parts/dash_start.png), url(../img/parts/dash_end.png);
	background-position: 0 0, 100% 100%;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px auto, 22px auto;
	line-height: 1.41;
	font-size: 93%;
	color: #333;
}
.dirIndex ul,
#dirRelInfo ul,
.dirRelIndex ul {
	list-style: none;
	letter-spacing: -0.4em;
}
.dirIndex ul li,
#dirRelInfo ul li,
.dirRelIndex ul li {
	display: inline-block;
	margin: 0 1% 15px 1%;
	width: 48%;
	vertical-align: top;
	letter-spacing: normal;
	overflow: hidden;
}
.dirIndex ul li a,
#dirRelInfo ul li a,
.dirRelIndex ul li a {
	display: block;
	background: url(../img/parts/list_point01.png) 10px 13px no-repeat;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 8px 6px 8px 32px;
	color: #000;
	border-radius: 3px;
	text-decoration: none;
}
.dirIndex ul li a:hover,
#dirRelInfo ul li a:hover,
.dirRelIndex ul li a:hover {
	background-color: #F2F9FF;
	border: 1px solid #BCD;
	color: #000;
}
.dirIndex ul li p,
#dirRelInfo ul li p,
.dirRelIndex ul li p {
	display: block;
	margin: 5px 0 !important;
	padding: 10px 25px;
	background-image: url(../img/parts/dash_start.png), url(../img/parts/dash_end.png);
	background-position: 0 0, 100% 100%;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px auto, 22px auto;
	float: none;
	clear: both;
}
.dirIndex ul li.iconFolder a,
#dirRelInfo ul li.iconFolder a,
.dirRelIndex ul li.iconFolder a,
.dirIndexImage ul li.iconFolder a {
	background: url(../img/parts/icon_folder.png) 6px 11px no-repeat;
	background-size: 25px auto;
	background-color: #FFF;
	padding: 12px 4px 12px 36px;
}
.dirIndex ul li.iconPage a,
#dirRelInfo ul li.iconPage a,
.dirRelIndex ul li.iconPage a,
.dirIndexImage ul li.iconPage a {
	background: url(../img/parts/icon_page.png) 6px 11px no-repeat;
	background-size: 25px auto;
	background-color: #FFF;
	padding: 12px 4px 12px 36px;
}
/*****************************************
		Directory Index Contents
*****************************************/
.dirIndexContents {
	overflow: hidden;
}
.dirIndexImage .dirIndexContents {
	margin: 0 0 0 210px;
}
.dirIndexImage .dirIndexContents ul {
	margin: 8px 0 0 0;
}
.dirIndexImage {
	margin: 0 auto 40px auto;
	overflow: hidden;
}
.dirIndexImage h2 {
	background: #FFE488;
	margin: 0 0 15px 0;
	padding: 8px 6px 8px 16px;
	font-size: 150%;
	font-weight: bold;
	border-left: 5px solid #FFC90F;
	color: #00238C;
}
.dirIndexImage h2 a {
	color: #00238C;
}
.dirIndexImage h2 a:hover {
	color: #06C;
}
.dirIndexImageInner {
	overflow: hidden;
}
.dirIndexImageThumb {
	margin: 15px 0;
	width: 200px;
	float: left;
	text-align: center;
}
.dirIndexImageThumb img {
	max-width: 100%;
}
.dirIndexImage p {
	margin: 0 0 15px 0;
	padding: 10px 25px;
	background-image: url(../img/parts/dash_start.png), url(../img/parts/dash_end.png);
	background-position: 0 0, 100% 100%;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px auto, 22px auto;
	line-height: 1.41;
	font-size: 93%;
	color: #333;
}
.dirIndexImage ul {
	list-style: none;
	letter-spacing: -0.4em;
}
.dirIndexImage ul li {
	display: inline-block;
	margin: 0 1% 15px 1%;
	width: 48%;
	vertical-align: top;
	letter-spacing: normal;
	overflow: hidden;
}
.dirIndexImage ul li a {
	display: block;
	background: url(../img/parts/list_point01.png) 10px 13px no-repeat;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 8px 6px 8px 32px;
	color: #000;
	border-radius: 3px;
	text-decoration: none;
}
.dirIndexImage ul li a:hover {
	background-color: #F2F9FF;
	border: 1px solid #BCD;
	color: #000;
}
.dirIndexImage ul li p {
	display: block;
	margin: 5px 0 !important;
	padding: 10px 25px;
	background-image: url(../img/parts/dash_start.png), url(../img/parts/dash_end.png);
	background-position: 0 0, 100% 100%;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px auto, 22px auto;
	float: none;
	clear: both;
}
/*****************************************
		Directory Image Box List
*****************************************/
.dirImageBoxList {
	margin: 0 auto 25px auto;
	padding: 0 0 25px 0;
	letter-spacing: normal;
	border-bottom: dotted 2px #AAA;
}
.dirImageBoxList:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.dirImageBoxList.boxPage {
	margin: 0 auto 25px auto;
	padding-bottom: 0;
	border-bottom: none;
}
.dirImageBoxList .dirTitle {
	background: #FFF;
	margin: 0 0 15px 0;
	padding: 8px 6px 8px 16px;
	font-size: 150%;
	font-weight: bold;
	border: 3px solid #FFDE59;
	border-left: 8px solid #FFDE59;
	color: #00238C;
}
.dirImageBoxList .dirTitle a {
	color: #00238C;
}
.dirImageBoxList .dirTitle a:hover {
	color: #06C;
}
.dirImage {
	margin: 0 0 12px 0;
	text-align: center;
}
.dirImage img {
	max-width: 100%;
	height: auto;
}
.dirImageBoxList p {
	margin: 0 0 12px 0;
}
.dirImageBoxList .dirImageBox {
	background: #FFF;
	margin: 0 0 10px 0;
	padding: 8px;
	border: solid 1px #CCC;
	overflow: hidden;
}
.dirImageBoxList .dirImageBox:last-child {
	margin-bottom: 0;
}
.dirImageBoxList .dirImageBox .dirThumbImage {
	width: 300px;
	float: left;
}
.dirImageBoxList .dirImageBox .dirThumbImage img {
	display: block;
	max-width: 100%;
	height: auto;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents {
	margin: 0 0 0 308px;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle {
	margin: 0 0 5px 0;
	padding: 6px 6px 6px 12px;
	background: #3A74A7;
	color: #FFF;
	font-weight: bold;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle a {
	color: #FFF;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle a:hover {
	color: #FF0;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents p {
	margin-bottom: 0;
	padding: 0 8px;
}
/*****************************************
		Directory Auto Image
*****************************************/
.dirAutoImageList {
	width: 974px;
	margin: 0 auto 25px auto;
	letter-spacing: normal;
	letter-spacing: -0.4em;
}
.dirAutoImage {
	margin: 0 22px 22px 0;
	width: 310px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	position: relative;
}
.dirAutoImage:nth-of-type(3n) {
	margin-right: 0;
}
.dirAutoImage a {
	color: #00238C;
}
.dirAutoImage a:hover {
	color: #06C;
}
.dirAutoImage a .dirTitle {
	background: #FFF;
	margin: 0 0 15px 0;
	padding: 8px 6px 8px 16px;
	font-size: 107%;
	font-weight: bold;
	border: 3px solid #FFDE59;
	border-left: 8px solid #FFDE59;
	color: #00238C;
}
.dirAutoImage a img {
	max-width: 100%;
	height: auto;
}
.dirAutoImage p {
	margin: 5px 0 0 0;
	font-size: 93%;
}
/*****************************************
		Directory Index Q&A
*****************************************/
#dirIndexImageQA,
#dirIndexQA {
	width: 960px;
	margin: 0 auto 30px auto;
	box-sizing: border-box;
	overflow: hidden;
}
#dirIndexImageQA h2,
#dirIndexQA h2 {
	background: #FFE488;
	margin: 0 0 15px 0;
	padding: 8px 6px 8px 16px;
	font-size: 150%;
	font-weight: bold;
	border-left: 5px solid #FFC90F;
	color: #00238C;
}
#dirIndexImageQA h2 a,
#dirIndexQA h2 a {
	color: #003;
}
#dirIndexImageQA h2 a:hover,
#dirIndexQA h2 a:hover {
	color: #603;
}
#dirIndexImageQABox,
#dirIndexQABox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	overflow: hidden;
}
#searchQA {
	width: 98%;
	margin: 0 auto 15px auto;
	overflow: hidden;
}
#field_search_QA {
	background: #FFF;
	width: 846px;
	height: 44px;
	line-height: 40px;
	padding: 0 10px;
	border: solid 2px #3A74A7;
	float: left;
}
#field_search_QA:focus {
	background: #FFD;
	outline: none;
}
#btn_search_QA {
	width: 92px;
	height: 44px;
	float: right;
	display: block;
	vertical-align: top;
	background: url("../img/parts/dir_search.png") 50% 50% no-repeat #3A74A7;
	border: none;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	color: #FFF;
}
#btn_search_QA:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#dirIndexImageQA ul,
#dirIndexQA ul {
	padding: 0;
	list-style: none;
	letter-spacing: -0.4em;
}
#dirIndexImageQA ul li,
#dirIndexQA ul li {
	display: inline-block;
	margin: 0 1% 15px 1%;
	width: 48%;
	vertical-align: top;
	letter-spacing: normal;
	overflow: hidden;
}
#dirIndexImageQA ul li a,
#dirIndexQA ul li a {
	display: block;
	background: url(../img/parts/list_point01.png) 10px 13px no-repeat;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 8px 6px 8px 32px;
	color: #000;
	border-radius: 3px;
	text-decoration: none;
}
#dirIndexImageQA ul li a:hover,
#dirIndexQA ul li a:hover {
	background-color: #F2F9FF;
	border: 1px solid #BCD;
	color: #000;
}
/*****************************************
			Page Information
*****************************************/
#pageInfo {
	background: #FFF;
	padding: 15px 0 15px 0;
	margin: 55px 0 0 0;
	overflow: hidden;
	font-size: 93%;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}
#pageInfo ul {
	width: 974px;
	margin: 0 auto;
	text-align: right;
	list-style: none;
	letter-spacing: -0.4em;
	overflow: hidden;
}
#pageInfo ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	margin: 0 0 0 20px;
	color: #333;
}
#pageInfo ul li#print {
	margin: 0 0 0 30px;
}
#pageInfo ul li#print span {
	display: block;
	background: url(../img/parts/icon_print.png) 13px 50% no-repeat;
	padding: 6px 20px 6px 52px;
	color: #003E9E;
	border: 2px solid #CCC;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
}
#pageInfo ul li#print a:hover {
	background-color: #E8F3FB;
}
/*****************************************
				Footer
*****************************************/
#footer {
	width: 100%;
	min-height: 377px;
	margin: -377px 0 0 0;
	position: relative;
}
#footerInner {
	width: 1280px;
	margin: 0 auto;
	padding: 0 0 0 266px;
	box-sizing: border-box;
	overflow: hidden;
}
#footerBox {
	background: #3A74A7;
}
#footerContents {
	width: 974px;
	padding: 50px 0 43px 0;
	margin: 0 auto;
	position: relative;
	letter-spacing: -0.4em;
	border-bottom: 2px solid #FFF;
}
#footerAdress {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
#footerCity dt {
	margin: 0 0 10px 0;
	color: #FFF;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	font-size: 119%;
}
#footerCity dd {
	color: #FFF;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	font-size: 100%;
	margin: 0 0 15px 0;
}
.footerTel {
	margin: 0 0 10px 0;
}
.footerTel dt {
	display: inline-block;
	background: #FFDD64;
	width: 110px;
	height: 30px;
	letter-spacing: normal;
	vertical-align: middle;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	text-align: center;
	line-height: 31px;
}
.footerTel dd {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	height: 30px;
	line-height: 31px;
	font-size: 138%;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	color: #FFF;
}
#footerBtn {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 11px 0 0 26px;
}
#footerBtn ul {
	list-style: none;
}
#footerBtn ul li {
	width: 206px;
	height: 56px;
}
#footerBtn ul li:first-of-type {
	margin: 0 0 25px 0;
}
#footerBtn a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 50px;
	background: #CBE6F6;
	text-decoration: none;
	border: 3px solid #FFF;
	border-radius: 50px;
	box-sizing: border-box;
	text-align: center;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	color: #333;
}
#footerBtn a:hover {
	background: #333;
	color: #FFF;
}
#footerBnr {
	width: 415px;
	margin: 5px 0 0 0;
	position: absolute;
	top: 50px;
	right: 0;
}
#footerBnr ul {
	list-style: none;
	letter-spacing: -0.4em;
}
#footerBnr ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	width: 200px;
	height: 69px;
	margin: 0 15px 15px 0;
}
#footerBnr ul li:nth-of-type(even) {
	margin: 0;
}
#footerBnr ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#cityBnr a {
	background: url(../img/footer/footer_city.png) 0 0 no-repeat;
}
#sightBnr a {
	background: url("../img/footer/footer_sightseeing.png") 0 0 no-repeat;
}
#childBnr a {
	background: url("../img/footer/footer_child.png") 0 0 no-repeat;
}
#villageBnr a {
	background: url("../img/footer/footer_village.png") 0 0 no-repeat;
}
#footerBnr ul li a:hover {
	opacity: 0.7;
}
#footerLink {
	width: 974px;
	margin: 14px auto;
}
#footerLink ul {
	list-style: none;
	letter-spacing: -0.4em;
}
#footerLink ul li {
	display: inline-block;
	background: url("../img/parts/list_arw_white.png") 0 53% no-repeat ;
	vertical-align: top;
	letter-spacing: normal;
	margin: 0 0 0 20px;
	padding: 0 0 0 12px;
}
#footerLink ul li:first-of-type {
	margin: 0;
}
#footerLink ul li a {
	color: #FFF;
	font-size: 88%;
}
#footerLink ul li a:hover {
	color: #FFDD64
}
#copyright {
	background: #080808;
	width: 100%;
	line-height: 23px;
	padding: 12px 0;
	color: #FFF;
	font-size: 82%;
	text-align: center;
}
/*****************************************
				Page Top
*****************************************/
#pageTop {
	padding: 5px 22px 5px 50px;
	border: 5px solid #E0E8EB;
	border-right: none;
	border-radius: 100px 0 0 100px;
	background: url("../img/parts/pagetop.png") 20px 50% no-repeat #333;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	font-size: 88%;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	position: absolute;
	right: 0;
	bottom: 82px;
}
#pageTop:hover {
	opacity: 0.7;
}
/*****************************************
				Banner
*****************************************/
#adBanner {
	width: 100%;
	min-width: 1260px;
	background: #FFE5E5;
	border-top: 3px solid #D62A73;
	position: fixed;
	bottom: 0;
	z-index: 4000;
}
#adBannerInner {
	width: 1260px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
}
#btnBnrAbout {
	display: inline-block;
	width: 220px;
	margin: 8px 10px 0 0;
	padding: 6px 24px 6px 22px;
	border: 5px solid #E0E8EB;
	border-radius: 100px;
	box-sizing: border-box;
	background: url("../img/parts/list_arw_half.png") calc(100% - 16px) 50% no-repeat #333;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}
#btnBnrAbout:hover {
	opacity: 0.7;
}
#adBannerInner ul {
	display: inline-block;
	vertical-align: top;
	width: 950px;
	letter-spacing: -0.4em;
	list-style: none;
}
#adBannerInner ul li {
	display: inline-block;
	width: 150px !important;
	height: 60px;
	margin: 0 10px 0 0;
	letter-spacing: normal;
	vertical-align: top;
}
#adBannerInner ul li:nth-of-type(6n) {
	margin: 0;
}
#adBannerInner ul li a {
	display: block;
	width: 150px;
	height: 60px;
	overflow: hidden;
}
#btn_bnr_close {
	display: inline-block;
	background: url("../img/parts/btn_close.png") 100% 50% no-repeat;
	padding: 0 42px 0 0;
	line-height: 34px;
	font-size: 88%;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: -3em;
	text-align: right;
	cursor: pointer;
	color: #00238C;
	transition: 0.2s;
}
#btn_bnr_close:hover {
	background: url("../img/parts/btn_close_hover.png") 100% 50% no-repeat;
	color: #903;
}
#adBanner.setCloseBanner { position: static; }
#adBanner.setCloseBanner #btn_bnr_close { display: none; }