body 
{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	line-height: 1.8em;
	color:#555;
	letter-spacing:1px;
-webkit-text-size-adjust:100% !important;
/* background-image:url(image/bg.png); 
 background-repeat:repeat;*/
 padding-top:0.1px;
 font-size:0.95em;
	border-bottom: 5px solid #002b6b;
}
 

img { 
    max-width: 100% !important; 
    height:auto !important;
}


a:link, a:active, a:visited {
	color: rgb(34, 102, 187);
	text-decoration: none;
}

a:hover {
	color: #04acec;
	text-decoration:underline;
}

hr {
	display: none;
}

a:hover img { opacity: 0.7; }

.switch 
{
	visibility: hidden;
}



.openwaku
{
	width:80%;
	margin:0 auto;
}





.open
{
	width:80%;
	margin:0 auto;
	margin-bottom:20px;
	border:1px solid #002b6b;
	background-color:#FFF;
	text-align:center;
	font-size:1.1em;
background-image:url(image/common/tagarrow.png);
	background-repeat:no-repeat;
	background-position:97% 50%;
	display:block;
	padding:7px;
	color:#002b6b;
cursor: pointer; 
}

.open:hover
{
	background-color:#002b6b;
	text-decoration:inherit;
	color:#FFF;
background-image:url(image/common/tagarrow2.png);
	background-repeat:no-repeat;
	background-position:97% 50%;
}

/*
.open
{
cursor: pointer; 
	border-radius:8px;
	border:1px solid #002b6b;
	background-color:#EEE;
	padding:5px 7px;
	font-weight:bold;
	font-size:0.9em;
	color:#002b6b;
	width:50%;
	text-align:center;
	margin:0 auto;
	margin-bottom:25px;
}

.open:hover
{
	color:#FFF;
	background-color:#002b6b;
}
*/
.openrow{display: none;} 





/* --------------------- 大枠 ここから --------------------- */



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



.grbg
{
	background-color:#f7ffeb; 
	padding:70px 0px 70px 0px;
}
.gbg
{
	background-color:#f5f5f5; 
	padding:70px 0px 70px 0px;
}


.bbg
{
	background-color:#EFF7F9; 
	padding:70px 0px 30px 0px;
}

.wbg
{
	background-color:#FFF; 
	padding:70px 0px 70px 0px;
}




/* --------------------- 大枠 ここまで --------------------- */





/* --------------------- header ここから--------------------- */

.fixed{
	position:fixed;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0px;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}


.logobg
{
	padding:25px 0px 20px 0px;
/*	background-color:#002b6b;*/
}

.hl
{
	float:left;
	width:490px;
}

.hr
{
	float:left;
	width:560px;
}


.toptel
{
	font-weight: bold;
	color: #002b6b;
	font-size:1em;
	float: right;
}
.toptel i{
font-size: 15px; 
padding-right: 5px;
}
.toptel strong{
	font-size: 1.3em;
}
.tagline
{
	float:left;
	display:inline;
	font-size:0.8em;
	line-height:1em;
	color:#999;
	margin-top: 7px;
}






.blogbbt
{
	width:450px;
	margin:0 auto;
	margin-top: 60px;
}

.blogbbt a
{
		border:1px solid #002b6b;
	text-align:center;
	font-size:1em;
background-image:url(image/btarrow_o.png);
	background-size: 3%;
	background-repeat:no-repeat;
	background-position:95% 50%;
	background-color:#FFF;
	display:block;
	padding:15px;
	color:#002b6b;
cursor: pointer;
text-decoration:none;
	font-weight: bold;
}

.blogbbt a:hover
{
	background-color:#002b6b;
	text-decoration:inherit;
	color:#FFF !important;
background-image:url(image/btarrow_w.png);
		background-size: 3%;
	background-repeat:no-repeat;
	background-position:95% 50%;
color:#FFF;
}





.topbt
{
	float:right;
	padding-left:15px;
	padding-top:10px;
}


/* --------------------- header ここまで--------------------- */




/* --------------------- menu ここから--------------------- */



#menu {
	border-bottom:1px solid #DDD;
}

#menuchange {

