@charset "utf-8";

/*これはコメントです */

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
/*.clearfix { display: inline-table; }  */
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */ 

body{
	font-family: "MS PGothic","Osaka",Arial,sans-serif;
	line-height: 1.22;
	font-size: 75%;
	text-align: center;
	background-color: #000;
	text-decoration: none;
}




#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}	

#header {
	background-image: url('../img/HIRObg.jpg');
	background-repeat: no-repeat;
	background-color: #fff;
	
}

#header #logo{
	display: block;
	width: 180px;
	height: 60px;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	
}

h1{
	float: left;
	margin-top: 40px;
	margin-left: 390px;
}

h2 {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
p {
	
}

ul#menu {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#menu li {
float: left;
width: 158.7px;
line-height: 2.5em;
text-decoration: none;
border: 1px #fff solid;
background-color: #000066;
text-align: center;
}

#menu li +li{
	border-left: none;
}

#menu li a{
	display: block;
	width: 158.7px;
	line-height: 2.5em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
}

#menu li a:hover{
	color: #ffd700;
}

#nav .this_page a{
	color: #ff8800;
	pointer-events: none;
	cursor: default;
}

#nav .this_page {
	background-color: #222266;
}

#footer {
	width: 960px;
	height: 26px;
	margin: -3px 0;
	line-height: 1.5em;
	background-color: #000066;
	text-align: center;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}

#footer p {
	padding-top: 6px;
}
/*class関係 */
.img_right {
	float: right;
}

.img_left {
	float: left;
}

.text_right {
	text-align: right;
}

.text_left {
	text-align: left;
}
.small_text {
	font-size: 8px;
}

/*bankin関係 */
#bankin #main {
	background-image: url(../img/HIRO-bankin.jpg);
	background-repeat: no-repeat;
	height: 566px;
	position: relative;
}

#bankin #c-text {
	float: right;
	margin: 120px 40px 0 0;
}

#bankin #c-text p {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0.5em;
}

#bankin #img-area {
	float: left;
	position: absolute;
	left: 0;
	bottom: 0;
}

#bankin #img-area img {
	margin: 16px 0 16px 12px;
}

#bankin #bankin-text{
	float: right;
	position: absolute;
	right: 40px;
	bottom: 80px;
}

/*shaken関係 */
#shaken #main {
	background-image: url(../img/HIRO-shaken.jpg);
	height: 566px;
	position: relative;
}

#shaken #c-text {
	float: left;
	margin: 120px 0 0 40px;
}

#shaken #c-text p {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0.5em;
}

#shaken #c-text p.small_text {
	font-size: 12px;
}

#shaken #img-area {
	float: right;
	position: absolute;
	right: 0;
	bottom: 0;
}

#shaken #img-area img {
	margin: 16px 16px 16px 0;
}

#shaken #shaken-text{
	float: left;
	position: absolute;
	left: 40px;
	bottom: 60px;
}

/*access関係 */
#access #main {
	background-color: #000066;
	color: #fff;
	text-align: left;
	font-size: 16px;
}

#access #main h3{
	font-weight: bold;
	margin-bottom: 10px;
} 

#access #left-cont {
	float: left;
	width: 440px;
	margin: 40px 0 40px 40px;
}

#access #right-cont {
	float: right;
	width: 380px;
	margin: 40px 40px 40px 0;
}

a#goo{
	color: #fff;
	text-decoration: none;
}

/*yamasaki関係 */
#yamasaki #main {
	background-color: #ffa07a;
	color: #000;
	text-align: left;
	font-size: 16px;
}

#yamasaki #left-cont {
	float: left;
	width: 440px;
	margin: 40px 0 40px 40px;
}

#yamasaki #right-cont {
	float: right;
	width: 380px;
	margin: 40px 40px 40px 0;
}

#yamasaki address {
	margin: 16px 0;
}

/*hanbai関係 */
#hanbai #main {
	background-image: url(../img/HIRO-hanbai.jpg);
	background-repeat: no-repeat;
	height: 566px;
	position: relative;
}

#hanbai #left-cont {
	float: left;
	width: 300px;
	margin: 80px 0 40px 40px;
}

#hanbai #right-cont {
	float: right;
	width: 580px;
	margin: 340px 40px 40px 0;
}


#hanbai #hanbai-text{
	float: right;
}

#hanbai img {
	margin: 20px 0 20px 0;
}