@charset "UTF-8";
/* CSS Document */
/* HU Custom : カスタムパーツの管理リンクは除外する */
.clearfix:before,
.clearfix:after,
#bunnerArea:before ,
#bunnerArea:after ,
/*
#bunnerArea ul:not(.contextual-links):before ,
#bunnerArea ul:not(.contextual-links):after {
*/
#bunnerArea div.footerBox1Banner ul.footerBox1BannerList:before ,
#bunnerArea div.footerBox1Banner ul.footerBox1BannerList:after ,
#bunnerArea div.footerBox1Link ul.footerBox1LinkList:before ,
#bunnerArea div.footerBox1Link ul.footerBox1LinkList:after {
	content: " ";
	display: table
}
.clearfix:after,
#bunnerArea:after ,
/*
#bunnerArea ul:not(.contextual-links):after {
*/
#bunnerArea div.footerBox1Banner ul.footerBox1BannerList:after ,
#bunnerArea div.footerBox1Link ul.footerBox1LinkList:after {
	clear: both
}

/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
    ページトップ
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
/*
#page-top {
	display: none;
}
*/

#page-top {
	position: fixed;
	right: 0px;
	bottom:50px;
	z-index: 100000;
	display: block;
}
#page-top a {
	font-size: 13px;
	width: 45px;
	height: 45px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	background: #b2d3a7;
	color: #005E3C;
	text-align: center;
	line-height:1.5em;
	display: block;
	text-decoration:none;
	position:relative;
}
#page-top a:before {
	content:"";
	border:solid 8px transparent;
	border-bottom:solid 10px #005E3C;
	position:absolute;
	bottom:65%;
	right:15px;
	margin-bottom:-8px;
}


@media screen and (max-width:768px) {
#page-top {
	bottom:20px;
}

}

/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   bunner
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */

/* HU Custom : カスタムパーツの管理リンクは除外する */
#bunnerArea {
	background: url(../images/common/bunerArea_bg.gif) repeat center top;
	padding:20px 0px;
}

/*
#bunnerArea ul:not(.contextual-links) {
*/
#bunnerArea div.footerBox1Banner ul.footerBox1BannerList ,
#bunnerArea div.footerBox1Link ul.footerBox1LinkList {
	width:100%;
	display:block;
}
/*
#bunnerArea ul:not(.contextual-links) > li {
*/
#bunnerArea div.footerBox1Banner ul.footerBox1BannerList > li ,
#bunnerArea div.footerBox1Link ul.footerBox1LinkList > li {
	display:block;
	width:16.666%;
	float:left;
	padding:5px 0px;
}
/*
#bunnerArea ul:not(.contextual-links) > li > a {
*/
#bunnerArea div.footerBox1Banner ul.footerBox1BannerList > li > a ,
#bunnerArea div.footerBox1Link ul.footerBox1LinkList > li > a {
	display:inline-block;
	border:solid 2px transparent;
}
/*
#bunnerArea ul:not(.contextual-links) > li > a:hover {
*/
#bunnerArea div.footerBox1Banner ul.footerBox1BannerList > li > a:hover ,
#bunnerArea div.footerBox1Link ul.footerBox1LinkList > li > a:hover {
	border:solid 2px #005E3C;
}
@media screen and (max-width:768px) {
/*
#bunnerArea ul:not(.contextual-links) {
*/
#bunnerArea div.footerBox1Banner ul.footerBox1BannerList ,
#bunnerArea div.footerBox1Link ul.footerBox1LinkList {
	display:block;
	padding:0px 15px;
}
/*
#bunnerArea ul:not(.contextual-links) > li {
*/
#bunnerArea div.footerBox1Banner ul.footerBox1BannerList > li ,
#bunnerArea div.footerBox1Link ul.footerBox1LinkList > li {
	display:block;
	width:50%;
	float:left;
	text-align:center;
	margin-bottom:10px;
}
}
@media screen and (max-width:350px) {
/*
#bunnerArea ul:not(.contextual-links) > li > a > img {
*/
#bunnerArea div.footerBox1Banner ul.footerBox1BannerList > li > img ,
#bunnerArea div.footerBox1Link ul.footerBox1LinkList > li > img {
	width:100%;
}
}

/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   otherSite info area
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
#site2NameArea {
	background: url(../images/common/bunerArea_bg.gif) repeat center top;
	padding:30px 0px;
}
.footerSiteName {
	font-size:150%;
	margin-bottom:10px;
}
#site2NameArea a.textLink {
	display:inline-block;
	margin-top:5px;
	color:#005E3C;
}
#site2NameArea .textLink:before {
	content:"";
	display:inline-block;
	border:solid 4px transparent;
	border-left: 4px solid #333333;
}
#site2NameArea a.textLink:hover {
	text-decoration:underline;
}

