@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 #footerblock {
	padding:20px 0 5px 40px;
	background-image:url(../../pic/footerblock-bg.jpg);
}

body.home #mainimage {
	width:930px;
	padding:15px 15px 15px 15px;
	background-image:url(../../pic/mainimage-bg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}
body.home #contents {
	background-color:#FFE66A;
}
body.home #subcontents {
	width:755px;
	float:right;
	background-image:url(../../pic/subcontents-bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
body.home #newsbox {
	position:relative;
	/*--margin:10px 0 0 0;--*/
	margin:0;
	padding:0;
	width:447px;
	float:left;
	background-image:url(../../pic/newsbox-bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
body.home #newsbox h2 {
	margin:12px 0 0 10px;
}
body.home #newsbox h2 span {
	position: absolute;
	top:15px;
	right:10px;
}
body.home #newsbox dl {
	margin-top:15px;
}
body.home #newsbox dd {
	float:left;
	width:305px;
	padding:0 0 5px 10px;
}
body.home #newsbox dt img {
	border:3px solid #999;
	margin:0 10px 0 10px;
}
body.home #newsbox dt {
	clear:both;
	margin-top:3px;
	padding:10px 0 0 10px;
	border-top:1px dotted #999;
}
body.home #newsbox dt#topdt {
	border-top:none;
}
body.home #newsbox .btmborder {
	clear:both;
	height:2px;
	border-top:1px dotted #999;
}
body.home #whatsnewbox {
	/*--margin:10px 0 0 0;--*/
	margin:0;
	width:300px;
	float:right;
	background-color:#ffe66a;
}
body.home #whatsnewbox p {
	margin:0 0 5px 0;
}

body.home #whatsnewbox .whatsnewbanner {
	background-image:url(../pic/whatsnewbanner_bg.gif);
	/*--padding:36px 5px 9px 25px;--*/
	padding:36px 0 9px 33px;
}
body.home #whatsnewbox .whatsnewbanner ul  {
	margin:0;
	padding:0;
}
body.home #whatsnewbox .whatsnewbanner ul li {
	/*--width:67px;--*/
	width:89px;
	height:55px;
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	font-size:9px;
}

body.home #whatsnewbox #whatsnew {
	position:relative;
	margin:10px 0 0 0;
	padding:0;
	width:300px;
	background-image:url(../../pic/whatsnew-bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
body.home #whatsnewbox #whatsnew h2 {
	padding:10px 0 0 0;
	margin:0px 0 0 10px;
}
body.home #whatsnewbox #whatsnew h2 span {
	position: absolute;
	top:7px;
	right:10px;
}
body.home #whatsnewbox #whatsnew ul {
	margin:15px 0 0 12px;
	padding:0;
	list-style-type:none;
}
body.home #whatsnewbox #whatsnew ul li {
	width:260px;
	margin:0;
	padding:5px 0 5px 15px;
	border-bottom:1px dotted #999;
	background-image: url(../../pic/whatsnew_arrow-b.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
body.home #cabbage {
	display:none;
}
body.home .sidebanner {
	padding:0;
	margin:0;
}
body.home .sidebannerlist {
	position:absolute;
	/*----
	top:430px;
	
	top:450px;
	-----*/
	left:0;
	width:190px;
	margin:0;
	padding:0 0 0 0;
	list-style:none;
}
body.home .sidebannerlist li {
	margin:0 0 7px 0;
	padding:0;
	list-style:none;
}
body.home .sidebannerlist li img {
	vertical-align:bottom;
}

body.home #noplugin{
	display:block;
	height:310px;
	padding-top:5px;
}

body.home #noplugin #leftmainimage{
	margin:0;
	padding:0;
	width:555px;
	float:left;
}
body.home #noplugin span.thumb{
	display:block;
	margin:0;
	padding:0;
	float:right;
}
body.home #noplugin span.thumb a{
	display:block;
	margin:0 0 7px 0;
	padding:0;
}
body.home #noplugin ul li#rightmainimage_3{
	margin:0;
}


/*201109トップリニューアル*/
body.home #news_new h2,
body.home #osbox h2{
	margin-bottom:10px;
}
body.home #pickup h2{
	margin-bottom:0;
}
body.home #social h2{
	margin-bottom:5px;
}
body.home #news_new {
	width:370px;
	margin:0;
	float:left;
	background-image:url(../../pic/news_new-bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
body.home #news_new p {
	margin:0 15px 0 15px;
	padding-bottom:5px;
}

