@charset "Shift_JIS";


body {
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0px;
}
h1 {
	font-size: 12px;
	font-weight: normal;

	margin: 0px;
	width: 100%;
	text-align: left;
	background-image: url(../img/logo_bg.gif);
	background-repeat: repeat;
	color: #FFF;
}
.outline {
    display: block;
    color: #333333;
    border-left-color: #3f8c8c;
}
.outline:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px; /*下線の上下位置調整*/
    display: inline-block;
    width: 100px; /*下線の幅*/
    height: 4px; /*下線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%); /*位置調整*/
    background-color: #3f8c8c; /*下線の色*/
}
@media screen and (max-width: 979px){
 .outline {
	height: auto;
	width: auto;
}

}
@media screen and (min-width: 980px) {
.outline {
	height: 35px;
	width: 730px;
    }
}
a {
	color: #0033FF;  
	text-decoration: none;
}
#otoiawase {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.clear{
	clear: both;
}

.clear hr{
	display: none;
}

.t14,.t12 {
	font-size: 14px;
	line-height: 1.6em;
	color: #333333;
	text-indent: 1em;
	letter-spacing: 0.1em;
	padding-right: 4%;
	padding-left: 4%;
}
.tentry {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:2em;
	color:#FC0;
	background-color:#999;
	padding-right: 4%;
	padding-left: 4%;
}
	
#up1 {
	/**width: 950px;**/
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#headpart {
	left: 0px;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#headtitle1 {
	/**background-image: url(../img/logo_bg.gif);
	background-repeat: repeat-x;*//
	height: 100px;
	margin-right: auto;
	margin-left: auto;
}
.hatawa,.hatayo{
    color: white;
    font-family: 'Noto Serif JP', serif;
    
}
a p.hatawa,a p.hatayo{
    margin-top: -30px;
}

.hatawa{
    font-size: 25px;  
} 
@media screen and (min-width: 640px) {
.hatayo{
    margin-left:12px; 
    font-size: 18px;
}
}
@media screen and (max-width: 639px){
.hatayo{
    display: none;
    }
}
@media screen and (max-width: 979px){
/*×改修後消去予定**/    
#headtitle1_720 {
	width: 327px;
}	

#headtitle1a {
	width: 327px;
    padding-top:  46px;
	height: 54px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
}
#headtitle2 {
	
}
#headtitle2a {
	
}
/**ここまで改修後消去予定**/    
#hatakaikeizimusyo {
    background-color:#003366;
    height: 100px;
    }    
#hatakaikeizimusyol{
    margin-top: 15px;
    text-align: center;
    }
#hatakaikeizimusyor{
    display: none;
    }    
}

@media screen and (min-width: 980px) {
/*×改修後消去予定**/    
#headtitle1_720 {
	width: 720px;
	height: 100px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}


#headtitle1a {
	width: 400px;
	height: 100px;
	text-align: left;
	float: left;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
}

#headtitle1a a{
	display: block;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 400px;
	float: left;
}
#headtitle2 {
	background-image: url(../img/bg2.jpg);
	background-repeat: repeat-x;
	height: 96px;
	margin-right: auto;
	margin-left: auto;
}
#headtitle2a {
	width: 720px;
	height: 96px;
	background-image: url(../img/hata_top_r2_c1.jpg);
	background-repeat: no-repeat;
	margin-left: 10%;
}
/**ここまで改修後消去予定**/ 
#hatakaikeizimusyo {
    position: relative;
    background-color:#003366;
    height: 100px;
    display: block;
    }
    
#hatakaikeizimusyol{
    position: absolute;
    top:10px;
    left:0px;
    white-space: nowrap;
    transform: translateX(20%);
    }
  
#hatakaikeizimusyor{
    position: absolute;
    text-align: left;
    top: 20px;
    left:50%;
    line-height: 1.6em;
    } 
.addhata,.addhata a{
    color: white;
    margin-top: 1px;
    margin-left:12px; 
    font-family: serif;
    font-size: 16px; 
    font-weight: bold;
    }