#site2NameArea .naviLink {
	margin-top:15px;
}
#site2NameArea .naviLink li:first-child {
	padding-left:0px;
}
/*  */
a.TextBunner {
	display:block;
	padding:10px 10px 5px 55px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	border-radius:3px;
	text-decoration:none;
	text-align:left;
	position:relative;
}
a.TextBunner:hover {
	opacity:.7;
}
.TextBunner .icon {
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:3px;
	left:5px;
	background-image:url(../images/common/SNSicons.png);
	background-repeat: no-repeat;
	background-position: -4px -2px;

}
.TextBunner .line1 ,
.TextBunner .line2 {
	display:block;
	color:#333333;
}

@media screen and (max-width:768px) {
#site2NameArea {
	padding:30px 15px;
}
#site2NameArea .textLink {
	display:inline-block;
	padding:10px 0px 7px;
}
#site2NameArea .naviLink {
	text-align:center;
}
}
@media screen and (max-width:370px) {
a.TextBunner img {
	width:100%;
}
}

/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   SNS list
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
.SNSlist li {
	display:block;
	margin-bottom:10px;
}
.SNSlist li > a {
	display:block;
	padding-left:55px;
	min-height:45px;
	line-height:45px;
	background-image:url(../images/common/SNSicons.png);
	background-repeat: no-repeat;
	color:#333333;
	text-decoration:none;
	text-align:left;
}
.SNSlist li > a.SNSicons_fb {
	background-position: 0px -5px;
	line-height:1.2em;
	padding-top:7px;
}
.SNSlist li > a.SNSicons_tw {
	background-position: 0px -60px;
}
.SNSlist li > a.SNSicons_yt {
	background-position: 0px -115px;
}
.SNSlist li > a:hover {
	background-color:#E1EEDD;
	opacity:.7;
}

.side.SNSlist {
	display:block;
	margin:10px;
}

.officialAccount > a {
	display:block;
	background-color: #eff4ed;
	border: 1px solid #ccd6c8;
	color:#333333;
}

#bunnerArea .footer.SNSlist,
.footer.officialAccount {
	display:none;
}
@media screen and (max-width:768px) {

.side.SNSlist ,
.side.officialAccount {
	display:none;
}
#bunnerArea .footer.SNSlist,
.footer.officialAccount {
	display:block;
	margin:30px auto;
}
#bunnerArea .footer.SNSlist li {
	margin-bottom:0px;
	padding:0px 20px;
	height:60px;
}
#bunnerArea .footer.SNSlist a {
	display:block;
}
.footer.officialAccount > a {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin:20px 30px;
	text-align:center;
	padding:15px 0px 12px;
}
}
@media screen and (max-width:350px) {
#bunnerArea .footer.SNSlist li {
	padding:0px 5px;
}
}

/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
    フッター
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
#footer {
	background-color:#005E3C ;
	width: 100%;
	position:relative;
	padding:20px 0px;
}
#footer > .container{
	width: 960px;
	position: relative;
	z-index: 0;
	margin-bottom: 20px;
	margin-top: 15px;
}
#column-navi {
	float: right;
	padding-left: 50px;
}
#English #column-navi.col-sm-9 {
	padding-left: 10px;
	width: 65%;
}
#English #column-navi.col-sm-9 ul li {
	padding-left: 0.6em;
  text-indent: -0.6em;
}
#English #column-info.col-sm-3 {
	width: 35%;
}


#column-info {
	float: left;
	padding-right:0px;
}

.f-navi {
	padding-left: 15px;
}
.f-navi > li > a {
	color: #FFFFFF;
	text-decoration:none;
}
.f-navi > li > a:before {
	content:"";
	display:inline-block;
	border:solid 4px transparent;
	border-left: 4px solid #FFFFFF;
}
.f-navi > li > a:hover {
	text-decoration:underline;
}

.footer_logo {
	width: 90%;
	padding-bottom: 10px;
}
.footer_logo img {
	width: 240px;
}
.footer_logo a img:hover {
	background-color: transparent;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC3f4062,EndColorStr=#CC3f4062);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC3f4062,EndColorStr=#CC3f4062)";
}
.footer_logo a img:hover:not(:target) {
	filter: none;
	-ms-filter: none;
}

