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


/* --------------------------------------------------
 * user menu
 * -------------------------------------------------- */
#index .usermenu {
height:32px;
background-color:#CFEBFF;
position:relative;
zoom:100%;
}
#index .usermenu:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#index .usermenu ul {
padding: 0px;
margin: 0px;
}
#index .usermenu ul li {
float: left;
list-style:none;
text-indent:-9999px;
}
#index .usermenu ul li a {
width:137px;
height:22px;
position:absolute;
top: 10px;
}
#index .usermenu ul li.childcare a {
left: 30px;
width: 145px;
background-image:url(/share/imgs/btn_user_childcare.gif);
background-repeat:no-repeat;
}
#index .usermenu ul li.senior a {
left: 175px;
width: 145px;
background-image:url(/share/imgs/btn_user_senior.gif);
background-repeat:no-repeat;
}
#index .usermenu ul li.handicap a {
left: 320px;
width: 145px;
background-image:url(/share/imgs/btn_user_handicap.gif);
background-repeat:no-repeat;
}
#index .usermenu ul li.business a {
left: 465px;
width: 145px;
background-image:url(/share/imgs/btn_user_business.gif);
background-repeat:no-repeat;
}
#index .usermenu #business li.business a {
background-image:url(/share/imgs/btn_user_business_on.gif);
background-repeat:no-repeat;
}
#index .usermenu #childcare li.childcare a {
background-image:url(/share/imgs/btn_user_childcare_on.gif);
background-repeat:no-repeat;
}
#index .usermenu #senior li.senior a {
background-image:url(/share/imgs/btn_user_senior_on.gif);
background-repeat:no-repeat;
}
#index .usermenu #handicap li.handicap a {
background-image:url(/share/imgs/btn_user_handicap_on.gif);
background-repeat:no-repeat;
}




/* --------------------------------------------------
 * user menu content
 * -------------------------------------------------- */
#index .maincontents .col2left {
width: 440px;
float:left;
}
#index .maincontents .col2right {
width: 440px;
float:right;
}
#index .maincontents .itembox {
margin: 0 0 10px;
position:relative;
}
#index .maincontents .itembox h2 {
/* text-indent:-9999px; */
height:38px;
background-repeat: no-repeat;
background-position: left top;
/*
border-bottom:1px solid #D9D9D9;*/
border-bottom:none;
margin: 0px;
}
#index .maincontents .itembox h2 a.rss {
/* width:42px;
height:18px; */
position:absolute;
/* top:5px;
left:388px; */
}
/* #index .maincontents .itembox#attention h2 {
background-image: url(/share/imgs/h2_attention.png);
border-bottom:none;
}
#index .maincontents .itembox#info h2 {
background-image: url(/share/imgs/h2_user_info.png);
border-bottom:none;
}
#index .maincontents .itembox#event h2 {
background-image: url(/share/imgs/h2_user_event.png);
border-bottom:none;
} */

#index .maincontents .itembox dl {
border-bottom:1px solid #D9D9D9;
zoom:100%;
}
#index .maincontents .itembox dl:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#index .maincontents .itembox dt {
clear:both;
width:80px;
padding: 5px 0;
float:left;
border-top:1px solid #D9D9D9;
}
#index .maincontents .itembox dd {
width:345px;
padding: 5px 0 5px 15px;
float:left;
border-top:1px solid #D9D9D9;
background-image:url(/share/imgs/arrow_04a.gif);
background-repeat: no-repeat;
background-position: left 7px;
}
#index .maincontents .itembox dt.firstrow,
#index .maincontents .itembox dd.firstrow {
border-top:none;
}
#index .maincontents .itembox p {
margin:5px 0 0;
}
#index .maincontents .itembox ul {
margin:0;
}
#index .maincontents .itembox ul li {
list-style:none;
background-repeat:no-repeat;
background-position:5px center;
padding: 3px 0 3px 20px;
border-bottom:1px solid #D9D9D9;
}



/* イベント一覧 */
#index .maincontents .itembox#event h2 {
border-bottom:1px solid #D9D9D9;
}
#index .maincontents .itembox#event dt {
clear:both;
width:100px;
border-top:none;
}
#index .maincontents .itembox#event dd {
width:315px;
float:right;
border-top:none;
border-bottom:1px solid #D9D9D9;
}
#index .maincontents .itembox#event dd.lastrow {
border-bottom:none;
}

/* 防災気象情報、防犯・防災、防災情報、中野区の魅力 */
#index .maincontents .itembox .btnwmc {
width:228px;
float:left;
}
#index .maincontents .itembox .btncharm {
width:200px;
float:right;
}

/* 東日本大震災関連情報 */
#index .maincontents .earthquakerelation {
margin:0 0 10px;
padding:10px 0;
text-align:center;
background-color:#FF463F;
font-size:130%;
font-weight:bold;
}
#index .maincontents .earthquakerelation a {
display:block;
color:#FFFFFF;
}

/* --------------------------------------------------
 * guidenavigation
 * -------------------------------------------------- */
#index .guidenavigation {
margin:0 0 20px;
}






/* --------------------------------------------------
 * contents left 2 column
 * -------------------------------------------------- */