.addhata a:hover {
    color: gray;    
    }    
    
}
#address {
	font-size: 14px;
	color: #FFF;
	font-weight: 300;
	margin: 0px;
	line-height: 14px;
}
/* ▽▽ハンバーガーメニュー▽▽
------------------------------------------------------- */
@media screen and (max-width: 979px){

.hm_menu_check {/* チェックボックスを隠す */
  display: none;
  }
.hm_wrap {
	display: inline-block;
	position :absolute;
	top :4%;
	right: -5px;
	width :100%;
	padding :10px;
	z-index:1;
    overflow: hidden;
	/*background-color:#d1dbef; */
}
 
.hm_title {/* ハンバーガーメニューオープン時の見出し */
	position: relative;
	color:#999;
	display: inline-block;
    
	float: right;
	font-weight: 100;
	line-height: 30px;
	margin: 0 0 0 0;
	opacity: 0;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
	-webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
	transition: transform 0.6s, opacity 0.5s;
	z-index: 2;
}
 
/* ▽▽メニューボタン▽▽ */
.hm_btn {
	position: relative;
	width: 30px;
	height: 30px;
    right:0px;
    margin-top: -10px;
    margin-bottom: 400px;
    margin-right: 7px;
	cursor: pointer;
	display: block;
	float: right;
	z-index: 2;
	pointer-events:auto;
}
.hm_btn::before {
	-webkit-box-shadow: white 0 12px 0;
	box-shadow: white 0 12px 0;
}
.hm_btn::after {
	bottom: 0;
}
.hm_btn::before,
.hm_btn::after {
	width: 30px;
	height: 6px;
	background: white;
	display: block;
	content: '';
	position: absolute;
	/*-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;*/
	/*transition: box-shadow 0.2s linear, transform 0.2s 0.2s;*/
}
/* △△メニューボタン△△ */
 
.hm_menu_wrap {
	width:100%;
	height:400px;
	background:white;
	position: absolute;
	left: 100%;
	top: 100px;
	-webkit-transition: left 0.4s;
	transition: left 0.4s;
}
 
/* ▽▽開閉時のアニメーション▽▽ */
.hm_menu_check:checked ~ .hm_title {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.hm_menu_check:checked ~ .hm_btn::before {
	-webkit-box-shadow: transparent 0 0 0;
	box-shadow: transparent 0 0 0;
	-webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
	transform: rotate(45deg) translate3d(6px, 11px, 0);
}
.hm_menu_check:checked ~ .hm_btn::after {
	-webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
	transform: rotate(-45deg) translate3d(6px, -11px, 0);
}
.hm_menu_check:checked ~ .hm_menu_wrap {
	left: 0;
}
 
/* △△開閉時のアニメーション△△ */
 
/* ▽▽メニュー内のリストスタイル▽▽ */
.hm_list {
	list-style-type: none;
	margin-top:30px;
	margin-left:50% ;
	padding: 0;
	z-index: 100;
    
	
}
.hm_list li a {
	color:#000000;
	display: block;
	overflow:hidden;
	padding: 8px 22px;
	position: relative;
	text-decoration: none;
	pointer-events:auto;
    border-bottom: solid 1px black;
	
    
}



/*
.hm_list li a::before {/* aタグマウスオーバー時の背景 */
/*	background: #eee;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 100%;
	left: 0;
	-webkit-transition: bottom 0.4s;
	transition: bottom 0.4s;
	
}
 
.hm_list li a:hover::before {
	bottom: 0;
}


.hm_list li a:hover::after {
	opacity: 0.5;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

}*/
.hm_menu2 {
    position: absolute;
    top:30px;
    right:15px;
    /**font-family: serif;**/
    font-size: 14px;
    color: white;
}    
}
@media screen and (min-width: 980px) {
    .hm_wrap {
        display: none;
}
}
/* メニュー内のリストスタイル△△ */

    




/* △△ハンバーガーメニュー△△
------------------------------------------------------- */


@media screen and (max-width: 639px){
/**改修後消去予定**/    
    
#globalnavir1 {
	
}
ul#globalnavir1 {
	font-size: 12px;
	font-weight: bold;
	position: relative;
	display: block;
	margin-top: 10px;
	margin-right: 2%;
	margin-left: 2%;
	padding: 0px;
}

