@charset "utf-8";

/*
--------------------------------------------------------
base
--------------------------------------------------------
*/
h1{
background:none;
color:#333;
}
h2{
margin:0 -10px -0.5em -10px;
padding:0;
}
/*
--------------------------------------------------------
layout
--------------------------------------------------------
*/
div#header{
/*height:325px !important;*/
}


div#body{
padding:15px 0 10px 0;
}
div#contents{
float:left;
width:100%;
padding:0 0 10px 0;
background:url(../img/index_navigation_footer.gif) no-repeat 50% 100%;
}
div#navigation{
float:left;
width:215px;
margin:0 0 0 -950px;
}
div#sub_navigation{
position:relative;
float:left;
width:215px;
margin:0 0 0 -215px;
}


/*
--------------------------------------------------------
header
--------------------------------------------------------
*/
p.topimage{
position:absolute;
bottom:0;
}



/*
--------------------------------------------------------
body
--------------------------------------------------------
*/
div#body div.emergency{
margin:0 10px 1em 10px;
border:3px solid #F90;
padding:0 30px;
}
div#body div.emergency h2{
margin:0.5em -10px -0.8em -10px;
background:none;
color:#F90;
font-size:110%;
line-height:1.4;
}


/*
--------------------------------------------------------
contents
--------------------------------------------------------
*/

div.section{
margin:0 215px 0.5em 215px;
}
div#contents div.section div.section{
margin:0;
}

div#body div#contents div.emergency{
margin:0 215px 0.5em 215px;
border:3px solid #FC0;
padding:0 30px;
}
div#body div#contents div.emergency h2{
margin:0.5em -10px -0.8em -10px;
background:none;
color:#F90;
font-size:110%;
line-height:1.4;
}


/* news */
div.news h2{
margin:0 -10px;
}
div.news dl dt{
width:8em;
line-height:1.4;
layout-grid-line:1.4;
}
div.news dl dt img{
vertical-align:middle;
}
div.news dl dd{
padding:0.2em 0 0.2em 8.5em;
}
div.news ul{
margin:-1em 0 1em 0;
border-top:3px solid #ccc;
}
div.news p.detail,
div.news p.rss{
margin:0;
position:relative;
}
div.news p.detail img{
position:absolute;
top:-25px;
right:55px;
_right:65px;
}
div.news p.rss img{
position:absolute;
top:-25px;
right:-5px;
_right:5px;
}


/* schedule */
div.schedule{
margin:0 215px 0 215px;
padding:0 10px 10px 10px;
background:url(../img/index_navigation_background.gif) no-repeat 50% 100%;
}
div.schedule h2{
margin:0 -10px;
}
div.schedule dl dt{
width:6em;
}
div.schedule dl dd{
padding:0.2em 0 0.2em 6.5em;
}
div.schedule dl dd p,
div.schedule dl dd ul{
margin:0;
}
div.schedule p.detail,
div.schedule p.detail2{
margin:0;
position:relative;
}
div.schedule p.detail img{
position:absolute;
top:-25px;
right:95px;
_right:105px;
}
div.schedule p.detail2 img{
position:absolute;
top:-25px;
right:-5px;
_right:5px;
}


/* navigation */
div.navigation{
margin:0 215px 0 215px;
border-left:2px solid #ccc;
border-right:2px solid #ccc;
}
div.navigation h2{
margin:0 -2px -0.5em -2px;
}
div.navigation ul.lifestage{
margin:1em 0 -15px 0;
padding:0 0 0 15px;
}
div.navigation ul.lifestage li{
float:left;
padding:0 15px 10px 0;
background:none;
}
div.navigation ul.navigation{
margin:1em 0px 1em -3px;
padding:0;
}
div.navigation div.qa{
margin:0 8px 1em 8px !important;
padding:0 0 10px 0;
background:url(../img/index_qa_footer.gif) no-repeat 50% 100%;
}
div.navigation div.qa h3{
border:none;
margin:0;
padding:0;
}
div.navigation div.qa p.detail{
margin:0;
padding:0;
position:relative;
}
div.navigation div.qa p.detail img{
position:absolute;
top:-25px;
right:5px;
}
div.navigation div.qa p{
margin:0;
padding:0.2em 10px;
border-left:1px solid #17976D;
border-right:1px solid #17976D;
}
div.navigation div.qa div.section{
width:235px;
}
div.navigation div.qa div.section:after,
div.navigation div.qa div.section dl,
div.navigation div.qa div.section dl:after,
div.navigation div.qa div.section h4{
clear:none;
}
div.navigation div.qa div.section h4{
margin:0 0 -0.7em 0;
padding:0 10px;
border:none;
font-size:100%;
}
div.navigation div.qa div.new{
float:left;
clear:none;
border-left:1px solid #17976D;
}
div.navigation div.qa div.access{
float:right;
clear:none;
border-right:1px solid #17976D;
}
div.navigation div.qa div.section dl{
margin:1em 0 0 0;
padding:0 10px;
font-size:94%;
}
div.navigation div.qa div.section dl dt{
width:40px;
margin:0;
line-height:1.4;
layout-grid-line:1.4;
}
div.navigation div.qa div.section dl dt img{
vertical-align:middle;
}
div.navigation div.qa div.section dl dd{
padding:0.2em 0 0.2em 40px;
border:none;
}


