@charset "shift_jis";
*/
/* -------------------------------------------- */border:1px solid #333FFF;
/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,newsbox,clubbox,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, clubbox, newsbox, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keyen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}
img {border:0;}


/* -------------------------------------------- */
/* ------------------Style--------------------- */

html, body {width:100%; padding:0; margin:0;}
html{-webkit-text-size-adjust: none;}
body {background-position:center;color: #232323;font: 13px/24px Arial, Helvetica, sans-serif, "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";margin:0px auto;}

a{color: #474747;text-decoration: none;}
a:hover {color: #5FB5DE;; text-decoration: none;}

a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #3F3F3F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radiusborder:1px solid #333FFF;: 4px;border-radius: 4px;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
a.button:hover{}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* -------------------------------------------- */


/* ------------------LINK---------------- */

a:link {
  color: #FFFFFF;
  background: transparent;
  text-decoration: underline;	
}
a:visited {
  color: #FFFFFF;
  background: transparent;
  text-decoration: underline;	
}
a:hover, a:active {
  color: #222222;
  background: transparent;
  text-decoration: underline;	
}


.titlefont02 a:link {  
	color: #FFFFFF;
  background: transparent;
  text-decoration: underline;
 	font-weight: bold;
}

#cont02 a:link {
  color: #00468C;
  background: transparent;
  text-decoration: underline;
	font-weight:bold;
}

#cont02  a:visited {
  color: #00468C;
  background: transparent;
  text-decoration: underline;
	font-weight:bold;
}

/* -------------------------------------------- */
/* 画像リンク・マウスオーバー・*/
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=200);
}

