@charset "utf-8";
/* CSS Document */
/* contents---------------
   1.Reset
   2.Base
   3.Layout
   4.Common
   5.Page 
    ------------ */

/*----------------------------------------------------------
  reset
--------------------------------------------------------- */

body,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,p,th,td,input,textarea,select { margin:0px; padding:0px; }
h1,h2,h3,h4,h5,h6 { font-size:1em; font-weight:normal; }
img { margin:0; padding:0; border:0; vertical-align:top; }
ul,dl{ list-style-type:none; }

/*----------------------------------------------------------
  Base
--------------------------------------------------------- */

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#333333;
	word-break: break-all;
}

.clearfix:after { content: ""; display: block; clear: both; }
.clear{ clear:both; }

a:link{ color:#487295; font-style:normal; text-decoration:none;}
a:visited{ color:#487295; }
a:hover{ 
color:#85adb5; text-decoration:underline;
}
a img:hover{
		opacity:0.65;
	}
	
a:active{ text-decoration:none; }


strong{ font-weight:bold;}

blockquote{ padding:2px 0 2px 1em; border-left:7px #e1ecee solid; margin:10px 0; }

.postPhot img{
	padding:4px;
	border:1px solid #CCCCCC;
	margin:10px 5px;
	
}

 
/*----------------------------------------------------------
  Layout 
--------------------------------------------------------- */
html , body {
	margin: 0;
	padding: 0;
	height:100%;
	}

/* Header 
----------------------------------------------- */
#header{
	border-top:30px #0062ac solid;
background: url(/img/common/bg_header.png) center 60px no-repeat;
}

	#header p{
		margin-top:-27px;
		color:#FFFFFF;
	}

 .headArea{
		margin-top:50px;
	}

 .headArea p.logo{
		width:235px;
		height:60px;
				float:left;
				margin-right:30px;
	}

 .headArea ul{
		margin-top:-12px;
				float:left;
				background:#eeeeee;
				border-radius:3px;
				padding:4px 14px 6px 20px;
	}

 .headArea ul li{
				display: inline;
				font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
				font-size:12px;
	}

 .headArea ul li a{
				color:#666666;
	}
	
	 .headArea ul li:after{
			content:"|";
			font-size:10px;
			margin-left:12px;
			margin-right:8px;
			text-decoration:none;
	}
	
		 .headArea ul li:nth-last-of-type(1):after{
			content:"";
			margin:0;
	}
	

.headArea .searchArea{
	position:relative;
	margin-top:-10px;
	float:right;
	display:block;
		border:1px #8d8d8d solid;
		border-radius:3px;
		width:206px;
	}
	
		.headArea .searchArea:before{
			position:absolute;
			font-family: 'mieicon';
			font-size:120%;
			content:"\6b";
			right:10px;
			top:5px;
			z-index:0;
		}

.headArea .searchArea input[type="text"]{
		border:none;
		padding:6px 6px;
	}
	
.headArea .searchArea input.btnG{
		position:absolute;
		right:0;
		border:none;
		background: url(/img/common/btn_search.gif) left 4px no-repeat;
		width:30px;
		height:22px;
		z-index:5;
	}	
	
	.headArea .searchArea input.btnG:hover{
		cursor:pointer;
	}
	
	
#header div.wrap{
	padding-bottom:24px;
}

/* #grobalNav */

#header div#grobalNav div.wrap{
	padding-bottom:0;
}
	
#header div#grobalNav a:link{
	text-decoration:none;
	color:#45636b;
}
	#header div#grobalNav a:visited{ color:#222; }

#header div#grobalNav{
	clear:both;
	border-top:1px #85adb5 solid; 
	border-bottom:1px #85adb5 solid;
	font-size:20px;
}

#header div#grobalNav ul{
	display: flex;
    justify-content: space-between;
	width:980px;
}

	#header div#grobalNav ul li{
		
			text-align: center;
		border-left:2px solid #EDEDED;
	-webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;
 -ms-transition: 0.5s;
	text-decoration:none;
	transition: 0.5s; 
	}

	#header div#grobalNav ul li a{
		position:relative;
		padding:4px 0;
		display:block;
	}
	

	#header div#grobalNav ul li:nth-child(1){
		border-left:none;
	}

	#header div#grobalNav ul li:nth-last-child(1){
		border-right:none;
	}

	#header div#grobalNav ul li:hover{
		background:#AAD6F7;
		border-left:2px solid #D9D9D9;
	}

	#header div#grobalNav ul li:nth-child(1):hover{
		border-left:none;
	}

	#header div#grobalNav ul li:nth-last-child(1):hover{
		border-right:none;
	}

	#header div#grobalNav ul li a:hover:after{
		position:absolute;
		content:"";
		display:block;
		bottom:0;
		background:#7694AB;
		width:100%;
		height:4px;
	}

/*20200127追記*/

#header div#grobalNav ul.nav > li {
  position: relative;
  width: 160px;
}
#header div#grobalNav ul.nav li.has-sub .sub {
	display: none;
	position: absolute;
	z-index: 5;
	left: -19px;
}

#header div#grobalNav ul.nav li.has-sub .sub ul.sub2 {
	display: flex;	
    flex-wrap: wrap;
    justify-content: space-between;	
	left: -19px;
  width: 596px;
  z-index: 5;
	padding: 20px 20px 20px 40px;
	background-color: #d7eff3;
}
#header div#grobalNav ul.nav li.has-sub .sub ul.sub2 li {
  border-right: none;
  border-left: none;
  width: 160px;
  text-align: left;	
}
#header div#grobalNav ul.nav li.has-sub .sub ul.sub2 > li > a {
  font-size: 16px;
  color: #45636B;
  line-height: 1.75;
}
#header div#grobalNav ul.nav li.has-sub .sub ul.sub2 > li > a:hover {
  opacity: 1;
	background-color: #d7eff3;
}
#header div#grobalNav ul.nav li.has-sub .sub.active {
  min-height: 180px;
}

#header div#grobalNav ul.nav li.has-sub .sub ul.sub2 li a:before {
    position: absolute;
    font-family: 'mieicon';
    content: '\73';
    font-size: 18px;
	left: -20px;
}

/* Contents 
----------------------------------------------- */

.wrap{
	width:980px;
	margin:0 auto;
}

#mainArea{
	float:left;
	width:660px;
	margin-bottom:30px;
}
	body.no-side #mainArea{
	float:none;
		width:100%;
	}
	
	div.path{
		margin:6px 0 6px;
		color:#999;
		font-size:12px;
		font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	}
	div.path a{
		color:#999;
	}


/* Side 
----------------------------------------------- */

#side{
	margin-left:680px;
	width:300px;
	word-break:break-all;
	background:#e7e2cf;
	padding:1px 1px;
	margin-bottom:30px;
}

		#side ul li{
			border:1px solid #f2f1ec;
			margin: 1px !important;
			box-shadow:0 0 2px 4px rgba(227,220,202,0.2) inset;
			font-size:15px !important;
		}

				#side ul li a:before{
					font-family: 'mieicon';
					content:"\76";
					color:#b08074;
					margin-right:12px;
				}

		#side ul li a{
			display:block;
			padding:14px 10px;

			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			-o-transition: 0.5s;
			-ms-transition: 0.5s;
			text-decoration:none;
			transition: 0.5s; 
			color:#666666;
		}
			#side ul li a:hover{
				background:#e6ddc4;
				color:#333333;
			}


