@charset "utf-8";

/* spLinkBlockInPc
-------------------------------------------------- */

#spLinkBlockInPc {
	padding: 30px 0 25px;
	text-align: center;
	background: #214a64;
	display: none;
}

/* body
-------------------------------------------------- */

@font-face{
	font-family: WebFont;
	src: url('/shared/font/min_01.ttf') format("opentype");
}

body {
	margin: 0;
	padding: 0;
	font-size: small;
	line-height: 1.57;
	color: #222222;
	font-family: 'ゴシックMB101 R' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #ffffff;
	text-align: left;
	min-width: 980px;
	width: auto !important;
	width: 100%;
}

#wrapperArea {
	font-size: 108%;
}

#bodyArea {
	width: auto;
}

/* bodyAreaBg
-------------------------------------------------- */

.mainAreaDefaultGrid #bodyAreaBg,
.mainAreaMinimumGrid #bodyAreaBg {
	margin: 0 auto;
	width: 980px;
	background: #ffffff;
}

.mainAreaFullGrid #bodyAreaBg {
	margin: 0 auto;
	background: #ffffff;
}

.mainAreaDefaultGridMarginZero #bodyAreaBg,
.mainAreaFullGridMarginZero #bodyAreaBg {
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

/* mainArea
-------------------------------------------------- */

.mainAreaDefaultGrid #mainArea {
	width: 728px;
	float: right;
}

.mainAreaDefaultGridMarginZero #mainArea {
	margin: 0;
	padding: 10px 0;
	width: 729px;
}

.mainAreaFullGrid #mainArea {
	margin: 0;
	padding: 0 0 20px;
}

.mainAreaFullGridMarginZero #mainArea {
	margin: 0;
	padding: 10px 0;
	width: 980px;
}

.mainAreaMinimumGrid #mainArea {
	margin: 0;
	padding: 10px 0;
	width: 498px;
}

/* leftArea
-------------------------------------------------- */

#leftArea {
	margin-bottom: 20px;
	width: 223px;
	float: left;
}

#leftArea .leftContent {
	margin-bottom: 20px;
}

#leftArea .categoryNameBody {
	width: 221px;
	height: 26px;
	margin: 0px 0px 20px;
	border: 1px solid #c9c9c5;
	position: relative;
	background: #ffffff;
}

#leftArea .categoryNameBody .searchBox input {
	width: 196px;
	height: 23px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 2px;
	top: 2px;
	border: none;
}

#leftArea .categoryNameBody .searchImg input {
	width: 18px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 7px;
	top: 5px;
	text-indent: -99999px;
	border: none;
	cursor: pointer;
}

#leftArea .leftContent h2 {
	padding: 12px 10px;
	background: #f4f3ec;
	border-top: 1px solid #777777;
	font-weight: bold;
	font-size: 16px;
}

/* link
-------------------------------------------------- */

a {
	outline-style: none;
}

a:link {
	color: #1892ca;
	text-decoration: underline;
}

a:visited {
	color: #777777;
	text-decoration: none;
}

a:hover {
	color: #002929;
	text-decoration: underline;
}

a:active {
	color: #1892ca;
	text-decoration: underline;
}

/* headerArea
-------------------------------------------------- */

#headerArea {
	background: #ececdf;
	width: 100%;
	height: 85px;
	position: fixed;
	z-index: 10000;
}

#headerArea #headerContent {
	margin: 0 auto;
	width: 980px;
	position: relative;
	height: 51px;
}

#headerArea .logo {
	position: absolute;
	left: 19px;
	top: 0;
	z-index: 20000;
	zoom: 1;
	width: 106px;
	height: 118px;
}

#headerArea .headerUtility {
	float: right;
	width: 600px;
	position: relative;
}

#headerArea ul.utilityNav {
	margin: 0;
	position: absolute;
	top: 21px;
	right: 176px;
	line-height: 1;
	list-style-type: none;
	font-size: 85%;
	text-align: right;
}

#headerArea ul.utilityNav li {
	padding: 0 9px 0 12px;
	display: inline;
	border-left: 1px solid #cccccc;
}

#headerArea ul.utilityNav li:first-child {
	border-left: 0;
}