/* ------------------Header-------------------- */
#headline{ height:10px; background: #FFFFFF; margin-top:0px;overflow: hidden; }
.headtext{width:990px; height:10px; margin-left: auto;margin-right: auto;  font-weight:bold; COLOR: #FFFFFF; FONT-FAMILY: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";line-height:2;}

h1{FONT-SIZE: 11pt; font-weight:normal;text-indent:12px;vertical-align :middle;}
#headcnt{width:100%;height:100%;background:#FFFFFF;overflow: hidden; margin-top:10px;overflow:hidden;}
.wrap-header{ width:990px;height: 100%; background:url("../images/head_back01.jpg") no-repeat; margin-left: auto;margin-right: auto;  background-position:right;overflow: hidden;margin-bottom:0px;}


#logo {margin:0;width:30%;overflow:hidden;box-sizing:border-box;}
.subnav{width:990px;background:#666666 url("../images/pattern06.png");margin-left: auto;margin-right: auto;}
.subnav .wrap-subnav{}
.subnav .links ul{list-style: none;margin: 0;padding: 0;}
.subnav .links ul li{position:relative; float:left; padding-right:10px; padding-left: 2px;}
.subnav .links ul li a{ font-weight:none; font-size:11px; color:#FFFFFF;}
.subnav .links ul li a:hover{color:#ffffff;}

.headbtnon {	position: 0 bottom;	margin-top:-55px;}

.headbtn {width:70%;height:80px; margin:0px auto; padding-top:0px;	background: #FFFFFF;overflow: hidden; z-index: 3000;box-sizing:border-box;overflow:hidden;float:right; }
.headbtn .links {width:100%;max-width:600px;height:80px; margin:0px auto;vertical-align:top; float:right;}
.headbtn .links ul{list-style: none; height:55px; margin:0px auto;padding-top:0px;overflow:hidden;vertical-align:top;box-sizing:border-box;}
.headbtn .links ul li{width:20%;float:right; margin:0 2px 0 2px; box-sizing:border-box;text-align:center;}
.headbtn .links ul li a img{}
.headbtn .links ul li a img:hover {	position: 0 bottom;}
.headbtn {	position: 0 bottom;	margin-top:-55px;}



#headphoto{background:#F7ADC3;}
.head-cont{max-width:1200px; margin-left: auto;margin-right: auto;}
/* -------------------------------------------- */



/* ------------------構成 ------------------- */

#main {width:990px; margin:0px auto; overflow: hidden;}
#main_u {width:990px; margin-left:auto;margin-right:auto; overflow: hidden;}


/* ------------------Content------------------- */
#main-content{width:70%;float:right; margin:10px 0px 0px 0px;background:#FFFFFF; border:0px solid #CCCCCC; padding-top:20px;}
.wrap-col{ width:98%;overflow : hidden;margin-left: auto;margin-right: auto;text-align:center;}

#mainbody{width:100%; ackground-color: #E0F5DC;padding-top:30px;}
#topmain { width: 100%; height: 100%;	background-color: #0A813F;}

#contm0 { width: 100%; height: 624px;overflow:hidden; margin-left:auto;  margin-right: auto;background-color: #FFFFFF;background: url("../images/topbg.webp") no-repeat;background-position:center top;}
#contm0 #topbtn{ max-width: 1080px; overflow:hidden; margin-left:auto;  margin-right: auto;margin-bottom:15px;text-align:center;margin-top:25px;}
#contm0 #topbtn ul{list-style: none; margin-left:auto;  margin-right: auto;padding: 0;width: 100%; box-sizing: border-box;}
#contm0 #topbtn ul li{ float:left; margin-bottom:60px;width: 33%;	box-sizing: border-box;}
#contm0 #topbtn ul li a{ margin:10px;	height: 100%;}


#contm1 { width: 100%; height: 624px;overflow:hidden; margin-left:auto;  margin-right: auto;background-color: #FFFFFF;background: url("../images/topbg.jpg") no-repeat;background-position:center top;}
#contm1 #topbtn{ width: 940px; overflow:hidden; margin-left:auto;  margin-right: auto;margin-bottom:15px;text-align:center;margin-top:25px;}
#contm1 #topbtn ul{list-style: none; margin-left:auto;  margin-right: auto;padding: 0;width: 100%;}
#contm1 #topbtn ul li{ float:left; margin-bottom:60px;}
#contm1 #topbtn ul li a{ margin:10px;	height: 100%;}

#contm2 { width: 100%; height: 100%;overflow:hidden; margin-left:auto;  margin-right: auto;background-color: #FFFFFF;background: url("../images/topbg.jpg") no-repeat;background-position:center top; display:none;}
#contm2 #topbtn{ width: 100%; overflow:hidden; margin-left:auto;  margin-right: auto;margin-bottom:15px;text-align:center;margin-top:25px;}
#contm2 #topbtn ul{list-style: none; margin-left:auto;  margin-right: auto;padding: 0;width: 96%;}
#contm2 #topbtn ul li{ margin:5px;}

#contm3 { width: 100%; height:100%;overflow:hidden; margin-left:auto;  margin-right: auto;background-color: #FFFFFF;background: url("../images/topbg02.jpg") no-repeat;background-position:center top;}
#contm3 #topbtn{ width: 940px; overflow:hidden; margin-left:auto;  margin-right: auto;margin-bottom:15px;text-align:center;margin-top:25px;}
#contm3 #topbtn ul{list-style: none; margin-left:auto;  margin-right: auto;padding: 0;width: 100%;}
#contm3 #topbtn ul li{ float:left; margin-bottom:60px;}
#contm3 #topbtn ul li a{ margin:10px;	height: 100%;}



.topfont{width:990px; height:80px;margin-left: auto;margin-right: auto; padding:10px 0 0 20px; FONT-SIZE: 18pt;line-height:1.5;}

#cont01 { width: 990px; height: 85%;overflow:hidden; margin-top: 60px;margin-left: auto;margin-right: auto;background-color: rgba(255, 255, 255, 0.8) ;text-align:center;}
.subtitle01 img{opacity: 1;box-sizing: border-box;margin-bottom:3px;}




#cont02 { width: 990px; height: ;overflow:hidden; margin-top: 60px;margin-left: auto;margin-right: auto;background-color: #FFFFFF;opacity: 0.96; }

.contbox {
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
		margin-bottom: 30px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:90%;
}

.contbox_under {
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
		margin-bottom: 30px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:90%;
}

.contbox01{
    margin:0;
    padding:20px 5px 20px 5px;
		box-sizing:border-box;
    background-color:#CAF4E6;
		line-height:2;
    list-style:none;
		font-size:14px;
		width:49%;
}
.contbox02{
		box-sizing:border-box;
    padding:20px 5px 20px 5px;
    background-color:#DBF3F7;
		line-height:2;
    list-style:none;
		font-size:14px;
		width:49%;
}

.contbox04 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
    width:90%;
    background-color:none;
		font-size:15px;
		text-align:center;
}
.contbox03 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
    width:90%;
    background-color:#939393;
		text-align:center;
}


.contboxmob {
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
		margin-bottom: 30px;
    width:96%;
		display:none;
}
.contbox05{
    margin:0;
    padding:5px;
    background-color:#DCFCF4;
		line-height:2;
    list-style:none;
		font-size:14px;
		width:100%;
		text-align:left;
}
.contbox06{
    padding:5px;
    background-color:#DBF3F7;
		line-height:2;
    list-style:none;
		font-size:14px;
		width:98%;
		text-align:left;
}

#cont02 { width: 98%; padding: 10px; margin: 10px 0 10px 0px; line-height: 1.5; text-align:left;font-size: 15px;padding-left:10px;
font-family: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";}
#cont02 img{float:right; margin:5px;}
.copy { width: 100%; height: 100%;overflow:hidden; margin-left:auto;  margin-right: auto; text-align:right;padding-bottom:20px;}

.profleft{ width: 30%;float:left; line-height: 1.5; FONT-WEIGHT: bold;text-align:left;}
.profright{ width: 60%;float:left;  border-left:5px solid #66AAAF;line-height: 1.5; padding-left:5px;text-align:left;}
.prcont{ overflow:hidden;margin-bottom:10px;}

.subtitle{ width: 100%;line-height: 1.5; FONT-WEIGHT: bold;font-family:'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;font-size:20px;}
.subtext01{ width: 98%;border-left:5px solid #66AAAF;line-height: 1.5; padding:10px;height: 100%;overflow:hidden;	box-sizing: border-box;background-color:#FFFFFF;font-size: 15px;}
.subtext01 img{ width: 35%; float:right;}
.prcont{ overflow:hidden;margin-bottom:10px;}




.toptext{padding-right:5px;}
.toptext img{float:right;}


#photo01{ padding:0px; margin-left:auto;margin-right:auto; margin-top:20px;text-align:center;}

#acrhoto{ width: 70%; margin-left: auto;margin-right: auto;line-height: 1.5; font-size: 15px;font-family: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";}

#acrhoto img{ max-width: 420;}

.contphoto{ padding:0px; margin:3px;float:left; max-width:150px;}
.content4{ width: 100%;overflow:hidden; text-align:center;}

.ph01{ display:block;}
.ph02{  display:none;max-width: 300px;margin-left:auto; margin-right: auto;}



/* ------------------under-------------------- */

#under	{width:990px;height:100%;overflow: hidden;margin-left: auto;margin-right: auto;background:#0A813F;}
.listtitle{	FONT-WEIGHT: bold; FONT-FAMILY: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";}

#under2	{width:80%;height:100%;padding:15px;overflow: hidden;margin-left: auto;margin-right: auto;background:#F1FFE3;}
/* -------------------------------------------- */

/* ------------------Footer-------------------- */
#footer {width:100%; height:100%;background:url("../images/uback.jpg") ;}

#fcbox	{width:990px;margin:0 auto;overflow: hidden; margin-bottom:10px;}
.footcont01{width:30%; height:140px;float: left; padding:20px 0 0 10px; overflow: hidden;}
.footcont01 a{ background:#222222 ;}
.footcont02{width:65%; float:right; text-align:right;padding-right:5px; }

.copyright{text-align:center; background:#222222 url("../images/pattern06.png"); padding:10px 0px;color:#ffffff; }
.copyright a{text-decoration:underline; color:#ffffff; }

/* -------------------------------------------- */

/* ------------------Font-------------------- */

.titlefont01{font-weight: bold;size:16px;vertical-align: middle;}
.titlefont02{font-weight: bold;size:16px;vertical-align: middle;line-height:1.4;	background: #004080;color:#FFFFFF; margin-left:auto; margin-right:auto; padding:3px; width:86%;}
.titlefont03{color:#FF2222; margin-bottom:5px;}
.semititle01{font-weight: bold;size:14px;vertical-align: middle;}
.red{color:#FF2222;}
.redb{color:#FF2222; font-size:14px; font-weight:bold;}
.blue{color:#2222FF;}
.bold{FONT-WEIGHT: bold;}

.font01{font-weight: bold;}

/* ------------------プルダウン-------------------- */
ul.gmenu {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
}
 

 
/* サブメニュー */
ul.gmenu ul {
  display: none;
}
 
ul.gmenu > li:hover ul {
  display: block;
  height: auto;
  width: 100px;
  position: absolute;
  background-color: #CCCCCC;
  padding: 3px;
  margin-left: -5px;
  margin-top: -70px;
	z-index: 300;
}
 
ul.gmenu ul > li {
  display: block;
  padding: 5px;
}

ul.gmenu ul img {
  height: 55px;
  width: 90px;  margin-top: 7px;
}

}