@import url("reset.css");
@charset "utf-8";
/* CSS Document */

html{
	height:100%;
}

body{
	height:100%;
	width:100%;
	background-image:url(../img/bodyBg.gif);
	background-color:#FFFFFF;
	background-position:top;
	background-repeat:repeat-x;
	font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "小塚ゴシック Pro B", sans-serif;
	font-size:12px;
	color:#333333;
	margin:0;
	padding:0;
}

a{
	color:#0000FF;
}

a:active{
	color:#0000FF;
}

a:visited{
	color:#0000FF;
}

a:hover{
	color:#00CCFF;
}

#container{
	width:100%;
	height:100%;
	padding:0;
}
	

#upper{
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -190px; /* the bottom margin is the negative value of the footer's height */
}

#header{
	width:100%;
	height:180px;
	background-image:url(../img/headerBg.jpg);
	background-position:left;
	background-repeat:repeat-x;
	margin:0;
}

#headerArea{
	width:800px;
	height:175px;
	margin:0 auto;
	padding:5px 0 0;
}

h1{
	color:#FFFFFF;
	height:15px;
	text-align:right;
	font-size:10px;
	margin:0;
}

#logo{
	height:77px;
	margin:0;
}
	
#menu{
	width:800px;
	height:50px;
	margin:23px 0 0;
}

#menu li{
	float:left;
}

#main{
	width:800px;
	height:auto;
	margin:0 auto;
	padding:10px;
	background-image:url(../img/mainBg.png);
	background-repeat:repeat-y;
}

#breadCrumb{
	width:780px;
	height:15px;
	margin:0 10px;
}

#breadCrumb li{
	float:left;
	padding:0 10px 0 0;
}

h2{
	width:800px;
	height:70px;
	margin:10px 0 0;
}

h3{
	width:100%;
	height:28px;
	margin:40px 0;
	text-align:center;
}
	
#contentsArea{
	width:760px;
	margin:20px;
}



#push {
	height: 190px; /* .push must be the same height as .footer */
}

#under{
	height:190px;
}

#mainBgfoot{
	width:820px;
	height:15px;
	margin:0 auto;
}

#footMenu{
	text-align:center;
	height:15px;
	margin:15px auto 20px;
}


#footer {
	width: 100%;
	height:130px;
	text-align:center;
	margin: 0 auto;
	padding:10px 0 0 0;
	background: url(http://maedacom.jp/i/obi_bg.png) repeat-x;
	background-color:#FFFFFF;
}


.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}