/* CSS Document */

/* ★基本の設定-------------------------------------------------------------------------------- */
body {
	margin:0 ;
	padding:0 ;
	font-family:"ＭＳ Ｐゴシック,OSAKA,sans-serif" ;
	background-color:#886C40 ;}


/* タグ設定 */
img { border:0 ; }
p { margin:0 ; padding:0 ;}
form { margin:0 ; padding:0 ;}
table { clear:both ;}

/* 簡易クラス */
span.err {
	padding:0 ;
	color:#F00 ;}


/* 基準のリンク反応 */
a:link { text-decoration:none ; color:#0072BC ;}
a:active { text-decoration:underline ; color:#FF3300 ;}
a:visited { text-decoration:none ; color:#0072BC ;}	
a:hover { text-decoration:underline ; color:#FF3300 ;}




/* ★シャドウ表示領域の設定 ------------------------------------------------------------------- */
#wrapper {
	width:756px ; 
	margin:0 auto ;
	background:url(../img_common/wrapper_bg.gif) repeat-y ;}




/* ★ヘッダー --------------------------------------------------------------------------------- */
/*おばあちゃん背景画像*/
#header-bg {
	width:714px ;
	height:142px ;
	margin:0 auto ;
	background:url(../img_common/header_bg.jpg) right 10px no-repeat ;}

#header {
	width:714px ;
	margin:0 auto 9px auto ;
	padding:10px 0 0 0 ;
	clear:both ;}

#header:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}

#header p#logo {
	width:355px ;
	height:89px ;
	margin:0 ;
	padding:0 ;
	background:url(../img_common/logo.gif) 0 0 no-repeat ;
	float:left ;}

#header p#logo a {
	width:313px ;
	height:89px ;
	margin:0 ;
	padding:0 ;
	text-align:left ;
	text-indent:-400px ;
	overflow:hidden;
	display:block ;}

#header div {
	width:246px ;
	margin:0 0 0 23px ;
	padding:0 ;
	float:left ;}

#header div p#tel {
	width:167px ;
	height:29px ;
	margin:0 0 10px 0 ;
	text-indent:-400px ;
	overflow:hidden;
	background:url(../img_common/tel.gif) 0 0 no-repeat ;}

#header div p#fax {
	width:246px ;
	height:31px ;
	margin:0 ;
	padding:0 ;
	text-indent:-400px ;
	overflow:hidden;
	background:url(../img_common/fax.gif) 0 0 no-repeat ;}

#header div p#fax a {
	width:73px ;
	height:31px ;
	margin:-13px 0 0 0 ;
	padding:0 ;
	text-indent:-400px ;
	overflow:hidden;
	background:url(../img_common/fax_btn.gif) 0 0 no-repeat ;
	float:right ;
	display:block ;}

#header div p#fax a:hover {
	background:url(../img_common/fax_btn.gif) 0 -31px no-repeat ;}


#header div p {
	margin:7px 0 0 0 ;
	font-size:10px ;
	color:#333 ;}




/* ★テキストナビ ----------------------------------------------------------------------------- */
#text-navi {
	width:600px ;
	margin:0 ;
	background-color:#EDE5D9 ;}

#text-navi ul {
	margin:0 ;
	padding:0 0 0 12px ;
	list-style-type:none ;
	clear:both ;}

#text-navi ul:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}

#text-navi li {
	margin:0 20px 0 0 ;
	padding:0;
	font-size:70% ;
	line-height:1.8em ;
	background:url(../img_common/li_01.gif) 0 7px no-repeat ;
	float:left ;}

#text-navi li a {
	padding:3px 0 0 18px ;
	color:#512A03 ;
	text-decoration:none ;
	display:block ;}

#text-navi li a:hover {
	color:#FF3300 ;
	text-decoration:underline ;}




/* ★ナビ ------------------------------------------------------------------------------------- */
#navi {
	width:714px ;
	height:25px ;
	margin:0 auto 10px auto ;
	padding:0;
	clear:both ;}

#navi ul {
	width:714px ;
	margin:0 ;
	padding:0 ;
	list-style-type:none ;}

#navi ul li {
	height:25px ;
	margin:0 ;
	padding:0 ;
	float:left ;}

#navi ul li a { 
	width:122px ;
	height:25px ;
	text-indent:-200px;
	overflow:hidden;
	display:block ;}

/*ナビ１*/
#navi ul li a#navi01 {
	width:115px ;
	background:url(../img_common/navi.jpg) 0 0 ;}

#navi ul li a#navi01:hover {
	background-position:0 -25px ;}


