@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 28px;
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,  "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "MS P ゴシック", verdana, sans-serif;
	color: #221e1f;

}

p,h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
}

img {
  vertical-align:bottom;
}

ul {
  margin: 0;
  padding: 0;
}

a {
  color: #221e1f;
  text-decoration: none;
}


a:hover {
  text-decoration: none;
  opacity: 0.5;
}
 @media (min-width: 700px) {
header {
	width: 1000px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.hedleft {
	width: 360px;
	float: left;

}
.hedright {

	width: 300px;
	float: right;
	
}




h1 {
  
}
h2.ttl01 {
	padding-top: 20px;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 0px;
}

h2.ttl02 {
	
}
h2.ttl03 {
	padding-top: 60px;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
h2.ttl04 {
	padding-top: 35px;
	text-align: center;
	padding-bottom: 60px;
	margin-bottom: 0px;
}
h3.ttl01 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	color: #0186cf;
	padding-top: 0 !important;
	padding-right: 0px;
	padding-bottom: 0px !important;
	padding-left: 0px;
	text-align: center;
}
h3.ttl02 {
    margin: 0;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	
}

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

section {
  margin-bottom: 35px;
}


.main {
	width: 100%;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}


a img:hover {
  opacity: 0.5;
}
.bg00 {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images02/bg01.jpg);
	height: 40px;
	background-position: center top;
	background-repeat: repeat-x;
	padding-top: 0px;
	text-align: center;
}
.bg01 {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images02/bg02.jpg);
	height: 570px;
	background-position: center top;
	background-repeat: repeat-x;
	padding-top: 0px;
	text-align: center;
}
.bg02 {
	background-image: url(../images02/bg03.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.bg03 {
	background-image: url(../images02/bg03.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	padding-top: 10px;
}
.bg04 {
	background-color: #f5ea01;
	padding-top: 20px;
	padding-bottom: 20px;
}
.bg05 {
	background-image: url(../images02/bg05.jpg);
	background-repeat: repeat;
}

.bg06 {
	background-image: url(../images02/bg06.jpg);
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	height: 405px;
}

.bg09 {
	background-color: #018ad3;
	
	padding-top: 40px;
	padding-bottom: 40px;
}

.bg10 {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images02/bg01.png);
	height: 570px;
	background-position: center top;
	padding-top: 0px;
	text-align: center;
	background-repeat: no-repeat;
}
.contents01 { width: 1000px;
  margin: 0 auto;
}
.contents02 {
	width: 890px;
	 margin: 0 auto;
	
}
.contents03 {
	padding-right: 25px;
	padding-left: 25px;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 110px;
}
.contents04 {
	width: 940px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}

.left01 {
	margin-top: 0px;
	margin-left: 0px;
	width: 195px;
	float: left;
	
}
.right01 {
	margin-top: 70px;
	margin-left:0px;
	width: 750px;
	float: left;
}

.left02 {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 40px;
	width: 450px;
	float: left;
	background-image: url(../images02/bg04.jpg);
}
.right02 {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 40px;
	width: 450px;
	float: right;
	background-image: url(../images02/bg04.jpg);
}
.left03 {
	float: left;
}
.right03 {
	float: left;
}

.left04 {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 25px;
	width: 420px;
	float: left;
}
.right04 {
	margin-top: 0px;
	margin-right: 0px;
	width: 400px;
	float: right;
	margin-bottom: 25px;
	background-color: #fff8e3;
	min-height: 110px;
	padding: 20px;
}

.right05 {
	margin-top: 20px;
	margin-right: 80px;
	width: 610px;
	float: right;
}
.center01 {
	text-align: center;
	}

	
.new-post {
		display: block ;		/* 非表示にする */
	}
.new-post02 {
		display: none ;		/* 表示にする */
	}
	        /*間隔 共通*/
        .u-m0 {margin: 0 !important;}
        .u-mt10 {margin-top: 10px !important;}
        .u-mt15 {margin-top: 15px !important;}
        .u-mt20 {margin-top: 20px !important;}
        .u-mt30 {margin-top: 30px !important;}
        .u-mt40 {margin-top: 40px !important;}
        .u-mt50 {margin-top: 50px !important;}
        .u-mt60 {margin-top: 60px !important;}
        .u-mt1em {margin-top: 1em !important;}
        .u-mb10 {margin-bottom: 10px !important;}
        .u-mb15 {margin-bottom: 15px !important;}
        .u-mb20 {margin-bottom: 20px !important;}
        .u-mb30 {margin-bottom: 30px !important;}
        .u-mb40 {margin-bottom: 40px !important;}
        .u-mb50 {margin-bottom: 50px !important;}
        .u-mb60 {margin-bottom: 60px !important;}
        .u-mb1em {margin-bottom: 1em !important;}
        .u-p0 {padding: 0 !important;}
        .u-p10 {padding: 10px !important;}
        .u-p15 {padding: 15px !important;}
        .u-p20 {padding: 20px !important;}
        .u-pt10 {padding-top: 10px !important;}
        .u-pt20 {padding-top: 20px !important;}
        .u-pt30 {padding-top: 30px !important;}
        .u-pt40 {padding-top: 40px !important;}
        .u-pt50 {padding-top: 50px !important;}
        .u-pt60 {padding-top: 60px !important;}
        .u-pt1em {padding-top: 1em !important;}
        .u-pb10 {padding-bottom: 10px !important;}
        .u-pb20 {padding-bottom: 20px !important;}
        .u-pb30 {padding-bottom: 30px !important;}
        .u-pb40 {padding-bottom: 40px !important;}
        .u-pb50 {padding-bottom: 50px !important;}
        .u-pb60 {padding-bottom: 60px !important;}
        .u-pb1em {padding-bottom: 1em !important;}
        #breadcrumbs {font-size: 90%;margin: 0 0 20px;text-align: left;}
        .l-section {}
        .l-container {height: 100%;word-break: normal;}
}
 @media (max-width: 699px) {
header {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}
img {
	max-width: 100%;
height: auto;
width /***/:auto;　
border:0;
   vertical-align:bottom;
}

.hedleft {
	width: 60%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.hedright {

	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}




h1 {
  
}
h2.ttl01 {
	padding-top: 20px;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 0px;
}

h2.ttl02 {
	
}
h2.ttl03 {
	padding-top: 30px;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 0px;
}
h2.ttl04 {
	padding-top: 35px;
	text-align: center;
	padding-bottom: 60px;
	margin-bottom: 0px;
}
h3.ttl01 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	color: #0186cf;
	padding-top: 0 !important;
	padding-right: 0px;
	padding-bottom: 0px !important;
	padding-left: 0px;
	text-align: center;
}
h3.ttl02 {
    margin: 0;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	
}

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

section {
  margin-bottom: 35px;
}


.main {
	width: 100%;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}


a img:hover {
  opacity: 0.5;
}
.bg00 {
	margin: 0px;
	padding: 0px;
}
.bg01 {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images02/bg02.jpg);
	height: 570px;
	background-position: center top;
	background-repeat: repeat-x;
	padding-top: 0px;
	text-align: center;
}
.bg02 {
	background-image: url(../images02/bg08.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.bg03 {
	background-image: url(../images02/bg03.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	padding-top: 10px;
}
.bg04 {
	background-color: #f5ea01;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 70%;
	padding-right: 15%;
	padding-left: 15%;
}
.bg05 {
	background-image: url(../images02/bg05.jpg);
	background-repeat: repeat;
}

.bg06 {
	background-image: url(../images02/bg06.jpg);
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	height: 405px;
}

.bg09 {
	background-color: #018ad3;
	
	padding-top: 20px;
	padding-bottom: 20px;
}

.bg10 {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images02/bg01.png);
	height: 570px;
	background-position: center top;
	padding-top: 0px;
	text-align: center;
	background-repeat: no-repeat;
}
.contents01 { width: 100%;
  margin: 0 auto;
}
.contents02 {
	width: 96%;
	 margin: 0 auto;
}
.contents03 {
	padding-right: 25px;
	padding-left: 25px;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 100%;
	text-align: left;
}
.contents04 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	
}
.left01 {
	margin-top: 20px;
	margin-left: 0px;
	width: 30%;
	float: left;
	
}
.right01 {
	margin-top: 20px;
	margin-left:0px;
	width: 68%;
	float: left;
}

.left02 {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 96%;
	background-image: url(../images02/bg07.jpg);
	text-align: center;
}
.right02 {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 96%;
	background-image: url(../images02/bg07.jpg);
	text-align: center;
}
.left03 {
	float: left;
	width: 49%;
}
.right03 {
	float: right;
	width: 49%;
}

.left04 {
	margin-top: 0px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	text-align: center;
}
.right04 {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	margin-bottom: 25px;
	background-color: #fff8e3;
	min-height: 110px;
	padding: 20px;
}

.right05 {
	margin-top: 20px;
	margin-right: 80px;
	width: 610px;
	float: right;
}
.center01 {
	margin-right: auto;
	margin-left: auto;
	width: 96%;
	}

	
.new-post {
		display: none ;		/* 非表示にする */
	}
.new-post02 {
		display: block ;		/* 表示にする */
	}
	        /*間隔 共通*/
        .u-m0 {margin: 0 !important;}
        .u-mt10 {margin-top: 3px !important;}
        .u-mt15 {margin-top: 7px !important;}
        .u-mt20 {margin-top: 10px !important;}
        .u-mt30 {margin-top: 15px !important;}
        .u-mt40 {margin-top: 20px !important;}
        .u-mt50 {margin-top: 25px !important;}
        .u-mt60 {margin-top: 30px !important;}
        .u-mt1em {margin-top: 1em !important;}
        .u-mb10 {margin-bottom: 3x !important;}
        .u-mb15 {margin-bottom: 7px !important;}
        .u-mb20 {margin-bottom: 10px !important;}
        .u-mb30 {margin-bottom: 15px !important;}
        .u-mb40 {margin-bottom: 20px !important;}
        .u-mb50 {margin-bottom: 25px !important;}
        .u-mb60 {margin-bottom: 30px !important;}
        .u-mb1em {margin-bottom: 1em !important;}
        .u-p0 {padding: 0 !important;}
        .u-p10 {padding: 3px !important;}
        .u-p15 {padding: 7px !important;}
        .u-p20 {padding: 10px !important;}
        .u-pt10 {padding-top: 3px !important;}
        .u-pt20 {padding-top: 7px !important;}
        .u-pt30 {padding-top: 15px !important;}
        .u-pt40 {padding-top: 20px !important;}
        .u-pt50 {padding-top: 25px !important;}
        .u-pt60 {padding-top: 30px !important;}
        .u-pt1em {padding-top: 1em !important;}
        .u-pb10 {padding-bottom: 3px !important;}
        .u-pb20 {padding-bottom: 10px !important;}
        .u-pb30 {padding-bottom: 15px !important;}
        .u-pb40 {padding-bottom: 20px !important;}
        .u-pb50 {padding-bottom: 25px !important;}
        .u-pb60 {padding-bottom: 30px !important;}
        .u-pb1em {padding-bottom: 1em !important;}
        #breadcrumbs {font-size: 90%;margin: 0 0 20px;text-align: left;}
        .l-section {}
        .l-container {height: 100%;word-break: normal;}
}
.style01 {
	font-size: 13px;

	}
.style02 {
	color: #00F;
	text-decoration: underline;
}
.style03 {
	text-align: center;
	padding-top: 3px;
	padding-bottom: 1px;
	background-color: #fdf201;
	}
.p00200000{
		padding-top: 20px;
	padding-bottom: 20px;
	}
 @media screen and (min-width: 1025px){
	ul.typelink {
	width: 960px;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	}
ul.typelink li {
	width: 192px;
	float: left;
	list-style: none;
	margin-top: 10px !important;
	margin-right: 0px !important;
	margin-bottom: 10px !important;
	margin-left: 0px !important;
	text-align: center;
}

ul.typelink li:nth-child(5n+1) {
  clear: both;}
}
@media screen and (min-width: 630px) and (max-width:1024px) {
	ul.typelink {
	width: 100%;
	margin: 0;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	}
ul.typelink li {
	width: 31%;
	float: left;
	list-style: none;
	margin-top: 10px !important;
	margin-right: 1% !important;
	margin-bottom: 10px !important;
	margin-left: 1% !important;
	text-align: center;
}

ul.typelink li:nth-child(3n+1) {
  clear: both;
}
}
@media screen and (max-width: 629px){
	ul.typelink {
	width: 100%;
	margin: 0;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	}
ul.typelink li {
	width: 48%;
	float: left;
	list-style: none;
	margin-top: 10px !important;
	margin-right: 1% !important;
	margin-bottom: 10px !important;
	margin-left: 1% !important;
	text-align: center;
}

ul.typelink li:nth-child(2n+1) {
  clear: both;
}
}
.btnbg {
	background-color: #018ad3;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}