/* Footer 
----------------------------------------------- */
#footer{
	background: url(/img/common/bg_footer.png) right bottom no-repeat;
	clear:both;
	background-color:#0062ac;
	padding:20px 0 20px;
	z-index:5;
}

	#footer a{
		text-decoration:none;
	}
			#footer a:hover{
				text-decoration:underline;
			}


	#footer div.megaNav{
		position:relative;
		display:table;
		table-layout:fixed;
		width:980px;
	}
		#footer div.megaNav p.pagetop{
			position:absolute;
			top:-150px;
			right:-50px;
			z-index:5;
		}
	
	#footer div.megaNav div.footBox{
		display:table-cell;
			border-right:1px solid #638f6c;
			padding-left:12px;
	}

			#footer div.megaNav div.footBoxBn{
					border-right:none;
			}
	
	#footer div.megaNav div.footBox a{
		color:#4c6c54;
	}

	#footer div.megaNav div.footBox h3{
		color:#253336;
		font-size:16px;
		font-weight:bold;
	}

	#footer div.megaNav div.footBox h3 a{
		color:#253336;
		font-size:16px;
		font-weight:bold;
	}
	

	#footer div.megaNav div.footBox ul {
		margin:10px 0;
}
	
	#footer div.megaNav div.footBox ul li {
	line-height:1.45em;
}

	#footer div.megaNav div.footBox ul li:before{
		font-family: 'mieicon';
		content: "\6f";
		font-size: 85%;
		color:#3a7058;
		margin-right:4px;
	}

	#footer div.adress{
		color: #FFF;
		margin:30px 30px 10px;
	}

		#footer div.adress p img{
			float:left;
			margin-right:20px;
		}

	#footer div.footNav{
		text-align:center;
	}

	#footer div.footNav ul li{
		display:inline;
		padding:0 10px;
		border-right:1px solid #e1ece4;
	}
			#footer div.footNav ul li:nth-last-child(1){
				border-right:none;
			}

	#footer div.footNav ul li a{
		color:#FFFFFF;
		font-size:12px;
	}


	div.footerBtm{
		color: #FFF;
		background-color: #0062ac;
		padding:15px 0 25px;
		text-align:center;
		font-size:12px;
	}



/*----------------------------------------------------------
  Common 
--------------------------------------------------------- */



/*  headline 
----------------------------------------------- */
#mainArea h1{
	position:relative;
	font-size:24px;
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	color:#104284;
	border-top:4px solid #104284;
	margin:30px 0 40px;
}
		h1 span.inner{
	position: absolute;
	background: #FFFFFF;
	top: -19px;
	left: 3px;
	padding:0 8px;
		}


/*  category */
				h1.oshirase:after{
					position:absolute;
					right:0;
					top:-70px;
					content:url(/img/unionion/onion17.png);
					-webkit-transform: scale(0.6);
					-moz-transform: scale(0.6);
					-o-transform: scale(0.6);
					-ms-transform: scale(0.6);					
				}
				h1.torikumi:after{
					position:absolute;
					right:0;
					top:-70px;
					content:url(/img/unionion/onion27.png);
					-webkit-transform: scale(0.6);
					-moz-transform: scale(0.6);
					-o-transform: scale(0.6);
					-ms-transform: scale(0.6);					
				}
				h1.katsudo:after{
					position:absolute;
					right:0;
					top:-70px;
					content:url(/img/unionion/onion12.png);
					-webkit-transform: scale(0.6);
					-moz-transform: scale(0.6);
					-o-transform: scale(0.6);
					-ms-transform: scale(0.6);
				}
				h1.outline:after{
					position:absolute;
					right:0;
					top:-70px;
					content:url(/img/unionion/onion02.png);
					-webkit-transform: scale(0.6);
					-moz-transform: scale(0.6);
					-o-transform: scale(0.6);
					-ms-transform: scale(0.6);
				}
				h1.tikyo:after{
					position:absolute;
					right:0;
					top:-70px;
					content:url(/img/unionion/onion08.png);
					-webkit-transform: scale(0.6);
					-moz-transform: scale(0.6);
					-o-transform: scale(0.6);
					-ms-transform: scale(0.6);
				}
				h1.soudan:after{
					position:absolute;
					right:0;
					top:-70px;
					content:url(/img/unionion/onion15.png);
					-webkit-transform: scale(0.6);
					-moz-transform: scale(0.6);
					-o-transform: scale(0.6);
					-ms-transform: scale(0.6);
				}
				h1.link:after{
					position:absolute;
					right:0;
					top:-70px;
					content:url(/img/unionion/onion10.png);
					-webkit-transform: scale(0.6);
					-moz-transform: scale(0.6);
					-o-transform: scale(0.6);
					-ms-transform: scale(0.6);
				}
				h1.vote:after{
					position:absolute;
					right:0;
					top:-70px;
					content:url(/img/unionion/onion61.png);
					-webkit-transform: scale(0.6);
					-moz-transform: scale(0.6);
					-o-transform: scale(0.6);
					-ms-transform: scale(0.6);
				}
				h1.etc:after{
					position:absolute;
					right:0;
					top:-70px;
					content:url(/img/unionion/onion61.png);
					-webkit-transform: scale(0.6);
					-moz-transform: scale(0.6);
					-o-transform: scale(0.6);
					-ms-transform: scale(0.6);
				}
				