ul#globalnavir1 a{
	
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 48px;
	margin-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #00aee0;
	line-height: 48px;
	
	
}

#globalnavir1 li {
	float: left;
	width: 49%;
	list-style-type: none;
	display: block;
	margin-top: 0px;
	border: 1px solid #FFF;
}

li#globalnavi_r19,li#globalnavi_r19d {
	display: none;
}
#globalnavi_r11d,#globalnavi_r12d,#globalnavi_r13d,#globalnavi_r14d,#globalnavi_r15d,#globalnavi_r16d,#globalnavi_r17d,#globalnavi_r18d{
	line-height: 48px;
	height: 48px;
	display: block;
}
.pc {
    display: none;
    } 
.sp{
    display: block; 
    margin-left: 2%;
    margin-right: 2%;
    } 
.sp p{
    color: blue;
    }


}
/**ここまで改修後消去予定**/


@media screen and (min-width: 640px) and (max-width: 979px) {
/**改修後消去予定**/    
#globalnavir1 {
	
}
ul#globalnavir1 {
	font-size: 12px;
	font-weight: bold;
	position: relative;
	display: block;
	margin-top: 10px;
	margin-right: 2%;
	margin-left: 2%;
	padding: 0px;
}

ul#globalnavir1 a{
	
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 22px;
	margin-top: 0px;
	/*padding-top: 58px; */
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #00aee0;
	line-height: 22px;
	
	
}

#globalnavir1 li {
	float: left;
	width: 49%;
	list-style-type: none;
	display: block;
	margin-top: 0px;
	border: 1px solid #FFF;
}

li#globalnavi_r19 {
	display: none;
}
#globalnavi_r11d,#globalnavi_r12d,#globalnavi_r13d,#globalnavi_r14d,#globalnavi_r15d,#globalnavi_r16d,#globalnavi_r17d,#globalnavi_r18d{
	line-height: 22px;
	height: 22px;
	display: block;
}
/**ここまで改修後消去予定**/
.pc {
    display: none;
    } 
.sp{
    display: block;    
    } 
.sp p{
    color: blue;
    }    
}
@media screen and (max-width: 979px){
#globalnavir2{
    display: none;
        
    }     
}

@media screen and (min-width: 980px) {
/**改修後消去予定**/    
#globalnavir1 {
	width: 1120px;
	/**position: relative;**/
	height: 40px;
	overflow: hidden;
	background-image: url(../img/navibase1120.gif);
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-top: 0px;
}

ul#globalnavir1 {
	padding: 0px;
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

ul#globalnavir1 a{
	/**color: #636563;**/
	
	background-repeat: no-repeat;
	
	
}
#globalnavir1 li {
	float: left;
	display: block;
	height: 25px;
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	/**margin-left: 0px;**/
}

#globalnavi1 li {
	float: left;
	display: block;
	height: 25px;
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}
/**ここまで改修後消去予定**/
#globalnavir2 {
	width: 1120px;
	/**position: relative;**/
	height: 40px;
	overflow: hidden;
	background-image: url(../img/navibase1120.gif);
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin-top: 0px;
}
ul#globalnavir2 {
	padding: 0px;
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

ul#globalnavir2 a{
	/**color: #636563;**/
	
	background-repeat: no-repeat;
	
	
}

#globalnavir2 li {
	float: left;
	display: block;
	height: 25px;
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	/**margin-left: 0px;**/
}       
#globalnavi_r11 a{
	color: #636563;
	width: 136px;
	float: left;
	margin-left: 0px;
}
	
#globalnavi_r11 a:hover {
	color: #b20009;	
}
#globalnavi_r11d{
	width: 136px;
	margin-left: 0px;
	color: #b20009;
}
#globalnavi_r12 a{
	color: #636563;
	width: 148px;
	float: left;
	margin-left: 0px;
	
}
	
#globalnavi_r12 a:hover {
	color: #2d447a;	
}
#globalnavi_r12d {
	width: 148px;
	margin-left: 0px;
	color: #2d447a;
	
}
#globalnavi_r12d a{
	width: 148px;
	margin-left: 0px;
	color: #2d447a;
	
	padding-top: 0px;
}

