@charset "UTF-8";
@import url("clearfix.css");
@import url("text.css");
@import url("navi.css");

#wrap {
	width: 799px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
body.bg { background: url(../../images/top_bg.jpg) repeat-x; }
body.head_bg { background: url(../images/head_bg.jpg) repeat-x; }
.float_r { float: right; }
.float_l { float: left; }



/* ヘッダー
	---------------------------------------------*/

#headphoto {
	float: left;
	height: 93px;
	width: 799px;
	margin: 0px;
}
#header {
	width: 180px;
	float: right;
}
#header li {
text-indent: -9999px;
	display:block;
	float: right;
	margin: 0px;
	padding: 0px;
}
#header ul li a {
	text-indent: -9999px;
	display: block;
	margin: 0px;
}
#header li a#f04 {
	background-image: url(../images/ft_bt04.gif);
	width: 89px;
	height: 27px;
}
#header li a#f05 {
	background-image: url(../images/ft_bt05.gif);
	width: 89px;
	height: 27px;
}
#header ul li a:hover {
	background-position: 0px -27px;
}

/* パンくず
	---------------------------------------------*/
#pan {
	width: 600px;
	float: left;
	padding: 8px 0px 0px 15px;
	height: 19px;
}

/* コンテンツ（トップページ）
	---------------------------------------------*/
*html #topContent { /*IE6用のハック*/
	padding: 17px 0px 0px 9px;
	float: left;
	width: 781px;
	margin: 0px;
}
#topContent {
	padding: 17px 0px 0px 17px !important;
	padding /**/: 17px 0px 0px 18px;
	float: left;
	width: 781px;
	margin: 0px;
}
#mainphoto {
	float: left;
	height: 339px;
	width: 100%;
	margin: 0px;
	text-align: center;
}

/*最新情報*/
*html #topContent #new { /*IE6用のハック*/
	width: 362px;
	float: right;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 10px 20px 0px ;
	padding: 0px 0px 15px;
}
#topContent #new {
	width: 374px;
	float: right;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 20px 20px 0px !important;
	margin /**/: 0px 20px 15px 0px;
	padding: 0px 0px 15px;
}
#new li.newsTitle {
	color: #737323;
	font-size: 14px;
	margin-bottom: 10px;
}
#new .newsPhoto {
	float: right;
	margin-left: 10px;
}

/*________________Twitter__________________*/
#topContent #twitter {
	width: 375px;
	height:270px;
	float: right;
	padding: 0px 20px 15px 0px;
}
/*________________google__________________*/
#topContent #google {
	width: 260px;
	height:57px;
	float: left;
	padding: 10px 0px 0px 110px;
	background: url(../images/google.gif) no-repeat left top;
	font-size:10px;
}

/*______________バナー___________________*/
#topContent #banner {
	float: left;
	width: 372px;
	margin: 0px 0px 5px 0px;
	padding: 0 0 5px;
	border-bottom: 1px solid #CCCCCC;
}
#banner ul {
		margin: 0;
		padding: 0;
}
#banner li {
	text-indent: -9999px;
	display:block;
	width: 171px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float: left;
}
#banner ul li a {
	text-indent: -9999px;
	display: block;
	margin: 0px;
}
#banner li a#bnrBlog {
	text-indent: -9999px;
	width: 370px;
	height: 45px;
	background: url(../../images/bnr_blog.jpg);
}
#banner li a#bnrOwabi {
	text-indent: -9999px;
	width: 198px;
	height: 45px;
	padding:0 0 0 2px;
	background: url(../../images/bnr_owabi.jpg) no-repeat 2px 0px;
}
#banner ul li a#bnrBlog:hover{
	background-position: 0px -45px;
}
#banner ul li a#bnrOwabi:hover{
	background-position: 2px -45px;
}

#topContent #qr {
	width: 125px;
	float: right;
	text-align: center;
	margin: 0px;
	padding:0px 20px 0px 0px;
}



/* コンテンツページ（共通）
	----------------------------------------------------------*/