body.home #news_new dl {
	margin-left:15px;
	width:340px;
	border-bottom:1px dotted #999;
}
body.home #news_new dt {
	clear:both;
	border-top:1px dotted #999;
	padding-top:8px;
	height:64px;
}
body.home #news_new dd {
	width:260px;
	float: right;
	clear:right;
	margin-top:-70px;
	padding:0 5px 5px 5px;
}
body.home #news_new dd span {
	font-size:x-small;
	margin-top:5px;
}
body.home #news_newbottom {
	text-align:right;
	background:url(../../pic/news_new-bottom.gif) bottom no-repeat;
	padding: 0 10px 25px 0;
}

body.home #pickupcontentbox {
	width:280px;
	float:left;
}	
body.home #pickupbox {
	width:280px;
	margin-left:15px;
	margin-bottom:15px;
	background:#FFF;
}
body.home #pickup {
	background:url(../../pic/box-bottom.gif) bottom left no-repeat;
	padding-bottom:5px;
}
body.home #pickup ul {
	margin:0;
	padding:0;
	list-style:none;
}
body.home #pickup ul li {
	margin:0;
	padding: 0 0 10px 0;
	clear:left;
	border-bottom:2px solid #FEE469;
	font-weight:bold;
	line-height:1.5;
}
body.home #pickup ul li a {
	display:block;
	height:70px;
	padding:5px;
	padding-top:11px;
}
body.home #pickup ul li span {
	display:block;
	font-size:x-small;
	font-weight:normal;
	margin-top:5px;
	padding:0;
}
body.home #pickup ul li img {
	float:left;
	padding:0;
	margin: 0px 3px 0 2px;
}
body.home #pickup ul li .title img {
	margin:0;
	padding:0;
}
body.home #pickup ul li.yellowlist {
	background:#FFFFCC;
}
body.home #pickup ul li.end {
	border:none;
}

body.home #shop_search {
	width:280px;
	background:url(../../pic/shopsearch-h.jpg) bottom left no-repeat;
	height:160px;
	margin-left:15px;
}
body.home #shop_search .shopdate{
	position:relative;
	top:65px;
	left:75px;
	width:185px;
	font-size:x-small;
}
body.home #shop_search .shoplink{
	position:relative;
	text-align:right;
	bottom:-63px;
	right:10px;
}
body.home #shop_search .shoplink a{
	color:#FFF;
}

body.home #osbox{
	width:280px;
	background:#FFF;
}
body.home #osbox .osdate {
	float:left;
	margin-left:10px;
	width:150px;
	font-size:smaller;
	line-height: 1.1;
}
body.home #osbox .osdate p {
	margin:0;
	padding-bottom:5px;
}
body.home #osbox .osphoto {
	float:right;
	margin-right:10px;
	width:95px;
}
body.home #osbox .oslink{
	position:relative;
	top:10px;
	left:20px;
	font-size:smaller;
}
body.home #osboxbottom {
	height:5px;
	background:url(../../pic/box-bottom.gif) bottom no-repeat;
}



body.home #origin {
	width:280px;
	background:url(../../pic/origin-h.jpg) bottom left no-repeat;
	height:155px;
	margin-bottom:5px;
}
body.home #origin .originlink{
	position:relative;
	top:10px;
	left:160px;
}
body.home #origin .originlink2{
	position:relative;
	top:30px;
}
body.home #origin .originleft{
	width:140px;
	float:left;
	margin-left:10px;
}
body.home #origin .originright{
	width:110px;
	font-size:smaller;
	float:right;
	margin-right:10px;
}

body.home #socialbox {
	width:280px;
	float:right;
}
div.socialhr {	/* 回り込み解除 */
	clear:both;
	height:5px;
	background:url(../../pic/social-hr.gif) bottom left no-repeat;
}

body.home #social {
	background:url(../../pic/socialbox-bg.gif) bottom left no-repeat;
	margin-bottom:5px;
}
body.home #social ul {
	margin:0 5px;
	padding:0;
	list-style:none;
}
body.home #social ul li {
	margin:0 5px;
	padding:0;
	float:left;
	width:57px;
	text-align:center;
	font-size:9px;
	-webkit-text-size-adjust: none;
}
body.home #social ul li img {
	margin-bottom:5px;
}

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



