@charset "UTF-8";
@import url("https://common.ringerhut.co.jp/scripts_lib/smoothgallery_2.1/css/jd.gallery.css");
@import url("https://common.ringerhut.co.jp/scripts_lib/thickbox_3.1/css/thickbox.css");
@import url("https://common.ringerhut.co.jp/scripts_lib/jquery_tools/jquery-scrollable/scrollable.css");
@import url("base.css");



/* ホーム */


body.home {
	background-image:url(../../pic/body-bg.jpg);
}
body.home #contentsblock{
	padding-bottom:0;
}
body.home #contentsbody{
	margin:0;
	padding:0;
}
body.home #mainimage {
	margin-top:10px;
	height:370px;
}
body.home #noscriptmessage {
	position:absolute;
	top:300px;
	left:0;
	width:100%;
	text-align:center;
}
body.home #maincontents {
	width:960px;
	margin:0;
	padding:10px 0 0 0;
	float:none;
	background:transparent;
	border:none;
}
body.home #news {
	width:520px;
	margin-left:25px;
	float:left;
}
body.home #whatsnew {
	width:290px;
	padding-left:50px;
	margin-right:25px;
	float:right;
	border-left:1px solid #e5e5e5;
}
body.home #whatsnew ul,
body.home #whatsnew ul {
	margin:0;
	padding:0;
}
body.home #news ul li {
	width:520px;
	position:relative;
	margin:0 0 8px 0;
	padding:0;
	list-style:none;
}
body.home #whatsnew ul li {
	width:290px;
	position:relative;
	margin:0 0 8px 0;
	padding:0;
	list-style:none;
}
body.home #news ul li .date,
body.home #whatsnew ul li .date {
	position:absolute;
	top:0;
	left:0;
	float:left;
}
body.home #news ul li a,
body.home #news ul li span.nolink,
body.home #whatsnew ul li span.contents {
	display:block;
	padding:0 0 0 7em;
}

body.home #news ul li span.nolinktxt {
	display:block;
	padding:0.5em 0 0 7em;
}


body.home #mainmenu {
	top:-626px;
}
body.home #othermenu {
	top:-706px;
}
body.home #brandmenu {
	top:-710px;
}
body.home #globalmenu {
	/*top:-740px;*/
	top:0;
}
#topbanner {
	height:75px;
	padding:10px 0 0 0;
	text-align:left;
}
#topbanner p {
	width:320px;
	float:left;
	margin:0;
	padding:0;
}
#topbanner p a {
	display:block;
	margin:0 10px 0 0;
}
#topbanner p img {
	float:left;
	margin:0 10px 10px 0;
}

#topbanner2 {
	margin:0px auto 20px;
	padding:10px 0 10px 0;
	list-style-type:none;
	text-align:center;
	background-color:#D8DBBF;
	line-height:1.0;
	font-size:0px;
}
#topbanner2 li{
	margin:0;
	padding:0 5px 0 5px;
	display:inline;
	white-space:nowrap;
}

#topcm {
	width:910px;
	margin:10px auto 20px;
	z-index:10;
}



/*201109トップリニューアル*/

body.home #news_new h2,
body.home #topcm_new h2{
	margin-bottom:15px;
}

body.home #news_new {
	width:350px;
	margin:0;
	float:left;
}
body.home #news_new p {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
}

body.home #news_new ul {
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
}
body.home #news_new ul li {
	margin:0;
	padding:5px 0;
	display:block;
	clear:left;
	min-height:60px;
	border-bottom:1px dotted #999;
}
body.home #news_new ul li.quality span.date{
	background:url(../../pic/quality-icon.gif) 140px 0px no-repeat;
}
body.home #news_new ul li.updatecontents span.date{
	background:url(../../pic/update-icon.gif) 140px 0px no-repeat;
}
body.home #news_new ul li.news span.date{
	background:url(../../pic/news-icon.gif) 140px 0px no-repeat;
}
body.home #news_new ul li.newshop span.date{
	background:url(../../pic/newshop-icon.gif) 140px 0px no-repeat;
}
body.home #news_new ul li.campaign span.date{
	background:url(../../pic/campaign-icon.gif) 140px 0px no-repeat;
}

