/*-------------------------------
        reset
--------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
img{vertical-align:bottom}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/*-------------------------------
        selecta default
--------------------------------*/

body {
	width:100%;
	margin:0;
	font-family: Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "MS Pゴシック", Sans-Serif;
	text-align:left;
	word-break: break-all; /*orikaesi*/
	background: url(../ecobayashi/img/page_back.jpg) repeat center top;
	background-image: url(../ecobayashi/img/ecoindex_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}


/*-------------------------------
         page layout
--------------------------------*/
/* wrapper */	
div#wrapper{
	width:100%;
	min-width:980px;
	text-align:left;
	font-size:13px;
	line-height:120%;
	color:#333333;
	clear:both;
	background-image: url(../ecobayashi/img/ecomainstage.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
div#wrapper a:link,div#wrapper a:visited {color:#333333;}
div#wrapper a:hover,div#wrapper a:active  {color:#8DC471;}


/* header */	
div#header{width:980px;margin:0 auto;clear:both; height:194px; position:relative;}
div#header h2.logo{padding:22px 0 9px 9px;font-size:11px;color:#999999;line-height:25px;}
div#header h1.logo{font-size:11px; padding:0 0 16px;}
div#header ul#content{ position: absolute; right:0; top:0;width:565px; margin:26px 0 0; padding: 1px 0 1px 38px; background:url(../ecobayashi/img/navi_back.jpg) no-repeat left top;}
div#header ul#content li{float:left;}

/* パンくず */
ol#pan-list{width:940px;padding:5px 0 0; margin: 0 auto;clear:both;font-size:12px;}
ol#pan-list li{background:url(../ecobayashi/img/pan_list.gif) no-repeat;float:left;padding-left:20px;}
ol#pan-list li.top{background:none;padding:0;}

/* main */	
div#main,div#product{width:920px;background:#fff;margin:0 auto;padding:20px 30px;clear:both; background: url(../ecobayashi/img/wrapper_back.jpg) repeat-y center top;}

/* product */
div#product ul{margin:10px 50px;clear:both;}
div#product ul li{float:left;}
div#product p{width:195px;text-align:center;padding:5px;}


/* footer */
div#footer a:link,div#footer a:visited {color:#C0C0CC;text-decoration: none;}
div#footer a:hover,div#footer a:active  {color:#8DC471;}
div#footer{
	width:100%;
	background: url(../img/base/footer-topbg2.gif);
	color:#444444;
	font-size:11px;
	overflow: hidden;
	clear: both;
	line-height:1.1;
}
div#footer h2{width:960px;margin:0 auto;padding:20px 10px 0;}
div#footer h4{padding:5px 0;}

div#footer div#content-box{width:960px;margin:10px auto;clear:both; padding:0 10px;}
div#footer div.content-box2{float:left;margin:5px;}
div#footer div#content-box ul{width:225px;font-size:12px; letter-spacing: 0.1em;color:#C0C0CC;background-color:#5D5D5E;border:1px solid #6E6E6E;}
div#footer div#content-box ul li{padding:10px 15px;}
div#footer div#content-box ul.footer01 li{padding:10px 15px;border-top:1px solid #6E6E6E;}
div#footer div#content-box ul.footer01 li.top{border-top:none;}
div#footer div#content-box p.buy{width:193px;text-align:right;}
div#footer div#content-box ul.footer02{color:#C0C0CC;background-color:#6E6E6E;font-size:11px;}


div#gototop{width:100%;height:90px;background:url(../img/base/footer-bg2.jpg) repeat-x;clear:both;}
div#gototop-inner{width:960px;margin:0 auto;clear:both;}
div#gototop p#copyright{float:left;padding-top:30px;color:#C0C0CC;}
div#gototop p#gototop2{float:right}

/*エコバヤシプロジェクト　footer*/
div#footer div#content-box h4#project {
	background: url(../ecobayashi/img/project_f_back.jpg) no-repeat left top;
	padding: 10px 0 2px 10px;
}
div#footer div#content-box ul.footer_project {
	background: url(../ecobayashi/img/project_f_back.jpg) no-repeat left bottom;
	border: none;
	padding: 0 0 8px;
	margin: 0 0 5px;
}
div#footer div#content-box ul.footer_project li {
	padding: 5px 15px;
}
div#footer div#content-box ul.footer_project li a {
	color: #333333;
	font-size: 10px;
	display: block;
	padding: 0 0 0 15px;
	background: url(../ecobayashi/img/f_icon.jpg) no-repeat left center;
}
div#footer div#content-box ul.footer_project li a:hover {
	color: #ffffff;
	background: url(../ecobayashi/img/f_icon_o.jpg) no-repeat left center;
}
/*-------------------------------
         common
--------------------------------*/
div#main h2{width:900px;padding:10px;font-size:15px;font-weight:bold;color:#fff;background:#8DC21F;}




/* FLOAT CLEAR */	
div#wrapper:after,
div#header:after,
div#pan-list:after,
div#main:after,
div#product:after,
div#footer:after,
div#footer div#content-box:after,
div#product:after,
div#gototop-inner:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/*floatによる親要素の背景が消えることを回避・IE用 */
div#wrapper,div#footer,div#gototop{	zoom: 100%;}
#wrapper #repostage {
	width: 100%;
	text-align: center;
}


#wrapper #repostage #repounder {
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}