body{
	background:url(../img/common/body_bg.jpg) repeat-x;
}

/*  ヘッダー---------------------------------*/
#header{
	width:980px;
	height:160px;/*
	background:url(../img/common/header_bg.jpg) no-repeat;*/
	color:#5a0a00;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
}
#header #h1{
	height:22px;
	overflow:hidden;
}
#header h1{
	font-size:13px;
	color:#c9caca;
	color:#a7a7a7;
}
#header #logo{
	width:500px;
	float:left;
}
#header #submenu{
	width:400px;
	float:right;
	text-align:right;
	padding-top:12px;
	padding-right:4px;
	font-size:72%;
}
#submenu a,
#submenu a:visited{
	color:#5a0a00;
	text-decoration:none;
}
#submenu a:hover{
	color:#ffffff;
	text-decoration:none;
}
#globalmenu{
	width:1080px;
	clear:both;
}


/*  中ページ構成　---------------------------------*/

#contents_wrap{
	width:980px;
	padding-bottom:50px;
}

/*  初売りキャンペーン　---------------------------------*/

#shop_list{
	width:860px;
	padding-left:60px;
	padding-top:20px;
}
#shop_list td{
	padding-right:10px;
	height:30px;
}
.red{
	color:#FF0000;
}
#shop_list td a{
	color:#000;
	text-decoration:underline;
}
#shop_list td a:hover{
	color:#FF0000;
	text-decoration:none;
}

h2.campaign2021{
margin-bottom: 20px;
width: 100%;
}
h2.campaign2021 img{
width: 100%;
height: auto;
}
p.campaign_lead{
text-align: center;
color: #E70003;
font-size: 24px;
font-weight: bold;
}
p.campaign_note{
font-size: 90%;
text-align: center;
}

.banner_campaign{
text-align: center;
padding-top: 50px;
}




/*  金利キャンペーン2021　---------------------------------*/
#rate_contents{
	width:100%;
	margin:auto;
}
.table1_wrap{
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 25px 0;
}
#rate_contents p.rate_title2020{
text-align:center;
margin-bottom:20px;
color:#000;
font-size: 150%;
border-bottom: #E80003 solid 3px;
padding-top: 12px;
}
.table_wrap_head{
width: 100%;
font-size: 180%;
padding: 3px 0;
text-align: center;
background: rgb(92,0,0);
background: linear-gradient(124deg, rgba(92,0,0,1) 0%, rgba(209,0,0,1) 28%, rgba(200,0,0,1) 50%, rgba(221,0,0,1) 72%, rgba(92,0,0,1) 100%);
color: #fff;
box-shadow:0px 1px 5px 0px #454545;
}
#rate_contents table{
	border-left:#a8aba6 solid 1px;
	border-top:#a8aba6 solid 1px;
}
#rate_contents td{
	padding:3px;
	padding-left:15px;
	background:#f0f0f0;
	text-align:left;
	border-right:#a8aba6 solid 1px;
	border-bottom:#a8aba6 solid 1px;
	font-size: 85%;
}
#rate_contents td.price{
	text-align:right;
	background:#ffffff;
	padding-left:0;
	padding-right:15px;
}
#rate_contents td.percent{
font-size: 120%;
color: #ff0000;
}
#rate_contents td.yellow{
background:#fffe9d;
}
#rate_contents td.center{
text-align: center;
}



/*  金利キャンペーン2022.03　---------------------------------*/

.rate_price{
font-size: 140%;
color: #E80003;
letter-spacing: 0.05em;
padding-left: 0.25em;
font-weight: bold;
}
.rate_yen{
color: #E80003;
font-weight: bold;
}


/*  金利キャンペーン2026　---------------------------------*/
h3.rate_type{
width: 100%;
text-align: center;
background: #000;
color: #fff;
padding: 0.5em 0;
margin-top: 30px;
position: relative;
display: grid;
align-items: center;
}
h3.rate_type span{
display: inline-block;
position: absolute;
right: 2em;
font-size: 75%;
}
h3.rate_type span a{
color: #fff;
}
h3.rate_type span {
}

h3.rate_type span::before,
h3.rate_type span::after {
  content: "";
  position: absolute;
  right: -0.85em;
  top: 4px;
  width: 1px;
  height: 10px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: 50% calc(100% - 0.5px);
}
h3.rate_type span::before {
  transform: rotate(40deg);
}
h3.rate_type span::after {
  transform: rotate(-40deg);
}

h3.rate_type span.up::before,
h3.rate_type span.up::after {
  content: "";
  position: absolute;
  right: -0.85em;
  top:5px;
  width: 1px;
  height: 10px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: 50% 0.5px;
}
h3.rate_type span.up::before {
  transform: rotate(40deg);
}
h3.rate_type span.up::after {
  transform: rotate(-40deg);
}