@charset "utf-8";
/* CSS Document */

.areaTit01{
margin-top: 15px;
margin-bottom: 14px;
padding-left: 4px;
}
#areaMenu{
background-image: url(../area/img_common/menu_bg01.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 2px;
padding-bottom: 6px;
padding-left: 20px;
line-height: 45px;
margin-bottom: 21px;
}
#areaMenu li{
float: left;
font-weight: bold;
background-image: url(../area/img_common/icon01.jpg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 18px;
padding-right: 20px;
}
#areaMenu li.areaHighlight{
background-image: url(../area/img_common/menu_bg02.jpg);
background-repeat: repeat-x;
margin-right: 10px;
}
#areaMenu a:link,
#areaMenu a:visited{
color: #089453;
}
#areaMenu a:hover,
#areaMenu a:focus,
#areaMenu a:active{
color: #0BCA70;
}
#areaMenu li.areaHighlight a:link,
#areaMenu li.areaHighlight a:visited{
color: #FFF;
}
#areaMenu li.areaHighlight a:hover,
#areaMenu li.areaHighlight a:focus,
#areaMenu li.areaHighlight a:active{
color: #DFFDEF;
}
.areaTit02{
background-image: url(../area/img_common/tit_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
line-height: 30px;
padding-left: 22px;
font-weight: bold;
margin-bottom: 32px;
}
.areaTit03{
margin-bottom: 26px;
padding-left: 15px;
}
.areaTit04{
background-image: url(../area/img_common/icon02.gif);
background-repeat: no-repeat;
background-position: 29px center;
margin-bottom: 10px;
padding-left: 48px;
font-weight: bold;
color: #069352;
}
.areaList{
padding-left: 20px;
line-height: 1.8;
background-image: url(../area/img_common/line01.gif);
background-repeat: no-repeat;
background-position: 15px bottom;
padding-bottom: 15px;
margin-bottom: 15px;
}
.areaList li{
float: left;
background-image: url(../area/img_common/icon03.gif);
background-repeat: no-repeat;
background-position: 24px center;
padding-left: 35px;
width: 70px;
}
.areaList a:link,
.areaList a:visited{
color: #333;
}
.areaList a:hover,
.areaList a:focus,
.areaList a:active{
color: #585858;
}

/*　区一覧　*/
.areaBt{
margin-bottom: 20px;
padding-left: 10px;
}
.areaBt li{
float: left;
}
.areaKuList li{
width: 618px;
border: 1px solid #CCC;
margin-right: auto;
margin-left: auto;
padding: 10px;
margin-bottom: 30px;
}
.areaKuList li h4{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
width: 610px;
margin-right: auto;
margin-left: auto;
margin-bottom: 12px;
font-weight: bold;
padding-bottom: 5px;
}
.areaKuList li h4 ul{
float: right;
}
.areaKuList li h4 ul li{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
float: left;
padding-left: 5px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
width: 60px;
margin-bottom: 0px;
}
.areaKuLeft{
float: left;
background-color: #E6E6E6;
width: 188px;
padding: 6px;
}
.areaKuRight{
float: right;
width: 401px;
}
.areaKuList li dl{
padding-bottom: 5px;
}
.areaKuList li dl dd{
padding-left: 73px;
margin-top: -20px;
margin-bottom: 7px;
}
.areaKuTxt01{
width: 374px;
border: 1px solid #CCC;
padding: 10px;
margin-bottom: 5px;
}
.areaKuBt{
margin-top: 6px;
margin-bottom: 10px;
padding-right: 6px;
text-align: right;
}
.areaKuTxt02{
margin-bottom: 5px;
}

/*　詳細　*/
.areaDeImg{
background-color: #E6E6E6;
padding: 10px;
float: left;
width: 272px;
margin-bottom: 40px;
}
.areaDeTxt01{
float: right;
width: 346px;
}
.areaDeTxt01 p{
margin-top: 10px;
}
.areaDePhoto{
margin-top: 15px;
padding-left: 15px;
padding-bottom: 15px;
}
.areaDePhoto li{
float: left;
width: 292px;
padding-right: 54px;
padding-bottom: 15px;
}
.areaDePhoto li.areaDeRight{
padding-right: 0px;
}
.areaDePhoto li img{
border: 10px solid #E6E6E6;
}
.areaDePhoto li p{
background-image: url(../area/img_common/icon04.gif);
background-repeat: no-repeat;
background-position: 10px center;
padding-left: 20px;
margin-top: 7px;
}
.areaDeCheck{
border: 1px solid #E1E1E1;
width: 648px;
margin-right: auto;
margin-left: auto;
margin-top: 15px;
padding-bottom: 10px;
margin-bottom: 12px;
}
.areaDeCheck h5{
margin-top: 10px;
padding-left: 9px;
margin-bottom: 13px;
}
.areaDeCheck .areaDeImg02{
margin-top: 3px;
padding-left: 15px;
float: left;
width: 77px;
padding-right: 18px;
}
.areaDeCheck p{
float: left;
width: 300px;
margin-top: 5px;
}
.areaDeCheck .areaDeBt01{
float: right;
width: 200px;
padding-right: 24px;
}
.areaDeTable{
width: 650px;
margin-right: auto;
margin-left: auto;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-right-color: #CCC;
border-left-color: #CCC;
}
.areaDeTable th{
background-color: #FBF4EC;
color: #6B5733;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
width: 130px;
padding-top: 0.5em;
padding-right: 15px;
padding-bottom: 0.5em;
padding-left: 15px;
}
.areaDeTable td{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
padding-top: 0.5em;
padding-right: 15px;
padding-bottom: 0.5em;
padding-left: 15px;
}
.areaDeTable td ul li{
float: left;
padding-right: 8px;
padding-bottom: 5px;
}
.areaDeTable td p{
background-image: url(../area/img_common/icon04.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 13px;
margin-top: 10px;
}

/*　相談窓口　*/
ul#AreaBtn {
margin-bottom: 30px;
padding-left: 10px;
}
ul#AreaBtn li {
float: left;
}
h4.shopName {
font-weight: bold;
color: #069252;
padding-left: 28px;
margin-bottom: 10px;
background-image: url(../area/img_common/f_icon01.gif);
background-repeat: no-repeat;
background-position: 10px 0.5em;
}
p.shopTxt {
padding: 15px;
background: #F7F7F3;
width: 610px;
margin-right: auto;
margin-left: auto;
}
table.shopDetail {
width: 640px;
border: 1px solid #CCC;
margin: 15px auto 40px;
}
table.shopDetail th {
background: #FBF4EC;
padding: 10px;
color: #6B5733;
width: 25%;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
table.shopDetail td {
padding: 10px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.ShopBorder {
margin-bottom: 30px;
}
.areaTxt {
padding-right: 10px;
padding-left: 10px;
margin-bottom: 10px;
line-height: 1.4;
}
.areaTopTxt {
padding-bottom: 20px;
padding-left: 20px;
}

.areaPointBox{
width: 650px;
background: url(../area/img_common/point_bg.jpg) repeat-y left top;
margin-bottom: 10px;
}
.areaPointBox dl{
padding-right: 20px;
padding-left: 20px;
}
.areaPointBox dt {
float: left;
width: 210px;
padding-top: 3px;

}
.areaPointBox dd {
float: right;
width: 350px;
background: url(../area/img_common/point_icon.gif) no-repeat left center;
padding-left: 35px;
line-height: 1.3em;
}
.areaPointBox dt.paddTop10{
padding-top:10px;
}

.marBtm70{
margin-bottom:70px;
}
.areaInfo {
width: 640px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}
.marBtm30{
margin-bottom:30px;
}
/*相談窓口テーブルスタイル*/
.winTable {
width:640px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
margin-left: 20px;
font-size: 93%;
margin-bottom: 10px;
}
.winTable th{
color: #6B5733;
background-color: #FBF4EC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 8px 10px;
width: 250px;
}
.winTable td{
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 8px 10px;
}
.areaTspace{
margin-bottom:40px;
}