body {  
color: #000000;
background-color: #FFFFFF;
margin: 0px;
text-align: center;
}

/* ----------------------------
■ヘッダー 
---------------------------- */

#page {
	background-color: #FFFFFF;
	width: 800px;
	;
	color: #333333;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#rogo {
	float: left;
	text-align: left;
	width: 380px;
}

#header {  margin-bottom: 10px; background-image: url(../img/index.jpg); background-repeat: no-repeat; width: 800px}

#head_cart {  text-align: right; padding-top: 5px; padding-right: 5px}

#headright {  float: right; width: 420px}
#main_menu {
	margin: 0px;
}

#head_menu {
	font-size: 12px;
	text-align: left;
	padding-top: 7px;
	padding-right: 2px;
	padding-left: 7px;
	background-image: url(../menu/header_waku.gif);
	background-repeat: no-repeat;
	padding-bottom: 5px;
	margin: 0px;
}

#head_menu a:active {  color: #BF6390; text-decoration: underline}
#head_menu a:visited {  color: #BF6390; text-decoration: underline}
#head_menu a:link {  color: #BF6390; text-decoration: underline}
#head_menu a:hover {  color: #993333; text-decoration: none}

#cate_menu {  font-size: 11px; line-height: 130%; background-color: #FFE6F4; margin-top: -10px; margin-bottom: 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; text-align: left}

#cate_menu  a:active {  color: #BA2A51; text-decoration: underline; background-image: url(img/point.gif); background-repeat: no-repeat; background-position: 0px 0px;; padding-left: 10px}
#cate_menu  a:visited {  color: #BA2A51; text-decoration: underline; background-image: url(img/point.gif); background-repeat: no-repeat; background-position: 0px 0px;; padding-left: 10px}
#cate_menu  a:link {  color: #BA2A51; text-decoration: underline; background-image: url(img/point.gif); background-repeat: no-repeat; background-position: 0px 0px;; padding-left: 10px}
#cate_menu  a:hover {  color: #000000; text-decoration: underline; background-image: url(img/point.gif); background-repeat: no-repeat; background-position: 2px 0px;; padding-left: 10px}

/* ----------------------------
■ページメイン 
---------------------------- */

#pan {
	font-size: 12px;
	line-height: 120%;
	color: #333333;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	;
	background-color: #E6E6E6;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

/* ----------------------------
■サイドメニュー
---------------------------- */

#side_bgcolor {  background-color: #B8EFFF}

#side {  
width: 150px;
margin-bottom: 10px;
padding: 5px;
}

