/*
▼2006年・新エリアページ用（全て新エリアページに変更後、これより下のCSSは削除）
*/

/*タブバージョン　フッター*/
div#areapage div#footer{
border-bottom: 3px solid #ff0000; padding-bottom: 6px;
}
div#areapage div#footer-tabeyou{
border-bottom: 3px solid #ff0000; padding-bottom: 6px;
}
div#areapage div#footer-kirei{
border-bottom: 3px solid #7ad3ff; padding-bottom: 6px;
}
div#areapage div#footer-shop{
border-bottom: 3px solid #6657a6; padding-bottom: 6px;
}
div#areapage div#footer-hotel{
border-bottom: 3px solid #4a3910; padding-bottom: 6px;
}

/*
▼bn-190ボタン(ページ上部へ戻る)
*/
div#areapage div.bn-s190{
text-align: center;
}
div#areapage div.bn-s190 img{
margin: 0px 5px;
}


div#areapage div.areabox{
width: 600px; margin: 0px 0px 3em; text-align: left;
}
div#areapage div.areattl-s-box{
width: 600px; margin: 0px 0px 1em 0px;
}

/*
▼areattl-s-box
*/
div#areapage div.areattl-s-box dl{
width: 600px; background-repeat: no-repeat; background-position: bottom;margin: 0px; padding: 0px 0px 15px;
}
/*色換え・食べよう*/
body#tabeyou div#areapage div.areattl-s-box dl{
background-image: url(../img000/areapage/subareattl_tabeyou/border_s.gif);
}
/*色換え・ショップ（ショップ＆スクール）*/
body#shop div#areapage div#co-shop div.areattl-s-box dl{
background-image: url(../img000/areapage/subareattl_shop/border_s.gif);
}
/*色換え・スクール（ショップ＆スクール）*/
body#shop div#areapage div#co-school div.areattl-s-box dl{
background-image: url(../img000/areapage/subareattl_school/border_s.gif);
}
div#areapage div.areattl-s-box dt{
margin: 0px 0px 10px; 
}

div#areapage div.areattl-s-box dd{
margin: 0px 0px 1.5em; padding: 0px; font-size: 10px; line-height: 1.4; color: #666;
}

/*
▼footer
*/
body#kirei div#areapage div#footer{
border-top-color: #7ad3ff; border-bottom: 0px none #fff;
}
body#school div#areapage div#footer{
border-top-color: #96E686; border-bottom-color: #96E686; 
}

/*
▼コピーライト(罫線削除)
*/
body#tabeyou div#areapage div#copyrightbox,body#kirei div#areapage div#copyrightbox,body#shop div#areapage div#copyrightbox,body#hotel div#areapage div#copyrightbox,body#travel div#areapage div#copyrightbox,body#school div#areapage div#copyrightbox{
border-top: 0px none #fff; padding-top: 0px; 
}

/*
▼テーブル使用
*/
div#areapage div.areattl-s-box table{
width: 600px; border-width: 0px; border-style: none;
}
div#areapage div.areattl-s-box td{
vertival-align: top;
}
div#areapage div.areattl-s-box td{
border-bottom: 1px solid #ccc; padding: 0.5em 0px;  vertival-align: top; 
}
div#areapage div.areattl-s-box td.caption{
font-size: 10px; line-height: 1.4; color: #666; 
}
div#areapage div.areattl-s-box td.illust{
width: 80px; 
}


/*
▼shopbox
*/
div#areapage div.shopbox{
width: 580px; margin: 0px 0px 1em 15px;
}
div#areapage div.shopbox div.shopbox-s-left{
width: 285px;
}
div#areapage div.shopbox div.shopbox-s-right{
width: 285px;
}
div#areapage div.shopbox shopbox-ss{

}
div#areapage div.shopbox div.reversebox000 div.shopbox-s-left{
float: left;
}
div#areapage div.shopbox div.reversebox000 div.shopbox-s-right{
float: right; margin-left: auto; margin-right: 0px;
}
div#areapage div.shopbox div.reversebox111 div.shopbox-s-left{
float: right;  margin-left: auto; margin-right: 0px;
}
div#areapage div.shopbox div.reversebox111 div.shopbox-s-right{
float: left; margin-left: 0px; 
}