#mainArea h2{
	position:relative;
	font-size:18px;
	color:#446169;

	padding: 6px 6px;
	background: -webkit-linear-gradient(linear, left top, right bottom, from(#446169), color-stop(0.25, #446169), color-stop(0.25, #FFFFFF), color-stop(0.5, #FFFFFF), color-stop(0.5, #446169), color-stop(0.75, #446169), color-stop(0.75, #FFFFFF), to(#FFFFFF));
	background: -moz-linear-gradient(-45deg, #446169 25%, #FFFFFF 25%, #FFFFFF 50%, #446169 50%, #446169 75%, #FFFFFF 75%, #FFFFFF);
	background: linear-gradient(-45deg, #446169 25%, #FFFFFF 25%, #FFFFFF 50%, #446169 50%, #446169 75%, #FFFFFF 75%, #FFFFFF);
	background-size: 4px 4px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
	margin:30px 0 20px;
}

		h2 div.inner{
			background-color: #FFFFFF;
			padding:14px 10px 10px;
			word-break:break-all;
		}

		h2 div.data{
			position:absolute;
			background:#FFFFFF;
			font-size:14px;
			top:-8px;
			right:16px;
			padding:0 10px
		}
		
		h2 div.inner a{
			color:#666666;
		}


#mainArea h3{
	font-size:16px;
	color:#FFFFFF;
	padding:8px 12px 4px;
	border:1px solid #eeeeee;
	margin:15px 0 10px;
	
	background: #85aeb4; /* Old browsers */
	background: -moz-linear-gradient(top,  #85aeb4 0%, #80abb4 50%, #74a2af 51%, #82aab2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85aeb4), color-stop(50%,#80abb4), color-stop(51%,#74a2af), color-stop(100%,#82aab2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #85aeb4 0%,#80abb4 50%,#74a2af 51%,#82aab2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #85aeb4 0%,#80abb4 50%,#74a2af 51%,#82aab2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #85aeb4 0%,#80abb4 50%,#74a2af 51%,#82aab2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #85aeb4 0%,#80abb4 50%,#74a2af 51%,#82aab2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85aeb4', endColorstr='#82aab2',GradientType=0 ); /* IE6-9 */

}

#mainArea h3.blue{
			background: #859db5; /* Old browsers */
background: -moz-linear-gradient(top, #859db5 0%, #809ab3 50%, #7590ae 51%, #8199b3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#859db5), color-stop(50%,#809ab3), color-stop(51%,#7590ae), color-stop(100%,#8199b3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #859db5 0%,#809ab3 50%,#7590ae 51%,#8199b3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #859db5 0%,#809ab3 50%,#7590ae 51%,#8199b3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #859db5 0%,#809ab3 50%,#7590ae 51%,#8199b3 100%); /* IE10+ */
background: linear-gradient(to bottom, #859db5 0%,#809ab3 50%,#7590ae 51%,#8199b3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#859db5', endColorstr='#8199b3',GradientType=0 ); /* IE6-9 */
		
		}

#mainArea h3.red{
			background: #b58d85; /* Old browsers */
background: -moz-linear-gradient(top, #b58d85 0%, #b3887f 50%, #b08074 51%, #b28a82 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b58d85), color-stop(50%,#b3887f), color-stop(51%,#b08074), color-stop(100%,#b28a82)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b58d85 0%,#b3887f 50%,#b08074 51%,#b28a82 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b58d85 0%,#b3887f 50%,#b08074 51%,#b28a82 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b58d85 0%,#b3887f 50%,#b08074 51%,#b28a82 100%); /* IE10+ */
background: linear-gradient(to bottom, #b58d85 0%,#b3887f 50%,#b08074 51%,#b28a82 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b58d85', endColorstr='#b28a82',GradientType=0 ); /* IE6-9 */
		
		}

h4{
	position:relative;
	font-size:16px;
	color:#253336;
	font-weight:bold;
	margin:20px 0 25px;
	padding-left:10px;
}

	h4:before{
		content:"";
		position:absolute;
		bottom:-12px;
		left:0px;
		width:270px;
		padding: 4px;
		
	}
	h4:after{
		content:"";
		position:absolute;
		bottom:-12px;
		left:260px;
		width:270px;
		padding: 4px;
		
		background: -webkit-linear-gradient(linear, left top, right bottom, from(#c6c6c6), color-stop(0.25, #c6c6c6), color-stop(0.25, #FFFFFF), color-stop(0.5, #c6c6c6), color-stop(0.5, #c6c6c6), color-stop(0.75, #c6c6c6), color-stop(0.75, #FFFFFF), to(#FFFFFF));
		background: -moz-linear-gradient(-45deg, #c6c6c6 25%, #FFFFFF 25%, #FFFFFF 50%, #c6c6c6 50%, #d8765d 75%, #FFFFFF 75%, #FFFFFF);
		background: linear-gradient(-45deg, #c6c6c6 25%, #FFFFFF 25%, #FFFFFF 50%, #c6c6c6 50%, #c6c6c6 75%, #FFFFFF 75%, #FFFFFF);
		background-size: 3px 3px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
	}

		h4.red:before{
		background: -webkit-linear-gradient(linear, left top, right bottom, from(#d8765d), color-stop(0.25, #d8765d), color-stop(0.25, #FFFFFF), color-stop(0.5, #d8765d), color-stop(0.5, #d8765d), color-stop(0.75, #d8765d), color-stop(0.75, #FFFFFF), to(#FFFFFF));
		background: -moz-linear-gradient(-45deg, #d8765d 25%, #FFFFFF 25%, #FFFFFF 50%, #d8765d 50%, #d8765d 75%, #FFFFFF 75%, #FFFFFF);
		background: linear-gradient(-45deg, #d8765d 25%, #FFFFFF 25%, #FFFFFF 50%, #d8765d 50%, #d8765d 75%, #FFFFFF 75%, #FFFFFF);
		background-size: 3px 3px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
		}
		
		h4.blue:before{
		background: -webkit-linear-gradient(linear, left top, right bottom, from(#728faf), color-stop(0.25, #728faf), color-stop(0.25, #FFFFFF), color-stop(0.5, #728faf), color-stop(0.5, #728faf), color-stop(0.75, #728faf), color-stop(0.75, #FFFFFF), to(#FFFFFF));
		background: -moz-linear-gradient(-45deg, #728faf 25%, #FFFFFF 25%, #FFFFFF 50%, #728faf 50%, #728faf 75%, #FFFFFF 75%, #FFFFFF);
		background: linear-gradient(-45deg, #728faf 25%, #FFFFFF 25%, #FFFFFF 50%, #728faf 50%, #728faf 75%, #FFFFFF 75%, #FFFFFF);
		background-size: 3px 3px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
		}


h5{
	font-size:16px;
	color:#446169;
	font-weight:bold;
	padding-bottom:2px;
	border-bottom:1px dashed #83adb4;
	margin:15px 0 12px
}

h6{
	font-size:14px;
	font-weight:bold;
	color:#000000;	
	margin:10px 0 5px
}



/*  list 
----------------------------------------------- */


ul li ul{
	margin-left:18px;
}

ol{
	margin:0;
	padding-left: 22px;
}

ol li{
	list-style:decimal;
	margin:0.5em 0px;
	line-height:1.5em;
}

		
#contents ul li {
	margin: 10px 0px;
	font-size: 100%;
	line-height:1.1em;
}


	ul.orign li:before {
		font-family: 'mieicon';
		content: "\6f";
		margin-right:4px;
	}
	
	ul.normal li:before {
		font-family: 'mieicon';
		content: "\30";
	}
	ul.border li:before {
		font-family: 'mieicon';
		content: "\71";
	}
	ul.arrow li:before {
		font-family: 'mieicon';
		content: "\72";
	}
	ul.dot li:before {
		font-family: 'mieicon';
		content: "\e625";
	}
	ul.record li:before {
		font-family: 'mieicon';
		content: "\e620";
	}
	ul.notice-red li{
		color:#CC0000;
		}
	ul.notice li:before,
	ul.notice-red li:before {
		font-family: 'mieicon';
		content: "\31";
	}
	

ul.blue li:before{
	color:#729fd5 ;
}

ul.red li:before{
	color:#e47e65 ;
}

ul.green li:before{
	color:#7fc591 ;
}


ul.indent{
	padding-left:0;
	margin-left:0;
}

ul.indent li{
	margin: 10px 0px;
	padding-left: 1em; 
    text-indent: -1em; 
}

	ul.green ul.blue li:before{
	color:#729fd5 ;
}




/*  iconfont
----------------------------------------------- */

@font-face {
	font-family: 'mieicon';
	src:url('/fonts/mieicon.eot?-uoaycp');
	src:url('/fonts/mieicon.eot?#iefix-uoaycp') format('embedded-opentype'),
		url('/fonts/mieicon.woff?-uoaycp') format('woff'),
		url('/fonts/mieicon.ttf?-uoaycp') format('truetype'),
		url('/fonts/mieicon.svg?-uoaycp#basicicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {
	font-family: 'mieicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.3;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


ul[class^="icon-"] li:before, ul[class*=" icon-"] li:before,
ul[class^="icon-"] li:after, ul[class*=" icon-"] li:after {
	font-family: 'mieicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.3;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
ul[class^="icon-"]:before, ul[class*=" icon-"]:before,
ul[class^="icon-"]:after, ul[class*=" icon-"]:after {
	display:none;
}


[class^="icon-"] li:before, [class*=" icon-"] li:before{
	margin-right:3px;
}
ul[class^="icon-"]:before, ul[class*=" icon-"]:before{
	margin-right:3px;
}
	ul[class^="icon-"] a, ul[class*=" icon-"] a{
		text-decoration:underline !important;
	}


[class^="icon-"]:after, [class*=" icon-"]:after {
	margin-left:3px;
}
ul[class^="icon-"] li:after, ul[class*=" icon-"] li:after {
	margin-left:3px;
}



[class^="icon-fl_"]:before, [class*=" icon-fl_"]:before,
[class^="icon-fl_"]:after, [class*=" icon-fl_"]:after{
	font-size:160%;
	vertical-align:middle;
}


/* file-color */
.icon-fl_pdf:before {
	color:#b22222;
}
.icon-fl_ppt:before {
	color:#DB7300;
}
.icon-fl_doc:before {
	color:#2A5DB5;
}
.icon-fl_mp3:before {
	color:#B572FF;
}
.icon-fl_xls:before {
	color:#359700;
}
.icon-fl_img:before {
	color:#FF940C;
}

.icon-required2:before {
	content: "\e600";
}
.icon-required1:before {
	content: "\e601";
}

/* file */

ul.icon-fl_pdf li:before {
	content: "\70";
	color:#b22222;
}

.icon-fl_pdf:before {
	content: "\70";
	color:#b22222;
}
.icon-fl_ppt:before {
	content: "\74";
	color:#DB7300;
}
.icon-fl_doc:before {
	content: "\64";
	color:#2A5DB5;
}
.icon-fl_mp3:before {
	content: "\6d";
	color:#B572FF;
}
.icon-fl_xls:before {
	content: "\78";
	color:#359700;
}
.icon-fl_etc:before {
	content: "\65";
}
.icon-fl_img:before {
	content: "\6a";
	color:#FF940C;
}

/* listmark */

.icon-li_orign:before {
	content: "\6f";
}

.icon-li_basic:before {
	content: "\30";
}
.icon-liborder:before {
	content: "\71";
}
.icon-li_notice:before {
	content: "\31";
}


.icon-plus2:before {
	content: "\2b";
}

.icon-minus2:before {
	content: "\2d";
}


/* mark */

.icon-mail:before {
	content: "\22";
}
.icon-location:before {
	content: "\23";
}

ul.icon-popup li:before {
	content: "\24";
}
	ul.icon-popup:before {
		content: "";
	}
　
.icon-popup:before {
	content: "\24";
}
.icon-arrow-r1:before {
	content: "\72";
}

/* arrow */
.icon-arrow-u2:before {
	content: "\77";
}
.icon-arrow-r2:before {
	content: "\73";
	color:#71a57e;
	font-weight:bold;
}
.icon-arrow-l2:before {
	content: "\61";
}
.icon-arrow-d2:before {
	content: "\7a";
}



/*  table
----------------------------------------------- */

table.data{
	margin:10px 0px;
	border: 1px solid #999;
	word-break:break-all;
	border-right:none;
	border-bottom:none;
	border-collapse:collapse
}

table.data th{
	padding: 6px 8px;
	color:#fff;
	background:#437aa4;
	font-weight:bold;
	border-bottom:solid 1px #3a3d70;
	border-top:none;
	border-right:solid 1px #3a3d70;
	border-left:none;
	font-size:105%;
	text-align:center;
}


table.data td{
	word-break:break-all;
	padding: 5px 8px;
	border-bottom:solid 1px #85adb5;
	border-top:none;
	border-right:solid 1px #85adb5;
	border-left:none;
}

	table.list tr:nth-last-child(odd){
		background:#e1e7ee;
	}
	table.data tr:nth-child(odd){
		background:#e1e7ee;
	}		
	
	

table.data td.h1{
	background:#c7e6cf;
}

table.data td.h2{
	background:#ffdba3;
}

table.data td.h3{
	background:#E1F1F0;
}

table.bl th{
	background:#2b5ed2;
}

	
		
		

/* 表 (レイアウト用) */

table.layout {
	border: none;
}

table.layout.adapt {
	margin-bottom: -15px;
}

table.layout th {
	padding: 0;
	border: none;
}

table.layout td {
	padding: 0 5px;
	border: none;
}


	
/*  box
----------------------------------------------- */

.box{
	background:#EDF6F5;
	padding:8px;
}


div.clearBox:after{
     content: "."; 
     display: block; 
     visibility: hidden; 
     height: 0.1px; 
     font-size: 0.1em; 
     line-height: 0; 
     clear: both; 		
}

div.clearBox{
	overflow:hidden;
	height: auto;
}

div.clearBox img.img-l{ 
	float:left; 
	margin-right:10px !important;
	
	}
img.img-l{ 
	float:left; 
	margin-right:10px !important;
	}
div.clearBox img.img-r{ 
	float:right; 
	margin-left:10px !important;
	
	}

div.clearBox p.hidden{
	height: auto;
}

div.clearBox p.auto{
	overflow:auto;
	height: auto;
}


	#mainArea div.colBox h3{
		border-radius:5px 5px 0 0;
		border:none;
		font-size:18px ;
		margin:0 ;
	}

 div.colBox .col-l{
	 float:left;
	 width:325px;
 }
 div.colBox .col-r{
	 float:right;
	 width:325px;	
 }
	 body.no-side div.colBox .col-l{
		 width:460px;
	 }
	 body.no-side div.colBox .col-r{
		 width:460px
	 }
 
 div.colBox .boxWrap{
	 position:relative;
	 padding:10px;
	 border:1px solid #80a9b2;
	 min-height:100px;
 }
 		div.boxWrap .more{
			position:absolute;
			right:10px;
			bottom:10px;
			margin-top:20px;

		}


div.announceBox{
    position: relative;
    padding: 10px;
    background: #eaf2cb;
    overflow: hidden;
}
 
	div.announceBox:before {
					content: " ";
					position: absolute;
					bottom: 0;
					right: 0;
					width: 0;
					height: 0;
					border-width: 16px 16px 0 0;
					border-style: solid;
					border-color: #fff;
					border-top-color: #afae96;
					box-shadow: 0 1px 1px rgba(0,0,0,0.4);
					-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
					-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	}	

	div.announceBox h4{
		color:#474d32;
		margin:0;
		border-bottom:1px dotted #474d32;
	}	
	div.announceBox h4:before{
		content:inherit;
	}	
	div.announceBox h4:after{
		content:inherit;
	}	
	
		div.announceBox ul{
			margin-left:12px;
		}	
	div.announceBox ul li:before{
					font-family: 'mieicon';
					content: "\71";
					color:#b08074;
					font-size:18px;
					margin-right:6px;
	}
	
			div.error h4{
				color:#e15656;
			}
				div.error ul li:before{
							font-family: 'mieicon';
							content: "\68";
							color:#e15656;
							font-size:14px;
							margin-right:8px;
			}

				div.complete p:before{
							font-family: 'mieicon';
							content: "\6c";
							color:#1ba284;
							font-size:14px;
							margin-right:8px;
			}
	


/*  Arrangement
----------------------------------------------- */
.align-r{ text-align:right; }
.align-c{ text-align:center; }
.align-l{ text-align:left; }


/*  Margin
----------------------------------------------- */
*.sp-v0 { margin-top: 0px !important; margin-bottom: 0px !important; }
*.sp-v5 { margin-top: 5px !important; margin-bottom: 5px !important; }
*.sp-v10 { margin-top: 10px !important; margin-bottom: 10px !important; }
*.sp-v15 { margin-top: 15px !important; margin-bottom: 15px !important; }
*.sp-v20 { margin-top: 20px !important; margin-bottom: 20px !important; }
*.sp-v25 { margin-top: 25px !important; margin-bottom: 25px !important; }
*.sp-v30 { margin-top: 30px !important; margin-bottom: 30px !important; }

*.sp-t0 { margin-top: 0px !important; }
*.sp-t5 { margin-top: 5px !important; }
*.sp-t10 { margin-top: 10px !important;}
*.sp-t15 { margin-top: 15px !important;}
*.sp-t20 { margin-top: 20px !important;}
*.sp-t25 { margin-top: 25px !important;}
*.sp-t30 { margin-top: 30px !important;}

*.sp-b0 { margin-bottom: 0px !important; }
*.sp-b5 { margin-bottom: 5px !important;}
*.sp-b10 { margin-bottom: 10px !important;}
*.sp-b15 { margin-bottom: 15px !important;}
*.sp-b20 { margin-bottom: 20px !important;}
*.sp-b25 { margin-bottom: 25px !important;}
*.sp-b30 { margin-bottom: 30px !important;}


.indent{
	margin-left:1em;
}



.pagetopP{
	position:relative;
	border-top:1px dashed #BDD0E4;
	font-size:14px;
	padding:8px 28px 8px 0;
	margin:20px 0 20px
}
	.pagetopP a{
		text-decoration:none;
		color:#85c2da;
	}
	.pagetopP a:after{
		position:absolute;
		font-family: 'mieicon';
		content: "\77";
		margin-left:8px;
		font-size:26px;
		font-weight:bold;
		top:4px;
		right:0;
	}


/*----------------------------------------------------------
  original
--------------------------------------------------------------------------------------------------------------------------------- */




/*----------------------------------------------------------
  toppage
--------------------------------------------------------------------------------------------------------------------------------- */

/* mainbnrArea */

div.mainbnrArea{
	display:block;
	margin-top:20px;
}
	div.mainbnrArea div.flexslider{
		float:left;
	}
	div.mainbnrArea div.flexsliderBottom{
	float:left;
	position: relative;
    zoom: 1;
    width: 700px;
	}

	div.mainbnrArea div.sodan{
		float:right;
		width:260px;
	}

		div.mainbnrArea div.sodan h3{
			background:#694f38;
			text-align:center;
			border-radius:5px 5px 0px 0px;
			padding: 5px 0 4px;
		}
		
		div.mainbnrArea div.sodan .sodanBox{
			position:relative;
			padding:0px 10px 8px;
			border:2px solid #694f38;
/*			height:190px;*/
			height:100px;
		}
		
		div.mainbnrArea div.sodan p.sodanText{
			font-size:12px;
			color:#666666;
			width:160px;
		}

		div.mainbnrArea div.sodan .sodanBox p.onion{
			position:absolute;
			left:170px;
			top:80px;
		}
		div.mainbnrArea div.sodan .onionBox{
			position:relative;
			padding:0px;
		}		

/* mainbnrArea */

div.infoArea{
	clear:both;
	margin-top:40px;
			word-break:break-all;
}

		div.infoAction{
			float:left;
			width:485px;
		}
			div.infoAction h2 div.katsudo a{
				position:relative;
				float:right;
				width:100px;
				display:block;
				padding:4px 18px 2px 12px;
				background:#4d6e6d;
				color:#FFFFFF;
				text-decoration:none;
				text-align:center;
				margin:8px 0 0;
				border-radius:3px;
			}
			div.infoAction h2 div.katsudo a:after{
				position:absolute;
				font-family: 'mieicon';
				content:'\73';
				font-size:18px;
			}
			
			div.infoAction h3 span{
					padding-right:18px;
				}

				div.infoAction ul{
					clear:both;
					padding-top:10px;
				}
				
				div.infoAction ul li{
			line-height:120%;
			padding:4px 0;
			text-indent:-7.40em;
			padding-left:7.95em;
			margin: 2px 0px !important;
				}
								
				div.infoAction ul li:before{
					font-family: 'mieicon';
					content: "\6f";
					color:#86acb5;
					font-size:12px;
					margin-right:6px;
				}
				div.infoAction ul li:nth-last-child(even){
					background:#eeeeee;
				}

				div.infoAction ul span{
					padding-right:18px;
				}
				
				div.infoAction a, div.infoAnounce a{
					color:#666666;
					font-size:14px;
					font-family: Meiryo,"Hiragino Kaku Gothic Pro","MS PGothic",Verdana,sans-serif;
				}
				div.infoAction p{
					color:#666666;
					font-size:14px;
				}
				div.infoAction span.data, div.infoAnounce span.data{
					font-size:14px;
				}

		div.infoAnounce{
			margin-left:15px;
			float:left;
			width:480px;
		}
			div.infoAnounce h2 div.notice a{
				position:relative;
				float:right;
				width:100px;
				display:block;
				padding:4px 18px 2px 12px;
				background:#4d6e6d;
				color:#FFFFFF;
				text-decoration:none;
				text-align:center;
				margin:8px 0 0;
				border-radius:3px;
			}
			div.infoAnounce h2 div.notice a:after{
				position:absolute;
				font-family: 'mieicon';
				content:'\73';
				font-size:18px;
			}
				div.infoAnounce ul{
					clear:both;
					padding-top:10px;
				}				
				div.infoAnounce ul li{
			line-height:120%;
			padding:4px;
			text-indent:-1.15em;
			padding-left:1.75em;
			margin: 2px 0px !important;
				}
								
				div.infoAnounce ul li:before{
					font-family: 'mieicon';
					content: "\6f";
					color:#86acb5;
					font-size:12px;
					margin-right:6px;
				}
					div.infoAnounce ul li:nth-last-child(even){
					background:#eeeeee;
				}

/*20020407 youtube*/
		div.movie{
			float:left;
			width:565px;
		}
		div.fb{
			padding-left:25px;
			float:left;
			width:375px;
		}

		div.infoArea h2{
			margin-bottom:20px;
		}

		div.infoArea h3{
			margin-bottom:10px;
			font-weight:bold;
			font-size:14px;
			text-indent:-1.35em;
			padding-left:20px;
			line-height:120%;
		}
				div.infoArea h3:before{
					font-family: 'mieicon';
					content: "\6f";
					color:#86acb5;
					margin-right:6px;
				}
				div.infoArea h3 a:link{
					color:#363636;
				}
				p.tag{
					display:inline-block;
					text-indent:0;
					text-align:center;
					background:#8da1a0;
					width:80px;
					margin:0 10px !important;
					padding:1px 0;
					color:rgba(255,255,255,1.00);
					font-weight: normal;
					font-size:12px !important;
				}
		

		div.infoArea div.fastpost{
			width:480px;
		}

				div.infoArea div.fastpost p{
					margin-left:4px;
					font-family: Meiryo,"Hiragino Kaku Gothic Pro","MS PGothic",Verdana,sans-serif;
					font-size:14px;
				}
				div.infoArea div.fastpost div.postPhoto{
					float:right;
					width:180px;
					padding:4px;
					border:1px solid #d6d6d6;
					margin-left:10px;
				}
				div.infoArea div.fastpost div.postPhoto img{
					width:180px;
				}

div.infoNotice{
	clear:both;
	margin-top:20px;
	background:rgba(242,252,243,0.25);
	border:2px solid #5f986d;
	box-shadow:0px 2px 3px #648769;
	padding:15px;
}
			
			div.bg_notice{
				background:url(/img/top/bg_oshirase.png) right 50px top 50% no-repeat;
				padding:10px 0;
			}
			div.infoNotice h2{
				margin-bottom:10px;
			}
			
			div.infoNotice h2 div.notice a{
				position:relative;
				float:right;
				width:120px;
				display:block;
				padding:4px 18px 2px 12px;
				background:#5f986d;
				color:#FFFFFF;
				text-decoration:none;
				text-align:center;
				margin:8px 0 0;
				border-radius:3px;
			}
			div.infoNotice h2 div.notice a:after{
				position:absolute;
				top:6px;
				font-family: 'mieicon';
				content:'\73';
				font-size:18px;
			}
				
				div.infoNotice ul li{
			line-height:120%;
			padding:4px;
			text-indent:-1.15em;
			padding-left:1.75em;
			margin: 2px 0px !important;
			border-bottom:dotted 1px #5f986d;
				}
								
				div.infoNotice ul li:before{
					font-family: 'mieicon';
					content: "\6f";
					color:#72a47f;
					font-size:12px;
					margin-right:6px;
				}
					div.infoNotice ul li:nth-last-child(1){
						border-bottom:none;
				}


div#notice_facebook:after{
	content:"";
	display:block;
	clear:both;
}

	div#notice_facebook div.bg_notice{
		float:left;
		width:980px;/*600px*/
		/*margin-right:10px*/
	}
	div#notice_facebook div.fb-page{
		float:left;
		width:370px;
		padding-top:30px;
	}



	div.footbnrArea{	
		width:980px;
		height:150px;
		background: url(/img/top/bg_footbnrArea.png) left bottom no-repeat;
	}
		div.footbnrArea ul{
			margin-left:54px;
			padding-top:50px;
		}
		div.footbnrArea ul li{
			display:inline;
		}


/*----------------------------------------------------------
  post
--------------------------------------------------------------------------------------------------------------------------------- */

/* post */

div.post{
	position:relative;
}


		h3 + .post{
			margin-bottom:30px !important;
		}
		
		h3 + .post h2{
			margin:15px 0 20px !important;
		}


div.post p{
					margin-left:4px;
					font-family: Meiryo,"Hiragino Kaku Gothic Pro","MS PGothic",Verdana,sans-serif;
					line-height:150%;
					letter-spacing:1.7;
					word-break: break-all;
				}
 div.post p:nth-last-child(1){
	 margin-bottom:30px;
 }
 div.post .postPhoto p:nth-last-child(1){
	 margin-bottom:0px;
 }

div.post .postPhoto{
	float:left;
					width:240px;
					padding:4px;
					margin-right:10px;
}

				div.post div.postPhoto img{
					width:240px;
					border:1px solid #d6d6d6;
				}
				div.post div.postPhoto p.caption{
					text-align:center;
					padding-top:4px;
					font-size:12px;
				}

					div.ptnA .postPhoto{
						float:left;
						width:auto;
						max-width:360px;
	}
					div.ptnA div.postPhoto img{
						width:auto;
						max-width:360px;
					}
					
					div.ptnB .photoBox{
						margin:0 auto 20px;

						text-align:center;
					}
					div.ptnB .photoBox .postPhoto{
						display: inline-block;
						width:400px;
						max-width:400px;
	}
					div.ptnB .photoBox div.postPhoto img{
						max-width:400px;
					}
					
					div.ptnC div.photoList{
						margin:20px 0 20px;
					}


ul.photoList {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 30px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}



div.photoList{
	border-collapse: separate;
	border-spacing: 6px 0;
	clear:both;
	padding-top:20px;
}

				div.photoList div.postPhoto{
					width:224px;
					vertical-align:top;
					text-align:center;
					border:none;
					min-height:224px;
				}
				div.photoList div.postPhoto img{
					max-width:224px;
					height:180px;

				}


		div.post:after{
			content: ""; display: block; clear: both;
		}

		div.post .more{
			width:140px;
			float:right;
			margin-top:20px;
		}
		.more a{
			position: relative;
			text-decoration: none;
			text-align: center;
			font-size: 13px;
			display: block;
			padding: 6px 12px;
		
			border-radius:5px;
  background-color: #71a57e;
  border-color: #57a957;
			color:#ffffff;
			text-shadow:0px 1px 0px #648769;
			box-shadow:0px 2px 1px #648769;
			transform:0.5s;
		}
				.more a:before{
					font-family:'mieicon';
					content: "\76";
					margin-right:4px;
				}
				.more a:hover{
					top: 3px;
  background-color: #62c462;
					box-shadow:0px -10px 1px #FFFFFF;
				}

div.pageNav{
	margin-top:15px;
	padding:6px 0 0;
	border-top:1px dotted #71a57e;
}
div.pageNav.head{
	border-top:none;
}

		div.pageNav ul li{
			display:inline; 
		}
		div.pageNav ul li a{
			transition: 0.5s; 
			display:inline-block;
			padding:8px 16px;
			border-right:1px solid #DDDDDD;
			text-decoration:none;
		}
			div.pageNav ul li:nth-last-child(1) a{
				border-right:none;
			}
			div.pageNav ul li a:hover{
				background:#e2f9ff;
				color:#446169;
			}
			div.pageNav ul li a.act{
				background:#e2f9ff;
				color:#446169;
			}
		div.pageNav .text{
			float:left;
			padding:6px 0;
		}
			
		
	
	/* post side */
	
		#side .arc_nav dl{
			margin-bottom:1px;
		}

		#side .arc_nav dl dt{
					background-color: #fff;
					border:1px solid #d2ccb4;
					width:200px;
					padding:6px;
					text-align:center;
					margin:2px auto;
		}
		
		#side .arc_nav dl dd.left{
			float:left;
		}
		#side .arc_nav dl dd.right{
			float:right;
		}
		
		#side .arc_nav dl dd input{
					font-family: 'mieicon';
					font-size:26px;
					width:40px;
					cursor:pointer;
		}

			#side .arc_nav dl dd input[type="button"]{
				position:relative;
				padding: 1px 0px;
				border-radius:0px;
				background-color: #71a57e;
				border-color: #57a957;
				border-width:1px;
				color:#ffffff;
				text-shadow:none;
				box-shadow:none;
				transform:0.5s;
				min-width:40px;
				cursor:pointer;
}


		#side .arc_nav dl dd.out{
			position:relative;
						background-color: #a2a2a2;
						border-color: #7b7b7b;
			height:34px;
			width:40px;
		}
		#side .arc_nav dl dd.left.out:before{
			position:absolute;
			font-family: 'mieicon';
			content:"a";
			font-size:28px;
			color:#BDBDBD;
			top:3px;
			left:3px;
		}
		#side .arc_nav dl dd.right.out:before{
				position:absolute;
			font-family: 'mieicon';
			content:"s";
			font-size:28px;
			color:#BDBDBD;
			top:3px;
			right:3px;
		}
		

			@media all and (-ms-high-contrast:none){
			  *::-ms-backdrop, #side .arc_nav dl dd input[type="button"] { padding: 3px 0px; } /* IE11 */
			}

				#side .arc_nav dl dd input[type="button"]:hover{
					top: 1px;
 					background-color: #62c462;
					box-shadow:0px -10px 1px rgba(255,255,255,0);
				}



		#side ul.newPost{
			margin:10px 0;
		}

		#side ul.newPost li{
			border:none;
			margin:0;
			box-shadow:none;
			font-size:15px;
		}

				#side ul.newPost li a:before{
					font-family: 'mieicon';
					content:"\6f";
					color:#86acb5;
					margin-right:8px;
				}

		#side ul.newPost li a{
			display:block;
			padding:6px 10px 6px 30px;
			text-indent:-1.5em;

			text-decoration:none;
			transition: 0.5s; 
		}
			#side ul.newPost li a:hover{
				background:#e6ddc4;
				color:#333333;
			}

			#side ul.newPost li a span{
				font-size:12px;
				font-weight:bold;
				margin-right:12px;
			}


				.selectForm {
					position:relative;
					background-color: #fff;
					border:1px solid #d2ccb4;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					margin: 0 0 0;
					padding: 0;
					position: relative;
					width: 100%;
					z-index: 1;
				}
				.selectForm.short{
					width: 80% !important;
				}

				.selectForm:hover {
					border-color: #86acb5;
				}

				.selectForm:before {
					color: #999999;
					display: block;
					font-family: 'mieicon';
					content: "\7a";
					font-size:24px;
					height: 21px;
					line-height:1.25em;
					padding: 0 0.4em 6px;
					position: absolute;
					top: 0;
					right: 0;
					text-align: center;
					width: 1em;
					z-index: -1;
				}
				
				.selectForm select {
					background-color: transparent;
					border: 0 none;
					box-shadow: none;
					color: #333;
					display: block;
					font-size: 14px;
					line-height: normal;
					margin: 0;
					padding: .5em;
					width: 100%;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
				}
				
				.selectForm select::-ms-expand {
					display: none; /* to ie 10 */
				}
				
				.selectForm select:focus {
					outline: none;
				}
				
				:-moz-any(.selectForm):before {
					background-color: #fff; 
					pointer-events: none;
					z-index: 1;
				}
	
	input.text_full{
		width:80%;
	}
	textarea.text_full{
		width:98%;
	}


