
body {
	background-color: #FFCD0E;

}



.copy {
	height: 1.4em;
	width: 475px;
	background-color: #FFFFCC;
	text-align: center;
	font-size: 7pt;
	margin-left: 14px;
}

.img_left {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;
	width: auto;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
	
	.style1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.style4 {
	color: #FFCC00;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.style8 {
	color: #00CC33;
	font-size: 9px;
	text-align: right;
}
	
	
.container{    /*メニューボタンの背景を設定*/
  width : 100%;
  height : 52px;   /*背景画像（bg.gif）の高さを設定*/
  padding : 0;
  margin : 0;
}    


#menu {
	list-style: none;
	width: 546px;
	height: 515px;
	position: relative;
	background-image: url(../img/indexbase.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: auto;
	margin-right: auto;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}


#menu a:hover span {
  display: block;
}

#menu .home {
	width: 73px;
	height: 30px;
	left: 244px;
	top: 290px;
	background-image: url(../img/introenter.jpg);
	background-repeat: no-repeat;
}


#organiphoto {
	background-image: url(../img/organicphoto.jpg);
	width: 176px;
	height: 214px;
	float: left;
	clear: right;
	margin-top: 40px;
	
}

#organilogo {
	background-image: url(../img/organiclogo.jpg);
	width: 262px;
	height: 48px;
	float: left;
	clear: none;
	top: 800px;
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

#organitext {
	background-image: none;
	width: 300px;
	height: 500px;
	float: left;
	clear: none;
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}


#aboutphoto {
	background-image: url(img/aboutmain.jpg);
	width: 451px;
	height: 415px;
	float: left;
	clear: right;
	margin-top: 0px;
	background-repeat: no-repeat;
	
}

#abouttext {
	background-image: none;
	width: 450px;
	height: 260px;
	float: left;
	clear: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 30px;
}

#namaetext {
	background-image: none;
	width: 100px;
	height: 20px;
}

#footer {
	background-image: none;
	width: 500px;
	height: 1.5em;
	float: left;
	clear: none;
	margin-top: 30px;
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align: center;
}

#photname {
	background-image: none;
	width: 500px;
	height: 1.5em;
	float: left;
	clear: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #006633;
	text-align: right;
}

#aboutp {
	text-align: right;
	height: 415px;
	width: 450px;
	float: left;
	clear: none;
	padding-top: 20px;
	padding-left: 25px;
	
}

#wrapper {
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	height: 650px;
	margin-bottom: 20px;
	margin-top: 30px;
}

#header {
	color: #333;
	width: 800px;
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	height: 100px;
	margin: 10px 0px 0px 0px;
	background: #BD9C8C;
}

#leftcolumn {
	height: 840px;
	width: 155px;
	float: left;
	background-color: #E76600;
	margin-top: 10px;
	padding: 10px;
	}

#content {
	float: left;
	height: 550px;
	width: 600px;
	display: inline;
	background-color: #FFCD0E;
	margin-top: 80px;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 10px;
	margin-right: auto;
}

#rightcolumn {
	color: #333;
	height: 840px;
	width: 67px;
	float: left;
	position: relative;
	background-color: #E76600;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px;
	}
	
		
ul#sidemenu{
	list-style:none;
	width:100%;
	padding: 0px;
}
ul#sidemenu li{
	list-style:none;
	width:113px;
	float: none;
}

ul#sidemenu a{
    display:block;
    width:113px;
    height:32px;
    text-indent:-100px;
    overflow:hidden;
}

a.why{
	background-image:url(../img/whyorganic.jpg);
}
a:hover.why{
	background-image: url(../img/whyorganicover.jpg);
}


a.about{
	background-image:url(../img/abouttop.jpg);}
a:hover.about{
    background-position:0px -30px;
}
a.collection{
	background-image:url(../img/collectiontop.jpg);
}
a:hover.collection{
    background-position:0px -30px;
}
a.stores{
	background-image:url(../img/storestop.jpg);
}
a:hover.stores{
    background-position:0px -30px;
}

a.press{
	background-image:url(../img/presstop.jpg);
}

a:hover.press{
    background-position:0px -30px;
}
a.contact{
	background-image:url(../img/contacttop.jpg);
}
a:hover.contact{
    background-position:0px -30px;
}
