@charset "UTF-8";

/*------------------------------------------------------
	over write
------------------------------------------------------*/

html {
background: #fff;
}

body {
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
font-family: Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

body #wrapperAll {
width: 100%;
color: #666;
}

#wrapperAll #headerArea,
#wrapperAll #footerArea {
background: #fff;
margin: 0 auto;
}

#content {
width: 972px;
position: relative;
margin: 0 auto;
}

#content p {
font-size: 14px;
line-height: 1.5em;
color: #666;
margin-bottom: 0.85em;
}

* {
margin:0;
padding:0;
font-size:100%;
}

a {
color: #666;
text-decoration: none;
}
a:hover, a:focus {
color: #c71444;
}

/*------------------------------------------------------
	clear fix
------------------------------------------------------*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*------------------------------------------------------
	Contents Block 01
------------------------------------------------------*/

#contentsBlk-01 {
box-sizing: border-box;
position: relative;
width: 964px;
height: 316px;
margin: 0 auto 20px auto;
border: solid 1px #d0d0d0;
}

#contentsBlk-01 h1 {
position: absolute;
left: 0;
top: 0;
width: 195px;
height: 314px;
border-right: solid 1px #d0d0d0;
background: url(../IMAGES/p01_contentsblk_01_01_01.png) no-repeat 0 0;
overflow: hidden;
text-indent: 110%;
white-space: nowrap;
}

#contentsBlk-01-01 {
position: absolute;
width: 156px;
left: 19px;
bottom: 22px;
}

#contentsBlk-01-01 ul {
width: 156px;
}
#contentsBlk-01-01 ul:after  { content:""; display:block; clear:both; }

#contentsBlk-01-01 ul li,
#contentsBlk-01-01 ul li a {
display: block;
width: 156px;
height: 40px;
}
#contentsBlk-01-01 ul li a {
display: block;
background-position: left top;
background-repeat: no-repeat;
overflow: hidden;
text-indent: 110%;
white-space: nowrap;
}
#contentsBlk-01-01 li a:hover {
background-position: right top;
}
#contentsBlk-01-01 ul li a#bt-01-01-01  { background-image: url(../IMAGES/p01_contentsblk_01_01_btn_01.png); }


#contentsBlk-01-02 {
position: absolute;
width: 766px;
height: 314px;
left: 196px;
top: 0;
padding: 0;
}

#contentsBlk-01-02 #pfa-blk {
position: relative;
width: 776px;
height: 314px;
overflow: hidden;
}

#contentsBlk-01-02 #pfa-blk ul {
position: absolute;
display: block;
left: 0;
top: 0;
height: 314px;
}
#contentsBlk-01-02 #pfa-blk ul:after  { content:""; display:block; clear:both; }

#contentsBlk-01-02 #pfa-blk ul li {
display: block;
float: left;
width: 776px;
height: 314px;
}

#n_btn,
#b_btn {
display: block;
position: absolute;
width: 17px;
height: 22px;
overflow: hidden;
bottom: 8px;
background-position: 0 0;
background-repeat: no-repeat;
}

#n_btn { background-image: url(../IMAGES/n_btn.png); right: 18px; }
#b_btn { background-image: url(../IMAGES/b_btn.png); left: 18px; }

#pager {
position: absolute;
width: 100%;
height: 14px;
bottom: 18px;
text-align: center;
}

#pager span {
display: inline-block;
width: 14px;
padding: 5px;
}

#pager span a {
display: block;
width: 14px;
height: 14px;
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(../IMAGES/bg_pager.png);
}
#pager span a:hover,
#pager span a.current {
background-position: -14px 0;
}

/*------------------------------------------------------
	Contents Block News
------------------------------------------------------*/