#globalnavi_r13 a{
	color: #636563;
	width: 136px;
	margin-left: 0px;
	float: left;
		
}
#globalnavi_r13 a:hover {
	color: #3f8c8c;
}
#globalnavi_r13d{
	width: 136px;
	margin-left: 0px;
	color: #3f8c8c;
	
}
#globalnavi_r13d a{
	width: 125px;
	margin-left: 0px;
	color: #3f8c8c;
	text-align: center;
	padding-top: 0px;
}

#globalnavi_r14 a{
	color: #636563;
	width: 140px;
	margin-left: 0px;
	float: left;
		
}	
#globalnavi_r14 a:hover{
	color: #658cb2;
	}
#globalnavi_r14d	{
	width: 140px;
	margin-left: 0px;
	color: #658cb2;
	
}
#globalnavi_r14d a{
	width: 124px;
	margin-left: 0px;
	color: #658cb2;
	text-align: center;
	padding-top: 0px;
}

	
#globalnavi_r15 a{
	color: #636563;
	width: 140px;
	margin-left: 0px;
	float: left;	
}
#globalnavi_r15 a:hover{
	color: #669966;		
}
#globalnavi_r15d{
    width: 140px;
	margin-left: 0px;
	color: #669966;

}
#globalnavi_r15d a{
    width: 128px;
	margin-left: 0px;
	color: #669966;
	text-align: center;
	padding-top: 0px;
}

#globalnavi_r16 a{
	color: #636563;
	width: 140px;
	margin-left: 0px;
	float: left;	
}
#globalnavi_r16 a:hover{
	color: #019A66;	
}


#globalnavi_r16d {
	width: 140px;
	margin-left: 0px;
	color: #019A66;
	
}
#globalnavi_r16d a{
	width: 140px;
	margin-left: -2px;
	color: #019A66;
	padding-top: 0px;
}
#globalnavi_r17 a{
	color: #636563;
	width: 140px;
	margin-left: 0px;
	float: left;	
}
#globalnavi_r17 a:hover{
	color: #FF6600;	
}
#globalnavi_r17d{
	width: 140px;
	margin-left: 0px;
	color: #FF6600;
	
}
#globalnavi_r17d a{
	width: 110px;
	margin-left: 0px;
	color: #FF6600;
	text-align: center;
	padding-top: 0px;
}



#globalnavi_r18 a{
	color: #636563;
	width: 140px;
	margin-left: 0px;
	float: left;	
}
#globalnavi_r18 a:hover{
	color: #999900;	
}
#globalnavi_r18d{
	width: 140px;
	margin-left: 0px;
	color: #999900;
	
}
#globalnavi_r18d a{
	width: 110px;
	margin-left: 0px;
	color: #999900;
	text-align: center;
	padding-top: 0px;
}
.pc {
    display: block;        
    }
.sp {
    display: none;
    }
    
}
@media screen and (max-width: 979px){

.main img{
	margin-top: 15px;
	max-width: 100%; 
    height:auto;
}
/**改修後消去予定**/  
#mainr img{
	margin-top: 15px;
	max-width: 100%; 
    height:auto;
}
/**ここまで改修後消去予定**/
.maincenter {
	margin-right: 2%;
	margin-left: 2%;
	height: auto;
	text-align: center;
	display: block;
} 
}
@media screen and (min-width: 980px) {
.main{
	width: 100%;
	overflow: hidden;
	text-align: center;
	left: -3px;
	margin-top: 7px;

}
/**改修後消去予定**/    
#mainr{
	width: 100%;
	overflow: hidden;
	text-align: center;
	left: -3px;
	margin-top: 7px;

}
#maincenter950r {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	text-align: center;
	display: block;
}
/**ここまで改修後消去予定**/
.maincenter{
    width: 1150px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	text-align: center;
	display: block;
	margin-top: 10px;    
}    
}
@media screen and (max-width: 979px){
#homer img{
	display:none;
}
/**  パンくずリスト  **/
#topicpath{
	display:none;
}
}
@media screen and (min-width: 980px) {
#homer a{
	display: block;
	width: 950px;
	background-repeat: no-repeat;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
	margin-bottom: 0px;	
}
/**  パンくずリスト  **/
#topicpath{
	text-align: left;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	margin-top:-20px;
	margin-bottom: 0px;
}

