body{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	background-color:#FFFFFF;
}

.mainVisual_wrapper{

}

.mainVisual_wrapper .container{
	padding:0;
}

.mainVisual_wrapper.section{
	padding:0;
}

.container{
	{ padding: 0 0px;}
}

.header{
	border-top:3px solid #008800;
}

.section{
	background: #FCFCFC;
	padding: 2em 0 3em;
}

/* -------------------- headerNav --------------------*/

.headerNav {
	border-top:3px solid #008800;
	border-bottom:3px solid #008800;
}

.headerNavBtn {
	display: inline-block;
	text-align: center;
	text-decoration: none;
//	line-height: 54px;
	outline: none;
	height:3em;
	line-height:3em;
	color:#001E00;
	font-size: 12px;

	background-color: #FFFFFF;

	color: #008800;
	line-height: 50px;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 1;
}


.headerNavBtn::before,
.headerNavBtn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.headerNavBtn,
.headerNavBtn::before,
.headerNavBtn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .1s;
	transition: all .1s;
}

.headerNavBtn:hover{
	background-color: #2CB02C;
	border-color: #008800;
	color: #000000;
}


/* -------------------- ヘッダの分野別のご案内のアコーディオン --------------------*/

.headerNavBtn li{
 position: relative;
 list-style: none;
 width: 100%;
 float: center;
 margin: 0;
 padding: 0;
 text-align: center;
}

.headerNavBtn ul li  a{
 display: block;
 margin: 0;
 padding: 15px 15px 15px 15px;
 background: #2CB02C;
 color: #ffffff;
 font-size: 14px;
 line-height: 1;
 text-decoration: none;
}
.headerNavBtn  ul{
 list-style: none;
 position: absolute;
 z-index: 9999;
 top: 100%;
 left: 0;
 margin: 0;
 padding: 0;
}
.headerNavBtn li:hover a{
color: #000000;
}


.headerNavBtn ul {
 overflow: hidden;
 height: 0;
}

.headerNavBtn:active ul{
 overflow: visible;
 height: 38px;
}

.headerNavBtn:hover ul{
 overflow: visible;
 height: 38px;
}

/* -------------------- //headerNav --------------------*/

/* -------------------- h2 --------------------*/

h2 {
	padding: .5em .75em;
/*	background-color: #8DD28D;*/
	background-color: #008800;

	color: #FFFFFF;

	border-left: 6px solid #008800;

}


/* -------------------- h3 --------------------*/

h3 {
	padding: .5em .75em;
/*	background-color: #8DD28D;*/
	background-color: #006400;

	color: #FFFFFF;

	border-left: 6px solid #006400;

	text-align: center;
}


/* -------------------- .error --------------------*/

.error {
	color:#FF0000;
}

/* -------------------- formTable --------------------*/


@media (max-width: 767px){
	.formTable tr,tr th,tr td {
		display: block;
		width: auto;
	}
}

.col_box{
	background:#FCFCFC;
	border-radius:3px;
	padding:15px 0 15px;
	margin-bottom:1em;
}

th{
   vertical-align:top;
}

/* -------------------- フロー図 --------------------*/

.flow {
	margin: 0 auto 50px;
}
.flow .box {
	margin: 0 auto 33px;
	width: 80%;
	padding: 10px;
	border: 3px solid #0DA40D;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	
	}
	.flow .box:after {
		border-top: 25px solid #004900;
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
		content: "";
		position: absolute;
		bottom: -28px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
		left: 50%;/* 中央寄せに使用 */
		margin-left: -25px; /* 中央寄せに使用 */
	}
	.flow .box:last-child:after {
	border: none; /* 最後のボックスだけ三角形を表示しない */

}

.flow .anobox {
	margin: 0 auto 33px;
	width: 80%;
	padding: 10px;
	border: 3px solid #0DA40D;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.flowtitle {
	color:#008800;
}

.flowcaution {
	color:#FF0000;
}

/* -------------------- テーブル --------------------*/
.seminar  {
margin: auto;
display: table;
}

.underred {
text-decoration-color:#FF0000;
}

/* -------------------- bootstrapのパディングの調整 cf)http://spot-web.jp/blog/2498/  --------------------*/
.padrow-0{
    padding-right:0px;
    padding-left:0px;
}
.padrow-10{
	padding-right:5px;
	padding-left:5px;
}
.padrow-20{
	padding-right:10px;
	padding-left:10px;
}
.padrow-30{
	padding-right:15px;
	padding-left:15px;
}
.padrow-40{
	padding-right:20px;
	padding-left:20px;
}

/* -------------------- ウィンドウ横幅で変更するもの --------------------*/

@media (min-width: 768px){
	.headerNavBtn {
	 font-size: 12px;
	}
}
@media (min-width: 992px){
	.headerNavBtn {
	 font-size: 16px;
	}
}
@media (min-width: 1200px){
	.headerNavBtn {
	font-size: 18px;
	}
}

/* -------------------- a.anchor --------------------*/
a.anchor{
    padding-top: 100px;
    margin-top: -100px;
}

/* -------------------- footer --------------------*/

.footer {
	border-top:3px solid #008800;
	background-color: #FFFFFF;
}


	.copyright{
		text-align:center;
		margin:0.5em auto;
		display:block;
	}


/* -------------------- fontSizeChange --------------------*/

.fontSizeChange {
	position:fixed;
	border-top:1px solid #008800;
	border-bottom:1px solid #008800;
	border-left:1px solid #008800;
	background-color: #FFFFFF;
	bottom:-42px;
//	bottom:0px;
//	right:-100px;
 right:0px;
}

.fontSizeChange ul {
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px
	
}

.fontSizeChangeAppear {
	bottom:0px;
//	right:0px;
}

.fontSizeChange a {
	text-decoration: none;
}

.fontSizeChange a:hover {
	cursor:pointer;    
}


.fontSizeChange ul {
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px
}

.fontSizeChange li {
    background-color:#b0e0e6;
	display: inline;
    width:30px;
    height:30px;
    text-align:center;
}

#fontSizeTitle {
    font-size: 150%;
}
#fontSizeSmall {
    font-size: 100%;
}
#fontSizeMiddle {
    font-size: 150%;
}
#fontSizeLarge {
    font-size: 200%;
}

.fontSizeChange li:hover {
    background-color:#008800;
    color:#fff;
    cursor:pointer;    
}

.fontSizeSmall {
    font-size: 100%;
}

.fontSizeMiddle {
    font-size: 150%;
}

.fontSizeLarge {
    font-size: 200%;
}