@charset "utf-8";

/*
--------------------------------------------------------
base
--------------------------------------------------------
*/
div#header{
height:375px !important;
background:url(../img/index_header_background.gif) no-repeat 0 0;
}
div#header div.user{
position:absolute;
top:330px;
width:800px;
height:45px;
padding:0;
background:url(../img/user_background.gif) repeat-x 0 0;
}
* html div#header div.user{
top:325px;
}
* + html div#header div.user{
top:330px;
}
div#body{
background:url(../img/index_body_background.gif) no-repeat 0 0;
}
div#contents{
width:560px;
float:left;
}
div#sub_contents{
width:240px;
float:right;
}
div#header p.topimage{
position:absolute;
top:70px;
}
h1{
background:none;
padding:0;
margin:0;
}
h2{
padding:0 18px;
line-height:30px;
}
h2.news{
margin:0 -15px -0.5em -15px;
background:url(../img/index_h2_background_normal.gif) no-repeat 0 0;
color:#333;
}
h2.villager{
background:url(../img/index_h2_background_vill.gif) no-repeat 0 0;
color:#003366;
}
h2.information{
background:url(../img/index_h2_background_info.gif) no-repeat 0 0;
color:#006600;
}
h2.administration{
background:url(../img/index_h2_background_admini.gif) no-repeat 0 0;
color:#452653;
}
h2.sightseeing{
background:url(../img/index_h2_background_sight.gif) no-repeat 0 0;
color:#990000;
}
h2.sakura{
background:url(../img/index_h2_background_sakura.gif) no-repeat 0 0;
color:#C73092;
}



/* news */
div.news{
position:relative;
}
div.news dl{
padding:10px 0 0 0;
}
div.news dl dt{
clear:left;
font-weight:normal;
width:7.5em;
layout-grid-line:1.4;
}
div.news dl dd{
padding:0.2em 0 0.2em 8em;
layout-grid-line:1.4;
}
div.news dl dt img,
div.news dl dd img{
vertical-align: middle;
}
div.news ul.detail{
position:absolute;
top:4px;
right:20px;
margin:0;
padding:0;
}
div.news ul.detail li{
float:left;
}
div.news ul.detail li{
padding:0 0 0 2px;
}

/* calendar */
div.section div.calendar{
position:relative;
padding:0;
background:url(../img/calendar_background.gif) repeat-y 0 0;
}
div.section div.calendar h3{
margin:0;
padding:20px 10px 0 10px;
border:none;
background:url(../img/calendar_header.gif) no-repeat 0 0;
color:#006600;
font-size:130%;
}
div.section div.calendar p.nextmonth{
position:absolute;
top:10px;
left:12em;
padding:0 0 0 15px;
background:url(../img/icon_admini.gif) no-repeat 0 5px;
}
div.section div.calendar dl{
padding:0 10px;
margin:0;
background:url(../img/calendar_footer.gif) no-repeat 0 100%;
}
div.section div.calendar dl dt{
float:none;
width:auto;
padding:0;
font-weight:bold;
}
div.section div.calendar dl dd{
padding:0;
margin:0 0 1em 0;
border-bottom:1px dashed #ccc;
}
div.section div.calendar dl dd ul{
margin:0;
}
div.section div.calendar dl dd ul li{
background:url(../img/icon_vill.gif) no-repeat 0 7px;
}

/* village */
div.section ul.lifestage{
padding:0;
}
div.section ul.lifestage li{
float:left;
padding:0 3px;
background:none;
}
div.section ul.navigation{
padding:0;
}
div.section ul.navigation li{
float:left;
padding:0 12px;
background:url(../img/contents_navi_separator.gif) no-repeat 100% 50%;
white-space:nowrap;
}
div.section ul.navigation li.subcategory{
 float:none !important;
 width:auto;
 background:none !important;
 }
div.section ul.navigation li ul{
float:none !important;
clear:both !important;
margin:0;
}
div.section ul.navigation li ul:after{
 clear:both;
}


/* subcontents */
dl dd.mayer p,
dl dd.mayer ul{
width:110px;
float:right;
margin:0;
padding:0;
}
dl dd.mayer p.pict2{
float:left;
width:auto;
}

dl dd.publicity p,
dl dd.publicity ul{
width:140px;
float:right;
margin:0;
padding:0;
}
dl dd.publicity p.pict2{
float:left;
width:auto;
}


/* emergency */
div#header div.emergency{
margin:0;
padding:0 3px;
position:absolute;
top:65px;
width:788px;
border:3px solid #CC0000;
background:#fee;
height:214px;
overflow:auto;
}
* html div#header div.emergency{

}
div#header div.emergency h2{
margin:0;
padding:0;
background:none;
color:#990000;
}
div#header div.emergency div.news{
float:left;
width:460px;
margin:0;
}
div#header div.emergency div.news ul{
margin:0;
layout-grid-line:1.4;
line-height:1.4;
}
div#header div.emergency div.linklist{
clear:none;
}
div#header div.emergency ul li{
float:none;
padding:2px 0 2px 15px;
background:url(../img/icon_disaster.gif) no-repeat 0 4px;
}
div#header div.emergency div.linklist ul{
float:right;
border:3px solid #FAD6D6;
width:280px;
margin:3px 0;
}
div#header div.emergency div.linklist ul li{
float:none;
}

div#contents div.emergency{
margin:0 20px 1em 20px;
padding:0 10px;
border:3px solid #FF9900;
}
div#contents div.emergency h2{
margin:0.5em 0 -0.7em 0;
padding:0;
background:none;
font-size:110%;
layout-grid-line:1.2;
line-height:1.2;
vertical-align:middle;
}