#address.naviLink {
	padding:2px 5px 0px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
}
#address.naviLink li {
	display:inline-block;
}
#address.naviLink li:first-child {
	padding-left:0px;
}
#address.naviLink li a {
	padding:2px 5px 0px;
	color:#FFFFFF;
	text-decoration:none;
}
#address a:hover {
	text-decoration:underline;
}
#address.naviLink li a:before {
	content:"";
	display:inline-block;
	width: 16px;
  height: 15px;
	margin-right: 5px;
	background:url(../images/common/icons.png);
	background-repeat: no-repeat;
	vertical-align:middle;
}
#address.naviLink li a.f_sitemap:before {
	background-position: -5px -109px;
}
#address.naviLink li a.f_access:before {
	background-position: -5px -135px;
}
#address.naviLink li a.f_contact:before {
	background-position: -5px -161px;
}

#copyright {
	background-color: #005E3C;
	padding-bottom:15px;
}
#copyright > div {
	max-width: 940px;
	margin: 0 auto;
	position: relative;
}
#copyright p {
	font-size: 12px;
	text-align: right;
	margin-top: 5px;
	color: #FFFFFF;
}
#copyright .footerCopyrightLinks a {
	display:inline-block;
	padding:0px 5px;
	margin:10px 10px 0px 0px;
	color:#ffffff;
}
#copyright .footerCopyrightLinks {
	color:#ffffff;
	padding:0px;
}
#copyright .footerCopyrightLinks a:before {
	content:"";
	display:inline-block;
	border:solid 4px transparent;
	border-left: 4px solid #FFFFFF;
}
#copyright .footerCopyrightLinks a:hover {
	text-decoration:underline;
}

@media screen and (max-width: 768px) {
#footer {
	padding-bottom:10px;
}
	#footer > .container{
	width: 100%;
	}
	.footer_contact > a {
	display:inline-block;
}

#footer > .container{
	margin-bottom: 0px;
	margin-top:0px;
}
#column-navi {
	display:none ;
}
#column-info {
	margin-top:20px;
}
#English #column-navi.col-sm-9 ,
#English #column-info.col-sm-3 {
	width: 100%;
	padding: 0px 10px;
}
/********************** footer sp menu ***********************/
#column-navi {
	display:block;
	float: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom:15px;
}
.f-navi {
	padding-left: 5px;
}
.f-navi li {
	display:block;
	padding:0px 15px;
}
.f-navi li a{
	display:block;
	text-decoration:none;
	padding:15px 5px 13px 5px;
	position:relative;
}
.f-navi li a:after {
	content:"";
	border:solid 4px transparent;
	border-left:solid 4px #B2D3A7;
	position:absolute;
	bottom:50%;
	right:0px;
	margin-bottom:-4px;
}
.f-navi li a:before {
	content:none;
}
/**/
.footerTargetNavi {
	background-color: #FFFFFF;
}
.footerTargetNavi li + li {
	border-top:solid 1px #CCCCCC;
}
.footerTargetNavi li > a {
	color: #005E3C;
}
.f-navi.footerTargetNavi li > a:after {
	border-left-color: #005E3C;
}
/**/
.footerContentNavi {
	background-color: #005E3C;
}
.footerContentNavi li + li {
	border-top:dotted 1px #B2D3A7;
}
.footerContentNavi li > a {
	color: #FFFFFF;
	text-decoration:none;
}
.f-navi.footerContentNavi li > a:after {
	border-left-color: #FFFFFF;
}
/**/
.footerOtherMenu {
	background-color:#EFF4ED;
}
.footerOtherMenu li + li {
	border-top:solid 1px #CCD6C8;
}
.footerOtherMenu li > a {
	color:#666666;
	line-height:1.2;
}
.f-navi.footerOtherMenu li > a:after {
	border-left-color: #005E3C;
}

.level2Menu {
	display:block;
	margin:0px -15px 0px -15px;
	padding-left:15px;
	border-top:dotted 1px #CCD6C8;
}
.level2Menu > li {
	border-left:dotted 1px #CCD6C8;
	padding:0;
}
.level2Menu > li + li {
	border-top:dotted 1px #CCD6C8;
}
.level2Menu > li > a {
	padding-left:10px;
}
.level2Menu > li.selected > a {
	border-bottom:dotted 1px #CCD6C8;
}

