@charset "utf-8";


/*-------------------------------------*/
/* メインイメージ mainImg */
/*-------------------------------------*/

div#bgImg{
	/*- background: url(../image/mainimg.jpg) no-repeat top center #F3FAF8; --*/
	
	/* background: url(../image/000-top-img-01-2015-0806.jpg) no-repeat top center #F3FAF8; */
	/* background: url(../image/000-top-img-01-2015-0809-02.jpg) no-repeat bottom center #F3FAF8; */
	/* background: url(../image/000-top-img-01-2015-0906-06.jpg) no-repeat bottom center #F3FAF8; */
	/* background: url(../image/000-top-img-01-2015-0917-07.jpg) no-repeat bottom center #F3FAF8; */
	/* background: url(../image/000-top-img-01-2015-0919-08.jpg) no-repeat bottom center #F3FAF8; */
	background: url(../image/000-top-img-01-2018-0703-11.jpg) no-repeat bottom center #F3FAF8;
	
	
	/* min-height: 468px; */
	/* height: auto !important; */
	height: 350px; 
	margin: 0px 0px 15px 0px;
	}

div#mainImgBox{
	width: 100%;
	margin: 120px auto 0;
	text-align: left;
	width: 960px;
}

div#mainImgBox strong{
	font-weight: bold;
	font-size: 17px;
	display: block;
	margin-bottom: 10px;
	display: inline-block;
	margin: 10px;
	
	/* 回転配置（角度指定）*/
	/* -moz-transform:    rotate( 180deg );*/  /* Firefox用 */
	/* -webkit-transform: rotate( 180deg );*/  /* Chrome,Safari,新しいOpera用 */
	/* -o-transform:      rotate( 180deg );*/  /* 古いOpera用 */
	/* -ms-transform:     rotate( 180deg );*/  /* IE用 */
	/* transform:         rotate( 180deg );*/  /* CSS3の書き方 */
	/* 回転配置 end */

}
div#mainImgBox span{
	width: 350px;
	display: block;
	line-height: 1.9;
}
/*-------------------------------------*/
/*--  end                            --*/
/*-------------------------------------*/
/*-------------------------------------*/
/*--  色帯　　                       --*/
/*-------------------------------------*/
div#mainContents1{
	width: 960px;
	margin: 0 auto;
	text-align: left; 
	padding:  0 0 15px 0px;
}

