﻿body{ 	
		margin:0; padding:0; height:100%; color:#333030; 
		font-family: メイリオ, Meiryo, Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", Verdana, Chicago, sans-serif; 
		background-image: url(img_com/bg_img.jpg); 
		text-align: center; }
#conteiner { 
		text-align: center; 
		width: 850px; height: auto; margin: 0 auto; padding: 0; }

a		{ color: #671; font-weight: bold; text-decoration: none; }
a:link	{ text-decoration: none; }
a:hover	{ color: #f70; text-decoration: none; }

TABLE { font-size: 12px; line-height: 1.5; background-color: #fff; margin: 0; padding: 0; }		

STRONG{ color: #f70; font-weight: 800; }
SMALL { font-size: 10px; }
H3 { color: #543; font-size: 16px; font-weight: bold; margin: 5px; }
H4 { color: #543; font-size: 14px; font-weight: bold; margin: 5px; }
HR { width: 100%; margin: 10px 0; }
#header { background-image: url(img_com/img_top.jpg); background-repeat: no-repeat; text-align: left; width: 850px; height: 230px; margin: 0; }
#header_sh { background-image: url(img_com/img_shop.jpg); background-repeat: no-repeat; text-align: left; margin: 0; width: 850px; height: 150px; }
#footer { color: #fff; line-height: 1em; background-color: #400; text-align: center; width: 850px; height: auto; margin: 0; }
#footer TD { color: #fff; line-height: 1em; background-color: #400; text-align: center; margin: 0; padding: 15px 10px; width: 850px; height: auto; }
#footer A { color: white; }

/* 共通ページへのリンク -------------------------------------------- */
.menue { color: #450; font-size: 12px; font-family: メイリオ, Meiryo, Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", Verdana, Chicago, sans-serif; line-height: 30px; background-color: #671; 
background-image: url(img_com/img_menueB120px.jpg); background-repeat: no-repeat; background-position: left center; text-align: center; margin: 0; padding: 0; width: 120px; vertical-align: middle; border-width: 0; }
.menue A { color: #561; font-size: 12px; font-weight: bold; }
#nav { background-color: #400; width: 850px; height:30px
 ; margin: 0; display: block; }
#nav UL { display: inline; }
#nav LI { background-position:0 5px; font-size:12px; background-image: url(img_com/img_icon.gif); color: #fff; line-height:30px; background-repeat: no-repeat; padding: 0 10px 0 17px; list-style-type: none; display: inline; }
#nav .home { color: #fff; font-size: 12px; line-height: 30px; padding: 0 10px 0 0; list-style-type: none; display: inline; }
#nav A { color: #fff; font-weight: bold;}
#nav A:hover { color: #000000; background-color: #ccc0b0
; }
#side { background-color: #f8f8e8; vertical-align: top; width: 180px; margin: 0; padding: 0; }
#side P { margin: 0; padding: 5px 10px; }
#side UL { margin: 0; display: block; }
#side LI { color: #fff; font-size: 14px; font-weight: bold; line-height: 40px; background-image: url(img_com/img_sidebg.gif); background-repeat: no-repeat; text-indent: 30px; list-style-type: none; list-style-image: none; margin: 1px 0 0; padding: 0; width: 180px; height: 40px; vertical-align: middle; }
#side LI a { color: #fff; }
#side a:hover { color: #cbbfb7; text-decoration: none; }

/* トップページ　仔うさぎ情報 -------------------------------------------- */
#usagi { background-color: #eceae5; }
#usagi TABLE { background-color: #eceae5; text-align: center; width: auto; margin-left: 20px; }
#usagi TD { font-size: 10px; line-height: 1.3; background-color: #fff; text-align: center; vertical-align: top; width: 140px; height: auto; }

/* eショップページ　商品テーブル -------------------------------------------- */
.shop { background-color: #eceae5; margin: 0; display: block; }
.shop B { color: #f70; font-weight: bold; }
.shop HR { width: 810px; margin-top: 15px; margin-right: 15px; margin-bottom: 15px; }
.shop TABLE { font-size: 11px; line-height: 1.2; width: 850px; height: auto; margin: 0; display: table; }
.shop TD { width: 20%; height: auto; padding-left: 15px; }
.shop TH { padding-left: 15px; height: auto; }
.shop caption { color: #786; font-size: 14px; font-weight: bold; line-height: 32px; background-color: #cc9; background-image: url(img_com/rabbit.gif); background-repeat: no-repeat; background-position: 15px 0; text-align: left; padding: 0 0 0 50px; border-style: solid; border-width: 5px 5px 5px 5pt; border-color: #9a8 #cbbfb7; }

/* トップページ　お知らせフレーム -------------------------------------------- */
.infobox { font-size: 12px; background-color: #fff; background-attachment: scroll; text-align: left; vertical-align: top; margin: 0; width: auto; padding: 5px 20px 5px 25px; display: block; }
.infobox H3 { color: #671; font-size: 20px; font-family: HG明朝E, HG明朝B, sans-serif; background-image: url(img_com/img_leaf_wh.jpg); background-repeat: no-repeat; background-position: 0 0; display: inline; margin-left: -25px; padding-left: 25px; height: 25px; vertical-align: middle; margin-top: 0; margin-bottom: 5px; }

/* QandAページ　テーブル -------------------------------------------- */
.TABLE .QandA { width: 100%; margin: 0; display: block; }
.QandA TH { color: #671; font-size: 12px; font-weight: 700; background-color: #cc9; text-align: left; margin: 0 0 5px; vertical-align: top; border-left: 20px solid #671; }
.QandA TD { font-size: 12px; line-height: 24px; background-image: url(img_com/img_line24px.gif); background-repeat: repeat; background-position: 0 0; display: block; vertical-align: top; padding: 0 15px; }

/* 各ページ　下地・フォント飾りなど -------------------------------------------- */
.areaW { font-size: 12px; background-color: #fff; text-align: left; margin: 0; padding: 10px 20px 5px 25px; vertical-align: top; width: 670px; }
.areaW H3 { color: #671; font-size: 20px; font-family: HG明朝E, HG明朝B, sans-serif; line-height: 25px; background-image: url(img_com/img_leaf_wh.jpg); background-repeat: no-repeat; background-position: 0 0; display: inline; margin-left: -25px; padding-left: 25px; height: 25px; margin-bottom: 5px; }
.areaG { font-size: 12px; line-height: 1.5; background-color: #eceae5; text-align: left; vertical-align: top; width: auto; margin: 0; padding: 5px 20px 5px 25px; }
.areaG H3 { color: #671; font-size: 20px; font-family: HG明朝E, HG明朝B, sans-serif; background-image: url(img_com/img_leaf_gr.jpg); background-repeat: no-repeat; background-position: 0 0; display: inline; margin-left: -25px; padding-left: 25px; height: 25px; vertical-align: middle; margin-bottom: 5px; }
.line { color: #fff; font-size: 14px; font-weight: 700; background-color: #cc9; text-indent: 12px; vertical-align: middle; width: 100%; height: 20px; border-left: 20px solid #671; }
.box_line { font-size: 14px; line-height: 24px; background-image: url(img_com/img_line24px.gif); background-repeat: repeat; background-position: 0 0; display: block; margin-left: 0; padding-top: 0; padding-left: 0; vertical-align: top; }
.box_lineG { font-size: 12px; line-height: 24px; background-color: #eceae5; background-image: url(img_com/img_line24px.gif); background-repeat: repeat; background-position: 0 0; display: block; margin-left: 0; padding-top: 0; padding-left: 0; vertical-align: top; }
.komidasi { color: #fff; font-size: 11px; font-weight: bold; background-color: #cc9; padding-right: 5px; padding-left: 5px; }
.komidasi2 { color: #fff; font-size: 11px; background-color: #ff773a; padding-right: 5px; padding-left: 5px; }
.orange11px { color: #f73; font-size: 11px; }
.Charcoal{ color: #765; }