div.fileList{
	margin:20px 0;
}

	div.fileList p span:before {
		font-family: 'mieicon';
		content: "\65";
	}

	div.fileList p span.mk-pdf:before {
		font-family: 'mieicon';
		content: "\70";
		color:#b22222;
	}

	div.fileList p span.mk-xls:before {
		font-family: 'mieicon';
		content: "\78";
		color:#359700;
	}
	
	div.fileList p span.mk-doc:before {
		font-family: 'mieicon';
		content: "\64";
		color:#2A5DB5;
	}

	div.fileList p span.mk-ppt:before {
		font-family: 'mieicon';
		content: "\74";
		color:#DB7300;
	}

	div.fileList p span.mk-jpg:before {
		font-family: 'mieicon';
		content: "\6a";
		color:#FF940C;
	}	


/*----------------------------------------------------------
  outline
--------------------------------------------------------------------------------------------------------------------------------- */


#mainArea div.qabox h3{
	position:relative;
	font-size:18px;
	color:#FFFFFF;
	padding:4px 30px 4px 30px;
	border:1px solid #eeeeee;
	margin:10px 0 0;
	
	background: #85aeb4; /* Old browsers */
	background: -moz-linear-gradient(top,  #85aeb4 0%, #80abb4 50%, #74a2af 51%, #82aab2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85aeb4), color-stop(50%,#80abb4), color-stop(51%,#74a2af), color-stop(100%,#82aab2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #85aeb4 0%,#80abb4 50%,#74a2af 51%,#82aab2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #85aeb4 0%,#80abb4 50%,#74a2af 51%,#82aab2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #85aeb4 0%,#80abb4 50%,#74a2af 51%,#82aab2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #85aeb4 0%,#80abb4 50%,#74a2af 51%,#82aab2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85aeb4', endColorstr='#82aab2',GradientType=0 ); /* IE6-9 */

	box-shadow: 0px 9px 3px -3px rgba(227,232,231,0.6);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(227,232,231,0.6);
  -moz-box-shadow: 0px 9px 3px -3px rgba(227,232,231,0.6);
		cursor:pointer;
}