#topicpath ul{
    list-stile:none;
	margin-left:-30px;
}
#topicpath ul li{
	
    display:inline;	
}
#topicpath ul li a:after{
	content:"　＞　";
}

}
#maininner{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	display: block;
	text-align: center;
}
@media screen and (max-width: 979px){
#contentstopr {
	display: block;
	text-align: center;
	margin-top: 10px;
}
#contentstopr img {
	max-width: 100%; 
    height:auto;
	margin-top: 10px;
}
#contentstopmenur img{
    max-width: 100%; 
    height:auto;	
}

ul#contentstopmenur {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-right: 1%;
	margin-left: 1%;
	padding: 0px;
}

ul#contentstopmenur a{
	/**font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 22px;
	margin-top: 0px;

	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #00aee0;**/

	
	
}

#contentstopmenur li {
	float: left;
	width: 99%;
	list-style-type: none;
	display: block;
	margin-top: 0px;
	border: 1px solid #FFF;
}
#contentstopmenur li img {
	
}
#contacttbl {
	list-style-type: none;
	margin: 5px;
    width:100%;
    table-layout: fixed;
}
#contacttbl tr{
    text-align: left;
}
.td100 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
} 

}
@media screen and (min-width: 980px) {
.maininner{
    margin-top: 30px;
	margin-bottom: 30px;
    display: flex;
    flex-direction: row-reverse;
}     
#contentstopr {
	width: 630px;
	float: right;
	text-align: left;
	margin-top: 30px;
	margin-left: 20px;
	display: block;
}
.contentstopr  {
	width: 730px;
	/**float: right;**/
	text-align: left;
	margin-top: 0px;
	margin-left: 20px;
	/**display: block;**/
} 
#contentstopmenur {
	
}
#contentstopmenur img{
    width: 300px; 
    height:auto;	
}
ul#contentstopmenur {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-right: 1%;
	margin-left: 1%;
	padding: 0px;
}

ul#contentstopmenur a{
	/**font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 22px;
	margin-top: 0px;

	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #00aee0;**/

	
	
}

#contentstopmenur li {
	float: left;
	width: 49%;
	list-style-type: none;
	display: block;
	margin-top: 0px;
	border: 1px solid #FFF;
}
#contacttbl {
	width: 320px;
	list-style-type: none;
	margin: 5px;
}
.td100 {
    width: 100px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}    
}



@media screen and (max-width: 979px){
#topsider,#sidemenur {
	width: 100%;
	text-align: center;
	float: left;
	text-align: left;
	margin-top: 10px;
	display: block;
	
}  
ul#topsidemenur,ul#sidemenur1 {
	padding: 0px;
}
ul#topsidemenur img,ul#sidemenur1 img {
	display: none;
}

#topsidemenur li,#sidemenur1 li{
	list-style-type: none;
	/**display: block;
	float: left;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;**/
}
  
#topsidemenur li a,#sidemenur1 li a{
	/**background-repeat: no-repeat;**/
	height: 44px;
	/**width: 192px;**/
	position: relative;
	line-height: 44px;
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 4px;
	margin-top: 5px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
	padding-left: 5%;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	color: #000;
}
#topsidemenur li a:before,#sidemenur1 li a:before{
	content:attr(data-label);
}
#topsidemenur li a:after,#sidemenur1 li a:after{
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	content:"";
	width: 11px;
	height: 17px;
	background-image: url(../img/ya01.gif);
	-webkit-background-size: 11px 17px;
	background-size: 11px 17px;
	margin-right: 5%;
	margin-top: -8px;
}
.sidesml2titler{
	display: none;
}

}

@media screen and (min-width: 980px) {

#topsider {
	width: 300px;
	text-align: center;
	float: left;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	display: block;
}

ul#topsidemenur {
	display: block;
	width: 292px;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	list-style-type: none;
	padding: 0px;
}

 

#topsidemenur li {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	list-style-type: none;
	display: block;
	width: 300px;
	line-height: 40px;
	
}

