@charset "utf-8";
/* CSS Document */


body{/* 画像ファイルの指定 */

   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
  
}

.top_main{
}
.top_main img{
	max-width:100%;

}	
	
div#bottom{
	width: 100%;
	background-color: #000;
	background-color: rgba(0,0,0,0.9);
	height: 50px;
	position:  fixed;       /* 絶対位置指定することを定義 */
	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
	padding: 5px 0 0 0;          /* 上下に余白を取る */
}

/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
  div#bottom{
    height: 50px;
	padding: 1px 0 0 0;          /* 上下に余白を取る */
  }
}

/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop,  div#bottom{
    height: 50px;
	padding: 1px 0 0 0;          /* 上下に余白を取る */
  
  }
}

/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
   div#bottom{
   height: 45px;
   padding: 2px 0 0 0;          /* 上下に余白を取る */
  }
}

h1{
	color:#fff;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
#linktext a{
 color:#fff;
 font-size:60%;
 margin-left:20em;
 display:none;
}
#linktext a:hover{
	text-decoration:none;
	display:none;
}


#copy {
	
	clear: both;
	color:#fff;
	margin-top: 10px;
	margin-bottom:20px;
	font-size: 120%;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight:bold;
	
}
/*html, body { height: 100%; }*/


p,li,h3,th,td,h4,h1,#copy{
	font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#container{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
	position: relative;
    
min-height: 100%;
    
height: auto !important;
    
height: 100%;

	
}

#header2{
	width:100%;
	background-color: rgba(0,0,0,0.8);
}

#logo{
	float: left;
	padding-left:4%;
	
}


#logo img{
  max-width: 100%;
  height:auto;
  width /***/:auto;　
  vertical-align:bottom;
  line-height:0px;

}

#main{
	width:100%;

}


#copyright {
	clear: both;
	color:#fff;
	margin-top: 10px;
	margin-bottom:20px;
	font-size: 80%;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.branch{
	float:left;
	
	
}
.branch1{
	width:33.3%;
	/*height:auto;*/
}
.branch1 a{
	text-decoration:none;
}

.branch1:hover{
	
	
	width:33.3%;
	/*height:auto;*/
	

}

.branch2{
	
	
	width:33.3%;
	/*height:auto;*/
	

}
.branch2:hover{
	
	
	width:33.3%;
	/*height:auto;*/
}

.branch3{
	width:33.4%;
	/*height:auto;*/
	}
	.branch3:hover{
	
	
	width:33.4%;
	/*height:auto;*/
}
.branch_name4 img{
	width:100%;
	/*height:auto;*/
	overflow:hidden;
	
	
}





.branch_name{
  color:#fff;
  font-size:250%;
  font-weight:bold;
  margin-top:3.5em;
  
  max-width:80%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;  
  
}
.branch_name2{
  color:#fff;
  font-size:250%;
  font-weight:bold;
  margin-top:2em;
  
  max-width:40%;
 
  text-align:center;  
  background-color:rgba(33,64,153,0.5);
  
}
.branch_name3{
  color:#fff;
  font-size:250%;
  font-weight:bold;
  margin-top:3.5em;
  
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;  
  background-color:rgba(238,29,37,0.5);
  
}

.top_main p{
	
	line-height:0;
}
.access{
	z-index:10000;
	position: absolute;
	background-color:#214099;
	text-align:center;
	
	width:10%;
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	
	top:380px;
	left:280px;
}
.access a{
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	
}
.access:hover{
	background-color:#3366ff;
	
}
.access2{
	z-index:10000;
	position:absolute;
	background-color:#ee1d25;
	text-align:center;
	width:10%;
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	float:left;
	
}
.access2 a{
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	
}
.access2:hover{
	background-color:#ff3333;
	
}
.access3{
	z-index:10000;
	position:absolute;
	background-color:#006543;
	text-align:center;
	width:10%;
	
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	float:left;
	top:0px;
	left:1200px;
}
.access3 a{
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	
}
.access3:hover{
	background-color:#387d39;
	
}
.allbranch{
	

}
.branch_area{
	float:left;
}
.ym{

	
	position:relative;
	width:100%;
}
.service_category{
	position:absolute;
	font-weight:bold;
	text-align:left;
	color:#fff;
	top:200px;
	left:400px;
}
.nonborder {
  border:none;
  outline:none;
}
div#main{
padding-bottom: 50px;

}
/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
  div#main{
    padding-bottom: 50px;
  }
}

/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, div#main{
   padding-bottom: 50px;
  }
}
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  div#main{
   padding-bottom: 45px;
  }
}


/* info */
#info-common {
position:fixed;
right:0;
top:20%;
z-index:1000;
}