/*------blue -------------*/
.chapter-blue1{
	padding: 6px 8px;
	color: #fff; 
	font-size: 14px;
	font-weight: bold;
	background: #0066FF;
background: #0a77d5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiMwYTc3ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM1MzlmZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NCUiIHN0b3AtY29sb3I9IiM3M2IxZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiM4N2JjZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiNkMGU0ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNkMGU0ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #0a77d5 29%, #539fe1 51%, #73b1e7 64%, #87bcea 75%, #d0e4f7 91%, #d0e4f7 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(29%,#0a77d5), color-stop(51%,#539fe1), color-stop(64%,#73b1e7), color-stop(75%,#87bcea), color-stop(91%,#d0e4f7), color-stop(99%,#d0e4f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #0a77d5 29%,#539fe1 51%,#73b1e7 64%,#87bcea 75%,#d0e4f7 91%,#d0e4f7 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #0a77d5 29%,#539fe1 51%,#73b1e7 64%,#87bcea 75%,#d0e4f7 91%,#d0e4f7 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #0a77d5 29%,#539fe1 51%,#73b1e7 64%,#87bcea 75%,#d0e4f7 91%,#d0e4f7 99%); /* IE10+ */
background: linear-gradient(to right,  #0a77d5 29%,#539fe1 51%,#73b1e7 64%,#87bcea 75%,#d0e4f7 91%,#d0e4f7 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a77d5', endColorstr='#d0e4f7',GradientType=1 ); /* IE6-8 */

}

/*------green  -----------*/
.chapter-green1{
	padding: 6px 8px;
	background: #009900;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

/*------green  -----------*/
.chapter-blue2{
	padding: 6px 8px;
	background: #0063C6;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

/*-------------------------------------*/
/* テキストテンプレート */
/*-------------------------------------*/

/* 基本フォーマット */
div.txtTempSet{
	margin-bottom: 15px;
}

div.txtTempSet strong{
	display: block;
	font-weight: bold;
}

div#mainContents div.clearfix{
	width: 100%; 

}

/* txtTemp1 */
div.txtTemp1{}
div.txtTemp1 strong{ margin-bottom: 6px; font-size: 18px;}
div.txtTemp1 span{ color: #666;}

/* txtTemp2 */
div.txtTemp2{}
div.txtTemp2 strong{ margin-bottom: 6px; font-size: 14px;}
div.txtTemp2 span{ color: #666;}

/* txtTemp3 */
div.txtTemp3{}
div.txtTemp3 strong{ margin-bottom: 6px; color: #900}
div.txtTemp3 span{ color: #333;}

/* txtTemp3or */
div.txtTemp3or{}
div.txtTemp3or strong{ margin-bottom: 6px; color: #FF8000}
div.txtTemp3or span{ color: #333;}
div.txtTemp3or p{ float: right; width: 194px;}

/* txtTemp4 */
div.txtTemp4{}
div.txtTemp4 strong{ margin-bottom: 6px;}
div.txtTemp4 span{ color: #666;}
div.txtTemp4 p{ float: right; width: 194px;}

/* txtTemp5 */
div.txtTemp5{}
div.txtTemp5 strong{ margin-bottom: 6px;}
div.txtTemp5 span{ color: #666;}
div.txtTemp5 p{ float: left; width: 194px;}

/* txtTemp6 */
div.txtTemp6{}
div.txtTemp6 div.fL{ width: 350px;}
div.txtTemp6 strong{ margin-bottom: 6px;}
div.txtTemp6 span{ color: #666;}
div.txtTemp6 p{ float: right; width: 320px;}

/* txtTemp7 */
div.txtTemp7{}
div.txtTemp7 div.fR{ width: 350px;}
div.txtTemp7 strong{ margin-bottom: 6px;}
div.txtTemp7 span{ color: #666;}
div.txtTemp7 p{ float: left; width: 320px;}

/* ************************************************************ */
ul.bgList1 li{ background: url(../image/bg_list1.gif) no-repeat left center; padding-left: 1.5em; font-size: 18px;}
ul.bgList2 li{ background: url(../image/bg_list2.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList3 li{ background: url(../image/bg_list3.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList4 li{ background: url(../image/bg_list4.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList5 li{ background: url(../image/bg_list5.gif) no-repeat left center; padding-left: 1.5em;}

/* ************************************************************ */
/*-------------------------------------*/
/*--  イメージを白くする。           --*/
/*-------------------------------------*/
a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
/*-------------------------------------*/
/*--  ３つのエリア                   --*/
/*-------------------------------------*/
div#wBg{
	background: #fff;
	padding: 15px 0 0 0;
}

div#mainContents{
	width: 960px;
	margin: 0 auto;
	text-align: left;

}

	/* ３つのトピックス */
	div#mainContents div.topicsBox{
		width: 295px;
		float: left;
		margin-left: 33px;
		margin-bottom: 60px;
	}

	div#mainContents div.firstItem{
		margin-left: 0;
	}

	div#mainContents div.topicsBox strong{
		margin-bottom: 15px;
		font-weight: bold;
		display: block;
		font-size: 14px;
	}

	div#mainContents div.topicsBox span{
		line-height: 1.8;
		display: block;
		text-align: justify;
		margin-bottom: 8px;
	}


/* 新着情報 */

div#newTopics{
	float: left;
}

	div#newTopics strong{
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 8px;
		display: block;
		font-size: 14px;
	}

	div#newTopics dl{
		width: 640px;
		border-bottom: 1px solid #ddd;
	}

	div#newTopics dl dt,
	div#newTopics dl dd{
		padding: 10px 0;
		border-top: 1px solid #ddd;
	}

	div#newTopics dl dt{
		float:left;
		width:90px;
		clear:both;
		padding-left: 10px;
		background: url(../../share/img/bg_border.gif) repeat 0 0 ;
		color: #0C4517;
	}

	div#newTopics dl dd{
		width:510px;
		margin-left:100px;
		padding-left: 20px;
		border-left:1px solid #ddd;
	}
	div#newTopics dl dd a{
		color: #666;
		text-decoration: none;
	}

	div#newTopics dl dd a:hover{
		text-decoration: underline;
	}


/* バナーエリア */
div#bannerBox{
	float: right;
	width: 250px;
}

	div#bannerBox ul{}
	div#bannerBox ul li{
		margin-bottom: 15px;
	}