/*
--------------------------------------------------------
navigation
--------------------------------------------------------
*/
div#navigation dl{
background:none;
padding:0 0 10px 0;
margin:0 10px 10px 10px;
}
div#navigation dl dd p.detail{
float:right;
padding:0 0 0 13px;
white-space:nowrap;
}


/* mayer */
div#navigation dl.mayer,
div#sub_navigation dl.mayer{
background:url(../img/index_navi_mayor_footer.gif) no-repeat 50% 100%;
}
div#navigation dl.mayer dd,
div#sub_navigation dl.mayer dd{
border-left:2px solid #017DC2;
border-right:2px solid #017DC2;
font-size:84%;
}
div#navigation dl.mayer dd p,
div#sub_navigation dl.mayer dd p{
padding:10px 0 10px 10px;
}
div#navigation dl.mayer dd p.pict3,
div#sub_navigation dl.mayer dd p.pict{
margin:0 0 -8px 0;
padding:0;
}


/* magazine */
div#navigation dl.magazine,
div#sub_navigation dl.magazine{
background:url(../img/index_navi_magazine_footer.gif) no-repeat 50% 100%;
}
div#navigation dl.magazine dd,
div#sub_navigation dl.magazine dd{
padding:0 10px;
border-left:2px solid #808080;
border-right:2px solid #808080;
font-size:84%;
}
div#navigation dl.magazine dd p.date,
div#sub_navigation dl.magazine dd p.date{
padding:0.5em 0 0 0;
}
div#navigation dl.magazine dd ul,
div#sub_navigation dl.magazine dd ul{
list-style:none;
float:right;
width:105px;
padding:0;
}
div#navigation dl.magazine dd ul li,
div#sub_navigation dl.magazine dd ul li{
border:none;
padding:0 0 0 13px;
background:url(../administration/img/listicon.gif) no-repeat 0 7px;
}
div#navigation dl.magazine dd p.detail,
div#sub_navigation dl.magazine dd p.detail{
background:url(../administration/img/listicon.gif) no-repeat 0 3px;
}


/* weather */
div#navigation dl.weather,
div#sub_navigation dl.weather{
background:url(../img/index_navi_weather_footer.gif) no-repeat 50% 100%;
}
div#navigation dl.weather dd,
div#sub_navigation dl.weather dd{
padding:0 10px;
border-left:2px solid #00AA83;
border-right:2px solid #00AA83;
font-size:84%;
}
div#navigation dl.weather dd p.pict,
div#sub_navigation dl.weather dd p.pict{
width:70px;
text-align:center;
}
div#navigation dl.weather dd p.detail,
div#sub_navigation dl.weather dd p.detail{
background:url(../life/img/listicon.gif) no-repeat 0 3px;
}


/* population */
div#navigation dl.population,
div#sub_navigation dl.population{
background:url(../img/index_navi_population_footer.gif) no-repeat 50% 100%;
}
div#navigation dl.population dd,
div#sub_navigation dl.population dd{
padding:0 10px;
border-left:2px solid #017DC2;
border-right:2px solid #017DC2;
font-size:84%;
}
div#navigation dl.population dd p.date,
div#sub_navigation dl.population dd p.date{
padding:0.5em 0;
}
div#navigation dl.population dd dl dt,
div#sub_navigation dl.population dd dl dt{
float:left;
clear:left;
width:80px;
padding:0.2em 0;
text-indent:30px;
}
div#navigation dl.population dd dl dd,
div#sub_navigation dl.population dd dl dd{
width:70px;
padding:0.2em 0;
float:right;
font-size:100%;
}
div#navigation dl.population dd dl dt.household,
div#sub_navigation dl.population dd dl dt.household{
background:url(../img/index_navi_population_icon1.gif) no-repeat 0 0;
}
div#navigation dl.population dd dl dt.male,
div#sub_navigation dl.population dd dl dt.male{
background:url(../img/index_navi_population_icon2.gif) no-repeat 0 0;
}
div#navigation dl.population dd dl dt.female,
div#sub_navigation dl.population dd dl dt.female{
background:url(../img/index_navi_population_icon3.gif) no-repeat 0 0;
}
div#navigation dl.population dd dl dt.population,
div#sub_navigation dl.population dd dl dt.population{
background:url(../img/index_navi_population_icon4.gif) no-repeat 0 0;
}
div#navigation dl.population dd dl dd,
div#sub_navigation dl.population dd dl dd{
border:none;
}
div#navigation dl.population p.detail,
div#sub_navigation dl.population p.detail{
background:url(../information/img/listicon.gif) no-repeat 0 3px;
}

