@charset "UTF-8";


/* すべてのページに適用  */

<!--


body{
  scrollbar-face-color:#ffffff;
  scrollbar-3dlight-color:#e9ebe2;
  scrollbar-shadow-color:##e9ebe2;
  scrollbar-darkshadow-color:##e9ebe2;
  scrollbar-track-color:#ffffff;
  scrollbar-arrow-color:##e9ebe2;
  scrollbar-highlight-color:#e9ebe2;
}


body{
	margin: 10 0 0 0;
}

.wrapper{
	margin: 0 auto 0 auto;
	max-width: 960px;
}

IMG{
	max-width: 100%;
	height: auto;
}

.mbilebr { 
   display:none; 
 } 


/* すべてのページに適用 - ヘッダー - */


*{
	margin: 0px;
	padding: 0px;

 }
 .logotel{
 	width: 960px;
	max-width: 100%;
 }

.main-logo{
	float:  left; 
 	height: 52px;
}

.telfaxmail{
	float:  right; 
 	height: 52px;
}

.logotel br{
	margin: 0px;
	padding: 1px;
	clear: both;
	height: 1px;
	width: 1px;
}

.telfaxmail p{
	color: #3c454d;
}

.telfaxmail a:link{
	color: #3c454d;
	text-decoration: none;
}
.telfaxmail a:visited{
	color: #3c454d;
	text-decoration: none;
}
telfaxmail a:hover{
	color: #7b8dac;
	text-decoration: none;
}
.telfaxmail a:active{
	color: #5a9bc0;
	text-decoration: none;
}





#menu{
	width: 100%;
 	max-width: 960px;
	 margin: 0 auto;
	 padding: 0;
	font-size: 14;
}

#menu li{
	display: block;
	float: left;
	width: 16.6%;
	margin: 0;
	padding: 0;
}

#menu li a{
	display: block;
	padding: 6px 0 6px;
	background: #333;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#menu li a:hover{
	background: #444;
}



.head-m{
 	font-size: 12;
	float: right;
		margin: 10px 0 0 0;
}
.head-m li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}





/* すべてのページに適用 - メイン - */


.pankuzu{
 	font-size: 12;
	float: left;
	 margin:10px 0 0 0;
}
.pankuzu{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

.pankuzu a:link{
	color: #3c454d;
	text-decoration: none;
}
.pankuzu a:visited{
	color: #3c454d;
	text-decoration: none;
}
.pankuzu a:hover{
	color: #7b8dac;
	text-decoration: none;
}
.pankuzu a:active{
	color: #5a9bc0;
	text-decoration: none;
}







.modoru{
 	font-size: 13;
	float: right;
	 margin:5 10 10 0;
}
.modoru a:link{
	color: #3c454d;
	text-decoration: none;
}
.modoru a:visited{
	color: #3c454d;
	text-decoration: none;
}
.modoru a:hover{
	color: #7b8dac;
	text-decoration: none;
}
.modoru a:active{
	color: #5a9bc0;
	text-decoration: none;
}


ul {list-style-type: none;}






/* すべてのページに適用 - ページトップ - */

#page_top{

	position: fixed;
	right: 0;
	bottom: 0;
	opacity: 0.6;
}

#page_top a{
	position: relative;
	display: block;
	width: 100px;
	height: 100px;
	text-decoration: none;
}

#page_top a::before{
	font-family: FontAwesome;
	position: absolute;
	top: -40px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}



/* すべてのページに適用 - フッター - */


.atogaki{
	 width: 100%;
	background-color: #777;
 	font-size: 13;
	color: #ffffff;
}


.footer1{
	width: 100%;
	padding: 15px 0;
	background-color: #333;
	color: #ffffff;
}

.SNS p{
	display:inline-block;
 	vertical-align:middle;
}




.footer3{
	padding: 20px 0 0 0;
	width: 100%;
	background-color: #222;

}


.footer2{
	padding: 10px 0 20px 0;
	width: 100%;
	background-color: #222;

}

p{
	margin:0px;
	padding:0px;
 }

div.footer2 p{
	margin-bottom:1.0em;
 }



.link li{
 	font-size: 13;
	text-decoration: none;
	display: inline;
	list-style-type: none;
 	padding-right: 20px;
}

.link a:link{
	color: #ffffff;
	text-decoration: none;
}
.link a:visited{
	color: #ffffff;
	text-decoration: none;
}
.link a:hover{
	color: #7b8dac;
	text-decoration: none;
}
.link a:active{
	color: #ffffff;
	text-decoration: none;
}



/* スマートフォン向けCSS */


@media (max-width: 767px) {


	/* 全体 - ナビゲーション */
	.wrapper{
		margin: 0 8px;

	}
	 #menu li{
  	  width: 33.3%;
	font-size: 12;
	}




	table{
	width:100%;
	table-layout: fixed;
	}

	td{
	width:100%;
	td-layout: fixed;
	}

	.logo{
		margin: 10px 0;	
	}
	.logo img{
		width: 290px;	
 		height: auto;	
	}


	.telfaxmail{
	display:none;
	}

	.namae{
		margin: 100px 0 0 0;	
	}

	.pankuzu{
		margin: 10px 0 10px ;	
	}

	.head-m img{
		width: 30px;	
	}





	/* フッダー - ナビゲーション */

	#page_top img{
		width: 45px;
	}
	#page_top a{
 	width: 60px;
 	height: 60px;
	}


	.SNS IMG{
	 width: 30px;
 	height: auto;	
	}

	.link li{
		display: block;
 		padding: 0;
	}

}


@media screen and (max-width: 480px) { 
   .mbilebr { 
     display:block; 
   } 
 }




/* パソコンだけの表示CSS */

@media screen and (min-width: 768px) {
	.logo{
		margin: 0 30 3 30px ;	
	}


	.telfaxmail{
		margin: 0 30 6px 0 ;	
	}

	a[href^="tel:"] {
		pointer-events: none;
	}
}



-->