#index .maincontents .col2leftlarge {
width:583px;
float:left;
zoom:100%;
}
#index .maincontents .col2leftlarge:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
#index .maincontents .col2leftlarge .itembox#event h2 {
border-bottom:1px solid #D9D9D9;
/* background-image:url(/share/imgs/h2_event.png); */
background-repeat:no-repeat;
background-position:left top;
}
#index .maincontents .col2leftlarge .itembox#event h2 a.rss {
/* width:42px;
height:18px; */
position:absolute;
/* top:5px;
left:530px; */
}

#index .maincontents .col2leftlarge .itembox#event ul {
background-color:#fff3fc;
}
#index .maincontents .col2leftlarge .itembox#event dl {
background-color:#fff3fc;
padding:0 0 0 0.5em;
}
#index .maincontents .col2leftlarge .itembox#event dt {
clear:both;
width:100px;
border-top:none;
}
#index .maincontents .col2leftlarge .itembox#event dd {
width:440px;
float:right;
border-top:none;
border-bottom:1px solid #D9D9D9;
background-image:url(/share/imgs/arrow_03b.gif);
}
#index .maincontents .col2leftlarge .itembox#event dd.lastrow {
border-bottom:none;
}

#index .maincontents .col2leftlarge .col3left {
float:left;
width:306px;
}
#index .maincontents .col2leftlarge .col3left .itembox {
margin:0 36px 20px 0;
}
#index .maincontents .col2leftlarge .col3center {
float:left;
width:276px;
}
#index .maincontents .col2leftlarge .col3center .itembox {
margin:0 0 20px 0;
}
/* #index .maincontents .col2leftlarge .col3center .itembox#business h2 {
background-image: url(/share/imgs/h2_business.png);
}
#index .maincontents .col2leftlarge .col3center .itembox#organization h2 {
background-image: url(/share/imgs/h2_organization.png);
}
#index .maincontents .col2leftlarge .col3center .itembox#administrative h2 {
background-image: url(/share/imgs/h2_administrative.png);
} */



/* --------------------------------------------------
 * contents left 3 column
 * -------------------------------------------------- */
#index .maincontents .col3left {
width:276px;
float:left;
}

#index .maincontents .col3left .itembox {
margin: 0 0 20px;
}
#index .maincontents .col3left .itembox .itemboxinner {
background-color:#F2F9E5;
padding: 4px 8px;
}
#index .maincontents .col3left .itembox ul {
background-color:#F2F9E5;
margin: 0px;
border-top:1px solid #D9D9D9;
}
#index .maincontents .col3left .itembox ul li {
background-image:url(/share/imgs/arrow_05a.gif);
}
/* #index .maincontents .itembox#onlineservice h2 {
background-image: url(/share/imgs/h2_onlineservice.png);
}
#index .maincontents .itembox#voice h2 {
background-image: url(/share/imgs/h2_voice.png);
}
#index .maincontents .itembox#mobilesite h2 {
background-image: url(/share/imgs/h2_mobilesite.png);
} */


/* --------------------------------------------------
 * contents center column
 * -------------------------------------------------- */
#index .maincontents .col3center {
width:348px;
float:left;
}
#index .maincontents .col3center .itembox {
margin: 0 36px 20px;
}
#index .maincontents .col3center .itembox ul {
background-color:#fef6ed;
margin: 0px;
border-top:1px solid #D9D9D9;
}

#index .maincontents .col3center .itembox ul li {
background-image:url(/share/imgs/arrow_05b.gif);
}
#index .maincontents .col3center .itembox p a {
color:#ff7d00;
}
#index .maincontents .itembox#faq h2 {
background-image: url(/share/imgs/h2_user_faq.png);
}


/* --------------------------------------------------
 * contents right column
 * -------------------------------------------------- */
#index .maincontents .col3right {
width:276px;
float:right;
}

#index .maincontents .col3right .itembox {
margin: 0 0 20px;
}
#index .maincontents .col3right .itembox ul {
background-color:#F3F8FC;
margin: 0px;
border-top:1px solid #D9D9D9;
}

#index .maincontents .col3right .itembox ul li {
background-image:url(/share/imgs/arrow_05c.gif);
}

/* #index .maincontents .col3right .itembox#relatedsite h2 {
background-image: url(/share/imgs/h2_relatedsite.png);
}

#index .maincontents .col3right .itembox#nakanooffice h2 {
background-image: url(/share/imgs/h2_nakanooffice.png);
}

#index .maincontents .col3right .itembox#mobilesite h2 {
background-image: url(/share/imgs/h2_mobilesite2.png);
} */

#index .maincontents .col3right .itembox .itemboxinner {
background-color:#F3F8FC;
padding: 4px 8px;
}

#index .banner {
border-top:1px solid #D9D9D9;
margin:20px 25px 0px 25px;
padding:15px 0 10px;
}
#index .banner h2 {
font-size:100%;
color:#4D4D4D;
}
#index .banner ul {
display:inline-block;
margin:0;
}
#index .banner li {
list-style-type:none;
float:left;
margin:3px 3px 0;
padding:0;
}