#mainArea div.qabox h3:before{
	position:absolute;
	content:"Q";
	font-size:20px;
	color:#DF6C6E;
	top:10pxs;
	left:10px;
	font-weight:bold;
}
#mainArea div.qabox h3:after{
	position:absolute;
	font-family:'mieicon';
	content:"\2b";
	color:#33474b;
	top:10px;
	right:10px;
}

		#mainArea div.qabox div.ans{
	box-shadow: 0px 5px 1px -3px rgba(221,221,221,0.6);
  -webkit-box-shadow: 0px 5px 1px -3px rgba(221,221,221,0.6);
  -moz-box-shadow: 0px 5px 1px -3px rgba(221,221,221,0.6);
		display:none;
		}
		
		#mainArea div.qabox div.ans strong{
			color:#e15656;
			font-weight:normal;
		}
		

#mainArea p.outline{
	min-height:180px;
	background:url(/img/outline/image-outline.jpg) right no-repeat;
}



/*----diagram---- */


#mainArea div.diagram div{
	position:relative;
}

#mainArea div.diagram div h3{
	position:absolute;
	font-size:20px;
	font-weight:bold;
	border:none ;
	background:none ;
	border-radius:50px;
	padding:20px 18px;
	top:-45px;
	left:50%;
	margin-left:-35px;
}

