/*メインコンテンツ*/

#contents {
	height:4000px;
	width:800px;
	padding: 20px 0 0;
	margin:0 auto;
	}
	
#main {
	float:left;
	height:auto;
	width: 800px;
	margin:0;
	padding:10px 0 0 0;

	}

#main h1  {
	float:left;
	padding: 0 0 10px 0;
	margin: 0;
	width: 800px;
	height: 40px;
	}
	

.material_image {
	padding:0;
	float: left;
	height: 420px;
	width: 800px;
	background:url(../products/material/images/material_bg.gif) no-repeat;
	}

.navi {
	width:50px;
	height:50px;
	padding:10px 375px 50px;
	float: left;
	}
	
.material_image img {
	float: left;
	margin: 0;
	}

.images {
	float:left;
	margin:0;
	padding:0 20px;
	}


/*メインコンテンツ　終わり*/





/*ボトムメニュー*/

#bottom_menu {
	width:800px;
	height:auto;
	float:left;
	margin:0;
	padding:15px 0 10px;
	bottom: 0px;
}

#bottom_menu ul {
	float:left;
	margin:0;
	padding:5px 15px 0;
}

#bottom_menu li {
    width:120px;
	height:80px;
	float:left;
	margin:0;
	padding:2px;
}

/*ボトムメニュー　終わり*/

/*ポップアップ*/

.tooltip {
	width: 280px;
	height:auto;
	position: absolute;
	top: -9999px;
	background: #95E5D8;
	padding: 5px;
    border-radius: 7px;         /* CSS3 */
    -moz-border-radius: 7px;    /* Firefox */
    -webkit-border-radius: 7px; /* Safari,Chrome */
    border: 1px #FFF solid;     /* 枠線の装飾 */
    background-color: #95E5D8;   /* 背景色 */
}

.tooltip p{
	font-size:100%;
	color: #53321A;
	line-height:150%;
	padding: 5px 10px;
}

/*ポップアップ　終わり*/

/*サブメニュー*/	
	
.submenu {
	margin:0;
	padding:22px 0 0 20px;
	width:765px;
	height:60px;
	position:relative;
	float: left;
	z-index: 1;
	overflow: hidden;
	}
.submenu ul{
	float:left;
	margin:0 0 0 -3px;
	padding:0;
	}

.submenu li{
	padding:0 0 0 4px;
	height: 60px;
	width:105px;
	float: left;
	margin: 0;
	display:block;
	list-style:none;
	overflow:hidden;
	position:relative;
	}

/*サブメニュー　終わり*/


#credit {
	float:right;
	margin:0;
	padding:0;
	width:340px;
	height:10px;
	}