body.home #bannerbox{
	background:url(../../pic/bannerbox-bg.png) bottom no-repeat;
	width:957px;
	height:70px;
	padding:10px 0 0 3px;
	margin: 15px 0 10px 0;
}
body.home #bannerbox ul{
	margin:0;
	padding:0;
	list-style:none;
}
body.home #bannerbox ul li {
	margin-left:7px;
	padding:0;
	float:left;
	width:230px;
}

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;
}

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


/* 入り口ページ */

#adouter {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../../pic/adouter-bg.gif) #ff9 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 a{
	text-decoration:none;
	color:#660000;
}
ul#entermenu li.corporate{
	position:absolute;
	top:495px;
	right:120px;
	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-hk-b-bg.gif)  top left no-repeat;
	height:22px;
}
#enterfooter{
	margin:0 auto 0 auto;
	padding:10px 0 0 10px;
	width:960px;
	text-align:left;
	color:#660000;
	height:80px;
}


/* 店舗検索 */
.searchbox{
	background:url(../../shop_search/pic/searchbox-bg.gif) top left no-repeat;
	width:695px;
	height:120px;
	margin:0 0 10px 0;
	padding:0;
	position:relative;
}

.searchbox #srfwdbox{
	position:absolute;
	top:70px;
	left:28px;
	width:360px;
}
.searchbox #srfwdbox input{
	width:350px;
}
.searchbox #srbfbox{
	position:absolute;
	top:60px;
	left:430px;
}
		
.searchbox #submitbox{
	position:absolute;
	top:50px;
	right:30px;
}

.searchresulttable {
	width:695px;
	margin:0 0 20px 0;
	border-spacing:0;
	border:none;
}
.searchresulttable tr{
	background:#fff;
}
.searchresulttable th{
	padding:12px 8px;
	font-weight:bold;
	color:#fff;
	font-size:150%;
	text-align:left;
	background:url(../../shop_search/common/searchresult-tr-bg.gif) top left no-repeat;
	white-space:nowrap;
}
.searchresulttable th.shopname{
	padding-left:22px;
	background:url(../../shop_search/common/searchresult-tr-bg.gif) top left no-repeat;
}
.searchresulttable th.shopaddress{
	background-position:-30px 0;
}
.searchresulttable th.shoptel{
	background-position:right top;
}
.searchresulttable td {
	padding:8px;
	border-bottom:2px dotted #9c0;
	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 #fc0;
	display:inline-block;
	line-height:1.1;
	vertical-align:bottom;
	font-size:120%;
	font-weight:bold;
	background:#ffc;
}
.searchnavilink span {
	background:#fff;
}
.searchnavilink a.prevlink {
	padding:6px 6px 6px 20px;
	border:none;
	background:url(../../shop_search/common/search_prevnext-bg.gif) center left no-repeat;
}
.searchnavilink a.nextlink {
	padding:6px 20px 6px 6px;
	border:none;
	background:url(../../shop_search/common/search_prevnext-bg.gif) center right no-repeat;
}
.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
{
	background-image:url(../../shop_search/common/search_prevnext-bg_f2.gif);
}
#shopmap {
	width:685px;
	height:450px;
	margin:0 0 20px 0;
	border:5px solid #fc0;
}
.searchdetailtable {
	width:695px;
	margin:0 0 20px 0;
	border-spacing:0;
	border:none;
}
.searchdetailtable th{
	padding:12px 8px;
	font-weight:bold;
	color:#fff;
	font-size:120%;
	text-align:left;
	background:url(../../shop_search/common/searchdetail-bg.gif) 0 -30px no-repeat;
	border-bottom:#fff 2px dotted;
}
.searchdetailtable tr.shopaddress th{
	background:url(../../shop_search/common/searchdetail-bg.gif) 0 0 no-repeat;
}
.searchdetailtable tr.shopnotes th{
	background:url(../../shop_search/common/searchdetail-bg.gif) 0 bottom no-repeat;
	border:none;
}
.searchdetailtable td {
	padding:12px 8px;
	font-size:120%;
	border-bottom:2px dotted #9c0;
	background:url(../../shop_search/common/searchdetail-bg.gif) 100% -30px no-repeat;
	border-bottom:#9c0 2px dotted;
}
.searchdetailtable tr.shopaddress td{ 
	background:url(../../shop_search/common/searchdetail-bg.gif) 100% 0 no-repeat;
}
.searchdetailtable tr.shopnotes td{
	background:url(../../shop_search/common/searchdetail-bg.gif) 100% bottom no-repeat;
	border:none;
}

