@charset "Shift_JIS";

/* 要素リセット */
/* Safari用ハック 文字サイズ調整 */
/*\*/
/* end */

/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#hpb-inner{
    position: relative;
    width: 100%;
max-width: 1200px;
    padding-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  text-align : center;
  padding-top : 41px;
}

#hpb-wrapper{
  
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    float: right;
max-width: 1200px;
}
#hpb-footer{
   width : 100%;
    clear: both;
    margin-top: 7px;
    margin-bottom : 0px;
    margin-right: auto;
    margin-left: auto;
  text-align : center;
  
  color : white;
  background-color : #6a9831;
  padding-top : 20px;
  padding-bottom : 20px;
}#hpb-nav{
    position : absolute;
    top: 0px;
    left: 0px;
    width : 100%;
max-width: 1200px;
    height : 40px;
    overflow: hidden;
  padding-top : 10px;
  margin-left : auto;
  margin-right : auto;
}
/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/

/* コンテンツ配置領域 */

/* ナビゲーション */
#hpb-nav ul{
    list-style-type: none;
    overflow: hidden;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#hpb-nav ul::after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#hpb-nav LI{
    display: block;
    width : 20%;
    float: left;
    overflow: hidden;
  height : 41px;
  padding-top : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
}


#hpb-nav LI A{
    display: block;
    text-align: center;
  }#hpb-nav li a:hover{
    display: block;
  background-color : #f3f9ec;
}

#hpb-nav li span.ja{
    display: block;
    font-size : 17px;
  color : #6a9831;
  border-left-width : 1px;
  border-left-style : solid;
  border-left-color : #639309;
  font-family : メイリオ;
  padding-top : 10px;
  height : 31px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
}


#hpb-nav A:link{
    text-decoration: none;
}
#hpb-nav A:visited{
    text-decoration: none;
}
#hpb-nav A:hover{
    text-decoration: none;
  color : #639309;
}
#hpb-nav A:active{
    text-decoration: none;
}

#hpb-nav #nav-toppage a{
    background-position: left top;
}
#hpb-nav #nav-access a{
    background-position: right top;
}


/*--------------------------------------------------------
  共通パーツデザイン設定
--------------------------------------------------------*/
#pagetop{
    margin-top: 40px;
    margin-right: auto;
    margin-bottom : 40px;
    margin-left: auto;
    text-align: left;
    padding-left: 5px;
}

#pagetop a{
    /* ページの先頭へのリンク設定 */
    display: block;
    margin-left: auto;
    margin-right: 0px;
    text-align : right;
    overflow: hidden;
  margin-bottom : 30px;
}

/* トップページ デザイン定義 */
/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 960px) {

	body{
		min-width: 100%;
		background-image : none;
	}

	/*--------------------------------------------------------
	  レイアウト設定
	--------------------------------------------------------*/
	#hpb-inner{
		width: 100%;
		padding-top: 0px;
	}
	#hpb-wrapper{
		width: 100%;
		float: none;
	}
	#hpb-footer{
		width : 90%;
		margin-top: 0;
		padding-top: 10px;
	
    font-size : 14px;
  
    padding-left : 5%;
    padding-right : 5%;
  }
	#hpb-nav{
		position: relative;
		width: 100%;
		height: auto;
  }

	/*--------------------------------------------------------
	  デザイン設定
	--------------------------------------------------------*/
	
	/* コンテンツ配置領域 */

	/* ナビゲーション */
	#hpb-nav ul{
		display: none;
	}
	#hpb-nav ul.toggled-on{
		display: block;
		padding-left: 0;
	}
	#hpb-nav LI{
		width:100%;
		float: none;
		height : inherit;
	}
	#hpb-nav LI A{
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		background-image : none;
  }
	#hpb-nav LI SPAN.ja{
		line-height: 1.4;
		text-align: left;
	
    padding-left : 10px;
  
  
    padding-top : 10px;
  }
	#hpb-nav A:hover,
	#hpb-nav A:active{
	
  
    color : #639309;
  }
	
	/*--------------------------------------------------------
	  共通パーツデザイン設定
	--------------------------------------------------------*/
	#pagetop{
	    margin-bottom : 40px;
	}
	/* トップページ デザイン定義 */
	  #hpb-nav LI A:hover{
    background-image : url(../../神原医院/img/img1.jpg);
  
    color : #639309;
  }

}