@charset "utf-8";

/************************************************************************************************************/
/* naviの共通余白(header footer naviL)の設定 */
/************************************************************************************************************/
.L{float:left;}
[class^="navi0"] a:after{clear:both;}

#snavi a,#page-top a{background: none repeat scroll 0 0 #3699c3;}
#snavi a:hover,#page-top a:hover{text-decoration: none;background: #0f7eaf;}

a p:hover,
p.text:hover,
a.alink:hover,
a:hover{color:#2d4f87;}

/************************************************************************************************************/
/* naviL header footer用タグ(navi00-06リンク文字)の共有設定 */
/************************************************************************************************************/
[class^="navi0"]{display: block;;overflow:hidden;margin-bottom:8px;position: relative;}
[class^="navi0"] img{margin-bottom:6px;}
#sitebox [class^="navi0"] img{width:auto;max-width:100%;margin-bottom:0;}

#naviL [class^="navi0"]{width:calc(100% - 24px);margin-right:24px;text-align:justify;}

#sitebox [class^="navi0"]{margin-bottom:6px;}
#sitebox [class^="navi0"] a{padding:0;border:none;}
#sitebox [class*="pt"]{padding:8px;text-align:left;}
#sitebox [class*="pt"] p,#sitebox [class*="pt"] a{color:#fff;}

#header .navi00{display:table;margin:0 auto;}
#sitebox .navi01{width:calc(100%);}
#sitebox .navi02{width:calc(100%/2);}
#sitebox .navi03{width:calc(100%/4);}
#sitebox .navi04{width:calc(100%/8);}
#sitebox .navi05{width:calc(100%/2);display:inline-block;margin:0 auto;}
#sitebox .navi06{width:calc(100%/4);display:inline-block;margin:0 auto;}

#sitebox:after,#sitebox .navi00:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* ★Media Queries指定★ (navi関連)共有設定*/
/*============================================================*/
@media screen and (min-width: 733px) and (max-width: 1080px) {
#naviL [class^="navi0"]{width:calc(100% - 12px);margin-right:12px}
}

@media screen and (max-width: 732px) {
#naviL [class^="navi0"]{width:calc(100% - 12px);margin-right:8px}

#sitebox .navi02{width:calc(100%);}
#sitebox .navi03{width:calc(100%/2);}
#sitebox .navi04{width:calc(100%/2);padding: 12px;margin-bottom:0;}
}

#naviL [class^="navi0"] .text{display:block;border:none;padding:0;}

#naviL [class^="navi0"] .text{padding:14px 12px;font-weight:600;}
#naviL [class^="navi0"].npon{padding:8px;}
#naviL [class^="navi00"].npon,#naviL [class^="navi01"].npon{padding:0;}
#naviL .navi05 .text,#naviL .navi05.npon a p,
#naviL .navi06 .text,#naviL .navi06.npon a p{color:#fff;}

#naviL .navi01 .text,#naviL .navi01.npon{border-left:4px solid;}
#naviL .navi02 .text,#naviL .navi02.npon{border:3px solid;border-radius:2px;}
#naviL .navi03 .text{border:3px solid;border-radius:48px;text-align:center;}
#naviL .navi03.npon{border:3px solid;border-radius:8px;text-align:center;}
#naviL .navi04 .text,#naviL .navi04.npon{border:1px dotted;border-radius:2px;}
#naviL .navi05 .text,#naviL .navi05.npon{border-radius:2px;}
#naviL .navi06 .text,#naviL .navi06.npon{border:4px solid rgba(255,255,255,0.4);border-radius:6px;}


#naviL .navi00 .text,#naviL .navi01 .text,#naviL .navi02 .text,#naviL .navi03 .text,#naviL .navi04 .text,
#naviL .navi00.npon,#naviL .navi01.npon,#naviL .navi02.npon,#naviL .navi03.npon,#naviL .navi04.npon{border-color:#222;}
#naviL .navi05 .text,#naviL .navi06 .text,
#naviL .navi05.npon,#naviL .navi06.npon{background:#222;}
[class*="navi0"].npon a p span{color:#222;}

#naviL .navi00.pt1 .text,#naviL .navi01.pt1 .text,#naviL .navi02.pt1 .text,#naviL .navi03.pt1 .text,#naviL .navi04.pt1 .text,
#naviL .navi00.pt1.npon,#naviL .navi01.pt1.npon,#naviL .navi02.pt1.npon,#naviL .navi03.pt1.npon,#naviL .navi04.pt1.npon{border-color:#c5293c;}
#naviL .navi05.pt1 .text,#naviL .navi06.pt1 .text,#sitebox .pt1,
#naviL .navi05.pt1.npon,#naviL .navi06.pt1.npon{background:#d35464;}
[class*="navi0"].pt1.npon a p span{color:#c5293c;}

#naviL .navi00.pt2 .text,#naviL .navi01.pt2 .text,#naviL .navi02.pt2 .text,#naviL .navi03.pt2 .text,#naviL .navi04.pt2 .text,
#naviL .navi00.pt2.npon,#naviL .navi01.pt2.npon,#naviL .navi02.pt2.npon,#naviL .navi03.pt2.npon,#naviL .navi04.pt2.npon{border-color:#ecab1d;}
#naviL .navi05.pt2 .text,#naviL .navi06.pt2 .text,#sitebox .pt2,
#naviL .navi05.pt2.npon,#naviL .navi06.pt2.npon{background:#f1c04a;}
[class*="navi0"].pt2.npon a p span{color:#ecab1d;}

#naviL .navi00.pt3 .text,#naviL .navi01.pt3 .text,#naviL .navi02.pt3 .text,#naviL .navi03.pt3 .text,#naviL .navi04.pt3 .text,
#naviL .navi00.pt3.npon,#naviL .navi01.pt3.npon,#naviL .navi02.pt3.npon,#naviL .navi03.pt3.npon,#naviL .navi04.pt3.npon{border-color:#a3c42c;}
#naviL .navi05.pt3 .text,#naviL .navi06.pt3 .text,#sitebox .pt3,
#naviL .navi05.pt3.npon,#naviL .navi06.pt3.npon{background:#b8d352;}
[class*="navi0"].pt3.npon a p span{color:#a3c42c;}

#naviL .navi00.pt4 .text,#naviL .navi01.pt4 .text,#naviL .navi02.pt4 .text,#naviL .navi03.pt4 .text,#naviL .navi04.pt4 .text,
#naviL .navi00.pt4.npon,#naviL .navi01.pt4.npon,#naviL .navi02.pt4.npon,#naviL .navi03.pt4.npon,#naviL .navi04.pt4.npon{border-color:#139e8b;}
#naviL .navi05.pt4 .text,#naviL .navi06.pt4 .text,#sitebox .pt4,
#naviL .navi05.pt4.npon,#naviL .navi06.pt4.npon{background:#35b5a6;}
[class*="navi0"].pt4.npon a p span{color:#139e8b;}

#naviL .navi00.pt5 .text,#naviL .navi01.pt5 .text,#naviL .navi02.pt5 .text,#naviL .navi03.pt5 .text,#naviL .navi04.pt5 .text,
#naviL .navi00.pt5.npon,#naviL .navi01.pt5.npon,#naviL .navi02.pt5.npon,#naviL .navi03.pt5.npon,#naviL .navi04.pt5.npon{border-color:#0f7eaf;}
#naviL .navi05.pt5 .text,#naviL .navi06.pt5 .text,#sitebox .pt5,
#naviL .navi05.pt5.npon,#naviL .navi06.pt5.npon{background:#3699c3;}
[class*="navi0"].pt5.npon a p span{color:#0f7eaf;}

#naviL .navi00.pt6 .text,#naviL .navi01.pt6 .text,#naviL .navi02.pt6 .text,#naviL .navi03.pt6 .text,#naviL .navi04.pt6 .text,
#naviL .navi00.pt6.npon,#naviL .navi01.pt6.npon,#naviL .navi02.pt6.npon,#naviL .navi03.pt6.npon,#naviL .navi04.pt6.npon{border-color:#3661a9;}
#naviL .navi05.pt6 .text,#naviL.navi06.pt6 .text,#sitebox .pt6,
#naviL .navi05.pt6.npon,#naviL .navi06.pt6.npon{background:#5b80be;}
[class*="navi0"].pt6.npon a p span{color:#3661a9;}

#naviL .navi00.pt7 .text,#naviL.navi01.pt7 .text,#naviL .navi02.pt7 .text,#naviL .navi03.pt7 .text,#naviL .navi04.pt7 .text,
#naviL .navi00.pt7.npon,#naviL .navi01.pt7.npon,#naviL .navi02.pt7.npon,#naviL .navi03.pt7.npon,#naviL .navi04.pt7.npon{border-color:#734397;}
#naviL .navi05.pt7 .text,#naviL .navi06.pt7 .text,#sitebox .pt7,
#naviL .navi05.pt7.npon,#naviL .navi06.pt7.npon{background:#9066b1;}
[class*="navi0"].pt7.npon a p span{color:#734397;}

#naviL .navi00.pt8 .text,#naviL .navi01.pt8 .text,#naviL .navi02.pt8 .text,#naviL .navi03.pt8 .text,#naviL .navi04.pt8 .text,
#naviL .navi00.pt8.npon,#naviL .navi01.pt8.npon,#naviL .navi02.pt8.npon,#naviL .navi03.pt8.npon,#naviL .navi04.pt8.npon{border-color:#b41f71;}
#naviL .navi05.pt8 .text,#naviL .navi06.pt8 .text,#sitebox .pt8,
#naviL .navi05.pt8.npon,#naviL .navi06.pt8.npon{background:#c5293c;}
[class*="navi0"].pt8.npon a p span{color:#b41f71;}

[class*="navi0"].navi05.npon a p span,[class*="navi0"].navi06.npon a p span{color:#fff;}


[class*="navi0"][class*="imgnavi"] p{font-size:12px;line-height:1.3;border:none;}
[class*="navi0"][class*="imgnavi"] p span{font-weight:bold;display:block;}

[class*="navi0"].imgnavi p span:before{
	display: block;
	float: left;
	font-family: FontAwesome;
	padding: 0 3px 0 0;
	content: "\f0da";
}

[class*="navi0"].imgnavi2 a,[class*="navi0"].imgnavi4 a,[class*="navi0"].imgnavi5 a{position:relative;display: block;border:none;}
[class*="navi0"].imgnavi2 p,[class*="navi0"].imgnavi4 p,[class*="navi0"].imgnavi5 p{
	color:#fff;
	position: absolute;
	width: 100%;
	display: block;
	padding: 6px 12px;
	margin: 0;
	z-index: 1;
	border-radius:4px 4px 0 0;
}
[class*="navi0"].imgnavi2 p{top:0;background:rgba(0,0,0,0.5);}

[class*="navi0"].imgnavi2 p span{font-size:16px;}
[class*="navi0"].imgnavi2 img,[class*="navi0"].imgnavi4 img{margin-bottom:0;border-radius:4px;}

[class*="navi0"].imgnavi2.pt1 p{background:rgba(157,34,49,0.5);}
[class*="navi0"].imgnavi2.pt2 p{background:rgba(140,104,20,0.5);}
[class*="navi0"].imgnavi2.pt3 p{background:rgba(130,156,37,0.5);}
[class*="navi0"].imgnavi2.pt4 p{background:rgba(15,126,112,0.5);}
[class*="navi0"].imgnavi2.pt5 p{background:rgba(12,102,140,0.5);}
[class*="navi0"].imgnavi2.pt6 p{background:rgba(45,79,135,0.5);}
[class*="navi0"].imgnavi2.pt7 p{background:rgba(93,55,121,0.5);}
[class*="navi0"].imgnavi2.pt8 p{background:rgba(144,27,91,0.5);}

[class*="navi0"].imgnavi3{border:4px solid #222;background:#222;border-radius:4px;}
#naviL [class*="navi0"].imgnavi3 p{line-height:1.4;margin:0 8px 4px 8px;color:#fff;}
[class*="navi0"].imgnavi3 p span{font-size:16px;}

[class*="navi0"].imgnavi3.pt1{border:4px solid #d35464;background:#d35464;}
[class*="navi0"].imgnavi3.pt2{border:4px solid #ecab1d;background:#ecab1d;}
[class*="navi0"].imgnavi3.pt3{border:4px solid #b8d352;background:#b8d352;}
[class*="navi0"].imgnavi3.pt4{border:4px solid #35b5a6;background:#35b5a6;}
[class*="navi0"].imgnavi3.pt5{border:4px solid #3699c3;background:#3699c3;}
[class*="navi0"].imgnavi3.pt6{border:4px solid #5b80be;background:#5b80be;}
[class*="navi0"].imgnavi3.pt7{border:4px solid #9066b1;background:#9066b1;}
[class*="navi0"].imgnavi3.pt8{border:4px solid #c6498e;background:#c6498e;}


[class*="navi0"].imgnavi4 p{
	background:transparent;
	bottom:0;
	text-align:right;
	}
[class*="navi0"].imgnavi4 p span{font-size:18px;}

[class*="navi0"].imgnavi4.pt1 p{color:#9d2231;}
[class*="navi0"].imgnavi4.pt2 p{color:#bc8918;}
[class*="navi0"].imgnavi4.pt3 p{color:#829c25;}
[class*="navi0"].imgnavi4.pt4 p{color:#0f7e70;}
[class*="navi0"].imgnavi4.pt5 p{color:#0c668c;}
[class*="navi0"].imgnavi4.pt6 p{color:#2d4f87;}
[class*="navi0"].imgnavi4.pt7 p{color:#5d3779;}
[class*="navi0"].imgnavi4.pt8 p{color:#901b5b;}
[class*="navi0"].imgnavi4[class*="pt"] p{
	background:transparent;
	bottom:0;
	text-align:right;
	}

[class*="navi0"].imgnavi5{border: 4px solid #222;border-radius:2px;}
[class*="navi0"].imgnavi5 img{margin-bottom:0;border-radius:0;}
[class*="navi0"].imgnavi5 p{
	width:auto;
	top:40%;
	display:block;
	background:#222;
	padding:6px;
	border-radius:0;
	}
[class*="navi0"].imgnavi5 p span{font-size:14px;}
[class*="navi0"].imgnavi5.pt1 p{background:#d35464;border:#d35464;}
[class*="navi0"].imgnavi5.pt2 p{background:#ecab1d;}
[class*="navi0"].imgnavi5.pt3 p{background:#a3c42c;}
[class*="navi0"].imgnavi5.pt4 p{background:#35b5a6;}
[class*="navi0"].imgnavi5.pt5 p{background:#3699c3;}
[class*="navi0"].imgnavi5.pt6 p{background:#5b80be;}
[class*="navi0"].imgnavi5.pt7 p{background:#9066b1;}
[class*="navi0"].imgnavi5.pt8 p{background:#c6498e;}
[class*="navi0"].imgnavi5.pt1{border-color:#d35464;}

/* navi00-06の画像有の設定 */
/************************************************************************************************************/
#naviL [class^="navi0"].paragra1 img{float:left;width:40%;margin:0 8px 8px 0;}
#naviL [class^="navi0"].paragra2 img{float:right;width:40%;margin:0 0 8px 8px;}
#naviL [class^="navi0"].paragra1 .layerbox{width:40%;}
#naviL [class^="navi0"].paragra2 .layerbox{width:40%;left:auto;right:0;}
#naviL [class^="navi0"][class*="paragra"] p span{font-weight:bold;display: block;font-size:13px;}
#naviL [class^="navi0"][class*="paragra"] p{border:none;font-size:12px;line-height:1.4;}


[class*="navi0"].imgnavi a p{
	line-height:1.4;
	overflow:hidden;
	text-align:left;
	font-size:12px;
	display:table-cell;
	vertical-align:middle;
	width:70%;
	}
[class*="navi0"].imgnavi a p span{
	font-size:14px;
	}
[class*="navi05"].imgnavi a p span,[class*="navi06"].imgnavi a p span{
	border-bottom:1px dotted rgba(255,255,255,0.5);
	padding-bottom:2px;
	margin-bottom:2px;
	}
	
#naviL [class*="navi0"].napar{padding:36px;}
#naviL [class^="navi0"].imgnavi.napar a {display: block;}
#naviL [class^="navi0"].imgnavi.napar img {width: calc(50%);margin: 0 auto 6px auto;}
#naviL [class^="navi0"].imgnavi.napar p{text-align: center;}
#naviL [class^="navi0"].imgnavi.napar p span:before{content: "";}

#naviL [class*="navi0"][class*="imgnavib"].napar{padding:0;}
#naviL [class*="navi0"][class*="imgnavib"].napar .text{padding:24px 12px;}

[class*="navi0"][class*="imgnavib"] a,[class*="navi0"][class*="imgnavib"] a:hover{
	background-position: center center;
	background-repeat: no-repeat;
	overflow:hidden;
	}
[class*="navi0"].imgnavib1 a,[class*="navi0"].imgnavib1 a:hover{background-image: url("/document/1/barbg01.jpg");}
[class*="navi0"].imgnavib2 a,[class*="navi0"].imgnavib2 a:hover{background-image: url("/document/1/barbg02.jpg");}
[class*="navi0"].imgnavib3 a,[class*="navi0"].imgnavib3 a:hover{background-image: url("/document/1/barbg03.jpg");}
[class*="navi0"].imgnavib4 a,[class*="navi0"].imgnavib4 a:hover{background-image: url("/document/1/barbg04.jpg");}


/************************************************************************************************************/
/* [04] localの共通タグ(ul,li,a,a:hoverメニュー自動表示)の設定 */
/************************************************************************************************************/
#local{margin-bottom:12px;}
#localr{margin-right:24px;}
#local ul{list-style: none;}

#local:before{
	content: "■SUB CONTENTS";
	font-size: 11px;
	color:#999;
}

#localr{
	border:1px dotted #999;
	border-radius:4px;
/*	background:#fafafa;*/
}
#localr.localnon{border:none;background:transparent;border-radius:0;}

#local ul li a,.navi00 .text,.etlink4,.etlink5{
	display: block;
	overflow: hidden;
	text-decoration: none;
	padding:14px 8px;
	border-bottom:1px dotted #999;
	font-weight:600;
}
#local ul li a.active{background:rgba(0,0,0, 0.05);}
#local ul li:last-child a{border:none;}

/*local_sub1～4用設定*/
#local [class^="local_sub"]::before,.etlink4::before,.etlink5::before,.etlink6::before{
	display: block;
	float: left;
	font-family: FontAwesome;
	padding: 0 4px 0 0;
	font-size: 17px;
}
#local [class^="local_sub"]::before {padding: 0 4px 0 12px;}
#local .local_sub1::before,.etlink4::before,.etlink5::before,.etlink6::before{content: "\f0da";}
#local .local_sub2::before {content: "\f00c";}
#local .local_sub3::before {content: "\f013";}
#local .local_sub4::before {content: "\f15c";}

#naviL ul li a:hover,.navi00 .text:hover,.navi01 .text:hover,.navi02 .text:hover,
.navi03 .text:hover,.navi04 .text:hover{background:rgba(0,0,0,0.05);}
.navi05 .text:hover,.navi06 .text:hover,.npon:hover{opacity: 0.7;}

/* ★Media Queries指定★ (navi関連)共有設定*/
/*============================================================*/
@media screen and (max-width: 1080px) {
#local ul li a{padding:16px 4px 14px 4px;}
}
@media screen and (min-width: 481px) and (max-width: 732px) {
#localr{margin-right:12px;}
}
@media screen and (max-width: 480px) {
#localr{margin-right:8px;}
#naviL [class^="navi0"] .text{padding:16px 10px;}
}

/*local_menu1～9用設定*/
[class^="local_menu"]{
	border:1px dotted #bbb;
	margin-bottom:12px;
	border-radius:4px;
}
#local [class^="local_menu"] a{padding: 14px 4px 14px 8px;}
#local [class^="local_menu"] li:last-child a{border:none;}

/************************************************************************************************************/
/* <p01-p06> alink 一行用リンクの共通設定 */
/************************************************************************************************************/
[class^="p0"] .alink,.etlink2{
	overflow: hidden;
	display:block;
	text-decoration:none;
	padding:14px;
	margin-top:6px;
	border:solid 2px #222;
	border-radius:2px;
	background: #f9f9f9;
	font-weight:600;
}

table .alink,
.p00 .alink{
	text-decoration:none;
	overflow:visible;
}

table .alink:before,
.article .alink:before,
.p00 .alink:before,.etlink3:before{
	content: "\f101";
	font-family: FontAwesome;
	font-size: 1.6em;
	vertical-align: -2px;
	margin-right:4px;
}

.p02 .alink,.p03 .alink{display:inline-block;text-align: left;}

[class^="p0"] .alink:hover{color:#fff;background:#a8a8a8;}
[class^="p0"] .alink:active,[class^="p0"] .alink:before{background:#e60012;}
.etlink3::before,[class*="etlink"] i[class*="fa"]{color:#2d4f87;}


/*.alink:hover [class^="font"]{color:#fff;}*/

[class^="p0"] .alink.cR{border-color:#c5293c;}
[class^="p0"] .alink.cR:hover{color:#fff;background:#e18591;}
[class^="p0"] .alink.cR:active,[class^="p0"] .alink.cR:before{background:#c5293c;color:#fff;}

[class^="p0"] .alink.cY{border-color:#ecab1d;}
[class^="p0"] .alink.cY:hover{color:#fff;background:#f5d480;}
[class^="p0"] .alink.cY:active,[class^="p0"] .alink.cY:before{background:#ecab1d;color:#fff;}

[class^="p0"] .alink.cG{border-color:#a3c42c;}
[class^="p0"] .alink.cG:hover{color:#fff;background:#cee183;}
[class^="p0"] .alink.cG:active,[class^="p0"] .alink.cG:before{background:#a3c42c;color:#fff;}

[class^="p0"] .alink.cD{border-color:#139e8b;}
[class^="p0"] .alink.cD:hover{color:#fff;background:#69cec2;}
[class^="p0"] .alink.cD:active,[class^="p0"] .alink.cD:before{background:#139e8b;color:#fff;}

[class^="p0"] .alink.cB{border-color:#0f7eaf;}
[class^="p0"] .alink.cB:hover{color:#fff;background:#6db8d7;}
[class^="p0"] .alink.cB:active,[class^="p0"] .alink.cB:before{background:#0f7eaf;color:#fff;}

[class^="p0"] .alink.cN{border-color:#3661a9;}
[class^="p0"] .alink.cN:hover{color:#fff;background:#8aa5d3;}
[class^="p0"] .alink.cN:active,[class^="p0"] .alink.cN:before{background:#3661a9;color:#fff;}

[class^="p0"] .alink.cP{border-color:#734397;}
[class^="p0"] .alink.cP:hover{color:#fff;background:#b291ca;}
[class^="p0"] .alink.cP:active,[class^="p0"] .alink.cP:before{background:#734397;color:#fff;}

[class^="p0"] .alink.cM{border-color:#b41f71;}
[class^="p0"] .alink.cM:hover{color:#fff;background:#d97aaf;}
[class^="p0"] .alink.cM:active,[class^="p0"] .alink.cM:before{background:#b41f71;color:#fff;}

[class^="p0"] .alink.cW{border-color:#ccc;}
[class^="p0"] .alink.cW:hover{color:#000;background:#eee;}
[class^="p0"] .alink.cW:active,[class^="p0"] .alink.cW:before{background:#ccc;color:#fff;}

[class^="p0"] .alink.cK{border-color:#000;}
[class^="p0"] .alink.cK:hover{color:#fff;background:#aaa;}
[class^="p0"] .alink.cK:active,[class^="p0"] .alink.cK:before{background:#000;color:#fff;}