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

html{
	height:100%;
}

body{
	height:100%;
	width:100%;
	background-color:#171717;
	background-image:url(../img/bg.jpg);
	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:#006600;
}

a:active{
	color:#006600;
}

a:visited{
	color:#006600;
}

a:hover{
	color:#00FF00;
}

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

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

#main{
	width:800px;
	background-color:#FFFFFF;
	margin:0 auto;
}

#headerArea{
	background-image:url(../img/headBg.jpg);
	background-repeat:repeat-x;
	height:102px;
	width:800px;
	margin:0;
}

h1{
	text-align:right;
	font-size:10px;
	vertical-align:bottom;
	height:17px;
	color:#FFFFFF;
	padding:5px 0 0;
}

logo{
	width:438px;
	height:80px;
}

#menu{
	width:800px;
	height:45px;
	margin:0;
	padding:0;
}

#menu li{
	float:left;
	height:45px;
	margin:0;
}

#contentsArea{
	width:760px;
	height:100%;
	margin:0 auto;
	padding:30px 0;
}

#contentsTitle{
	width:800px;
	height:100px;
	margin:0;
	padding:0;
}
	

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

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

#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*/
}