#mobilemailbox {
	width:695px;
	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:120px;
	margin:0;
	padding:5px;
	background:#fff;
	color:#c00;
}
#mobilemailbox form {
	margin:0;
	padding:0 0 30px 0;
	text-align:center;
	
}

.optionicon{
	border-bottom:2px dotted #ccc;
	padding-bottom:10px;
}
.optionicon img{
	vertical-align:middle;
}
.prefmap{
	width:695px;
	height:630px;
	position:relative;
}
.prefmap ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.prefmap ul li{
	margin:0;
	padding:0;
	position:absolute;
}

.prefmap #hokkaido{
	top:7px;
	left:506px;
}
.prefmap #aomori{
	top:163px;
	left:504px;
}
.prefmap #iwate{
	top:223px;
	left:554px;
}
.prefmap #miyagi{
	top:270px;
	left:554px;
}
.prefmap #ibaraki{
	top:365px;
	left:563px;
}
.prefmap #tochigi{
	top:365px;
	left:524px;
}
.prefmap #gunma{
	top:365px;
	left:483px;
}
.prefmap #saitama{
	top:411px;
	left:483px;
}
.prefmap #chiba{
	top:421px;
	left:564px;
}
.prefmap #tokyo{
	top:431px;
	left:504px;
}
.prefmap #kanagawa{
	top:457px;
	left:506px;
}
.prefmap #yamanashi{
	top:431px;
	left:474px;
}
.prefmap #shizuoka{
	top:478px;
	left:442px;
}
.prefmap #aichi{
	top:478px;
	left:387px;
}
.prefmap #gifu{
	top:398px;
	left:387px;
}
.prefmap #shiga{
	top:438px;
	left:355px;
}
.prefmap #kyoto{
	top:422px;
	left:291px;
}
.prefmap #mie{
	top:478px;
	left:355px;
}
.prefmap #nara{
	top:478px;
	left:327px;
}
.prefmap #osaka{
	top:477px;
	left:287px;
}
.prefmap #hyogo{
	top:422px;
	left:248px;
}
.prefmap #hiroshima{
	top:452px;
	left:160px;
}
.prefmap #yamaguchi{
	top:422px;
	left:123px;
}

.prefmap #kagawa{
	top:508px;
	left:217px;
}
.prefmap #ehime{
	top:509px;
	left:142px;
}

.prefmap #fukuoka{
	top:470px;
	left:48px;
}
.prefmap #oita{
	top:489px;
	left:87px;
}
.prefmap #kumamoto{
	top:520px;
	left:37px;
}
.prefmap #miyazaki{
	top:530px;
	left:85px;
}
.prefmap #kagoshima{
	top:572px;
	left:37px;
}
.prefmap #saga{
	top:470px;
	left:30px;
}
.prefmap #nagasaki{
	top:470px;
	left:0px;
}
.prefmap #okinawa{
	top:276px;
	left:90px;
}




/* メニュー */

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

.menulist {
	margin:0;
	padding:20px 0;
}
.menulist li {
	width:231px;
	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%;
}

.recommendmenubox_nolink {
	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_nolink p {
	margin:10px 20px 0 20px;
	padding:0;
}
.recommendmenubox_nolink p strong {
	display:block;
	margin-bottom:5px;
	font-size:120%;
}

.menubacknumberlist {
	margin:0 0 20px 0;
	padding:0;
}
.menubacknumberlist li {
	position:relative;
	width:550px;
	margin:0 0 20px 0;
	padding:0 0 0 144px;
	list-style:none;
}
.menubacknumberlist li {
	position:relative;
	width:550px;
	margin:0;
	padding:15px 0 15px 144px;
	list-style:none;
	border-bottom:1px solid #ccc;
}
.menubacknumberlist li img.icon {
	position:absolute;
	top:15px;
	left:0;
}
.menubacknumberlist li a {
	display:block;
	margin-bottom:5px;
	font-size:120%;
	font-weight:bold;
}
.menubacknumberlist li span.date {
	display:block;
	margin-bottom:5px;
}
.menubacknumberlist li p {
	margin:0;
	padding:0;
}


/* ニュース */
ul.snsbox {
   margin: 0; 
   padding: 0; 
}
ul.snsbox li {
   list-style-type: none; 
   float: left;
   margin:0 5px 0 0;
   padding: 0; 
}

/* SNSボタン関連 */

iframe.twitter-share-button {
    width: 105px!important;
}