div.diagram div{
	float:left;
	margin-top:30px;
	padding:20px;
	border-radius:10px;
}

#mainArea div.diagram div ul{
	position:relative;
	z-index:3;
}

div.diagram .fast{
	position:relative;
	background:#1086d6;
	width:80px;
	margin-right:10px;
}
	div.diagram .fast h3{
		background-color:#1086d6 !important;
	}
	div.diagram .fast ul{
		color:#FFFFFF;
		font-size:30px;
		font-weight:bold;
		text-align:center;
		width:1em;
		margin:0 auto;
 	}
	div.diagram .fast:after{
		content: "";
		border: solid transparent;
		display: inline-block;
		position: absolute;
		border-width: 10px;
		border-left-color: #1086d6;
		margin-top: -4px;
		right: -20px;
		top: 100px;
	}

div.diagram .second{
	position:relative;
	background:#f29c9f;
	width:130px;
	margin-right:10px;
}
	div.diagram .second h3{
		background-color:#f29c9f !important;
	}
		 div.diagram .second ul li.mie{
			 font-size: 30px !important;
			 font-weight:bold;
			 color:#d04747;
		 }
			div.diagram .second ul li:before {
				font-family: 'mieicon';
				content: "\71";
			}
			div.diagram .second ul li.mie:before {
				font-family: 'mieicon';
				content: "";
			}
			div.diagram .second ul li.san {
				transform: rotateZ( 90deg );
				display: inline-block;
			}
			div.diagram .second ul li.san:before {
				font-family: 'mieicon';
				content: "";
			}

	div.diagram .second:after{
		content: "";
		border: solid transparent;
		display: inline-block;
		position: absolute;
		border-width: 10px;
		border-left-color: #f29c9f;
		margin-top: -4px;
		right: -20px;
		top: 100px;
	}
