@charset "utf-8";



/* area 
-------------------------------------------------------------------- */



div#contents div#area_box{
position: relative; background-repeat: no-repeat; background-position: 0 0; margin-bottom: 20px;
}
div#contents div#area_box h6{
margin-bottom: 6px; font-size: 1.0em; color: #000; font-weight: bold;
}


div#contents div.area_part_all{
background-image: url(../area/img/area_image_bg.jpg);
}
div#contents div.area_part_all h2{
top: 170px; 
}
div#contents div.area_part_hyogo{
background-image: url(../area/img/area_image_bg_hyogo.jpg);
}
div#contents div.area_part_hyogo h2{
top: 30px; 
}
div#contents div.area_part_osaka{
background-image: url(../area/img/area_image_bg_osaka.jpg);
}
div#contents div.area_part_osaka h2{
top: 30px; 
}
div#contents div.area_part_kyoto{
background-image: url(../area/img/area_image_bg_kyoto.jpg);
}
div#contents div.area_part_kyoto h2{
top: 30px; 
}
div#contents div.area_part_shiga{
background-image: url(../area/img/area_image_bg_shiga.jpg);
}
div#contents div.area_part_shiga h2{
top: 30px; 
}
div#contents div.area_part_mie{
background-image: url(../area/img/area_image_bg_mie.jpg);
}
div#contents div.area_part_mie h2{
top: 60px; 
}
div#contents div.area_part_nara{
background-image: url(../area/img/area_image_bg_nara.jpg);
}
div#contents div.area_part_nara h2{
top: 30px; 
}
div#contents div.area_part_wakayama{
background-image: url(../area/img/area_image_bg_wakayama.jpg);
}
div#contents div.area_part_wakayama h2{
top: 20px; 
}

div#contents div.area_part_osaka{
padding-top: 118px;
}
div#contents div.area_part_hyogo{
padding-top: 118px;
}
div#contents div.area_part_kyoto{
padding-top: 118px;
}
div#contents div.area_part_shiga{
padding-top: 118px;
}
div#contents div.area_part_mie{
padding-top: 148px;
}
div#contents div.area_part_nara{
padding-top: 118px;
}
div#contents div.area_part_wakayama{
padding-top: 108px;
}



div#contents div#area_box h3{
border-top-color: #3F007D; border-bottom-color: #3F007D; margin-top: 0px; margin-left: 200px; text-align: right;
}

div#contents div#area_box #area_image {
width: 266px; height: 127px; position: absolute; right: 0px; background-repeat: no-repeat; background-position: right top; border-width: 0px; border-style: none; text-indent: -9999px; overflow: hidden;
}
div#contents div.area_part_all h2{
background-image: url(../area/img/area_image_01.gif)
}

div#contents div.area_part_osaka h2,
div#contents div.area_part_hyogo h2,
div#contents div.area_part_kyoto h2,
div#contents div.area_part_shiga h2,
div#contents div.area_part_mie h2,
div#contents div.area_part_nara h2,
div#contents div.area_part_wakayama h2{
background-image: url(../area/img/area_image_02.gif)
}

div#contents div#area_box p.area_summary{
margin: 0px; padding-left: 200px; line-height: 1.6em; text-align: right;
}
div#contents div.area_part_osaka p.area_summary{
padding-bottom: 30px;
}
div#contents div.area_part_hyogo p.area_summary{
padding-bottom: 90px;
}
div#contents div.area_part_kyoto p.area_summary{
padding-bottom: 80px;
}
div#contents div.area_part_shiga p.area_summary{
padding-bottom: 30px;
}
div#contents div.area_part_mie p.area_summary{
padding-bottom: 100px;
}
div#contents div.area_part_nara p.area_summary{
padding-bottom: 70px;
}
div#contents div.area_part_wakayama p.area_summary{
padding-bottom: 30px;
}


div#contents h3 {
border-top:1px solid #999; border-bottom:1px solid #999; margin: 0px auto 15px; padding:5px 0;padding:5px 0; font-size:1em; color:#3F007D; font-weight:bold;
}
div#contents div.area_part_osaka h3{
background:url(../area/img/icon_muryo.gif) no-repeat; background-position: left center;
}






div#contents div#area_box dl.area_navi{
padding-top: 440px;
}
div#contents div#area_box dl.area_navi dt a{
font-weight: 1.5em; color: #000; font-weight: bold; text-decoration: none; 
}
div#contents div#area_box dl.area_navi dd{
border-bottom: 1px solid #999; margin: 0px 0px 20px; padding: 0px 0px 20px; font-size: 0.9em;
}
div#contents div#area_box dl.area_navi dd a{
font-size: 1em;
}


div#contents div#area_box ol:after,
div#contents div#area_box ul:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
div#contents div#area_box ol,
div#contents div#area_box ul{
    display:inline-block;
    min-height:1%;  /* for IE 7*/

}
* html div#contents div#area_box ol{height: 1%;}
* html div#contents div#area_box ul{height: 1%;}

div#contents div#area_box ul{
display: block; width: 642px; margin-bottom: 20px; margin-left: -1px; margin-right: -1px;
}


div#contents div#area_box ul li{
float: left; width: 192px; height: 50px; border: 1px solid #999; background-color: #fff; margin: 0px 0px 1px; padding: 3px 10px; font-size: 0.9em; line-height: 1.4em;
}
div#contents div#area_box ul li.large{
float: none; clear: left; width: auto; min-height: 50px; height: auto!important; height: 50px; 
}
div#contents div#area_box ul li.even{
background-color: #EEEEE9; color: #000;
}


div#contents div#area_box ol{
display: block; 
}
div#contents div#area_box ol li{
float: left; width: 50px; height: 50px; list-style: none; padding: 0px 2px 0px 0px;
}
div#contents div#area_box ol li a{
display: block; width: 50px; height: 50px; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden;
}
div#contents div#area_box ol li a:hover{
opacity: 0.6; filter: alpha(opacity=60);
}
div#contents div#area_box ol li.osaka a{
background-image: url(../area/img/h3_strong_image_osaka.png);
}
div#contents div#area_box ol li.hyogo a{
background-image: url(../area/img/h3_strong_image_hyogo.png);
}
div#contents div#area_box ol li.kyoto a{
background-image: url(../area/img/h3_strong_image_kyoto.png);
}
div#contents div#area_box ol li.shiga a{
background-image: url(../area/img/h3_strong_image_shiga.png);
}
div#contents div#area_box ol li.mie a{
background-image: url(../area/img/h3_strong_image_mie.png);
}
div#contents div#area_box ol li.nara a{
background-image: url(../area/img/h3_strong_image_nara.png);
}
div#contents div#area_box ol li.wakayama a{
background-image: url(../area/img/h3_strong_image_wakayama.png);
}

div#contents div.area_part_osaka ol li.osaka,
div#contents div.area_part_hyogo ol li.hyogo,
div#contents div.area_part_kyoto ol li.kyoto,
div#contents div.area_part_shiga ol li.shiga,
div#contents div.area_part_mie ol li.mie,
div#contents div.area_part_nara ol li.nara,
div#contents div.area_part_wakayama ol li.wakayama{
display: none;
}


div#contents div#area_box h4{
margin: 0px 0px 10px; font-size: 116.6%; color: #000; font-weight: bold;
}






/* /area
******************************************************************** */