@charset "Shift_JIS";
/* CSS Document */

/*======== Universal reset ========*/
{	margin: 0;
	padding: 0;
}


/*======== Body and base setting ========*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(img/back_pict.gif) repeat;
	color: #333;
	margin: auto;
	padding: auto;
	text-align: center;
}

/* ------ Base setting ------*/
img{
	border: none;
	margin: 0;
}
/*IE6pnbN*/
	*html body img{
		margin-bottom: -4px;
	}
.clear{
	clear: both;
}
ul, li{
	margin: 0;
	padding: 0;
}

/*------ LINK ------*/
a:link{
	color: #00576a;
	text-decoration: none; 
}
a:visited{ 
	color: #00738C;
	text-decoration: none;
}
a:hover{ 
	color: #00738C;
	text-decoration: underline;
}

/*------ MAIN ------*/
#wrap{
	width: 800px;
	margin: auto;
	padding: auto;
	text-align: center;
}
#menu{/*月メニュー*/
	background-image: url(img/bg_menu01.gif);
	width: 800px;
	height: 50px;
	background-repeat: repeat-x;
	text-align: left;
	background-color: #BEDC00;
}

#main{
	background-image: url(img/bg_main.gif);
	background-repeat: repeat-y;
	width: 800px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#sub{/*左側メニュー*/
	width: 170px;
	height: 100%;
	padding: 0 10px 15px 15px;
	text-align: left;
	float: left;
}
#content{/*商品写真一覧*/
	width: 590px;
	padding: 0 0 15px 15px;
	text-align: left;
	float: right;
}

#bar01{
	background-color: none;
	/*background-image: url(img/bg_bar01.gif);*/
	width: 800px;
	height: 35px;
	background-repeat: repeat-x;
}
#bar02{
	background-color: none;
	background-image: url(img/bg_bar02.gif);
	width: 800px;
	height: 20px;
	background-repeat: no-repeat;
}
	
	
/*------ Header & Footer ------*/
#header{
	background-color: none;
	background-image: url(img/header.gif);
	width: 800px;
	height: 130px;
}
#footer{
	background: url(img/footer.gif) repeat-x;
	width: 800px;
	height: 55px;
	text-align: right;
	border-top: 1px solid #96d2dc;
}

/*------ text ------*/
p{
 	font-size: 12px;
 	color: #00000;
 	line-height: 14px;
 }
b{
 	font-size: 14px;
 	color: #00000;
 	line-height: 16px;
}
#copy{
	width: 800px;
	font-size: 11px;
	color: #666;
	text-align: center;
	margin: 20px auto;
	padding: 0;
	}


/*------ img setting ------*/
#content img{/*商品写真マージン*/margin: 5px;}
#menu img{margin-left: 0px;}
/*------ ather ------*/
.center{ margin:auto; padding:auto; text-align:center;}