/**/
.level3Menu {
	display:block;
	margin:0px;
	border-top:dotted 1px #CCD6C8;
}
.level3Menu > li {
	padding:0;
}
.level3Menu > li + li {
	border-top:dotted 1px #CCD6C8;
}
.level3Menu > li > a {
	padding-left:1.5rem;
}
.level3Menu > li.selected > a {
	border-bottom:dotted 1px #CCD6C8;
}
.level3Menu > li > a:before {
	content:">";
	font-size:0.7rem;
	padding-right:5px;
}

/**/
.level4Menu {
	display:block;
	margin:0px;
}
.level4Menu > li{
	border-top:dotted 1px #CCD6C8;
	padding:0;
}
.level4Menu > li + li {
	border-top:dashed 1px #CCD6C8;
}
.level4Menu > li > a{
	padding-left:2.5em;
}
.level4Menu > li > a:before{
	content:"≫";
	padding-right:5px;
}
.footerTargetNavi .level3Menu > li.selected > a:after,
.footerContentNavi .level3Menu > li.selected > a:after,
.footerOtherMenu .level3Menu > li.selected > a:after {
	content:none;
}

.footerTargetNavi .level2Menu > li > a.active,
.footerTargetNavi .level3Menu > li > a.active,
.footerTargetNavi .level4Menu > li > a.active,
.footerOtherMenu .level2Menu > li > a.active,
.footerOtherMenu .level3Menu > li > a.active,
.footerOtherMenu .level4Menu > li > a.active {
	background-color:#005E3C;
	color: #FFFFFF;
}
.footerTargetNavi .level2Menu > li > a.active:after,
.footerTargetNavi .level3Menu > li > a.active:after,
.footerTargetNavi .level4Menu > li > a.active:after,
.footerOtherMenu .level2Menu > li > a.active:after,
.footerOtherMenu .level3Menu > li > a.active:after,
.footerOtherMenu .level4Menu > li > a.active:after {
	border-left-color: #FFFFFF;
}
.footerContentNavi .level2Menu > li > a.active,
.footerContentNavi .level3Menu > li > a.active,
.footerContentNavi .level4Menu > li > a.active  {
	background-color:#FFFFFF;
	color: #005E3C;
}
.footerContentNavi .level2Menu > li > a.active:after,
.footerContentNavi .level3Menu > li > a.active:after,
.footerContentNavi .level4Menu > li > a.active:after  {
	border-left-color: #005E3C;
}

/********************** footer sp menu ***********************/

#column-info {
	float: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.footer_logo  {
	width:80%;
	margin:0px auto;
	max-width:330px;
}
.footer_logo > a {
	display:block;
}
.footer_logo > a > img {
	width:100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 5px;
}
#address.naviLink {
	text-align: center;
	margin-bottom: 0px;
	font-size: 12px;
}

#copyright {
	text-align:center;
	border-top:solid 1px #FFFFFF;
	padding-bottom:10px;
}
#copyright p {
	text-align: center;
	margin-top: 20px;
}
#copyright .footerCopyrightLinks {
	margin:5px 0px;
}
#copyright .footerCopyrightLinks a {
	margin:5px 10px 0px 0px;
}

}



/* -----------------------------------
    SNSコンテンツ
   ----------------------------------- */
#container-sns {
 background-color: #005E3C;
}
#container-sns ul {
 width: 940px;
 /* margin: 25px auto 0px; */
 margin: 0 auto;
 padding-bottom: 30px;
 border-bottom: 1px solid #FFFFFF;
 padding-top: 25px;
 text-align: center;
}
#container-sns ul li {
 display: inline-block;
}
#container-sns ul li a {
 color: #ffffff;
}
#container-sns ul li#list-sns {
 border-right: 1px solid #FFFFFF;
 padding-right: 30px;
 margin-right: 50px;
}
#container-sns ul li#list-sns span {
 width: 35px;
 display: inline-block;
 margin-right: 20px;
}
#container-sns ul li#list-sns span img {
 width: 100%;
}
@media screen and (max-width: 768px) {
 #container-sns ul {
 width: 100%;
 }
}
@media screen and (max-width: 640px) {
#container-sns ul li {
 display: block;
}
#container-sns ul li#list-sns {
 border-right: none;
 padding-right: 0px;
 margin-right: 0px;
 margin-bottom: 30px;
}
#container-sns ul li#list-sns span {
 width: 40px;
 margin-left: 20px;
}
}

/* -----------------------------------
    フッターcss修正
   ----------------------------------- */
@media screen and (min-width: 768px) {
#English #column-navi.col-sm-9 {
    width: 60%;
}
#English #column-info.col-sm-3 {
    width: 40%;
}
}