#Content {
	padding: 17px 0px 0px 18px;
	float: left;
	width: 781px;
}
#Content #main-block {
	float: left;
	width: 526px;
	padding: 0px;
	margin: 0px 0px 0px 30px;
}
#main-block .product {
	width: 526px;
	float: left;
	margin: 10px 0px 20px;
}


/*製品本文*/
#main-block #cap {
	width: 331px;
	margin: 0px;
	padding: 0px;
}
/*製品見本*/
#main-block #thumb {
	float: right;
	margin: 0px 0px 0px 25px;
	text-align: right;
	padding: 5px 0px 10px;
	width: 163px;
}
#main-block #thumb img { margin: 0px 0px 3px; }
#main-block #thumb a img { border: 1px solid #990033; }
#main-block #thumb a img.hide {
	visibility: hidden;
	overflow: hidden;
	display: none;
}
#main-block #thumb a:hover img { border: 1px solid #FF66FF; }

/*製品表組*/
#main-block #fig {
	width: 526px;
	margin: 20px 0px 20px;
	clear: both;
	border-top: 1px dotted #999999;
}
#main-block #fig th {
	padding: 5px;
	border-bottom: 1px dotted #999999;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}
#main-block #fig td {
	padding: 5px;
	border-bottom: 1px dotted #999;
	vertical-align: top;
	margin: 1px;
}

/*製品表組(赤飯)*/
#main-block #fig2 {
	width: 526px;
	margin: 20px 0px 20px;
	clear: both;
	border-top: 1px dotted #999999;
}
#main-block #fig2 th {
	padding: 5px;
	border-bottom: 1px dotted #999999;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}
#main-block #fig2 td {
	padding: 5px;
	border-bottom: 1px dotted #999;
	margin: 1px;
	text-align: center;
}

/*フォーム表組*/
#main-block #form {
	width: 526px;
	margin: 0px 0px 20px;
	clear: both;
	border-top: 1px solid #999999;
}
#main-block #form th {
	padding: 5px;
	border-bottom: 1px dotted #999999;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}
#main-block #form td {
	padding: 5px;
	border-bottom: 1px dotted #999;
	vertical-align: top;
}

#main-block #notice {
	padding: 2px;
	margin: 5px;
	width: 95%;
	border-top: 1px solid #990000;
	border-left: 1px solid #990000;
}
#main-block #notice td {
	padding: 5px;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
}

/*販売表組*/
#main-block #svc {
	width: 526px;
	margin: 10px 0px 0px;
	clear: both;
}
#main-block #svc th {
	padding: 3px;
	border: 1px solid #999;
	font-weight: normal;
	white-space: nowrap;
}
#main-block #svc td {
	padding: 3px;
	vertical-align: top;
	border: 1px solid #999;
}
#main-block #svc .grayCell { background: #EEEEEE; 	}


/*全店舗一覧表組*/
#main-block #store {
	width: 525px;
	margin: 20px 0px;
	clear: both;
	float: left;
}
#main-block #store th {
	padding: 3px;
	white-space: nowrap;
	text-align: left;
	border-bottom: 1px solid #999;
}
#main-block #store td {
	padding: 3px;
	vertical-align: top;
	border-bottom: 1px dotted #999;
}
#main-block #store td.nob { border-bottom: none; }

/*検索結果　表組*/
#main-block dl {
	background: #E7E7E7;
	padding:7px;
	margin:0 0 10px;
}
#main-block dt {
	color: #666;
	float:left;
}
#main-block #resultList {
	width: 525px;
	margin: 0px;
	clear: both;
	float: left;
	border-collapse:collapse;
}
#main-block #resultList th {
	padding: 3px;
	white-space: nowrap;
	text-align: left;
	border-bottom: 1px solid #999;
}
#main-block #resultList td {
	padding: 3px;
	vertical-align: top;
	border-bottom: 1px dotted #999;
}

/*トピックス表組み*/
#main-block #fig4 {
	width: 400px;
	margin: 20px 0px 20px;
	clear: both;
	border-top: 1px dotted #999999;
}
#main-block #fig4 th {
	padding: 5px;
	border-bottom: 1px dotted #999999;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}