div.diagram .third{
	background:#71a57e;
	width:350px;
	padding-right:5px;
	box-sizing:border-box;
}
	div.diagram .third h3{
		background-color:#71a57e!important;
	}
	

/*----------------------------------------------------------
  torikumi
--------------------------------------------------------------------------------------------------------------------------------- */

div.kikanshi ul.icon-fl_pdf{
	position:relative;
	font-size:16px;
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:6px;
}
	div.kikanshi ul:nth-last-child(2){
		border-bottom:none !important;
	}

div.kikanshi ul.icon-fl_pdf li{
	padding-left:4em;
	text-indent: -4em;
}
div.kikanshi div.paper, div.kikanshi div.wall{
	width:450px;
	line-height:150%;
	word-break: break-all;
}

div.kikanshi ul.icon-fl_pdf li:before{
	position:absolute;
	top:3px;
	left:6px;
	font-size:16px;
	text-indent: 0;
}

div.kikanshi ul.icon-fl_pdf div.data{
	float:right;
	padding:5px 30px;
	font-size:14px;
	color:#666666;
}
	div.kikanshi ul.icon-fl_pdf div.paper{
		padding-left:30px;
		margin:5px 0;
	}
		div.kikanshi ul.icon-fl_pdf div.paper:before{
			content:"機関誌";
			width:80px;
			font-size:14px;
			padding:4px;
			background: #859db5;
			color:#FFFFFF;
			margin-right:10px;
	}
	
	div.kikanshi ul.icon-fl_pdf div.wall{
		padding-left:30px;
		margin:5px 0;
	}
		div.kikanshi ul.icon-fl_pdf div.wall:before{
			content:"壁新聞";
			width:80px;
			font-size:14px;
			padding:4px;
			background: #b58d85;
			color:#FFFFFF;
			margin-right:10px;
	}

h2.saichin{
	font-size:30px !important;
}
	h2.saichin em{
		font-size:36px;
		color:#b22222;
		font-style:inherit;
		font-weight:bold;
		margin:0 10px;
	}
	h2.saichin span{
		font-size:16px
	}

div.onion21{
	background:#EDF6F5 url(/img/unionion/onion21.png) right bottom no-repeat;
}

div.youtube{
	text-align:center;
	margin:20px 0 12px;
}

/*--campaign------------------------------------------------------ */

#mainArea h1.campaign{
	border:none;
	margin:20px 0 20px;
}
 
#mainArea h3.campaign{
	border:none;
	background:none;
	padding:0;
}
  
	

/*----------------------------------------------------------
  soudan
--------------------------------------------------------------------------------------------------------------------------------- */
.clm2 {
    display: flex;
}
.clm {
	width: 50%;
}

div.soudan .input_button{
	width:240px;
	height: 60px;
	margin:0 auto;
	font-size:20px;
	display:block;
}
div.soudan .input_button a{
	color:#FFFFFF;
	text-decoration:none;
	position: relative;
    top: 15px;
}


	#mainArea div.qabox blockquote{
		background: #FFFFFF url(/img/common/bg_qaBpx.jpg) repeat !important;
		color:#333333;
		padding:15px 0 15px 15px;
		font-size:14px;
	}
	#mainArea div.qabox blockquote p{
		margin:4px 0;
	}

		#mainArea div.qabox blockquote strong{
			color:#333333 !important;
			font-weight:bold !important;
		}



/*----------------------------------------------------------
  soudan colBox
--------------------------------------------------------------------------------------------------------------------------------- */

div.vote img{
	float:left;
}
		div.vote p.name{
			font-size:20px;
			font-weight:bold;
			margin-left:120px;
	}
		div.vote p.kana{
			margin-left:120px;
	}		
		div.vote.mun p.name{
			margin-left:0px;
	}
		div.vote.mun p.kana{
			margin-left:0px;
	}	
		div.vote.mun div.boxWrap{
			min-height:40px;
		}
div.vote dl{
	margin-left:120px;
}
	div.vote dl:after { content: ""; display: block; clear: both; }

div.vote dt{
	float:left;
}
div.vote dd span.data{
	font-size:14px;
}
div.voteMap{
	float:right;
}


/*----------------------------------------------------------
  form
--------------------------------------------------------------------------------------------------------------------------------- */

input[type="text"],
textarea,
input[type="password"]{
	padding:5px;
	border:#85adb5 1px solid;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
}
input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus{
	background:#eeeeee;
	border:#4b726f 1px solid;
}

input[type="checkbox"]{
	margin:0 4px;
}


input:checked + label {
	  background:#eeeeee;
	}
		input:checked + label img {
		  border:2px solid #85adb5;
		}