body.home #news_new ul li span {
	display:block;
	margin-bottom:5px;
}
body.home #news_new ul li img {
	float:left;
	margin-right:10px;
}
body.home #topcm_new {
	width:350px;
	margin-left:15px;
	margin-bottom:20px;
	border:1px solid #427010;
	float:left;
}
body.home #topcm_new iframe {
	margin-bottom:10px;
	z-index:10;
}
body.home #topcm_new .cmbg {
	background:url(../../pic/topcm-bg.gif) bottom left no-repeat;
	text-align:center;
	padding-bottom:20px;
}
body.home #topcm_new .allcmlink{
	background-color:#D0D5AE;
	text-align:right;
	padding:5px;
}
	
body.home #pickupbox {
	width:230px;
	float:right;
}
body.home #pickup {
	border:1px solid #e7e7e7;
	margin-bottom:10px;
}
body.home #pickup h2{
	margin-bottom:0px;
	position:relative;
}
body.home #pickup ul {
	margin:0;
	padding:0;
	list-style:none;
}
body.home #pickup ul li {
	margin:0;
	padding:0;
	clear:left;
	border-bottom:1px dotted #e7e7e7;
	font-weight:bold;
	line-height:1.4;
}
body.home #pickup ul li a {
	display:block;
	padding:10px;
	height:60px;
}
body.home #pickup ul li span {
	font-size:x-small;
	font-weight:normal;
	display:block;
}

body.home #pickup ul li img{
	float:left;
	margin-right:10px;
}
body.home #pickup ul li.end {
	border:none;
}
body.home #pickup ul li span.update{
	display:block;
	text-decoration:none;
	color:#666;
}
body.home #pickup ul li.qualitylink {/* おいしさと安全 */
}
body.home #pickup ul li.qualitylink div {
	margin:10px;
height:60px;
}
body.home #pickup ul li.qualitylink a {
	display:inline;
	padding:0px;
	height:auto;
}


body.home #bannerbox{
	width:230px;
	float:right;
}
	
body.home #bannerbox ul{
	margin:0;
	padding:0;
	list-style:none;
}
body.home #bannerbox ul li{
	margin:0 0 5px 0;
	padding:0;
}
body.home #social {
	width:350px;
	border:1px solid #e5e5e5;
	float:left;
	margin-left:15px;
	text-align:center;
}
body.home #social h2 {
	margin:0 0 10px 0;
}
body.home #social ul {
	margin:0 15px;
	padding:0;
	list-style:none;
}
body.home #social ul li {
	margin:0 5px;
	padding:0;
	float:left;
	width:70px;
	text-align:center;
	font-size:x-small;
}
body.home #social ul li img {
	margin-bottom:5px;
}

body.home #social ul li a{
	text-decoration:none;
}

body.home #social #fblikebox {
	clear:both;
	border-top:1px dotted #999;
	width:320px;
	margin:5px auto 0;
}

body.home #goodbutton{
	text-align:right;
	margin-bottom:10px;
	height:21px;
	vertical-align:top;
	position:relative;
}

body.home #goodbutton .fb_iframe_widget {
	top:0;
	right:270px;
	position:absolute;
}
body.home #goodbutton iframe.twitter-share-button {
	width:95px !important;
}
body.home #goodbutton .mixibutton {
	width:95px;
}
body.home #goodbutton #___plusone_0 {
	width:70px !important;
}


/*------------------------------------*/


