body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background: url(../img/body-haikei.jpg) repeat-x top;
}
img {
    border-style:none;
}
.left_waku-annai {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #E1D1B3;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	width: 158px;
	background-color: #FFFFFF;
}
.left-text {
	font-size: 0.75em;
	background-color: #FFFFFF;
	color: #666666;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 1.5em;
}
.title-waku {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
}

.comment-all {
	font-size: 0.75em;
	line-height: 1.5em;
	color: #666666;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}



.body_waku {
	padding: 0px;
	width: 950px;
	margin: 0px auto;
	background: #FFFFFF;
}
.main_title {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}


.main-waku {
	padding: 0px;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.waku_left {
	margin: 0px;
	padding: 5px 5px 30px;
	width: 280px;
	text-align: left;
	vertical-align: top;
	background: url(../img/left-menu_haikei.jpg) repeat-x left bottom;
}
.left-menu_haikei01 {
	text-align: left;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

.waku_right {
	margin: 0px;
	background-image: url(../img/right-haikei.gif);
	width: 640px;
	text-align: left;
	vertical-align: top;
	background-position: right;
	padding: 0px 10px;
}


#body-center {
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

.basic65 {
	font-size: 0.65em;
}
.basic70 {
	font-size: 0.7em;
}
.basic75 {
	font-size: 0.75em;
}
.basic80 {
	font-size: 0.8em;
}
.basic85 {
	font-size: 0.85em;
}
.basic90 {
	font-size: 0.9em;
}
.basic95 {
	font-size: 0.95em;
}
.basic100 {
	font-size: 1em;
}
.basic105 {
	font-size: 1.05em;
}
.basic110 {
	font-size: 1.1em;
}
.basic115 {
	font-size: 1.15em;
}
.basic120 {
	font-size: 1.2em;
}

.color-red {
	color: #FF0000;
}
.color-green {
	color: #009900;
}
.color-blue {
	color: #0066FF;
}
.color-gray {
	color: #666666;
}
.color-orange {
	color: #FF3300;
}
.color-broun {
	color: #AD4601;
}

h1 {
	font-size: 0.7em;
	text-align: left;
	font-weight: normal;
	width: 950px;
	margin: 0px auto;
	padding: 5px 0px 0px;
	height: 14px;
	color: #666666;
	background: url(../img/body-haikei.jpg) repeat-x top;
}
h2 {
	margin: 0px;
	padding: 0px;
}
h3 {
	margin: 0px;
	padding: 0px;
}
h4 {
	margin: 0px;
	padding: 0px;
}

.text {
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: left;
	margin: 0px;
	padding: 10px 0px;
	color: #666666;
}
a {
	color:#0000FF;
}
a:link {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	color:#FF6600;
	text-decoration:underline;
}
.footer {
	text-align: right;
	padding: 5px;
	font-size: 0.8em;
	font-weight: normal;
	color: #666666;
	margin: 0px auto;
	background: url(../img/copyright-haikei.jpg) repeat-x bottom;
	width: 940px;
}
.footer_haikei {
	margin: 0px auto;
	padding: 0px;
	background: url(../img/footer-haikei.jpg) repeat-x top;
	height: 100px;
	text-align: center;
	vertical-align: top;
}

.footer_comment {
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	margin: 0px auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	background: url(../img/footer-comment_haikei.jpg) repeat-x top;
	width: 950px;
	vertical-align: top;
}
.footer_comment-haikei {
	margin: 0px;
	color: #666666;
	border-right-color: #006600;
	border-left-color: #006600;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #006600;
	border-bottom-color: #006600;
	padding: 0px;
}
.footer_menu {
	text-align: center;
	font-size: 0.75em;
	width: 950px;
	margin: 0px auto;
	padding: 15px 0px;
	background: #FFFFFF;
	line-height: 1.5em;
	color: #333333;
}


.pic_right {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.pic_left {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.waku {
	margin: 0px;
	padding: 15px 25px;
}

.pankuzu {
	margin: 0px;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	text-align: left;
	font-size: 0.7em;
	color: #666666;
}

.sub-title01 {

	margin: 10px 0px;
	padding: 2px 5px;
	font-size: 0.8em;
	color: #666666;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #A2CC59;
	font-weight: bold;
	text-align: left;
}
.menu-link:link {
	color : #273B64;
	text-decoration: none;
	font-weight: bold;
}
.menu-link:visited {
	color : #273B64;
	text-decoration: none;
	font-weight: bold;
}
.menu-link:active { text-decoration: none }
.menu-link:hover {
	text-decoration: underline;
	color: #FF0000;
}
.left-menu_haikei02 {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 5px;
}
.left_menu_box {
	text-align: left;
	vertical-align: top;
	margin: 0px 14px 15px 6px;
	padding: 10px;
	border: 1px solid #666666;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #333333;
}
.up-left {
	text-align: left;
	vertical-align: top;
}
.img_right {
	text-align: right;
	vertical-align: top;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}
.presented_by {
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
}

a.foot {
	color:#333;
	text-decoration: none;
}
a.foot:link {

}
a.foot:active {
	text-decoration:none;
}
a.foot:visited {
	text-decoration: none;
}
a.foot:hover {

}

/*-----------------------------------------------------------------------------*/
div{
	box-sizing: border-box!important; /* make sure that the padding is included and not added */
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	overflow: hidden; 
	word-wrap: break-word; 
	margin: 0 auto;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.unselect{
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}
@media (max-width: 769px) {
	
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.left, .right{
		width: 100%!important;
	}	
}

/*header and footer*/
.main_title{
	background: url("../img/add_2020/main_title_bg.jpg");
	background-repeat: repeat-x;
	background-size: auto 70px;
}
.main_title table tr td:nth-of-type(1) img{
	width: 622px;
	height: 96px;
}
.main_title table tr td:nth-of-type(2) img{
	width: 328px;
	height: 96px;
}



.sp_menu{
	z-index: 9999;
	width: 270px;
	height: 100vh;
	position: fixed;
	top: 0px;
	/*right: 0px;*/
	right: -320px;
	background-color: #fff;
	border-left: 1px solid #CCC;
}
.sp_menu > img{
	position: fixed;
	top: 16px;
	/*right: 280px;*/
	right: -40px;
}
.sp_menu ul{		
	margin: 0px;
	padding: 0px;
	display: -webkit-flex; /* Safari対応のつもり */
	display: -ms-flexbox; /* IE10以下対応 */
	display: flex;
	-webkit-flex-direction: column; /* Safari対応のつもり */
	-ms-flex-direction: column;/* IE10以下対応 */
	flex-direction: column;
}
.sp_menu li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
	text-align: center;	
}
.sp_menu a{
	display: block;
    border-left: 8px solid #CC3;
    background-color: #06C;
    padding: 8px 10px;
    text-decoration: none;
    color: #FFF;
    width: 100%;
    margin: 1px 0px 0px;
    text-align: left;
    font-size: 15px;
    line-height: 160%;
}
.sp_menu li:last-of-type a{
	border-left: 0px;
    background-color: #fff;
    padding: 0px;
    text-align: center;
}
.sp_menu li:last-of-type img{
	margin: 10px auto;
	max-width: 95%;
	border: 1px solid #aaa;
	border-radius: 3px;
}

.footer_menu .pc{
	display: inline-block;
}



@media (max-width: 769px){
	body{
		padding-top: 70px;
	}
	h1{
		width: calc(100% - 20px);
		position: fixed;
		top: 0px;
		padding-left: 20px;
	}

	.body_waku{
		width: 100%;
	}

	.main_title{
		width: 100%;
		position: fixed;
		top: 0px;
		z-index: 999;
		padding-bottom: 5px;
	}
	.main_title table{
		box-shadow: 0px 6px 3px -3px #dcdcdc;
		-webkit-box-shadow: 0px 4px 2px -2px #dcdcdc;
		-moz-box-shadow: 0px 4px 2px -2px #dcdcdc;
	}
	.main_title table tr td:nth-of-type(1) img{
		width: auto;
		max-width: 100%;
		height: 70px;
		margin-left: -10px;
	}
	.main_title table tr td:nth-of-type(2) img{
		width: 38px;
		height: auto;
	}

    #h_tel {
	position: fixed;
	top:14px;
	right:14%;
}



#h_tel img{
	z-index:999;
	width:40px;
}

	.footer_haikei{
		height: auto;
		background: url(../img/footer-haikei.jpg) repeat-x;
		background-size: cover;
	}
	.footer_menu, .footer_comment{
		width: 100%;
	}
	.footer{
		text-align: center;
		margin: 0px;
		width: 100%;
	}	
	.footer_menu .pc{
		display: none;
	}
	.go_top_sp{
		text-align: right;
		margin-top: 30px;
	}
}



/*header and footer*/


@media (max-width: 769px) {
	.container{
		/*width: calc(100% - 10px);*/
	}		
		.waku_left{
			display: block;			
			width:calc(100% - 10px);
			text-align: center;
			background-image:none;
		}		
		.waku_left.pc{
			display: none;
		}
		.waku_left.sp{
			margin-top: 50px;
		}
		.waku_left table h3{
			width: 100%;
			background-color: #666666; 	
			border: 1px solid #666666;		
			border-bottom: none;
		}
		.waku_left table h3 span{
			color: #FFF;
			font-weight: normal;
			line-height: 2em;
		}
		.waku_left .left_menu_box{
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		.waku_left .left_menu_box h3{
			background-color: #FFF;
			border: none;
		}

		.waku_right{
			display: block;			
			width: calc(100% - 10px);
			padding: 0px 5px;
		}
		.waku_right img{
			max-width: 100%;
			height: auto;
		}
		.waku_right h2{
			border-bottom: 3px solid #666;
			margin-bottom: 10px;
		}
		.waku_right h2 img{
			margin-bottom: -13px;
		}
}