#headerArea .searchBox {
	position: absolute;
	top: 12px;
	right: 0;
	width: 160px;
}

#headerArea .searchBox .boxBody {
	background: url(/shared/images/bg_searchbox_1.png) left top no-repeat;
}

#headerArea .searchBox .boxBody input[type="text"] {
	border: none;
	background: transparent;
}

#headerArea .searchBox .boxBody .searchInput {
	width: 128px;
	float: left;
}

#headerArea .searchBox .boxBody .searchInput input[type="text"] {
	padding: 5px;
	width: 116px;
}

#headerArea .searchBox .boxBody .searchBtn {
	padding: 3px 3px 0 0;
	float: right;
}

#headerArea .searchBox .boxBody .searchBtn input[type="button"] {
	line-height: 1px;
	font-size: 1px;
	vertical-align: top;
}

/* globalNavigation
-------------------------------------------------- */

#globalNavigation {
	border-top: 1px solid #cccbba;
	background: url(/shared/images/bg_gnav_1.png) left top repeat-x;
	position: relative;
	height: 33px;
	z-index: -1;
}

#globalNavigation:after {
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: -3px;
	background: url(/shared/images/bg_keyvisual_shadow.png) left bottom repeat-x;
	z-index: 40;
}

#globalNavigation .navWapper {
	margin: 0 auto;
	width: 980px;
	position: relative;
}

#globalNavigation .joinBtn {
	position: absolute;
	top: 0;
	right: 0;
}

/* gNav */

#globalNavigation #gNav a {
	color:#222222;
	text-decoration:none;
}

#globalNavigation #gNav a:hover {
	color:#1892ca;
	text-decoration: underline;
}

#globalNavigation ul#gNav {
	margin:0 auto;
	padding-left: 162px;
	list-style-type: none;
}

#globalNavigation ul#gNav li {
	float: left;
	position: relative;
}

#globalNavigation ul#gNav li a {
	padding: 0;
	margin: 0;
}

#globalNavigation #gNav div.menu {
	line-height: 1.92;
	position: absolute;
	top: 33px;
	left: 1px;
	background: #e9e8d8 url(/shared/images/bg_gnav_2.png) 210px top repeat-y;
	z-index: 50;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
	box-shadow: 0 2px 5px rgba(0,0,0,0.4);
	display: none;
}

#globalNavigation #gNav .menu01 div.menu {
	width: 210px;
}

#globalNavigation #gNav .menu02 div.menu {
	width: 406px;
}

#globalNavigation #gNav .menu03 div.menu {
	width: 406px;
}

#globalNavigation #gNav ul {
	margin: 0;
	padding: 18px 20px;
	background: #ffffff url(/shared/images/bg_keyvisual_shadow.png) left top repeat-x;
	font-size: 13px;
	width: 170px;
	float: left;
}

#globalNavigation #gNav ul li {
	position: static;
	float: none;
}

#globalNavigation #gNav ul li a,
#globalNavigation li#gNavhover li a,
#globalNavigation li#gNavhover li#gNavhover li a {
	background:none;
}

#globalNavigation #gNav ul.submenu {
	margin: 0;
	padding: 3px 0 0;
	width: 196px;
	background: #e9e8d8 url(/shared/images/bg_keyvisual_shadow.png) left top repeat-x;
}

#globalNavigation #gNav ul.submenu li {
	margin: 0;
	line-height: 1;
}

#globalNavigation #gNav ul.submenu li a {
	padding: 8px 20px;
	display: block;
	color: #1892ca;
	background: #e9e8d8 url(/shared/images/bg_gnav_2.png) left top repeat-y;
}

#globalNavigation #gNav ul.submenu li:first-child a {
	padding: 15px 20px 5px;
}

#globalNavigation #gNav ul.submenu li a:hover {
	text-decoration: none;
	background: #ffffff url(/shared/images/bg_gnav_3.png) left top repeat-y;
}


#globalNavigation li#gNavhover a,
#globalNavigation li#gNavhover li#gNavhover a {
	color:#fff;
	background:#999
}

#globalNavigation li#gNavhover span,
#globalNavigation li#gNavhover li#gNavhover span {
	color:#fff;
	background:#999
}