input[type="button"]{
	position:relative;
			font-size: 13px;
			padding: 6px 12px;
			border-radius:3px;
  background-color: #71a57e;
  border-color: #57a957;
		border-width:1px;
			color:#ffffff;
			text-shadow:0px 1px 0px #648769;
			box-shadow:0px 2px 1px #648769;
			transform:0.5s;
			min-width:120px;
			cursor:pointer;
}
				input[type="button"]:hover{
					top: 3px;
  background-color: #62c462;
					box-shadow:0px -10px 1px rgba(255,255,255,0);
				}


.input_button{
	position:relative;
			font-size: 13px;
			padding: 6px 12px;
			border-radius:3px;
  background-color: #71a57e;
  border-color: #57a957;
		border-width:1px;
			color:#ffffff;
			text-shadow:0px 1px 0px #648769;
			box-shadow:0px 2px 1px #648769;
			transform:0.5s;
			min-width:120px;
			cursor:pointer;
}
				.input_button:hover{
					top: 3px;
  background-color: #62c462;
					box-shadow:0px -10px 1px rgba(255,255,255,0);
				}



/*----------------------------------------------------------
  admin
--------------------------------------------------------------------------------------------------------------------------------- */

body.login{
background: #f5f6f6; /* Old browsers */
background: -moz-linear-gradient(45deg,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f5f6f6), color-stop(21%,#dbdce2), color-stop(49%,#b8bac6), color-stop(80%,#dddfe3), color-stop(100%,#f5f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* IE10+ */
background: linear-gradient(45deg,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

body.login input[type="text"], body.login input[type="password"]{
	width:200px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

body#admin{
	font-family:  "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, "メイリオ";
}

body#admin #header{
	
	background: #0062ac;
padding:8px 0;
}

body#admin #header #grobalNav{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: rgba(255,255,255,0.6);
}
	
body#admin #header .wrap{
	position:relative;
	padding:0;
}
body#admin #header a{
	color:#FFF;
	cursor:pointer;
}

 #header div.btn_sitecheck{
		position:absolute;
		right:0;
		top:20px;
		font-weight: bold;
	}
		#header div.btn_sitecheck:before{
			font-family:'mieicon';
			content:"\24";
			margin-right:8px;
			color:#FFF;
		}
 #header div.btn_logout{
		position:absolute;
		right:0;
		top:0px;
		font-weight: bold;
	}
		#header div.btn_logout:before{
			font-family:'mieicon';
			content:"\72";
			margin-right:8px;
			color:#FFF;
		}


		ul.buttonArea{
			text-align:center;
		}		
		ul.buttonArea li{
			display:inline-block;
		}
		
		body#admin .btn_listedit, body#admin .btn_listdelete, body#admin .btn_popup_check, body#admin .btn_submit, body#admin .btn_golist{
			font-family:'mieicon';
			width:100px;
			height:30px;
		}

		input.btn_listedit, input.btn_submit{
			background-color:#035aa6 ;
			border-color: #0f66b3 ;
			box-shadow:0px 2px 1px #135085 ;
		}
				input.btn_listedit:hover, input.btn_submit:hover{
					background-color: #0694e0 ;
				}
		input.btn_listdelete{
			background-color:#bf212e ;
			border-color: #cf3a46 ;
			box-shadow:0px 2px 1px #9f1b26 ;
		}
				input.btn_listdelete:hover{
					background-color: #ef3e54 ;
				}
		input.btn_popup_check{
			background-color:#f2c84b ;
			border-color: #f4d372 ;
			box-shadow:0px 2px 1px #c7af66 ;
			color:#333;
			text-shadow:none;
		}
				input.btn_popup_check:hover{
					background-color: #fef380 ;
				}



body#admin #mainArea h1{
	margin-bottom:18px;
}

body#admin #mainArea h1 + p {
	color:#e15656;
}

body#admin #mainArea h1 + p:before{
							font-family: 'mieicon';
							content: "\48";
							font-size:16px;
							margin-right:8px;
			}
			
			.mk-required{
				position:relative;
				padding-right:35px;
			}
			.mk-required:after{
				position:absolute;
							font-family: 'mieicon';
							content: "\48";
							margin-left:8px;
							font-size:16px;
							color:#e15656;
							background:#FFFFFF;
							box-shadow:0px -1px 0px 2px #415e64 inset;
							top:1px;
			}
			

	.btnG a{
		-moz-box-shadow:inset 0px 1px 0px 0px #98ccd6;
		-webkit-box-shadow:inset 0px 1px 0px 0px #98ccd6;
		box-shadow:inset 0px 1px 0px 0px #98ccd6;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #85adb5), color-stop(1, #6a9ea8));
		background:-moz-linear-gradient(top, #0062AC 5%, #104284 100%);
		background:-webkit-linear-gradient(top, #0062AC 5%, #104284 100%);
		background:-o-linear-gradient(top, #0062AC 5%, #104284 100%);
		background:-ms-linear-gradient(top, #0062AC 5%, #104284 100%);
		background:linear-gradient(to bottom, #0062AC 5%, #104284 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85adb5', endColorstr='#6a9ea8',GradientType=0);
		background-color:#85adb5;
		border:1px solid #597a80;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-size:14px;
		font-weight:bold;
		padding:6px 45px;
		text-decoration:none;
		color:#FFF;
	}
	.btnG a:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6a9ea8), color-stop(1, #85adb5));
		background:-moz-linear-gradient(top, #6a9ea8 5%, #85adb5 100%);
		background:-webkit-linear-gradient(top, #6a9ea8 5%, #85adb5 100%);
		background:-o-linear-gradient(top, #6a9ea8 5%, #85adb5 100%);
		background:-ms-linear-gradient(top, #6a9ea8 5%, #85adb5 100%);
		background:linear-gradient(to bottom, #6a9ea8 5%, #85adb5 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a9ea8', endColorstr='#85adb5',GradientType=0);
		background-color:#6a9ea8;
	}
	.btnG a:before {
		font-family:"mieicon";
		content:"\2b";
		margin-right:8px;
		font-size:16px;
		font-weight:normal;
	}


	body#admin #mainArea td div.paper:before{
			content:"機関誌";
			width:80px;
			height:20px;
			font-size:14px;
			padding:4px;
			background: #009457;
			color:#FFFFFF;
	}
	
	body#admin #mainArea td div.wall:before{
			content:"壁新聞";
			width:80px;
			font-size:14px;
			padding:4px;
			background: #4D4398;
			color:#FFFFFF;
	}

	body#admin div.post p{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
	
	body#admin div#footer div.wrap{
		position:relative;
	}
	body#admin div#footer .manual a{
		position:absolute;
		right:0px;
		bottom:10px;
		float:right;
		padding:6px 12px;
		display:block;
		background:#FFFFFF;
		cursor:pointer;
	}
	body#admin div#footer .manual a:hover{
		text-decoration:none;
		opacity:0.8;
	}



body.login #header p.logo{
		text-align:center;
		margin-top:-32px;
	}

body.login #mainArea h1{
	text-align:center;
	border-top:4px solid #FFFFFF;
	padding-top:12px;
	margin-top:0;
	margin-bottom:20px;
}
	body.login #mainArea h1:before{
	font-family:'mieicon';
	content:"\52";
	font-size:24px;
	margin-right:8px;
	}
	body.login #mainArea div.msgArea{
		color:#e15656;
		width:280px;
		margin: 0 auto;
	}

div.login{
	border:1px solid #DDDDDD;
	border-radius:5px;
	width:300px;
	margin: 0 auto;
	padding:20px 0 30px;
	background-color: rgba(255,255,255,0.45);
}

div.login dl#loginForm{
	margin:0 auto 20px;
	padding-left:45px;
}
				div.login dt{
					margin-top:6px;
				}
				div.login span.mk-down:before{
					font-family:'mieicon';
					content: "\76";
					margin-right:4px;
					color:#85adb5;
				}


div.infoMsg{
	margin-top:30px;
	padding: 0;
	border: none;
}
	div.infoMsg p{
		color:#446169 !important;
		padding:8px;
		border:1px dotted #FFFFFF;
		background:rgba(255,255,255,0.45);
	}



/*  ガイドライン用～ */

pre{
	color:#666666;
	background:#EDF0EC;
	padding:10px;
	border-left:3px solid #666;
}

/*  ガイドライン用～ */