@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");




/* 沿革 */

dl.historylist{
	width:520px
}

dl.historylist dt{
	margin:0 0 2px 0;
	padding:0;
	width:500px;
	font-weight:normal;
	font-size:120%;
	color:#996;
}
dl.historylist dd{
	margin:0 0 10px 0;
	padding:2px 0;
	border-top:1px dotted #ccc;
}
.historylistimg{
	float:right;
	width:100px;
}
.historylistimg img{
	margin-bottom:20px;
}



/* ニュース */

.news #contentsblock {
	background:url(../../news/common/contentsblock-bg.jpg) no-repeat center top;
}
ul.newslist {
	margin:0 0 20px 0;
	padding:0;
}
ul.newslist 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 {
	position:absolute;
	top:0;
	left:0;
	float:left;
}
ul.newslist li a,
ul.newslist li span.nolink {
	display:block;
	padding:0 0 0 7em;
}
ul.newslist li a{
	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; 
}

/* 企業情報 */

.corporate #contentsblock {
	background:url(../../corporate/common/contentsblock-bg.jpg) no-repeat center top;
}

/* IR */

.ir #contentsblock {
	background:url(../../ir/common/contentsblock-bg.jpg) no-repeat center top;
}
#stockdate {
	width:650px;
	height:100px;
	margin:0;
	padding:20px 0 0 0;
	text-align:center;
	font-size:120%;
	background:url(../../ir/stock_price/pic/stockdate-bg.jpg) no-repeat top left;
}
#stockdate p {
	margin:0 0 15px 0;
	padding:0;
}
#stockresult {
	width:650px;
	margin:0 0 30px 0;
	padding:20px 0 50px 0;
	text-align:center;
	font-size:120%;
	background:url(../../ir/stock_price/pic/stockresult-bg.jpg) no-repeat bottom left;
	font-weight:bold;
}

ul.irnewslist {
	margin:0 0 20px 0;
	padding:0;
}
ul.irnewslist li {
	position:relative;
	margin:0 0 4px 0;
	padding:0 0 4px 0;
	list-style:none;
	border-bottom:1px dotted #ccc;
}
ul.irnewslist li .date {
	position:absolute;
	top:0;
	left:0;
	float:left;
}
ul.irnewslist li a,
ul.irnewslist li span.nolink {
	display:block;
	padding:0 0 0 7em;
}

ul.irnewslist li a{
	background:url(../pic/arrow_1.gif) no-repeat 5.8em 3px;
}

.monthlyreporttable {	/* 月次レポート */
	width:100%;
	margin:0 0 30px 0;
	border-spacing:0px;
	border:none;
	border-top:1px solid #999;
	border-left:1px solid #999;
}
.monthlyreporttable th{
	padding:4px;
	font-weight:normal;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#f1f1f1;
	text-align:center;
}
.monthlyreporttable th.element{
	width:70px;
	background:#ffffe5;
}
.monthlyreporttable th.element2{
	background:#edffdb;
}
.monthlyreporttable th.shop{
	width:100px;
}
.monthlyreporttable th.noborder{
	width:10px;
	border-right:none;
	border-bottom:none;
}
.monthlyreporttable th.nobottomborder{
	width:10px;
	border-bottom:none;
}
.monthlyreporttable td {
	padding:4px;
	background:#fff;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:right;
	font-size:120%;
}


/* CSR */

.csr #contentsblock {
	background:url(../../csr/common/contentsblock-bg.jpg) no-repeat center top;
}

.csr .caption {
	float:right;
	width:263px;
	height:auto;
	margin:0px 0px 10px 20px;
	padding:0;
	font-size:x-small;
	}

/* ブランド/サービス */

.brandservice #contentsblock {
	background:url(../../brand_service/common/contentsblock-bg.jpg) no-repeat center top;
}

/* FC情報 */

.franchise #contentsblock {
	background:url(../../franchise/common/contentsblock-bg.jpg) no-repeat center top;
}

/* 採用情報 */

.recruitment #contentsblock {
	background:url(../../recruitment/common/contentsblock-bg.jpg) no-repeat center top;
}
ul.recruitnewslist {
	margin:0 0 20px 0;
	padding:0;
}
ul.recruitnewslist li {
	position:relative;
	margin:0 0 4px 0;
	padding:0 0 4px 0;
	list-style:none;
	border-bottom:1px dotted #ccc;
}
ul.recruitnewslist li .date {
	position:absolute;
	top:0;
	left:0;
	float:left;
}
ul.recruitnewslist li a,
ul.recruitnewslist li span.nolink{
	display:block;
	padding:0 0 0 7em;
}
ul.recruitnewslist li a{
	background:url(../pic/arrow_1.gif) no-repeat 5.8em 3px;
}

/* 店舗検索 */

.shopsearch #contentsblock {
	background:url(../../shop_search/common/contentsblock-bg.jpg) no-repeat center top;
}

/* お問い合わせ */

.inquiry #contentsblock {
	background:url(../../customer_support/inquiry/common/contentsblock-bg.jpg) no-repeat center top;
}

.sitemap #contentsblock,.privacypolicy #contentsblock,.disclaimer #contentsblock,.siterule #contentsblock,.error #contentsblock {
	background:url(../pic/contentsblock-bg.jpg) no-repeat center top;
}


/* 交通アクセス */
#gmap {
height:400px;
width:650px;
margin:10px 0;
}

/* お客様相談室 */
.customersupport #contentsblock {
	background:url(../../customer_support/common/contentsblock-bg.jpg) no-repeat center top;
}

.customersupport dl.qa dt{
	margin:3px 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	padding:5px;
	}
.customersupport dl.qa dd{
	margin:0 0 15px 0;
	padding:0 0 5px 2em;
	line-height:1.5;
}