/* navi */
div#navigation ul.navigation,
div#sub_navigation ul.navigation{
list-style:none;
margin:0 10px 5px 10px;
padding:0;
}
div#navigation ul.navigation li,
div#sub_navigation ul.navigation li{
margin:0 0 5px 0;
}


/*
--------------------------------------------------------
sub_navigation
--------------------------------------------------------
*/
div#sub_navigation dl{
margin:0 10px 10px 10px;
height:1%;
padding:0 0 10px 0;
}
div#sub_navigation dl dd{
margin:0;
}
div#sub_navigation dl dd dl{
background:none;
}
div#sub_navigation dl dd p.detail{
float:right;
padding:0 0 0 13px;
white-space:nowrap;
}



/* bn navigation */
div#sub_navigation dl.bn,
div#navigation dl.bn{
background:url(../img/index_sub_navi_bn_footer.gif) no-repeat 50% 100%;
}

div#sub_navigation dl.bn dd,
div#navigation dl.bn dd{
padding:0 8px;
margin:0;
border-left:2px solid #ccc;
border-right:2px solid #ccc;
}
div#sub_navigation dl.bn dd p.pict,
div#navigation dl.bn dd p.pict{
margin:0;
}


/* sightseeing navigation */
div#sub_navigation dl.sightseeing,
div#navigation dl.sightseeing{
background:url(../img/index_sub_navi_sightseeing_footer.gif) no-repeat 50% 100%;
}
div#sub_navigation dl.sightseeing dt,
div#navigation dl.sightseeing dt{
height:1%;
}
div#sub_navigation dl.sightseeing dd,
div#navigation dl.sightseeing dd{
padding:5px 10px 0 10px;
border-left:2px solid #FF9900;
border-right:2px solid #FF9900;
font-size:84%;
}
div#sub_navigation dl.sightseeing dd dl,
div#navigation dl.sightseeing dd dl{
margin:0;
}
div#sub_navigation dl.sightseeing dd dl dt,
div#navigation dl.sightseeing dd dl dt{
padding:0.2em 0 0 0;
}
div#sub_navigation dl.sightseeing dd dl dd,
div#navigation dl.sightseeing dd dl dd{
padding:0 0 0.2em 0;
border-left:none;
border-right:none;
border-bottom:1px dotted #ccc;
font-size:100%;
}
div#sub_navigation dl.sightseeing dd div#carousel,
div#navigation dl.sightseeing dd div#carousel{
margin:0 auto;
padding:5px 10px;
background:url(../img/index_sub_navi_sightseeing_photo_background.gif) no-repeat 50% 0;
position:relative;
zoom:1;
}
div#sub_navigation dl.sightseeing dd #carouselPrev,
div#navigation dl.sightseeing dd #carouselPrev{
position:absolute;
top:50px;
left:0;
cursor:pointer;
}
div#sub_navigation dl.sightseeing dd #carouselNext,
div#navigation dl.sightseeing dd #carouselNext{
position:absolute;
top:50px;
right:0;
cursor:pointer;
}
div#sub_navigation dl.sightseeing dd #carousel ul,
div#navigation dl.sightseeing dd #carousel ul{
margin:0;
padding:0;
}
div#sub_navigation dl.sightseeing dd #carousel ul li,
div#navigation dl.sightseeing dd #carousel ul li{
width:154px;
float:left;
display:inline;
margin:0 auto;
padding:0;
border:none;
background:url(../img/index_sub_navi_sightseeing_photo_background.gif) no-repeat 50% 0;
text-align:center;
}
div#sub_navigation dl.sightseeing dd #carousel ul li img,
div#navigation dl.sightseeing dd #carousel ul li img{
padding:13px;
}

div#sub_navigation dl.sightseeing dd #carousel .inner,
div#navigation dl.sightseeing dd #carousel .inner{
width:100%;
height:100%;
overflow:hidden;
margin:0 auto;
}