background-color:rgba(0,43,107,0.6);	
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
  z-index: 9999;
	padding:15px 0px;
}



.mainmenubg
{
	background-image:url(image/topmenubg.png);
	background-repeat:repeat-x;
}

.mainmenubg a
{
	padding:0px;
	margin:0px;
}


#dropmenu {
	float:left;
	margin: 0px 0px 0px 0px;
}

#dropmenu li {
	position: relative;
	float: left;
	padding-right:15px;
}

#dropmenu li a {
	display: block;
	padding: 10px 15px 10px;
	font-size:13px;
	line-height: 1em;
	text-decoration: none;
	color:#555;
	background: url('image/common/ftarrow3.png') no-repeat scroll 0px 12px transparent;
}
#dropmenu li:hover > a {
	background: none repeat scroll 0% 0% #002b6b;
	color: #FFF;
}
#dropmenu > li:hover > a {
	border-radius: 5px;
}
#dropmenu li:hover ul li {
	overflow: visible;
	height: 40px;
}
#dropmenu li:hover ul li:first-child {
	border-top: 0px none;
}
#dropmenu li:hover ul li:last-child {
	border-bottom: 0px none;
}
#dropmenu li:hover ul li:last-child a {
	border-radius: 5px;
}
#dropmenu .lisp
{
	margin: 4px 5px 0px 5px;
	color:#666;
	font-size:10px;
}
#dropmenu .last
{
	padding-right:0px;
	margin-right:0px;
}







#menuchange #dropmenu {
	float:left;
	margin: 0px 0px 0px 0px;
}

#menuchange #dropmenu li {
	position: relative;
	float: left;
	padding-right:13px;
}

#menuchange #dropmenu li.down{
font-size:14px;
	line-height: 1em;
	text-decoration: none;
	color:#FFF;
	padding:13px 16px 0px 0px;
}
#menuchange #dropmenu li a {
	display: block;
	padding: 13px 3px 10px;
	font-size:14px;
	line-height: 1em;
	text-decoration: none;
	color:#FFF;
}
#menuchange #dropmenu li ul {
	position: absolute;
	top: 130%;
	left: 0px;
	border-radius: 5px;
}
#menuchange #dropmenu li ul li {
	overflow: hidden;
	width: 350%;
	height: 0px;
	color:#FFF;
	transition: all 0.2s ease 0s;
}
#menuchange #dropmenu li ul li a {
	padding: 15px 15px;
	background: none repeat scroll 0% 0% #FFF;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	border:3px solid #DDD;
	border-radius: 3px;
	color:#555;
}
#menuchange #dropmenu li:hover > a {
	background: none repeat scroll 0% 0% #007bb1;
	color: #FFF;
}
#menuchange #dropmenu > li:hover > a {
	border-radius: 5px;
}
#menuchange #dropmenu li:hover ul li {
	overflow: visible;
	height: 40px;
}
#menuchange #dropmenu li:hover ul li:first-child {
	border-top: 0px none;
}
#menuchange #dropmenu li:hover ul li:last-child {
	border-bottom: 0px none;
}
#menuchange #dropmenu li:hover ul li:last-child a {
	border-radius: 5px;
}
#menuchange #dropmenu .lisp
{
	margin: 4px 5px 0px 5px;
	color:#666;
	font-size:10px;
}
#menuchange #dropmenu .last
{
	padding-right:0px;
	margin-right:0px;
}





/* --------------------- menu ここまで--------------------- */






/* --------------------- footer ここから--------------------- */

#pagetop {
	position: fixed;
	z-index: 9999;
	right: 15px;
	bottom: 15px;
}


footer
{
	 padding:50px 0px 20px 0px;
	margin-top: 0px;
	background-color: #FFF;
	border-top:1px solid #CCC;

}

.ftkou
{
	border-bottom:1px solid #CCC;
	margin-bottom: 25px;
	padding-bottom: 5px;
	text-align: center;
	color:#002b6b;
}
.ftbt{
	font-size: 2em;

	font-weight:bold;
	color: #002b6b;
	float: left;
	padding-top: 13px;
	}