/* globalNavigation position
-------------------------------------------------- */

/* indexLocalnav
-------------------------------------------------- */

#indexLocalnav {
	background: #e9e8d8;
}

#indexLocalnav nav {
	margin: 0 auto 10px;
	width: 980px;
}

#indexLocalnav nav li {
	float: left;
}

/* anchors
-------------------------------------------------- */

#anchors {
	padding: 0;
	margin: 0;
	position: absolute;
	left: -100em;
	top: -100em;
	/*\*//*/
		width: 1px;
		visibility: hidden;
	/**/
}

/* leftBnrBox
-------------------------------------------------- */

#leftArea .leftBnrBox li {
	margin-bottom: 10px;
}

/* leftLocalNavigation
-------------------------------------------------- */

#bodyArea #leftLocalNavigation {
	margin-bottom: 20px;
}

/* mainMenu */

#leftLocalNavigation .mainMenu dt {
	border-top: 1px solid #777777;
}

#leftLocalNavigation .mainMenu a {
	display: block;
}

#leftLocalNavigation .mainMenu a:hover {
	text-decoration: none;
}

#leftLocalNavigation .mainMenu dt a {
	padding: 13px 10px 13px 27px;
	background: #1892ca url(/shared/images/ico_lnav_1.png) 10px 17px no-repeat;
	color: #ffffff;
}

#leftLocalNavigation .mainMenu dd {
	border-bottom: 1px solid #cccccc;
}

#leftLocalNavigation .mainMenu dd a {
	color: #222222;
	background-image: url(/shared/images/arrow_small_right.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#leftLocalNavigation .mainMenu dd a:hover {
	background-color: #f4f3ec;
}

#leftLocalNavigation .mainMenu dd li.current a {
	background-color: #e9e8d8;
}

#leftLocalNavigation .mainMenu .subMenu01 li {
	border-top: 1px solid #cccccc;
}

#leftLocalNavigation .mainMenu .subMenu01 li a {
	padding: 13px 10px 13px 25px;
	background-position: 14px 20px;
}

#leftLocalNavigation .mainMenu .subMenu02 li {
	border-top: 1px dotted #cccccc;
}

#leftLocalNavigation .mainMenu .subMenu02 li:first-child {
	border-top: 1px solid #cccccc;
}

#leftLocalNavigation .mainMenu .subMenu02 li a {
	padding: 13px 10px 13px 36px;
	background-position: 25px 20px;
}

#leftLocalNavigation .mainMenu .subMenu03 li,
#leftLocalNavigation .mainMenu .subMenu03 li:first-child {
	border-top: 1px dotted #cccccc;
}

#leftLocalNavigation .mainMenu .subMenu03 li a {
	padding: 13px 10px 13px 47px;
	background-position: 36px 20px;
}

/* archiveList
-------------------------------------------------- */

#leftArea .archiveList ul.link { 
	padding: 0;
	margin: 15px 0 15px;
}

#leftArea .archiveList ul.link li {
	padding: 0;
	margin: 0 12px 6px 0;
	background: url(/shared/images/arrow_small_right.png) no-repeat 3px 9px;
}

#leftArea .archiveList ul.link a {
	padding: 0 0 0 19px;
	margin: 0;
	display: block;
}

#leftArea .archiveList ul.link li, {
	padding-left: 19px;
	text-indent: -19px;
}

#leftArea .archiveList ul.link ul.link { 
	padding: 0;
	margin: 5px 0 5px 15px;
}

#leftArea .lnavLinkToList {
	margin: 10px 0;
}

/* relationCategory
-------------------------------------------------- */

#leftArea .relationList li {
	font-size: 12px;
	display: table;
	border-top: 1px solid #cccccc;
	width: 100%;
}

#leftArea .relationList li a {
	padding: 15px 10px;
	display: block;
}

#leftArea .relationList li.listLast {
	border-bottom: 1px solid #cccccc;
}

#leftArea .relationList li div {
	display: table-cell;
}

#leftArea .relationList li ul.link {
	display: table-cell;
	vertical-align: middle;
}

