* {
	margin: 0;
	padding: 0;
}
body {
	background-color:#eae2bc;
	background-image: url(images/washi_cha.gif);
	color: #333333;
}

#container {
	margin: 20px auto;
	position: relative;
	width: 780px;
	border: 1px solid #999;
}
#container-inner {
	padding: 0;
	background-color: #fff;
}

a {
	color: #3366CC;
	text-decoration: none;
}
a:hover {
	color: #FF6666;
	text-decoration: underline;
	text-decoration: underline;
}

.hide {
	text-indent: -999px;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 1px;
	width: 1px;
}


/*********** left-side ナビ・バナー ***********/
#left-side {
	width: 180px;
	margin: 0;
	float: left;
}
#left-side-inner {
	padding: 0;
}

/* ナビ詳細は'style-navi.css' */
#navi {
	width: 180px;
	margin: 0;
}
#navi-inner {
	padding: 0;
}

/* バナー */
.banner {
	margin: 20px 0;
	padding: 0;
	text-align: center;
}

/*********** right-side メインイメージ・コンテンツ ***********/
#right-side {
	width: 598px;
	margin: 0;
	float: right;
}
#rigth-side-inner {
	padding: 0;
}

#main-image {
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
}

#contents {
	width: 398px;
	margin: 0;
	float: right;
}



#footer {
	width: 780px;
	margin: 0;
	clear: both;
	font-size: 12px;
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #999;
}


/* clearfix
-------------------------------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac\*/
*html .clearfix{height: 1%;}
.clearfix {display: block;}
/*End hide from IE-mac */