/*
▼locationbox
*/
/*共通*/
div#areapage div.shopbox div.locationbox01{
width: 270px; background-repeat: repeat-y; margin: 0px 0px 4px;
}
div#areapage div.shopbox div.locationbox02{
width: 270px; background-repeat: no-repeat; background-position: bottom; padding: 0px 0px 5px;
}
div#areapage div.shopbox div.locationbox03{
width: 270px; background-repeat: no-repeat; background-position: top; margin: 0px; padding: 5px 0px 0px;
}
div#areapage div.shopbox div.locationbox01 h3{
margin: 0px; padding: 0px 12px; font-size: 12px; font-weight: normal; text-align: center;
}

/*色換え・食べよう*/
body#tabeyou div#areapage div.shopbox div.locationbox01{
background-image: url(../img000/areapage/locationbox_tabeyou/back.gif);
}
body#tabeyou div#areapage div.shopbox div.locationbox02{
background-image: url(../img000/areapage/locationbox_tabeyou/footer.gif);
}
body#tabeyou div#areapage div.shopbox div.locationbox03{
background-image: url(../img000/areapage/locationbox_tabeyou/header.gif);
}
body#tabeyou div#areapage div.shopbox div.locationbox01 h3{
color: #990000;
}
/*色換え・きれい*/
body#kirei div#areapage div.shopbox div.locationbox01{
background-image: url(../img000/areapage/locationbox_kirei/back.gif);
}
body#kirei div#areapage div.shopbox div.locationbox02{
background-image: url(../img000/areapage/locationbox_kirei/footer.gif);
}
body#kirei div#areapage div.shopbox div.locationbox03{
background-image: url(../img000/areapage/locationbox_kirei/header.gif);
}
body#kirei div#areapage div.shopbox div.locationbox01 h3{
color: #2e85ff; 
}
/*色換え・ショップ（ショップ＆スクール）*/
body#shop div#areapage div#co-shop div.shopbox div.locationbox01{
background-image: url(../img000/areapage/locationbox_shop/back.gif);
}
body#shop div#areapage div#co-shop div.shopbox div.locationbox02{
background-image: url(../img000/areapage/locationbox_shop/footer.gif);
}
body#shop div#areapage div#co-shop div.shopbox div.locationbox03{
background-image: url(../img000/areapage/locationbox_shop/header.gif);
}
body#shop div#areapage div#co-shop div.shopbox div.locationbox01 h3{
color: #3a1576; 
}
/*色換え・スクール（ショップ＆スクール）*/
body#shop div#areapage div#co-school div.shopbox div.locationbox01{
background-image: url(../img000/areapage/locationbox_school/back.gif);
}
body#shop div#areapage div#co-school div.shopbox div.locationbox02{
background-image: url(../img000/areapage/locationbox_school/footer.gif);
}
body#shop div#areapage div#co-school div.shopbox div.locationbox03{
background-image: url(../img000/areapage/locationbox_school/header.gif);
}
body#shop div#areapage div#co-school div.shopbox div.locationbox01 h3{
color: #52CC3A; 
}


/*
▼photoframebox
*/
div#areapage div.shopbox div.photoframebox{
width: 275px; height: 165px; position: relative; left: 0px; top: 0px; z-index: 1; background: url(../img000/areapage/back_photobox.gif) no-repeat left top; margin: 0px 0px 2px; text-align: left;
}
/*
▼photobox
*/
div#areapage div.shopbox div.photoframebox div.photobox{
width: 270px; height: 160px; position: absolute; left: 0px; top: 0px; z-index: 2;
}
/*
▼fukidashibox (店舗コメント表示：保留中)
*/
div#areapage div.shopbox div.photoframebox div.fukidashibox{
width: 180px; position: absolute; left: 100px; top: 20px; z-index: 3;
}
div#areapage div.shopbox div.photoframebox div.fukidashibox div.header img{
width: 180px; height: 6px;
}
div#areapage div.shopbox div.photoframebox div.fukidashibox div.footer img{
width: 180px; height: 24px;
}
div#areapage div.shopbox div.photoframebox div.fukidashibox div.captionbox{
width: 180px; background:   url(../img000/areapage/fukidashi_tabeyou/back.gif) repeat-y;
 }
 