body.home #myGallery{
	margin:0 auto;
	width: 960px;
	height: 370px;
	border:none;
}
body.home #recommendmenubox {
	position:relative;
	width:960px;
	height:370px;
	margin:0 auto 30px auto;
	background:none;
}
body.home #recommendmenubox p.group  {
	margin:0;
	padding:0;
	height:370px;
}
body.home #recommendmenubox p#group2, body.home #recommendmenubox p#group3   {
	/* IEでサムネが下に隠れてしまう対処用 */
	margin-top:-370px;
}
body.home #recommendmenubox p.group .recommendimage {
	position:relative;
	top:0;
	left:0px;
	display:none;
	width:960px;
}
body.home #recommendmenubox p.group .recommendmenub {
	position:absolute;
	top:0;
	left:740px;
	margin-top:15px;
	z-index:500;
}

/* ハーブ豚トップページ用 */

body.home a:link{
	color:#537A18;
}
body.home a:visited{
	color:#8D9F45;
}
body.home a:hover{
	color:#3F4E1F;
}
body.home a:active{
	color:#3F4E1F;
}

body.home #mainmenu {
	display:none;
}
#home-mainmenu {
	display:none;
}
body.home #home-mainmenu {
	position:absolute;
	width:665px;
	height:50px;
	top:-430px;
	right:0;
	display:block;
}

#home-mainmenu ul {
	margin:0;
	padding:0;
}
#home-mainmenu ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
}
#home-mainmenu ul li img{
	float:left;
	vertical-align:bottom;
}

body.home #othermenu {
	display:none;
}

#home-othermenu {
	display:none;
}

body.home #home-othermenu {
	display:block;
	position:absolute;
	top:-450px;
	right:0;
	float:left;
}
body.home #home-othermenu ul {
	margin:0;
	padding:0;
}
body.home #home-othermenu ul li{
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
	float:left;
}


body.home #bottommenu ul li a:link,
body.home #bottommenu ul li a:visited,
body.home #bottommenu ul li a:active {
	color:#3F4E1F;
	text-decoration:none;
}
body.home #bottommenu ul li a:hover {
	color:#CCD097;
	text-decoration:underline;
}



body.home #footerblock {
	background:url(../../pic/footerblock-bg.jpg) repeat-x top left #FFFFE3;
	color:#3F4E1F;
}

body.home #footerblock .contentswidth{
	padding-top:85px;
	background:url(../../pic/footercontents-bg.jpg) no-repeat top center;
}
body.home #signetureblock {
	border-top:1px solid #3F4E1F;
	background:#77903A;
	color:#ffffff;
}
body.home #uplink{
	display:none;
}
#home-uplink {
	display:none;
}
body.home #home-uplink {
	display:block;
}
body.home #home-uplink img {
	position:absolute;
	top:-20px;
	right:0;
}
body.home #home-uplink span {
	position:absolute;
	left:-9999px;
}

body.home #bottommenu h2{
	display:none;
}

h2#home-bottommenu {
	display:none;
}


body.home #bottommenu h2#home-bottommenu {
	width:180px;
	margin:0;
	padding:5px 0 20px 0;
	float:left;
	display:block;
}

/* 入り口ページ */

#adouter {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../../pic/adouter-bg.gif) #587A28 top left repeat-x;
	z-index:1000;
	display:none;
}
#adinner {
	position:fixed;
	top:20px;
	left:50%;
	width:960px;
	margin:0 0 0 -480px;
	padding:0;
	display:none;
	z-index:1010;
}
#addclose {
	position:absolute;
	right:20px;
	top:20px;
	float:left;
	color:#fff;
	width:80px;
	height:32px;
	text-indent:-9999px;
}


#entercontents{
	margin:0 auto 0 auto;
	padding:0;
	width:960px;
	text-align:center;
	position:relative;
	top:0px;
}
ul#entermenu{
	margin:0;
	padding:0;
	padding-left:30px;
	list-style:none;
	position:absolute;
	top:30px;
	left:0;
	width:950px;

}
ul#entermenu li{
	margin:0 5px 0 0;
	padding:0;
	float:left;
}
ul#entermenu li.brandlogo{
	margin-right:15px;
}
ul#entermenu li , ul#entermenu li a{
	text-decoration:none;
	color:#fff;
}