#topsidemenur li a{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	list-style-type: none;
	display: block;
	width: 300px;
	line-height: 40px;
	color: #000;
	border: 1px solid #CCC;
} 

#topsidemenur li a:hover {
	background-color: #DDFFFF;
}
.topsidemenul {
	width: 370px;
	text-align: center;
	/**float: left;**/
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	/**display: block;**/
    
    
} 
.topsidemenusticky{
     position: sticky;
    top: 30px;
    /**bottom: 10px;**/
        
    }    
#sidemenur {
	width: 200px;
	text-align: center;
	margin-top: 35px;
	margin-right: 50px;
	position: relative;
	display: block;
	float: left;
	overflow: visible;
}
ul#sidemenur1 {
	display: block;
	/**height: 30px;**/
	width: 192px;
	position: relative;
	margin-top: 0px;
	float: left;
	margin-left: 0px;
	padding: 0px;	/***border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;**/
	list-style-type: none;
}
ul#sidemenur1 li ul{
	padding: 0px;
}
ul#sidemenur1 li ul li{
	margin: 0px;
}

#sidemenur1 li{
	display: block;
	width: 200px;
	left: 0px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
}
#sidemenur1 li a{
    display: block;
	height: 28px;
	margin-top: 0px;
	background-repeat: no-repeat;
	font-size: 11px;
	color: #666666;
	text-align: left;
	vertical-align: top;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	left: 40px;
	width: 200px;
	margin-left: 0px;
}
#sidemenur1 li a:hover{
	background-image: url(../outline/img/navi_ya.gif);
	font-size: 11px;
	color: #663300;
	width: 200px;
	margin-left: 0px;
}
.sidesml2titler{
	background-image: url(../outline/img/navi_ya.gif);
	color: #663300;
	height: 28px;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 32px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
}

@media screen and (max-width: 979px){
#upr {
    margin: 0 10px 10px 10px 10px;
	text-align:right;
}
#upr img {
	display: none;
}
#upr a{
	padding:0 0 0 14px;
	font-size:14px;
	background:url(../img/arw01t.gif) no-repeat left center;
	-webkit-background-size:11px;
	background-size:11px;
}
#upr a:after {
	content:attr(data-label);
}
#upr1 {
    display: none;        
    }
}
@media screen and (min-width: 980px) {
#upr a{
	text-align: right;
	background-color: #FFF;
	display: block;
	background-repeat: no-repeat;
	height: 20px;
	width: 25px;
	margin-left: 920px;
	margin-top: 10px;
}
#upr1 a{
	text-align: right;
	background-color: #FFF;
	display: block;
	background-repeat: no-repeat;
	height: 20px;
	width: 25px;
	margin-left: 720px;
    margin-top: 10px;
}     
}

@media screen and (max-width: 979px){
.copyrightr{    
     margin-bottom: 80px;
    }
.copyrightr img {
	display: none;
	}
.copyrightr:after {
	content:attr(data-label);
}
ul#footsp{
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#footsp li{
	display: inline;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footsp li a{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	background: url(../img/arw01r.gif) no-repeat left center;
	-webkit-background-size:11px;
	background-size:11px;
}


}
@media screen and (min-width: 980px) {
.copyrightr {
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
ul#footsp{
	display: none;
}
}
/**お問い合わせ（下）**/
#hataotoiawase{
    
    
}
.hataotoiawase1{
  /**osition: relative;**/
  display: flex;
  left: 0;
  
  /**display: block;**/
  /**bottom: 0;**/    
  padding: 0;
  list-style: none;
  text-align: center;
  /**table-layout: fixed;**/
  width: 100%;
  border-collapse: collapse; 
  background-color: #003366;
}
.hataotoiawasel ,.hataotoiawaser {
    
  display: block;
  /**float: left;**/
  padding: 0px 0px;
  /**background-color: #003366;**/
  /**margin-bottom: -30px;**/
  border-left: solid 1px white;
  width: 50%;
}