div#areapage div.shopbox div.photoframebox div.fukidashibox p{
margin: 0px 10px; padding-top: 2px; padding-bottom: 2px; font-size: 10px; line-height: 1.4;
 }



/*
▼profilebox
*/
div#areapage div.shopbox div.profilebox{
width: 270px;
}
div#areapage div.shopbox div.profilebox table{
width: 270px; border-width: 0px; border-style: none; margin: 0px 0px 3px;
}
div#areapage div.shopbox div.profilebox td{
width: 35px; padding-right: 0px;
}
div#areapage div.shopbox div.profilebox th{
padding-left: 10px; text-align: right; font-size: 10px; font-weight: normal; line-height: 1.2;
}

/*店名*/
div#areapage div.shopbox div.profilebox h2{
border-top-width: 2px; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid; margin: 0px 0px 4px; padding: 3px 6px; font-size: 16px; font-weight: bold; text-align: center;
}
div#areapage div.shopbox div.profilebox h2 a{
text-decoration: none;
}

/*色換え：食べよう*/
body#tabeyou div#areapage div.shopbox div.profilebox h2{
border-color: #990000; color: #990000; 
}
body#tabeyou div#areapage div.shopbox div.profilebox h2 a:link{
color: #990000; 
}
body#tabeyou div#areapage div.shopbox div.profilebox h2 a:hover{
color: #990000; 
}
body#tabeyou div#areapage div.shopbox div.profilebox h2 a:visited{
color: #990000; 
}
/*色換え：きれい*/
body#kirei div#areapage div.shopbox div.profilebox h2{
border-color: #7ad3ff; color: #2e85ff; 
}
body#kirei div#areapage div.shopbox div.profilebox h2 a:link{
color: #2e85ff; 
}
body#kirei div#areapage div.shopbox div.profilebox h2 a:hover{
color: #2e85ff; 
}
body#kirei div#areapage div.shopbox div.profilebox h2 a:visited{
color: #2e85ff; 
}
/*色換え：ショップ（ショップ＆スクール）*/
body#shop div#areapage div#co-shop div.shopbox div.profilebox h2{
border-color: #3a1576; color: #3a1576; 
}
body#shop div#areapage div#co-shop div.shopbox div.profilebox h2 a:link{
color: #3a1576; 
}
body#shop div#areapage div#co-shop div.shopbox div.profilebox h2 a:hover{
color: #3a1576; 
}
body#shop div#areapage div#co-shop div.shopbox div.profilebox h2 a:visited{
color: #3a1576; 
}

/*色換え：スクール（ショップ＆スクール）*/
body#shop div#areapage div#co-school div.shopbox div.profilebox h2{
border-color: #52CC3A; color: #52CC3A;
}
body#shop div#areapage div#co-school div.shopbox div.profilebox h2 a:link{
color: #52CC3A; 
}
body#shop div#areapage div#co-school div.shopbox div.profilebox h2 a:hover{
color: #52CC3A; 
}
body#shop div#areapage div#co-school div.shopbox div.profilebox h2 a:visited{
color: #52CC3A; 
}

div#areapage div.shopbox div.profilebox ul{
margin: 0px 0px 1em; padding: 0px; list-style-position: inside;
}
div#areapage div.shopbox div.profilebox ul li{
margin: 0px; font-size: 10px; line-height: 1.4;
}


/*##########################################################*/


/*　エリア別ページのスタイルシート　*/

