@charset "Shift_JIS";

body{
background:url(https://www.haoden.jp/images/bg_historia_main.jpg) no-repeat;
background-position:top center;
background-attachment: fixed;
background-color:#000;
}
html{
overflow-y:scroll;
}
#container{
width:990px;
margin:0 auto;
}
a:link		{text-decoration: none; color:#006699;}
a:visited	{text-decoration: none; color:#006699;}
a:hover		{text-decoration: none; color:#006699;}
a:active	{text-decoration: none; color:#006699;}
/* -------------------------------------------------------------------------header */
#header{
width:990px;
height:110px;
background:url(https://www.haoden.jp/images/bg_header.png) no-repeat;
background-position: center;
margin-top:5px;
}
	#header h1{
	text-indent:-9999em;
	}
	
#header #header_r{
float:right;
display:inline;
width:400px;
margin:49px 10px 0 0;
overflow:hidden;
}
#header #header_r ul{
}
#header #header_r ul li{
float:right;
display:inline;
padding:0 0 0 2px;
margin-right:5px;
}

#header #header_l{
float:left;
display:inline;
width:400px;
margin:49px 0 0 10px;
overflow:hidden;
}
#header #header_l ul{
}
#header #header_l ul li{
float:left;
display:inline;
padding:0 0 0 2px;
margin-left:5px;
}


/* -------------------------------------------------------------------------main */
#main{
clear:both;
width:860px;
margin:0px auto;
overflow:hidden;
color:#fff;
}


/* -------------------------------------------------------------------------contents */
#contents{
width:860px;
overflow:hidden;
margin:29px auto 0px auto;
}
#contents02{
width:860px;
overflow:hidden;
margin:29px auto 0px auto;
}


/* -------------------------------------------------------------------------article */
.article{
width:820px;
margin:0 auto;
overflow:hidden;
}


/* -------------------------------------------------------------------------footer */
#footer{
width:960px;
height:40px;
margin:10px auto;
background:url(https://www.haoden.jp/images/bg_footerarea.jpg) repeat-x;
overflow:hidden;
}
#footer address{
float:right;
display:inline;
height:24px;
line-height:24px;
color:#fff;
font-size:10px;
padding:4px 10px;
margin:4px 0;
}
#footer address img{
vertical-align:middle;
padding:0 0 0 4px;
}


/* -------------------------------------------------------------------------attention */
.attarea{
clear:both;
border:solid 2px #CC0000;
background:#000;
margin:10px 20px 20px 20px;
padding:8px 5px;
overflow:hidden;
}
.attarea table th{
width:50px;
text-align:center;
vertical-align:middle;
}
.attarea table td{
width:670px;
text-align:left;
vertical-align:middle;
}
/* -------------------------------------------------------------------------̎ȍ*/

.bold{
	font-weight:bold;
}
.clear{
	clear:both;
}

.bg_gray{
	background:#2f3c50;
}
.font_gray{
	color:#a9b0b6;
}

.mtp1{
margin-top: 10px;
}
.mtp2{
margin-top: 20px;
}
.mtp3{
margin-top: 30px;
}

.mbt1{
margin-bottom: 10px;
}
.mbt2{
margin-bottom: 20px;
}
.mbt3{
margin-bottom: 30px;
}