/*ナビ２*/
#navi ul li a#navi02 {
	width:119px ;
	background:url(../img_common/navi.jpg) -115px 0;}

#navi ul li a#navi02:hover {
	background-position:-115px -25px ;}


/*ナビ３*/
#navi ul li a#navi03 {
	width:137px ;
	margin:0 0 0 5px ;
	background:url(../img_common/navi.jpg) -239px 0;}

#navi ul li a#navi03:hover {
	background-position:-239px -25px ;}


/*ナビ４*/
#navi ul li a#navi04 {
	width:80px ;
	background:url(../img_common/navi.jpg) -376px 0;}

#navi ul li a#navi04:hover {
	background-position:-376px -25px ;}


/*ナビ５*/
#navi ul li a#navi05 {
	width:100px ;
	background:url(../img_common/navi.jpg) -456px 0;}

#navi ul li a#navi05:hover {
	background-position:-456px -25px ;}


/*ナビ６*/
#navi ul li a#navi06 {
	width:98px ;
	background:url(../img_common/navi.jpg) -556px 0;}

#navi ul li a#navi06:hover {
	background-position:-556px -25px ;}



/*ナビ７*/
#navi ul li a#navi07 {
	width:60px ;
	background:url(../img_common/navi.jpg) -654px 0;}

#navi ul li a#navi07:hover {
	background-position:-654px -25px ;}



/* ★コンテンツ表示領域の設定 ----------------------------------------------------------------- */
/*■コンテンツくくり*/
#body {
	width:712px ;
	margin:0 auto ;
	padding:0 ;
	clear:both ;}

#body2 {
	width:712px ;
	margin:0 auto ;
	padding:0 ;
	clear:both ;
	background:url(../img_common/dot_bg.gif) left bottom no-repeat ;}

#line{
	width:712px ;
	margin:0 0 1px 0 ;
	background:url(../img_common/line_bg.gif) repeat-y ;}


/*■段組無し*/
#contents {
	width:712px ;
	margin:0 ;
	padding:0 ;
	border:1px solid #EAEBE5 ;
	background:url(../img_common/contents_bg.gif) right top no-repeat #FFF;
	clear:both ;}

/*■２段組*/
#side {
	width:190px ;
	margin:0 ;
	padding:0 0 1px 0;
	background:url(../img_common/x_02.gif) bottom repeat-x ;
	float:left ;}

#body2 #side {
	background:none ;}

#contents2 {
	width:515px ;
	margin:0 ;
	padding:0 ;
	border:1px solid #EAEBE5 ;
	background:url(../img_common/contents_bg.gif) right top no-repeat #FFF;
	float:right ;}

#body:after , #body2:after , #contents:after , #contents2:after , #line:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}








/* ★フッター --------------------------------------------------------------------------------- */
#footer {
	width:714px ;
	margin:11px auto 0 auto ;
	padding:0 0 10px 0 ;
	background-color:#FFF ;
	clear:both ;}

#footer ul {
	height:27px ;
	margin:0 0 10px 0 ;
	padding:0 0 0 12px ;
	background:url(../img_common/footer_bg.gif) 0 0 repeat-x ;
	list-style-type:none ;
	clear:both ;}

#footer ul:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}

#footer li {
	margin:0 20px 0 0 ;
	padding:0;
	font-size:70% ;
	line-height:2.4em ;
	background:url(../img_common/li_01.gif) 0 7px no-repeat ;
	float:left ;}

#footer li a {
	padding:0 0 0 18px ;
	color:#512A03 ;
	text-decoration:none ;
	display:block ;}

#footer li a:hover {
	color:#FF3300 ;
	text-decoration:underline ;}

#footer p {
	font-size:70% ;
	color:#512A03 ;
	text-align:center ;
	line-height:2em ;
	clear:both ;}

#footer p a {
	color:#512A03 ;
	font-weight:bold ;
	text-decoration:none ;}

#footer p a:hover {
	color:#FF3300 ;
	text-decoration:underline ;}

#footer p a#f-mail {
	margin:0 0 0 3px ;
	padding:0 3px 0 17px ;
	background:url(../img_common/mail.gif) 0 0 no-repeat ;}

#footer p span {color:#333 ;}
#footer p#copy { color:#666 ;}




/* ★★第２階層以下共通★★ ------------------------------------------------------------------- */

/* ★見出し ----------------------------------------------------------------------------------- */
h1 {
	height:38px ;
	margin:0 0 20px 0 ;
	padding:0 ;
	font-size:80% ;
	text-indent:-400px ;
	overflow:hidden;}