/* mobile navigation */
div#sub_navigation dl.mobile,
div#navigation dl.mobile{
background:url(../img/contents_navi_mobile_footer.gif) no-repeat 50% 100%;
}
div#navigation dl.mobile dt{
padding:0;
}
div#sub_navigation dl.mobile dd,
div#navigation dl.mobile dd{
padding:5px 10px 0 10px;
border-left:2px solid #808080;
border-right:2px solid #808080;
}
div#sub_navigation dl.mobile dd p,
div#navigation dl.mobile dd p{
font-size:84%;
padding:10px 0 0 0;
}
div#sub_navigation dl.mobile dd p.pict2,
div#navigation dl.mobile dd p.pict2{
margin:0;
padding:0 10px 0 0;
}
div#sub_navigation dl.mobile dd p,
div#navigation dl.mobile dd p{
position:relative;
}


/*
--------------------------------------------------------
links
--------------------------------------------------------
*/
div#links{
clear:both;
margin:0 10px;
border-top:3px solid #ccc;
}
div#links ul{
list-style:none;
padding:10px 0 0 0;
margin:0 2px;
}
div#links ul li{
padding:0 0 10px 0;
margin:0;
float:left;
width:185px;
text-align:center;
}



/*
--------------------------------------------------------
emergency
--------------------------------------------------------
*/
div#header div.emergency{
margin:0;
padding:0 3px;
position:absolute;
top:125px;
width:938px;
border:3px solid #FF0000;
height:200px;
overflow:auto;
}
* html div#header div.emergency{

}
div#header div.emergency h2{
margin:0.5em 10px;
padding:0;
background:none;
color:#CC0000;
}
div#header div.emergency div.news{
float:left;
width:540px;
margin:0;
border:none;
}
div#header div.emergency div.news ul{
margin:0;
layout-grid-line:1.4;
line-height:1.4;
border:none;
}
div#header div.emergency div.linklist{
clear:none;
float:right;
}
div#header div.emergency ul li{
float:none;
padding:2px 0 2px 15px;
background:url(../desire/img/listicon.gif) no-repeat 0 6px;
}
div#header div.emergency div.linklist{
border:3px solid #F4C6C6;
width:350px;
margin:3px 0;
padding:5px;
}
div#header div.emergency div.linklist h3{
clear:none;
margin:0.5em 0 0 0;
padding:0;
border:none;
font-size:100%;
}
div#header div.emergency div.linklist p,
div#header div.emergency div.linklist ul{
margin:0;
}
div#header div.emergency div.linklist ul li{
float:none;
margin:0;
padding:1px 0 1px 15px;
}
div#header div.emergency div.linklist ul.navigation{
position:static;
top:auto;
left:auto;
height:auto;
}
div#header div.emergency div.linklist ul.navigation li{
float:left;
padding:0 8px 0 4px;
background:url(../img/contents_navi_separator.gif) no-repeat 100% 50%;
white-space:nowrap;
}




div#header div.qick_emergency{
margin:0;
padding:0 3px;
position:absolute;
top:125px;
width:938px;
border:3px solid #FF0000;
overflow:auto;
}
* html div#header div.qick_emergency{

}
div#header div.qick_emergency h2{
margin:0.5em 10px;
padding:0;
background:none;
color:#CC0000;
}
div#header div.qick_emergency div.news{
float:left;
width:900px;
margin:0;
border:none;
}
div#header div.qick_emergency div.news ul{
margin:0;
layout-grid-line:1.4;
line-height:1.4;
border:none;
}
div#header div.qick_emergency div.linklist{
clear:none;
float:right;
}
div#header div.qick_emergency ul li{
float:none;
padding:2px 0 2px 15px;
background:url(../desire/img/listicon.gif) no-repeat 0 6px;
}
div#header div.qick_emergency div.linklist{
border:3px solid #F4C6C6;
width:350px;
margin:3px 0;
padding:5px;
}
div#header div.qick_emergency div.linklist h3{
clear:none;
margin:0.5em 0 0 0;
padding:0;
border:none;
font-size:100%;
}
div#header div.qick_emergency div.linklist p,
div#header div.qick_emergency div.linklist ul{
margin:0;
}
div#header div.qick_emergency div.linklist ul li{
float:none;
margin:0;
padding:1px 0 1px 15px;
}
div#header div.qick_emergency div.linklist ul.navigation{
position:static;
top:auto;
left:auto;
height:auto;
}
div#header div.qick_emergency div.linklist ul.navigation li{
float:left;
padding:0 8px 0 4px;
background:url(../img/contents_navi_separator.gif) no-repeat 100% 50%;
white-space:nowrap;
}