#contentsBlk-news {
position: relative;
width: 964px;
margin: 0 auto 40px auto;
background-color: #ebebeb;
}
#contentsBlk-news::after {
display: block;
content: '';
clear: both;
}
#contentsBlk-news-01 {
position: absolute;
width: 90px;
height: 100%;
background-color: #bdbdbd;
}
#contentsBlk-news-01 h2 {
position: absolute;
left: auto;
top: 50%;
width: 100%;
margin: -5px 0 0 0;
padding: 0 0 0 0;
text-align: center;
}
#contentsBlk-news-02 {
width: 870px;
padding: 10px 8px 8px 116px;
}
#contentsBlk-news-02 p {
margin: 0;
font-size: 12px;
}
#contentsBlk-news-02 p span {
display: inline-block;
}
#contentsBlk-news-02 p .data {
font-weight: bold;
padding: 0 12px 0 0;
}
#contentsBlk-news-02 p .text a{
text-decoration: underline;
}

/*------------------------------------------------------
	Contents Block Navi
------------------------------------------------------*/

#contentsBlk-nav {
position: relative;
width: 964px;
margin: 0 auto 22px auto;
background-color: #999999;
/*background-color: #ebebeb;*/
}

#contentsBlk-nav-01 {
position: relative;
display: inline-block;
margin: 0 159px 0 159px;
}
#contentsBlk-nav-01::after {
display: block;
content: '';
clear: both;
}
#contentsBlk-nav-01 > li {
display: block;
float: left;
}
#contentsBlk-nav-01 > li.item-01 { width: 318px; }
#contentsBlk-nav-01 > li.item-02 { width: 328px; }
/*#contentsBlk-nav-01 > li.item-03 { width: 318px; }*/

#contentsBlk-nav-01 > li a {
display: block;
position: relative;
height: 52px;
background-repeat: no-repeat;
background-position: left top;
overflow: hidden;
text-indent: 110%;
white-space: nowrap;
}
#contentsBlk-nav-01 > li.item-01 a { background-image: url(../IMAGES/p01_contentsblk_nav_btn_01.png); }
#contentsBlk-nav-01 > li.item-02 a { background-image: url(../IMAGES/p01_contentsblk_nav_btn_02.png); }
#contentsBlk-nav-01 > li.item-03 a { background-image: url(../IMAGES/p01_contentsblk_nav_btn_03.png); }

#contentsBlk-nav-01 > li a:hover {
background-position: left bottom;
}
#contentsBlk-nav-01 > li.item-01 a::before {
left: 0;
}
#contentsBlk-nav-01 > li.item-01 a::after,
#contentsBlk-nav-01 > li.item-02 a::after {
right: 0;
}
#contentsBlk-nav-01 > li.item-01 a::before,
#contentsBlk-nav-01 > li.item-01 a::after,
#contentsBlk-nav-01 > li.item-02 a::after {
display: block;
content: '';
position: absolute;
top: 6px;
width: 1px;
height: 40px;
background: #fff;
}

/*------------------------------------------------------
	Contents Block 02
------------------------------------------------------*/

#contentsBlk-02 {
width: 964px;
margin: 0 auto 40px auto;
background: url(../IMAGES/p01_contentsblk_02_bg.png) no-repeat 0 0;
}
#contentsBlk-02-01 {
display: block;
padding: 37px 27px;
}
#contentsBlk-02 a,
#contentsBlk-02 a:link,
#contentsBlk-02 a:hover,
#contentsBlk-02 a:visited {
color: #666;
}

#contentsBlk-02-01-01 {
width: 910px;
height: 122px;
background: url(../IMAGES/p01_contentsblk_02_01_01.png) no-repeat 0 0;
}
#contentsBlk-02-01-01 > p {
display: none;
}
#contentsBlk-02-01-02 {
position: relative;
margin: 36px 0 0 0;
}
#contentsBlk-02-01-02::after {
display: block;
content: '';
clear: both;
}
#contentsBlk-02-01-02 > li {
display: block;
width: 290px;
float: left;
margin: 0 0 0 20px;
text-align: center;
}
#contentsBlk-02-01-02 > li:first-child {
margin: 0 0 0 0;
}
#contentsBlk-02-01-02 > li img {
display: block;
margin: 0 0 10px 0;
}
#content #contentsBlk-02-01-02 > li p {
font-size: 12px;
margin: 0;
}

/*------------------------------------------------------
	Contents Block Comparision
------------------------------------------------------*/

#contentsBlk-comparision {
margin-bottom: 36px;
}

#contentsBlk-comparision h2 {
margin: 0 0 26px 4px;
}