h2 {
	margin:0 0 10px 0 ;
	padding:8px 10px ;
	font-size:85% ;
	color:#333 ;
	line-height:1.6em ;
	border-left:3px solid #D5D5D5 ;
	background:url(../img_common/x_01.gif) bottom repeat-x #F8F8F8 ;
	clear:both ;}

h2 span {
	font-size:90% ;
	color:#790000 ;
	font-weight:normal ;}




/* ★階層 ------------------------------------------------------------------------------------- */
#st {
	margin:20px 20px 28px 20px ;
	font-size:70% ;
	color:#666 ;}




/* ★スクロールアップ ------------------------------------------------------------------------- */
.scrollup {
	text-align:center ;
	clear:both ;}

.scrollup:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}

.scrollup a {
	width:25px ;
	height:20px ;
	margin:0 auto ;
	text-indent:-300px ;
	overflow:hidden;
	background:url(../img_common/scroll.gif) 0 0 no-repeat ;
	display:block ;}

.scrollup a:hover {
	background:url(../img_common/scroll.gif) -25px 0 no-repeat ;}




/* ★人気ランキング---------------------------------------------------------------------------- */
#rank {
	width:192px ;
	padding:0 0 8px 0;}

#rank h2 {
	height:35px ;
	margin:0 0 10px 0 ;
	padding:0 ;
	text-indent:-400px ;
	overflow:hidden;
	background:url(../img_common/rank_h2.gif) 0 0 no-repeat ;
	border:none ;}

#rank ul {
	width:168px ;
	margin:0 auto ;
	padding:3px 3px 1px 3px ;
	border:1px solid #CCC ;
	background-color:#FFF ;
	list-style-type:none ;}

#rank li {
	width:168px ;
	margin:3px 0 ;
	padding:0 ;
	font-size:11px ;
	line-height:1.4em ;
	background:url(../img_common/x_01.gif) bottom repeat-x ;
	clear:both ;}

#rank li#last {
	background:none ;}

#rank li:after , #rank li#last:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}

#rank li span {
	width:144px ;
	display:block ;
	float:left ;}

/*ランキングナンバー*/
#rank li span.rankno01 , #rank li span.rankno02 , #rank li span.rankno03 {
	width:19px ;
	height:17px ;
	margin:0 5px 0 0 ;
	text-indent:-200px ;
	overflow:hidden;}

#rank li span.rankno01 { background:url(../img_common/rank_01.gif) 0 0 no-repeat ;}
#rank li span.rankno02 { background:url(../img_common/rank_02.gif) 0 0 no-repeat ;}
#rank li span.rankno03 { background:url(../img_common/rank_03.gif) 0 0 no-repeat ;}


/*商品画像*/
#rank li span img {
	margin:0 0 4px 3px ;
	float:right ;}

#rank li#last span img {
	margin:0 0 0 3px ;}





/* ★商品リスト-------------------------------------------------------------------------------- */
#list {
	width:192px ;
	padding:0 0 8px 0;}

#list h2 {
	height:35px ;
	margin:0 0 10px 0 ;
	padding:0 ;
	text-indent:-400px ;
	overflow:hidden;
	background:url(../img_common/list_h2.gif) 0 0 no-repeat ;
	border:none ;}

#list p {
	width:62px ;
	height:22px ;
	margin:0 0 -22px 0 ;
	text-indent:-400px ;
	overflow:hidden;
	position: relative;
	top: -33px;
	left:121px ;
	z-index: 2;}

#list p a {
	width:62px ;
	height:22px ;
	background:url(../img_common/list_btn.gif) 0 0 no-repeat ;
	display:block ;}

#list p a:hover {
	background:url(../img_common/list_btn.gif) 0 -22px no-repeat ;}

#list h3 {
	width:174px ;
	margin:0 auto ;
	padding:0 ;
	font-size:11px ;
	color:#5A1C0E ;
	line-height:1.6em ;}

#list ul {
	width:168px ;
	margin:0 auto 15px auto ;
	padding:3px 3px 0 3px ;
	border:1px solid #CCC ;
	background-color:#FFF ;
	list-style-type:none ;}

#list li {
	margin:5px 0 0 0 ;
	padding:0 0 5px 0 ;
	font-size:11px ;
	line-height:1.4em ;
	background:url(../img_common/x_01.gif) bottom repeat-x ;
	clear:both ;}

#list li span{
	padding:0 0 0 11px ;
	background:url(../img_common/li_02.gif) 1px 2px no-repeat ;}

#list li.last {
	background:none ;}



/* ★フォーム部品-------------------------------------------------------------------------------- */
.size01 { width:97% }
.size02 { width:97% ; height:5em ;}
.size03 { width:50% }
.size04 { width:90px ;}