table.baner{
margin-top: 6px;
margin-bottom: 24px;
}
td.baner01-01{
border-top: 4px double #d9929e;
border-left: 1px solid #cccccc;
padding-top: 1px;
padding-bottom: 3px;
padding-left: 1px;
}
td.baner01-01-inside1{
border-left: 1px solid #cccccc;
padding-top: 1px;
padding-bottom: 1px;
font-size: 10px;
}
td.baner01-01-inside2{
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding-top: 1px;
padding-bottom: 1px;
font-size: 10px;
}
td.baner01-01-below{
border-bottom: 4px double #d9929e;
border-left: 1px solid #cccccc;
padding-top: 1px;
padding-bottom: 1px;
font-size: 10px;
}
td.baner01-02{
border-top: 4px double #d9929e;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px;
}
td.baner01-02-inside1{
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px;
font-size: 10px;
}
td.baner01-02-inside2{
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px;
font-size: 10px;
}
td.baner01-02-below{
border-bottom: 4px double #d9929e;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px;
font-size: 10px;
}
td.baner02-top01{
border-top: 4px double #d9929e;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 3px;
padding-right: 3px;
}
td.baner02-top02{
border-top: 4px double #d9929e;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 3px;
padding-right: 3px;
}
td.baner02-bottom01{
border-top: 1px solid #cccccc;
border-bottom: 4px double #d9929e;
border-left: 1px solid #cccccc;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 3px;
padding-right: 3px;
}
td.baner02-bottom02{
border-top: 1px solid #cccccc;
border-bottom: 4px double #d9929e;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 3px;
padding-right: 3px;
}
p.area-bikou-top{
margin-top: 0px;
margin-bottom: 12px;
font-size: 10px;
text-align: center;
}

div.back-map-s{
width: 600px;
background: url( ../img000/pn_h_999999.gif );
text-align: center;
}
div.back-map-s table{
margin-left: auto; margin-right: auto;
}


div.area-shop{
width: 600px;
margin-bottom: 12px;
border: #990000 2px solid;
background-color: #cccccc;
text-align: center;
}
div.area-hotel{
width: 600px;
border: #990000 2px solid;
text-align: center;
}
div.area-hotel-shop{
width: 540px;
margin-bottom: 12px;
border: #990000 1px solid;
background-color: #cccccc;
text-align: center;
}

td.area-tenmei{
font-size: 25px;
font-weight: bold;
color: #990000;
padding-left: 12px;
}

td.area-tenmei-s{
font-size: 10px;
padding-left: 3px;
text-indent: 12px;
}

td.area-tenmei-s02{
font-size: 10px;
padding-right: 15px;
text-align: right;
}

td.area-icon{
padding-right: 15px;
padding-bottom: 3px;
text-align: right;
}

p.area-caption{
font-size: 10px;
padding-left: 3px;
text-indent: 12px;
}

img.area-line{
margin-top: 3px;
margin-bottom: 5px;
}

img.area-map{
margin-left: 6px;
margin-bottom: 3px;
margin-right: 6px;
}

ul.area-profile{
list-style-position: inside;
margin: 0px 0px 6px 6px;
padding-left: 0px;
}

ul.area-profile li{
font-size: 10px;
margin-left: 0px;
}
h5.area-profile-ttl{
margin: 0px; font-size: 10px; font-weight: normal;
}



/*レアレアを応援ページ用*/
td.baner01-01-ouen{
border-top: 4px double #d9929e;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
}
td.baner01-02-ouen{
border-top: 4px double #d9929e;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
}
td.baner01-03-ouen{
padding-top: 1px;
padding-bottom: 1px;
font-size: 10px;
}

/*
ショップセレクト
*/
div#areapage div.shopselectbox01{
width: 600px; background: #ffd32a; border: 1px solid #d9929e; margin: 0px 0px 1.5em; text-align: center;
}
div#areapage div.shopselectbox02{
margin: 6px 10px;
}
div#areapage div.shopselectbox01 form{
margin: 0px; padding: 0px;
}