@charset "utf-8";
@import url("import.css");


/* header(ページの上辺) */
#header{
	margin:5px 0 0 0;
	background-image: url(../img/wrap-head-bg.gif);
	background-repeat:repeat-x;
}
	#header h1,
	#header p{
		float:left;
		text-align:left;
	}
	#header h1 img{
		position:relative;
		left:20px;
		top:20px;
		}
	#header div.inner{
		padding:0;
		background-image: url(../img/header-inner-bg.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		height: 110px;
		background-color:#FFF;
	}
	#header div.menu{
		float:right;
		text-align:right;
	}
		
		#header div.menu p{
			font-size:1.0em;
			text-align:right;
			float:none;
			margin: 20px 20px 0 0;
		}
		#header div.menu img{
			padding:10px 20px 0 0;
		}

/* maincolumn(メインコンテンツ) */
#main{
		margin-right:20px;
	}
	#top-title{
		background-image:url(../img/h2-bg.gif);
		background-repeat:no-repeat;
		height:90px;
		margin-bottom:30px;
	}
	 h2{
		font-size:20px;
		color:#663300;
		padding:30px 0 0 30px;
	}
	.section{
		margin-bottom:30px;
	}
	.section h3{
		font-size: 16px;
		font-weight:bold;
		background-color:#663300;
		margin-bottom:20px;
		color:#FFF;
		padding-top: 6px;
		padding-right: 0;
		padding-bottom: 4px;
		padding-left: 10px;
	}
	.section p{
		width:330px;
		padding:0 10px 0 0;
		margin-bottom:20px;
		float:left;
	}
	.section p.nor{
		width:100%;
		margin-bottom:30px;
	}
	.section p.nor-last{
		width:100%;
		margin-bottom:0px;
	}
		.section p.nor-last a{
			color:#FF7700;
			text-decoration:underline;
		}
		.section p.nor-last a:hover{
			color:#FF7700;
			text-decoration:none;
		}
	.section img.mini{
		float:right;
		margin:0 0 30px 10px;
	}	
	.section h4{
		font-size:14px;
		color:#663300;
		margin-bottom:15px;
		text-indent: -2px;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 4px;
		padding-left: 5px; 
		background-image: url(../img/dotline.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
	}
/* bottom */
	#bottom ul li{
		float:left;
	}

/* table(アースメロン写真) */
	table#photo {
		margin: 0 0 30px 0;
		border-collapse: collapse;
		border:none;
		width: 600px;
		}
	table#photo th {
			width:400px;
			height:300px;
			vertical-align:top;
			}
		table#photo th img {
				width:400px;
				height:300px;
				}
	table#photo td {
			width:90px;
			height:67px;
			padding: 0 0 10px 10px;
			}
		table#photo td img {
			width:90px;
			height:67px;
			}
	table#photo td.lastchild {
			width:90px;
			height:67px;
			padding: 0 0 0 10px;
			}		

/* table(アースメロンの商品情報) */
	table.shohin {
		margin: 0 0 20px 0;
		border-collapse: collapse;
		border: 1px solid #B19A4E;
		width: 600px;
		}
	table.shohin th {
			background: #F0EAD6;
			border: 1px solid #B19A4E;
			padding: 6px 10px;
			text-align: left;
			font-weight:normal;
			width:160px;
			}
	table.shohin td {
			border: 1px solid #B19A4E;
			padding: 6px 10px;
			font-weight: normal;
			}