.blogbt
{
	width:300px;
	display:block;
	cursor: pointer;
	margin-bottom:0px;
	float: right;
}


.blogbt a
{
	display:block;
	border:1px solid #002b6b;
	padding:10px 7px;
	font-weight:bold;
	font-size:0.9em;
	color:#002b6b;
	text-align:center;
background-image:url(image/common/tagarrow.png);
	background-repeat:no-repeat;
	background-position:97% 50%;
	background-color:#FFF;
}

.blogbt a:hover
{
	background-color:#002b6b;
	background-image:url(image/common/tagarrow2.png);
text-decoration:none;
	color:#FFF;
}
	

.ftmenu {
	margin: 5px auto 20px auto;	
	padding: 10px 0px;
	text-align: center;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.ftmenu li {
display: inline-block;
	color: #FFF;
	margin-right: 40px;


}
.ftmenu li:last-child {
	margin-right: 0px;
}

.ftmenu li a {
display: block;
	padding: 15px 0px;
	text-decoration: none;
	color:#999;
	font-size:14px;
	line-height:1.3em;
}
.ftmenu li:hover > a {
	color:#002b6b;
	text-shadow:none;
}

.ftmenu li:hover > a span {
	color:#002b6b;
}




.ftl1
{
	 width:450px; 
	 float:left; 
	margin-right: 50px;
	border-right:1px solid #CCC;
	padding-right: 50px;
}

.ftl2
{
	 width:450px; 
	 float:left; 
	margin-right: 30px;
	text-align: right;
}

.ftl3
{
	 width:300px; 
	 float:right; 
}

.ftmt
{
	border-left:3px solid #CCC;
	padding-left:6px;
	line-height:1em;
	margin-bottom:10px;
}

.ftlink
{
	margin-top:30px;
}

.ftlink a
{
	color:#555;
	font-size:0.9em;
}



.ftt
{
	font-size: 1em;
	margin-bottom: 5px;
}
.fttext li
{
display: block;
 color:#555;
	font-size: 13px;
	margin-bottom: 7px;
	padding-bottom: 0px;
	line-height: 1.6em;
}

.fttext li i
{
padding-right: 8px;
}

.ftinfo
{
 font-size:10px; 
 color:#555;
 padding-top:10px;
}






.ftlogo
{

	margin-bottom:30px;
	text-align: center;
}

.ftlogo img
{
	width:200px;
}





/* --------------------- footer ここまで--------------------- */





/* --------------------- テキスト装飾 ここから --------------------- */


.tx1
{
	font-weight:bold;
	text-decoration:underline;
}

.tx2
{
	font-weight:bold;
	color:#D00;
font-size:1.4em;
}

.tx3
{
	font-weight:bold;
	color:#D00;
}

.tx4
{
	font-weight:bold;
	font-size:1.2em;
}

.tx5
{
	background-color:#FFFF00;
	font-weight:bold;
}
/* --------------------- テキスト装飾 ここまで --------------------- */




.logo
{
float:left; 
margin:7px 0px 0px 0px;
	width: 250px;
}

.menu3 {
	float:right;
	margin: 5px 0px 0px 0px;	
}
.menu3 li {
	float: left;
	color: #FFF;
	margin-right: 40px;
	font-weight:600;

}
.menu3 li:last-child {
	margin-right: 0px;
}

.menu3 li a {
	display: block;
	padding: 15px 0px;
	text-decoration: none;
	color:#FFF;
	font-size:15px;
	line-height:1.3em;
	text-shadow:1px 1px 3px #999;
/*	text-shadow: 1px 1px 1px #333;*/
}
.menu3 li:hover > a {
border-bottom:2px solid #002b6b;
margin-top:-2px;
	color:#FF0;
	text-shadow:none;
}

.menu3 li:hover > a span {
	color:#002b6b;
}

.menubg{

	padding: 20px 0px;
background-color:rgba(0,43,107,0.3);	

}

.menu {
	float:right;
	margin: 0px 0px 0px 0px;	
}

.menu li {
	float: left;
	padding-right:0px;
	letter-spacing:1px;
	text-align:center;
	font-weight:bold;
	border-left:1px solid #CCC;
	width:207px;
}

.menu .bdnone {
	border-left:none;
}


.menu li a {
	display: block;
	padding: 15px 20px;
	text-decoration: none;
	color:#666;
	font-size:14px;
	line-height:1.3em;
/*	text-shadow: 1px 1px 1px #333;*/
}


.menu li a span {
	font-size:11px;
/*	text-shadow: 1px 1px 1px #333;*/
	font-weight:normal;
	letter-spacing:1.5px;
	color:#AAA;
}


.menu li:hover > a {
border-bottom:2px solid #002b6b;
margin-top:-2px;
	color:#002b6b;
}

.menu li:hover > a span {
	color:#002b6b;
}



.menu li:hover ul li {
	overflow: visible;
	height: 40px;
}




.menu .logo:hover > a {
border-bottom:none;
margin-top:0px;
}
.menu .logo:hover ul li {
	overflow: visible;
	height: inherit;
}


.menu .last
{
	padding-right:0px;
	margin-right:0px;
	border-right:1px solid #CCC;
}


.menu2 {
	float:right;
	margin: 3px 0px 0px 0px;
}

.menu2 li {
	float: left;
	padding-right:0px;
	letter-spacing:1px;
	text-align:center;
	border-left:1px solid #777;
}

.menu2 li a {
	display: block;
	padding: 7px 15px;
	text-decoration: none;
	color:#FFF;
	font-size:14px;
	line-height:1.2em;
	text-shadow: 1px 1px 1px #333;
}


.menu2 li a span {
	font-size:12px;
	text-shadow: 1px 1px 1px #333;
	font-weight:inherit;
	letter-spacing:0px;
	color:#EEE;
}


.menu2 li:hover > a {
	background: none repeat scroll 0% 0% #3ec8ca;
	color: #FFF;
}
.menu2 li:hover ul li {
	overflow: visible;
	height: 40px;
}

.menu2 .last
{
	padding-right:0px;
	margin-right:0px;
}








.shake {
    display: inline-block;
    animation: hurueru .4s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1px, 1px) rotateZ(1deg)}
    50% {transform: translate(0px, 1px) rotateZ(0deg)}
    75% {transform: translate(1px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}


.wraptop{
	width : 1050px;
	margin:0px auto; 
	padding: 7px 0px;
}

.wraptop2{
	width : 1050px;
	margin:0px auto; 
	padding: 7px 0px;
}
.tbg
{
	background-color: #FFF;
	padding:0px 0px 100px 0px;
	background-size: cover;
	background-image: url(image/headbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}


.pagetopbg
{
	background-color: #FFF;
	padding:0px 0px 0px 0px;
	background-size:cover;
	background-image: url(image/headbg.jpg);
}

/*
.pagetitle
{
	font-size: 2.2em;
	color: #FFF;
	font-weight: bold;
text-shadow: 1px 1px 2px black;
	text-align: center;
	padding: 120px 0px;
}
*/
.pagetitle
{
	font-size: 2.5em;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 110px 0px;
}

.pagetitle span
{
}



.hbbg
{
	margin: -200px auto 50px auto;
	background-color: #FFF;
	padding: 0px 0px;
	width: 1050px;
	z-index: 0;
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}



.hbbgtitle
{
box-sizing:border-box;
	background-color: #563847;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 1.8em;
	width: 1050px;
	margin: 0 auto;
	padding: 25px 0px;
	border-bottom: 1px solid #FFF;
}

.hbbg .topmbg
{
	width: 1050px;
	margin: 0 auto;
}

.hbbg .topml
{
	float: left;
	width: 350px;
	text-align: center;
	color: #FFF;
padding: 30px;
box-sizing:border-box;
}
.hbbg .bg1
{
	background-color: #002b6b;
}

.hbbg .bg2
{
	background-color: #003C7A;
}
.hbbg .bg3
{
	background-color: #1C68B4;
}




.hbbg .topml img
{
	width: 70px;
}

.hbbg .topml .topmlm
{
	font-size: 1.2em;
	padding: 15px 0px 20px 0px;
	font-weight: bold;

}
.hbbg .topml p
{
	line-height: 1.5em;
}