.banner {  font-size: 12px; color: #666666; text-align: left; margin-bottom: 10px; margin-top: 10px}

#side_waku {  border: #B3B3B3; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

#side_waku a:active {  color: #1B788F; text-decoration: underline}
#side_waku a:visited {  color: #1B788F; text-decoration: underline}
#side_waku a:link {  color: #1B788F; text-decoration: underline}
#side_waku a:hover {  color: #FF6699; text-decoration: none}

#s1 {  background-image: url(../img/st1.jpg); background-repeat: no-repeat; padding-top: 30px; padding-left: 5px}

#s2 { background-image: url(../img/st2.jpg); background-repeat: no-repeat; padding-top: 30px; text-align: center; margin-top: 5px}

#s3 { background-image: url(../img/st3.jpg); background-repeat: no-repeat; padding-top: 30px; padding-left: 5px ; margin-top: 5px}

.item_text {
	font-size: 12px;
	background-image: url(../img/point.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 15px;
	letter-spacing: 2px;
	margin: 0px;
	padding-bottom: 8px;
}

.qr_text {  font-size: 12px; line-height: 130%; color: #666666; text-align: left;
padding: 5px 8px 10px 8px;
}

/* ----------------------------
■フッダー 
---------------------------- */

#footer_menu {  font-size: 12px; margin-top: 10px; color: #999999; margin-bottom: 10px}

#pageup {  text-align: right; margin-top: 10px; padding-right: 5px; font-size: 12px; line-height: 120%; margin-bottom: 10px}

#footer {  
font-size: 12px;
color: #7D7223;
text-align: center;
width: 800px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 20px;
border: #999999 solid;
border-width: 1px 0px 0px;
; margin-top: 10px}

/* ----------------------------
■テキスト・リンク
---------------------------- */

.text8 {  font-size: 8px; line-height: 5px}
.text9 {  font-size: 9px}
.text10 {  font-size: 10px; line-height: 14px}
.text11 {  font-size: 11px; line-height: 14px}
.text12 {  font-size: 12px; line-height: 18px; color: #333333}
.text13 {  font-size: 13px; line-height: 18px}
.text14 {  font-size: 14px; line-height: 20px}
.text16 {  font-size: 16px; line-height: 22px}
.text18 {  font-size: 18px; line-height: 24px}

a:active {  color: #000099}
a:visited {  color: #000099}
a:link {  color: #000099}
a:hover {  color: #000099}

.border {  border: 1px #666666 solid}
.border2 { border: 1px #FF6633 solid}
.border3 { border: 1px #000000 solid}

/* ----------------------------
■h
---------------------------- */

h1{
float: left; width: 380px; text-align: left; margin-top: 10px}

h2 {  
font-size: 11px;
line-height: 120%;
color: #666666;
font-weight: normal;
padding: 0px 0px;
margin: 5px 0px 0px;
text-align: left;
}

h5 {  font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-top: 0px}

h5  a:active {  color: #CC0033; text-decoration: underline}
h5  a:visited {  color: #CC0033; text-decoration: underline}
h5  a:link {  color: #CC0033; text-decoration: underline}
h5  a:hover {  color: #FF3333; text-decoration: underline}


/* ----------------------------
■その他
---------------------------- */

.clear {  clear: both}

.rank_img {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.rank_img img {  
border: #CCCCCC;
border-style: solid;
border-width: 1px;
}

.rank_waku {
	font-size: 11px;
	color: #FF3366;
	margin-bottom: 5px;
	line-height: 130%;
	text-align: center;
}

.rank_waku a:active {  color: #3366CC; text-decoration: underline}
.rank_waku a:visited {  color: #3366CC; text-decoration: underline}
.rank_waku a:link {  color: #3366CC; text-decoration: underline}
.rank_waku a:hover {  color: #3366CC; text-decoration: none}

.rank1 {  font-size: 12px; line-height: 120%; margin-bottom: 3px; background-image: url(../img/NO1.gif); background-repeat: no-repeat; padding-top: 12px}
.rank2 { font-size: 12px; line-height: 120%; margin-bottom: 3px; background-image: url(../img/NO2.gif); background-repeat: no-repeat; padding-top: 12px }
.rank3 { font-size: 12px; line-height: 120%; margin-bottom: 3px; background-image: url(../img/NO3.gif); background-repeat: no-repeat; padding-top: 12px }
.rank4 { font-size: 12px; line-height: 120%; margin-bottom: 3px; background-image: url(../img/NO4.gif); background-repeat: no-repeat; padding-top: 12px }

.new_img {  float: left; text-align: left; margin-right: 5px}

.new_img img {  
border: #CCCCCC;
border-style: solid;
border-width: 1px;
}

.new_waku {  font-size: 12px; line-height: 120%; color: #666666}

.recommend {
font-size: 11px;
line-height: 125%;
	color:#FF0000;
	margin:5px 0px 10px 0px;
}

#banner {  margin-top: 5px; margin-bottom: 10px}
#footer_menu2 {
	font-size: 12px;
	margin-top: 0px;
	color: #FF0000;
	margin-bottom: 10px;
	line-height: 130%;
	text-align: left;
	width: 770px;
}
h2 strong {
	font-weight: normal;
}
.rank_waku1 {
	font-size: 12px;
	color: #FF3366;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.rank_img1 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
