/* CSS Document */

/* ★基本の設定-------------------------------------------------------------------------------- */
body {
	margin:0 ;
	padding:0 ;
	font-family:"ＭＳ Ｐゴシック,OSAKA,sans-serif" ;
	color:#333 ;
	background:#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 ;}



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


/* ★ヘッダー --------------------------------------------------------------------------------- */
#header {
	width:860px ;
	height:109px;
	margin:0 auto 1px auto ;
	padding:32px 0 0 0 ;
	clear:both ;
	background:url(../img_index/header_bg.gif) right no-repeat ;
	}

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

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

#header h1 a {
	width:360px ;
	height:89px ;
	margin:0 ;
	padding:0 ;
	text-align:left ;
	text-indent:-9999px ;
	overflow:hidden;
	display:block ;}

#header div {
	width:313px ;
	margin:0 0 0 66px ;
	padding:0 ;
	float:left ;}

#header div p#tel {
	width:171px ;
	height:64px ;
	float:left ;
	margin:0px 0 12px 0px ;
	text-indent:-400px ;
	overflow:hidden;
	background:url(../img_index/header_telfax.gif) 0 0 no-repeat ;}

#header div p#fax-btn {
	width:120px ;
	height:60px ;
	float:right ;
	margin:0px 0 0 0 ;
}

#header div p#fax-btn a {
	width:120px ;
	height:60px ;
	margin-top:3px;
	text-indent:-9999px ;
	overflow:hidden;
	background:url(../img_index/header_fax.gif) 0 0 no-repeat ;
	float:right ;
	display:block ;}

#header div p#fax-btn a:hover {
	background:url(../img_index/header_fax.gif) 0 -60px no-repeat ;}

/* text */
#header div p.fax-txt {
	margin:0px 0 0 0 ;
	font-size:75% ;
	color:#666 ;
	clear:both }


/* ★wrapper 白背景 --------------------------------------------------------------------------------- */

#wrapper {
	width:880px ;
	padding:0 0px 20px 20px  ;
	margin:0 auto 20px auto ;
	clear:both ;
	border-bottom:1px solid #ccc ;
	background:url(../img_index/wrapper_bg.gif) 0 0 no-repeat ;
	}
#wrapper:after{
	/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}


/* ★contents --------------------------------------------------------------------------------- */

#contents {
	width:640px ;
	float:right ;
	padding:0 ;
	margin:0 auto ;
	}

#contents *{
	margin:0 ;
	padding:0 ;
}

#contents h2,
#contents h3 {
	clear:both ;
	}
	
#contents h2.h2-topix {
	margin:0 0 0 10px ;}


/* editor トピックス部分設定----------------------------------- */

#contents h3 {
	width:570px ;
	margin:15px 0 16px 10px;
	padding:6px 10px ;
	font-size:95% ;
	color:#C46900;
	background:#FDF7D4;
	border:1px solid #F5DCA0 ;
	}
	
#contents .editor {
	width:600px ;
	margin:0 0 0px 10px;
	padding:0 10px 0 0px ;
	font-size:95% ;
	line-height:140% ;
	}

/* トピックス 記事ごとマージン */
#contents .editor .topi{
	margin-bottom:32px;
	clear:both ;
	}

/* タグ設定 */
#contents .editor p{
	padding-left:10px ;
	color: #333 ;
	}

#contents .editor ul,
#contents .editor ol {
	margin:0 0 20px 30px ;
	padding:0 ;
	}

/*#contents .editor img {
	vertical-align:middle }*/

#contents .editor table {
	margin:0 0 0px 0px ;
	}
#contents .editor table td ,
#contents .editor table th {
	padding:6px 8px ;
	}
	
	


/* イメージ */

#contents .editor img.img-r{
	float:right ;
	margin:0 0 20px 20px ;
	}
#contents .editor img.img-l{
	float:left ;
	margin:0 20px 20px 0;
	}
#contents .editor img.img-c{
	text-align:center ;
	}




/* 新着情報 */

#contents .news {
	width:600px ;
	margin:0 0 20px 10px;
	padding:0 10px 0 0px ;
	font-size:95% ;
	line-height:140% ;
	}

#contents #news-box {
	height:260px ;
	margin-top:20px ;
	overflow:scroll ;
	}
#contents #news-box table {
	width:560px ;
	margin:0 15px}

#contents #news-box table th {
	padding:10px 0;
	width:120px ;
	text-align:left ;
	font-size:85% ;
	color: #999;
	vertical-align:top ;
	background:url(../img_index/dot.gif) repeat-x bottom ;
	}
#contents #news-box table td {
	padding:10px 0px;
	background:url(../img_index/dot.gif) repeat-x bottom ;
	}


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

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

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

#navi ul li a { 
	height:36px ;
	text-indent:-9999px;
	overflow:hidden;
	display:block ;}

/* ナビ画像 */
#navi ul li a#navi01 {
	width:179px ;
	margin:0 0 0 0px ;
	background:url(../img_index/top_navi.gif) 0px 0;}
#navi ul li a#navi01:hover {
	background-position:0px -36px ;}

#navi ul li a#navi02 {
	width:113px ;
	background:url(../img_index/top_navi.gif) -179px 0;}
#navi ul li a#navi02:hover {
	background-position:-179px -36px ;}