#contentsBlk-comparision-01 {
width: 100%;
}
#contentsBlk-comparision-01:after  { content:""; display:block; clear:both; }
* html #contentsBlk-comparision-01 { display:inline-block; }
*+html #contentsBlk-comparision-01 { display:inline-block; }

#contentsBlk-comparision-01 li,
#contentsBlk-comparision-01 li a {
display: block;
width: 314px;
height: 140px;
}

#contentsBlk-comparision-01 li {
float: left;
margin: 0;
}

#contentsBlk-comparision-01 li.list-01 {
margin-right: 15px;
}

#contentsBlk-comparision-01 li.list-03 {
float: right;
}

#contentsBlk-comparision-01 li a {
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
text-indent: 110%;
white-space: nowrap;
}

#contentsBlk-comparision-01 li a:hover {
background-position: -314px 0;
}

#contentsBlk-comparision-01 li a#bt-02-01-01 { background-image: url(../IMAGES/bg_contentsblk_02_01_01.gif); }
#contentsBlk-comparision-01 li a#bt-02-01-02 { background-image: url(../IMAGES/bg_contentsblk_02_01_02.gif); }
#contentsBlk-comparision-01 li a#bt-02-01-03 { background-image: url(../IMAGES/bg_contentsblk_02_01_03.gif); }

/*------------------------------------------------------
	Contents Block 03
------------------------------------------------------*/

#contentsBlk-03 {
width: 964px;
margin: 0 auto;
}

#contentsBlk-03 > .section > .inner {
margin: 0 0 0 0;
}


/* areaList -------------------------- */
#areaList {
position: relative;
margin: 30px 0 0 0;
padding-top: 110px;
}
#areaList li p.regionButton {
cursor: pointer;
}
#areaList li.region > p.regionButton {
position:absolute;
width: 215px;
height: 20px;
padding:14px 0 10px 20px;
font-size:125%;
color:#fff;

background-color: #c1c1c1;
background-image: url(../IMAGES/arrow_d.png);
background-repeat: no-repeat;
background-position:197px center;
}
#areaList li.region > p.regionButton:hover {
background-color: #c71444;
}

#areaList li.region p.open {
background-color: #c71444;
background-image: url(../IMAGES/arrow_u.png);
}

#areaList li.region > p.regionTitle {
display: none;
}
#areaList li.region:first-child > p.regionTitle {
margin-top:0;
}
#areaList li.region > p#region1 {
top: 0;
left: 0;
}
#areaList li.region > p#region2 {
top: 0;
left: 243px;
}
#areaList li.region > p#region3 {
top: 0;
left: 486px;
}
#areaList li.region > p#region4 {
top: 0;
left: 729px;
}
#areaList li.region > p#region5 {
top: 52px;
left: 0;
}
#areaList li.region > p#region6 {
top: 52px;
left: 243px;
}
#areaList li.region > p#region7 {
top: 52px;
left: 486px;
}
#areaList li.region > p#region8 {
top: 52px;
left: 729px;
}
#areaList li.region ul {
display: none;
margin: 0;
}
#areaList li.prefecture > p {
margin:4px 0 0;
padding:9px 35px 6px 0;
font-size:125%;
font-weight:bold;
color:#666;
background:#fff;
border-bottom: 5px solid #c1c1c1;
cursor: pointer;
}
#areaList li.prefecture.drilldown > p {
background:#fff url(../IMAGES/arrow_d_bk.png) 926px center no-repeat;
border-bottom: 5px solid #c1c1c1;
}
#areaList li.prefecture.drilldown > p:hover {
background:#fff url(../IMAGES/arrow_d_on.png) 926px center no-repeat;
border-bottom: 5px solid #c71444;
}
#areaList li.prefecture.drilldown > p.open {
background:#fff url(../IMAGES/arrow_u_on.png) 926px center no-repeat;
border-bottom: 5px solid #c71444;
}
.shopList.pc {
width:100%;
font-size:100%;
}
.shopList.pc th {
color:#666;
border-top: #d9d9d9 1px solid;
background:#f5f5f5;
padding:8px;
font-weight:bold;
}
.shopList.pc th.hanshaName {
padding-left: 12px;
width:232px;
}
.shopList.pc th.tempoName {
width:260px;
}
.shopList.pc th.tempoAddress {
width:305px;
}
.shopList.pc td {
border-top: #d9d9d9 1px solid;
padding: 8px;
}
.shopList.pc td.hanshaName {
padding-left:12px;
vertical-align:top;
}
.shopList.pc td.tempoName {
width:220px;
}
.shopList.pc td.tempoName a {
font-size:14px;
text-decoration:none;
padding-right:1.5em;
background:url(../IMAGES/arrow_r_s.png) right center no-repeat;
}
.shopList.pc td.tempoName a:hover {
background:url(../IMAGES/arrow_r_s_on.png) right center no-repeat;
}
.shopList.pc td.tempoAddress {
}
.shopList.pc td.tempoTel {
width:105px;
}
.noTempo td {
padding: 8px;
}


