@import url("reset.css");
@charset "utf-8";
/* CSS Document */

html{
	height:100%;
}

body{
	height:100%;
	width:100%;
	background-image:url(../img/bg.gif);
	background-repeat:repeat;
	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{
    background-image:url(../img/topLine.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	height:100%;
	padding:5px 0 0;
}
	

#upper{
	background-image:url(../img/topLine.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
	padding:5px 0 0;
}

#mainBg{
	width:810px;
	height:auto;
	margin:0 auto;
	padding:5px 0;
	background-image:url(../img/mainbg.gif);
	background-repeat:repeat-y;
}

#mainBgout{
	width:810px;
	height:auto;
	margin:0 auto;
	padding:5px 0 200px;
	background-image:url(../img/mainbg.gif);
	background-repeat:repeat-y;
}

#mainBlock{
	height:100%;
	width:750px;
	margin:0 auto;
}

#headerArea{
	background-image:url(../img/logo.gif);
	height:95px;
	width:750px;
	margin:0;
}

h1{
	text-align:right;
	font-size:10px;
	margin:0;
}

#menu{
	width:750px;
	height:55px;
	margin:0;
}

#menu li{
	float:left;
}

#contentsArea{
	width:750px;
	margin:15px auto;
}

#contentsTitle{
	width:750px;
	height:62px;
	margin:20px 0;
}
	

#push {
	height: 200px; /* .push must be the same height as .footer */
}

#under{
	height:200px;
}

#mainBgfoot{
	width:810px;
	height:10px;
	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*/
}