.hataden1 a,.hataden2,.hataden2 a,.hatamail1 a,.hatamail2 a,.hataden3{
    line-height: 2em;
    color: white;
} 
.hataden1 a:hover,.hataden2 a:hover,.hatamail1 a:hover,.hatamail2 a:hover {
    color: gray;
} 
@media screen and (max-width: 639px){
.hataotoiawase1,.hataotoiawasel ,.hataotoiawaser{
    height: 140px;    
    }    
    
    
.hataden1 a,.hatamail1 a{
    font-size: 16px;
}
.hataden2 a,.hatamail2 a{
    font-size: 20px;
}
.hataden3{
    font-size: 14px;
}        
}

@media screen and (min-width: 640px) and (max-width: 979px) {
.hataotoiawase1,.hataotoiawasel ,.hataotoiawaser{
    height: 160px;    
    }     
.hataden1 a,.hatamail1 a{
    font-size: 20px;
}
.hataden2 a,.hatamail2 a{
    font-size: 28px;
}
.hataden3{
    font-size: 14px;
}    
}
@media screen and (min-width: 980px) {
.hataotoiawase1,.hataotoiawasel ,.hataotoiawaser{
    height: 180px;    
    }    
.hataden1 a,.hatamail1 a{
    font-size: 25px;
}
.hataden2 a,.hatamail2 a{
    font-size: 40px;
}
.hataden3{
    font-size: 18px;
}   
}
/***下左**/
.hatawa2{
    color: black;
    font-family: 'Noto Serif JP', serif;
    font-size: 25px;  
} 
/**フッターメニュー**/
@media screen and (max-width: 979px){

#hootermenu{
    color: white;
}
.nav-list{
   position: fixed;
  left: 0;
  bottom: 0;    
  display: block;
  padding: 0;
  list-style: none;
  text-align: center;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse; 

}
.nav-item1 ,.nav-item2 ,.nav-item3,.nav-item100,.nav-item101 ,.nav-item102 ,.nav-item103 {
  font-size: 24px; 
  display: block;
  float: left;
  padding: 0px 0px;
  background-color: #003366;
  margin-bottom: -20px;
  border: solid 1px white;
  
}
.nav-item1 a,.nav-item2 a,.nav-item3 a,.nav-item100 a,.nav-item101 a,.nav-item102 a,.nav-item103 a{
  color: white;
}
.nav-item1 ,.nav-item2 {
  width: 40%;
}
.nav-item101 ,.nav-item102{
  width: 30%;       
}    
.nav-item3,.nav-item100 ,.nav-item103 {
  width: 18%;
}
.nav-item0 a span,.nav-item1 a span,.nav-item2 a span,.nav-item3 a span,.nav-item100 a span,.nav-item101 a span,.nav-item102 a span,.nav-item103 a span{
  display: block; 
  font-size: 14px;
    color: white;
}
}
@media screen and (min-width: 980px) {
#hootermenu{
    display: none;
}
    
}
@media screen and (min-width: 640px){
.employtbl {
	width: 450px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-collapse: collapse;
	vertical-align: top;	
}
.employtd1 {
	width: 100px;
	font-size: 14px;
	line-height: 17px;
	color: #333333;
	font-weight:bold;
	white-space: normal;
	margin: 1px;
	vertical-align: top;
	width: 50px;
}
.employtd2 {
	width: 350px;
}
}
.employtbl tr,.employtbl td {
	font-size: 14px;
	color: #333333;
	
	border-right:1px solid #666666;
    border-bottom:1px solid #666666;
}
@media screen and (max-width: 639px){
.employtbl {
	table-layout:fixed;
	width: 100%;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-collapse: collapse;
	vertical-align: top;
}
.employtd1 {
	width: 20%;
	word-break:break-all;
	word-wrap:break-word;
	font-size: 14px;
	line-height: 17px;
	color: #333333;
	font-weight:bold;
	white-space: normal;
	vertical-align: top;
}
.employtd2 {
	width: 80%;
	word-break:break-all;
	word-wrap:break-word;
}
}
@media screen and (min-width: 640px){
.employtbl {
	width: 450px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-collapse: collapse;
	vertical-align: top;	
}
.employtd1 {
	width: 100px;
}
.employtd2 {
	width: 350px;
}
}

.employtbl tr,.employtbl td {
	font-size: 14px;
	color: #333333;
	
	border-right:1px solid #666666;
    border-bottom:1px solid #666666;
}