#navi ul li a#navi03 {
	width:140px ;
	background:url(../img_index/top_navi.gif) -292px 0;}
#navi ul li a#navi03:hover {
	background-position:-292px -36px ;}

#navi ul li a#navi04 {
	width:108px ;
	background:url(../img_index/top_navi.gif) -434px 0;}
#navi ul li a#navi04:hover {
	background-position:-434px -36px ;}

#navi ul li a#navi05 {
	width:97px ;
	background:url(../img_index/top_navi.gif) -543px 0;}
#navi ul li a#navi05:hover {
	background-position:-543px -36px ;}
	


/* スライドショー */	

#slideshow {
	width:608px ;
	height:456px ;
	margin:30px 20px 30px 10px ;
	text-align:center ;
	border:1px solid #CCC ;
/*	background:url(../img_index/slideshow_bg.jpg) 0 0 ;*/
	}
	
.slideshow-container {
	margin:0 auto ;
	}

.slideshow-container img {
	marign:0 auto;
	}

		
/* スライドショーテキスト */
#slide-text {
	width:608px;
	margin:0px auto 0px 0px ;
	padding:8px 0px ;
	text-align:center ;
	font-size:95%;
	color:#fff ;

/* 半透明カラー設定 */
	background:#000 ;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	
/* 位置指定 */
	position:relative;
	top:0px;
	left:0px ;
	}

/* カーソル矢印に */
.slideshow-container a,
.slideshow-container a:hover ,
.slideshow-container img,
.slideshow-container img:hover ,
.slideshow-title,
.slideshow-title:hover {
	cursor:default ;
	}

/*#slide-text.c02 {
	color:#4F0000 ;
	background:#F4C47B ;
	}*/

/* ★side --------------------------------------------------------------------------------- */

#side {
	width:220px ;
	float:left ;
	margin-left:20px ;
	padding:0 ;
	margin:0 auto ;
	}

/* box類 */

#side .ti { margin-bottom:6px ;}
	
#side .shopping {
	margin:0px 0px 10px 0px ;
	padding:0 0 10px 0;
	border:solid #111 ;
	border-width:1px;
	background:#261C1A ;
	}

#side .box {
	margin:0px 0px 10px 0px ;
	padding:15px 10px 10px 10px ;
	line-height:140% ;
	font-size:78% ;
	color:#7D4A33 ;
	border:1px solid #ddd ;
	background:url(../img_index/side_box_bg.gif) 0 0 repeat-x #FDF7D4 ;
	}	
	
#side .box h2.staff-cmt { display:none }


/* リンク用設定 一括指定 */
#side a.link {
	margin:0 ;
	padding:0 ;
	text-align:left ;
	text-indent:-9999px ;
	overflow:hidden;
	display:block ;
	}

	
/* ショッピング */
#side .shopping #shopping-cart a {
	width:200px ;
	height:50px ;
	margin:0 auto 10px auto;
	background:url(../img_index/btn_cart.jpg) 0 0 ;	
	}

#side .shopping #shopping-cart a:hover {
	background:url(../img_index/btn_cart.jpg) 0 -50px ;	
	}

#side .shopping #shopping-link a {
	width:200px ;
	height:160px ;
	margin:0 auto 10px auto;
	background:url(../img_index/shopping_img.jpg) 0 0 ;	
	}
#side .shopping #shopping-link a:hover {
	background:url(../img_index/shopping_img.jpg) 0 -160px ;	
	}

#side #shopping-howto a ,
#side #shopping-howbuy a ,
#side #shopping-howsend a {
	width:200px ;
	height:27px ;
	margin:0 auto;
	}
#side #shopping-howto a {
	height:28px ;
	background:url(../img_index/shopping_howto.gif) 0 0px no-repeat;}
#side #shopping-howbuy a {
	background:url(../img_index/shopping_howbuy.gif) 0 0px no-repeat;}
#side #shopping-howsend a {
	background:url(../img_index/shopping_howsend.gif) 0 0px no-repeat;}

#side #shopping-howto a:hover {
	background:url(../img_index/shopping_howto.gif) -200px 0px no-repeat;}
#side #shopping-howbuy a:hover {
	background:url(../img_index/shopping_howbuy.gif) -200px 0px no-repeat;}
#side #shopping-howsend a:hover {
	background:url(../img_index/shopping_howsend.gif) -200px 0px no-repeat;}


/* おすすめ */
#side .box #osusume-buy a {
	width:200px ;
	height:20px ;
	margin:10px 0 0px 0;
	background:url(../img_index/osusume_buy.gif) right 0 no-repeat;
	}
#side .box #osusume-buy a:hover {
	background:url(../img_index/osusume_buy.gif) right -20px no-repeat;	
	}
	
/* おすすめ商品画像 */
#side .osusume-img {
	text-align:center ;
	margin-bottom:10px ;
	color:#900
	}
#side .osusume-img img{
	margin-bottom:10px ;
	border:1px solid #ccc ;
	}
#side .osusume-img a{
	color:#900
	}
#side .osusume-img a:hover{
	text-decoration:underline ;
	}
	
	

/* スタッフ */
#side .box .staff-img img{
	margin:0px 0px 7px 0px ;
	}


/* ★フッター --------------------------------------------------------------------------------- */
#footer {
	width:900px ;
	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_index/mail.gif) 0 0 no-repeat ;}

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