.customersupport dl.qa2 dt{
	margin:3px 0;
	font-size:medium;
	font-weight:bold;
	background-color:#ECEEEE;
	padding:5px;
	}
.customersupport dl.qa2 dd{
	margin:0 0 10px 0;
	padding:0 0 5px 2em;
	line-height:1.5;
}



/* ショッピング */
.shopping #contentsblock {
	background:url(../../shopping/common/contentsblock-bg.jpg) no-repeat center top;
}
.btn_submit  {
background:url(/shopping/pic/btn02.gif) no-repeat scroll center top transparent;
border:medium none;
cursor:pointer;
height:20px;
margin-left:8px;
outline:medium none;
width:84px;
}
.btn_submit:hover {
background:url(/shopping/pic/btn02_f2.gif) no-repeat scroll center top transparent;
}
.itemlist{
	width:200px;
	float:left;
	margin:15px 5px;
}
.detail_manju{
	background:url(/shopping/item/pic/op_manju.jpg) top left no-repeat;
	width:465px;
	height:95px;
	padding:10px 10px 0 180px;
	margin-bottom:10px;
}
.detail_kakuni{
	background:url(/shopping/item/pic/op_kakuni.jpg) top left no-repeat;
	width:465px;
	height:95px;
	padding:10px 10px 0 180px;
	margin-bottom:10px;
}
.detail_chanpon{
	background:url(/shopping/item/pic/op_chanpon.jpg) top left no-repeat;
	width:465px;
	height:95px;
	padding:10px 10px 0 180px;
	margin-bottom:10px;
}
.detail_sara{
	background:url(/shopping/item/pic/op_sara.jpg) top left no-repeat;
	width:465px;
	height:95px;
	padding:10px 10px 0 180px;
	margin-bottom:10px;
}
.detail_set2{
	background:url(/shopping/item/pic/op_set2.jpg) top left no-repeat;
	width:465px;
	height:95px;
	padding:10px 10px 0 180px;
	margin-bottom:10px;
}
.detail_set3{
	background:url(/shopping/item/pic/op_set3.jpg) top left no-repeat;
	width:465px;
	height:95px;
	padding:10px 10px 0 180px;
	margin-bottom:10px;
}
.detail_set4{
	background:url(/shopping/item/pic/op_set4.jpg) top left no-repeat;
	width:465px;
	height:95px;
	padding:10px 10px 0 180px;
	margin-bottom:10px;
}
.detail_set5{
	background:url(/shopping/item/pic/op_set5.jpg) top left no-repeat;
	width:465px;
	height:95px;
	padding:10px 10px 0 180px;
	margin-bottom:10px;
}
.recipe dt{
	width:24px;
	margin:0px 0 0px 0;
	padding:0px 0 0px 0;
	float:left;	
	}
.recipe dd{
	width:615px;
	margin:2px 0 10px 0;
	padding:0 0 0px 0;
	float:right;
}
.recipe dd p{
	margin:0 0 0px 0px;
	padding:0 0 0px 0;
}


/* ホーム */

body.home {
	background-image:url(../../pic/body-bg.jpg);
}
body.home #headerblock {
	height:88px;
}
body.home #headerlogo {
	top:19px;
}
body.home #mainimage {
	width:100%;
	height:355px;
	margin:auto;
	padding:0 0 10px 0;
	margin-top:2px;
	background:url(../../pic/mainimage-bg.jpg) no-repeat center bottom;
}

body.home #myGallery{
	margin:0 auto;
	width: 990px;
	height: 358px;
	border:none;
}
body.home #recommendmenubox {
	position:relative;
	width: 990px;
	height:358px;
	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: 990px;
}
body.home #recommendmenubox p.group .recommendmenub {
	position:absolute;
	top:0;
	left:0px;
	margin-top:305px;
	margin-left:30px;
	z-index:500;
}

body.home #contentsbody{
	margin:0;
	padding:0;
}
body.home #maincontents {
	width:960px;
	margin:0;
	padding:15px 0 0 0;
	float:none;
	background:transparent;
}
body.home #whatsnew {
	width:470px;
	float:left;
}
body.home #corporatenews {
	width:470px;
	float:right;
}
body.home #whatsnew ul,
body.home #corporatenews ul {
	margin:0;
	padding:0;
}
body.home #whatsnew ul li,
body.home #corporatenews ul li {
	width:470px;
	position:relative;
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	list-style:none;
	border-bottom:1px dotted #ccc;
}
body.home #whatsnew ul li .date,
body.home #corporatenews ul li .date {
	position:absolute;
	top:0;
	left:0;
	float:left;
}
body.home #whatsnew ul li a,
body.home #corporatenews ul li a,
body.home #whatsnew ul li span.nolink,
body.home #corporatenews ul li span.nolink{
	display:block;
	padding:0 0 0 7em;
}
body.home #whatsnew li a,
body.home #corporatenews ul li a{
	background:url(../pic/arrow_1.gif) no-repeat 5.8em 3px;
}


body.home #mainmenu {
	top:-588px;
}
body.home #submenu {
	top:-548px;
}
body.home #othermenu {
	top:-609px;
}
body.home #brandmenu {
	top:-684px;
}
body.home #globalmenu {
	/*top:-714px;*/
	top:0;
	z-index:101;
}
#topbanner {
	height:150px;
	padding:10px 0 0 0;
	text-align:left;
	font-size:12px;
}
#topbanner p {
	width:320px;
	height:auto;
	float:left;
	margin:0 0 10px 0;
	padding:0;
}
#topbanner p a {
	display:block;
	margin:0 10px 0 0;
}#topbanner p img {
	float:left;
	margin:0 10px 10px 0;
}