#main-block #fig4 td {
	padding: 5px;
	border-bottom: 1px dotted #999;
	vertical-align: top;
	margin: 1px;}


/*サイトマップ*/
#main-block #sitemap {
	width: 526px;
	margin: 20px 0px 20px;
	clear: both;
}
#main-block #sitemap th {
	padding: 5px;
	border-bottom: 1px dotted #999999;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
}
#main-block #sitemap td {
	padding: 5px;
	border-bottom: 1px dotted #999;
	vertical-align: top;
	margin: 1px;
}
#main-block #sitemap td.nob { border-bottom: none; }


/****         カートを見る          ****/
.goCart {
	width:103px;
	height:18px;
	margin:0px;
	padding:0px;
	float: right;
}
.goCart a {
	display:block;
	background:url(../../03/images/go_cart_on.jpg) no-repeat;
	/* ¥*/
  overflow:hidden;/* */
}
.goCart a:hover input {
/*text-indent:-9999px;が使えるのはIEだけ*/
  position:relative;
/*left:-9999px;にするとNetscape7でずれる*/
  z-index:-1;
}
.goCart a:hover {
/*IE5でロールオーバーできない対策*/
  width:103px;
  height:18px;

/*IE5,IE6でロールオーバーが反応しない対策*/
  background-color:transparent;
}



/* PageTop for TopPage
	---------------------------------------------*/
#pagetop {
	width: 100%;
	margin: 15px 0px 10px;
	padding: 5px 0px 0px;
	height: 24px;
	clear: both;
	text-align: right;
}
#pagetop ul {
		margin: 0;
		padding: 0;
}
#pagetop li a {
	display:block;
	text-indent: -9999px;
	background-image: url(../image/pagetop_s.gif);
	margin: 0px 0px 12px;
	height: 13px;
	width: 96px;
	float: right;
	padding: 0px;
	overflow: hidden;
	}
#pagetop ul li a:hover {
	background-position: 0px -13px;
}


/* PageTop for Contents
	---------------------------------------------*/
#pagetop-c {
	width: 100%;
	margin: 15px 0px 10px;
	padding: 5px 0px 0px;
	height: 24px;
	clear: both;
	text-align: right;
	border-top: 1px solid #999999;
}
#pagetop-c ul {
		margin: 0;
		padding: 0;
}
#pagetop-c li a {
	display:block;
	text-indent: -9999px;
	background-image: url(../image/pagetop_s.gif);
	margin: 0px 0px 12px;
	height: 13px;
	width: 96px;
	float: right;
	padding: 0px;
	overflow: hidden;
	}
#pagetop-c ul li a:hover {
	background-position: 0px -13px;
}


/* フッター
	---------------------------------------------*/
#footer {
	clear: both;
	width: 799px;
	margin: 0px 0px 0px;
	padding: 0px;
}
#footer #black_bg {
	width: 786px;
	background: #000000;
	padding-right: 13px;
	height: 27px;
	}
#black_bg li {
text-indent: -9999px;
	display:block;
	float: left;
	margin: 0px;
	padding: 0px;
}
#black_bg ul li a {
	text-indent: -9999px;
	display: block;
	margin: 0px;
}
#black_bg li a#f01 {
	background-image: url(../images/ft_bt01.gif);
	width: 123px;
	height: 27px;
}
#black_bg li a#f02 {
	background-image: url(../images/ft_bt02.gif);
	width: 74px;
	height: 27px;
}
#black_bg li a#f03 {
	background-image: url(../images/ft_bt03.gif);
	width: 85px;
	height: 27px;
}
#black_bg li a#f04 {
	background-image: url(../images/ft_bt04.gif);
	width: 89px;
	height: 27px;
	margin-left: 410px;
}
#black_bg ul li a:hover {
	background-position: 0px -27px;
}
#footer #copyright {
	width: 783px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 16px 10px 0px;
}