/*------------------------------------------------------
	Shop List TABLE
------------------------------------------------------*/

#contentsBlk-03 {
position: relative;
}

#shopList {
width: 964px;
margin-top: 24px;
border-top: solid 1px #c1c1c1;
}

#shopList th,
#shopList td {
border-bottom: solid 1px #c1c1c1;
font-size: 12px;
}

#shopList th {
text-align: center;
padding: 10px 0;
background: #eee;
border-right: solid 1px #d9d9d9;
font-weight: bold;
vertical-align: middle;
}

#shopList th.br0 {
border-right: none;
}

#shopList td {
padding: 16px 10px 16px 10px;
}

#shopList td.prefecture {
background: #f9f9f9;
padding: 18px 24px 14px 24px;
text-align: center;
font-weight: bold;
white-space: nowrap;
vertical-align: top;
}

#shopList td.hanshaName {
padding: 18px 10px 14px 10px;
vertical-align: top;
}

#shopList td.tempoName {
padding: 16px 0 16px 10px;
font-size: 14px;
white-space: nowrap;
}

#shopList td.tempoName a {
text-decoration:none;
padding-right:1.2em;
background:url(../IMAGES/arrow_r_s.png) right center no-repeat;
white-space: nowrap;
}

#shopList td.tempoName a:hover {
background:url(../IMAGES/arrow_r_s_on.png) right center no-repeat;
}

#shopList td.tempoMap {
width: 59px;
padding: 14px 0 14px 0;
}

#shopList td.tempoMap a {
display: block;
width: 59px;
height: 24px;
}

#shopList td.tempoMap a {
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(../IMAGES/bg_btn_map.gif);
overflow: hidden;
text-indent: 120%;
white-space: nowrap;
}

#shopList td.tempoMap a:hover {
background-position: -59px 0;
}

#shopList td.tempoTel {
text-align: center;
}

/*  SHOP LIST MAP  */

#shopMap {
position: absolute;
display: none;
top: 0;
left: 284px;
z-index: 7500;
padding-right: 24px;
background: url(../IMAGES/bg_shopmap.gif) no-repeat right center;
}

#shopMap .inner {
position: relative;
}

#shopMap .btn-close {
position: absolute;
display: block;
width: 28px;
height: 28px;
right: 0;
top: -28px;
background-image: url(../IMAGES/bg_btn_close.gif);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
text-indent: 120%;
white-space: nowrap;
}

#shopMap .btn-close:hover {
background-position: -28px 0;
}

#shopMap-modal {
position: absolute;
width: 100%;
left: 0;
top: 0;
background: #000;
z-index: 7000;
}

/*------------------------------------------------------
	Bottom Element
------------------------------------------------------*/

/*----  box-pagetop  ----*/

.pagetop01 { text-align:right; padding:50px 24px 40px 0; }

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

.alignC { text-align: center; }
.alignR { text-align: right; }

/*------------------------------------------------------
	map_bottomContainer 2017.03.29 add
------------------------------------------------------*/
#mapContainer_bottom > div,
#mapContainer_bottom > div *
{
    display:inline-block;
    vertical-align: middle;
}
#mapContainer_bottom > div:first-child{
    margin-right:40px;
}
#mapContainer_bottom p{
    margin-bottom:0;
}