#leftArea .relationList ul.link li {
	padding: 0 0 0 20px;
	background: url(/shared/images/arrow_small_right.png) 10px center no-repeat;
	border: none;
	color: #222222;
	width: auto;
}

/* leftAreaList
-------------------------------------------------- */

#leftArea .leftAreaList01 {
	border-bottom: 1px solid #cccccc;
}

#leftArea .leftAreaList01 a {
	color: #222222;
	background-image: url(/shared/images/arrow_small_right.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
	display: block;
}

#leftArea .leftAreaList01 a:hover {
	background-color: #f4f3ec;
}

#leftArea .leftAreaList01 li.current a {
	background-color: #e9e8d8;
}

#leftArea .leftAreaList01 li {
	border-top: 1px solid #cccccc;
}

#leftArea .leftAreaList01 li a {
	padding: 13px 10px 13px 25px;
	background-position: 14px 20px;
}

#leftArea .leftAreaList02 li {
	border-top: 1px solid #cccccc;
}

#leftArea .leftAreaList02 li:first-child {
	border-top: 1px solid #cccccc;
}

#leftArea .leftAreaList02 li a {
	padding: 13px 10px 13px 36px;
	background-position: 25px 20px;
}

#leftLocalNavigation .subMenu03 li a {
	padding: 13px 10px 13px 47px;
	background-position: 36px 20px;
}

/* backToTopNavigation
-------------------------------------------------- */

#backToTopNavigation {
	margin: 0 auto;
	width: 980px;
	text-align: right;
}

/* footerArea
-------------------------------------------------- */

/* footerConversion */

#footerArea #footerConversion {
	padding: 30px 0;;
	background: #ececdf;
}

#footerArea #footerConversionInner {
	margin: 0 auto;
	width: 980px;
}

#footerConversion .siteInfo {
	width: 370px;
	float: left;
}

#footerConversion .siteInfo .orgName {
	margin-bottom: 10px;
	font-size: 20px;
}

#footerConversion .siteInfo .orgName a {
	margin-bottom: 10px;
	font-size: 20px;
	color: #222;
}

#footerConversion .siteInfo .orgAddress {
	margin-bottom: 10px;
}

#footerConversion .footerContact {
	margin-bottom: 20px;
}

#footerConversion .footerContact li {
	display: inline;
}

#footerConversion .socialmediaInfo {
	float: right;
	width: 556px;
}

#footerConversion .siteSocialBtn {
	margin-right: 15px;
	width: 70px;
	float: left;
}

#footerConversion .siteSocialBtn li {
	margin-bottom: 10px;
}

 #footerConversion .socialmediaInfo .fb-like-box {
	background: #ffffff;
}

/* footerNavigation */

#footerArea #footerNavigation {
	margin: 0 auto;
	padding: 20px 0 50px;
	width: 980px;
}

#footerArea #footerNavigation dl.footerMenu {
	margin-right: 29px;
	padding-top: 15px;
	border-top: 1px solid #666666;
	width: 223px;
	float: left;
}

#footerArea #footerNavigation dl.footerMenuLast {
	margin-right: 0;
}

#footerArea #footerNavigation dt {
	margin-bottom: 12px;
}

#footerArea #footerNavigation dd {
	margin-bottom: 6px;
	font-size: 85%;
}

#footerArea #footerNavigation dd li {
	margin-bottom: 6px;
}

/* footer */

#footerArea #footer {
	margin: 0 auto;
	padding-bottom: 70px;
	width: 980px;
}

#footerArea #footer .footerLogo {
	margin-right: 30px;
	float: left;
}

#footer .footerInfo {
	margin-left: 97px;
	width: 883px;
}

#footer .footerInfo .footerCatch {
	margin-bottom: 10px;
	font-size: 33px;
	font-weight: bold;
	border-bottom: 1px solid #666666;
}

#footer .footerInfo .footerLink {
	margin: 0 0 5px 0;
	font-size: 85%;
}

#footer .footerInfo .footerLink li {
	padding: 0 6px 0 9px;
	display: inline;
	border-left: 1px solid #c9c9c9;
	line-height: 1;
}

#footer .footerInfo .footerLink li:first-child {
	padding-left: 0;
	border-left: none;
}

#footerArea #footer #copyright {
	font-size: 12px;
}