ul#entermenu li.corporate{
	position:absolute;
	top:495px;
	right:200px;
	margin:0;
	padding-top:2px;
	padding-left:25px;
	background:url(../../pic/entermenu-corporate-b-bg.gif)  top left no-repeat;
	height:22px;
}
ul#entermenu li.rh{
	position:absolute;
	top:495px;
	right:10px;
	margin:0;
	padding-top:2px;
	padding-left:25px;
	background:url(../../pic/entermenu-rh-b-bg.gif)  top left no-repeat;
	height:22px;
}
#enterfooter{
	margin:0 auto 0 auto;
	padding:10px 0 0 0;
	width:960px;
	text-align:left;
	color:#fff;
	height:80px;
}

/* ニュース */

ul.newslist, ul.whatsnewlist {
	margin:0 0 20px 0;
	padding:0;
}
ul.newslist li, ul.whatsnewlist li {
	position:relative;
	margin:0 0 4px 0;
	padding:0 0 4px 0;
	list-style:none;
	border-bottom:1px dotted #ccc;
}
ul.newslist li .date,ul.whatsnewlist li .date {
	position:absolute;
	top:0;
	left:0;
	float:left;
}
ul.newslist li img, ul.whatsnewlist img {
	display:none;
}
	

ul.newslist li a,
ul.newslist li span.nolink,
ul.whatsnewlist li span.contents{
	display:block;
	padding:0 0 0 7em;
}
ul.newslist li a,ul.whatsnewlist li span.contents{
	background:url(../pic/arrow_1.gif) no-repeat 5.8em 3px;
}
ul.snsbox {
   margin: 0; 
   padding: 0; 
}
ul.snsbox li {
   list-style-type: none; 
   float: left;
   margin:0 5px 0 0;
   padding: 0; 
}

/* 店舗検索 */
.searchbox{
	background:url(../../shop_search/pic/searchbox-bg.gif) top left no-repeat;
	border:1px solid #e5e5e5;
	width:680px;
	height:100px;
	margin:0 0 10px 0;
	padding:0;
	position:relative;
}

.searchbox #srfwdbox{
	position:absolute;
	top:60px;
	left:20px;
}
.searchbox #srfwdbox input{
	width:330px;
}
.searchbox #srbfbox{
	position:absolute;
	top:60px;
	left:380px;
}
		
.searchbox #submitbox{
	position:absolute;
	top:40px;
	right:30px;
}
		
.searchresulttable {
	width:680px;
	margin:0 0 20px 0;
	border-spacing:0;
	border:none;
}
.searchresulttable tr{
	background:#fff;
}
.searchresulttable th{
	padding:8px;
	font-weight:bold;
	color:#fff;
	font-size:120%;
	text-align:left;
	background:url(../../shop_search/common/searchresult-tr-bg.gif) center left repeat-x;
	white-space:nowrap;
}
.searchresulttable th.shopname{
	padding-left:22px;
}
.searchresulttable td {
	padding:8px;
	border-bottom:1px solid #600;
	background:#fff;
}
.searchresulttable td.shopname {
	font-weight:bold;
	white-space:nowrap;
}
.searchresulttable td a {
	display:block;
	padding-left:14px;
	background:url(../pic/arrow_1.gif) center left no-repeat;
}
.searchnavilink {
	margin:10px;
	padding:0;
	text-align:center;
}
.searchnavilink a,
.searchnavilink span {
	margin:0 2px;
	padding:5px 10px;
	border:1px solid #900;
	display:inline-block;
	line-height:1.1;
	vertical-align:bottom;
	font-size:120%;
	font-weight:bold;
	background:#e5e5e5;
}
.searchnavilink span {
	background:#fff;
}
.searchnavilink a.prevlink {
	padding:6px;
	border:none;
	background:transparent;
}
.searchnavilink a.nextlink {
	padding:6px;
	border:none;
	background:transparent;
}
.searchnavilink a:link,
.searchnavilink a:visited,
.searchnavilink a:hover,
.searchnavilink a:active
{
	color:#630;
	text-decoration:none;
}
.searchnavilink a:hover
{
	background-color:#fff;
}
.searchnavilink a.prevlink:hover,
.searchnavilink a.nextlink:hover
{
	color:#963;
}
#shopmap {
	width:670px;
	height:450px;
	margin:0 0 20px 0;
	border:5px solid #000;
}
.searchdetailtable {
	width:680px;
	margin:0 0 20px 0;
	border-spacing:0;
	border:none;
	border-top:#600 1px solid;
}
.searchdetailtable th{
	padding:12px 8px;
	font-weight:bold;
	color:#fff;
	font-size:120%;
	text-align:left;
	background:url(../../shop_search/common/searchresult-tr-bg.gif) center left repeat-x;
	border-bottom:#600 1px solid;
}
.searchdetailtable td {
	padding:12px 8px;
	font-size:120%;
	border-right:#600 1px solid;
	border-bottom:#600 1px solid;
}

#mobilemailbox {
	width:680px;
	position:relative;
	margin:0 0 20px 0;
	padding:0;
	background:url(../../shop_search/common/mobilemail-bg.gif) left bottom no-repeat;
}
#mobilemailbox h2 {
	margin:0;
	padding:0 0 25px 0;
}
#mobilemailbox .notice {
	width:550px;
	position:absolute;
	top:55px;
	left:110px;
	margin:0;
	padding:0;
	color:#c00;
}
#mobilemailbox form {
	margin:0;
	padding:0 0 30px 0;
	text-align:center;
	
}

/* メニュー */

body.menu #recommendmenubox {
	position:relative;
	width:100%;
	height:400px;
	margin:0 0 30px 0;
	background:url(../../menu/pic/recommendmenubox-bg.gif) bottom left no-repeat;
}
body.menu #recommendmenubox p.group  {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	height:330px;
}
body.menu #recommendmenubox p.group .recommendimage {
	position:relative;
	top:0;
	left:0;
	display:none;	
}
body.menu #recommendmenubox p.group .recommendmenub {
	position:absolute;
	bottom:-65px;
	right:200px;
}

.menulist {
	margin:0;
	padding:20px 0;
}
.menulist li {
	width:226px;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
.menulist li p{
	margin:0 25px;
	padding:0;
}
.recommendmenubox {
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	background:url(../../menu/recommend/pic/recommendmenubox-bg.gif) bottom left no-repeat;
}
.recommendmenubox p {
	margin:10px 20px 0 20px;
	padding:0;
}
.recommendmenubox p strong {
	display:block;
	margin-bottom:5px;
	font-size:120%;
}
.recommendmenubox2 {
	width:330px;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	background:url(../../menu/recommend/pic/recommendmenubox-bg_2.gif) bottom left no-repeat;
}
.recommendmenubox2 p {
	margin:10px 20px 0 20px;
	padding:0;
}
.recommendmenubox2 p strong {
	display:block;
	margin-bottom:5px;
	font-size:120%;
}


/* サイトマップ */
ul.sitemaplist li{	
	list-style-image: url(../pic/arrow_1.gif);
	margin : 4px 0 0 50px;
	padding:4px 0 3px 0;
	border-top: 1px solid #cccccc;
}
ul.sitemaplist li li{	
	margin-left : 80px;
}

/* アレルギー・栄養情報 */
.pdfbutton{
	margin:10px auto;
	width:350px;
	text-align:right;
}

/* 特別店舗 */
.menu .mainimagebox {
	background:url(../../menu/pub/pic/mainimage.jpg) top left no-repeat;
	margin:0 0 20px 0;
	padding:0;
	height:660px;
	position:relative;
}
.menu .mainimagebox .txtbox {
	width:460px;
	padding-top:300px;
}
.menu .shopinfomation {
	width:300px;
	margin:0;
	padding:0;
	float:left;
}
.menu .shopinfomation .shopimage {
	margin-bottom:12px;
}
.menu .shopinfomation h3 {
	font-weight:bold;
}
.menu .shopinfomation p {
	margin-bottom:10px;
}