/* インデックス用 */

div.index_search{
clear:both;
width:888px;
float:left;
}

div.index_search h2{
clear:both;
border-color:#47781C;
}


div.erea_search{
float:left;
width:658px;
min-height:365px;
background:url(../image/index/bg_areasearch.jpg) no-repeat bottom left;
margin-bottom:10px;
}

div.erea_search h3{
margin:0;
padding:14px 14px 0;
background:url(../image/index/bg_areasearch_top.jpg) no-repeat top left;
}

div.arealist{
float:left;
width:295px;
margin:0 2px 18px 18px;
_display:inline;
}

div.arealist table{
border-collapse:collapse;
}

div.arealist table th{
text-align:left;
border-bottom:1px dotted #999;
padding:3px;
width:5em;
}

div.arealist table td{
border-bottom:1px dotted #999;
padding:3px;
}



/* -------------------------------
	地図のプルダウン
------------------------------- */
div.searchmap{
float:right;
width:322px;
margin:0 18px 18px 0;
_display:inline;
}

div.searchmap p{
margin:0;
}

.map {
position: relative;
}

.map div {
position:absolute;
z-index:1;
visibility: hidden;
border: solid 1px #8FB82E;
background: #F7F7F7;
font-size:80%;
white-space: nowrap;
}

.map div ul {
list-style: none;
margin:0;
padding:0;
}

.map div li {
display:inline;
}

.map div li a {
display:block;
width:100px;
color:#505050 !important;
padding:5px 10px 5px 17px;
background: url(../image/index/maplisticon01.jpg) no-repeat left center;
}

.map div li a:hover {
background: url(../image/index/maplisticon02.jpg) no-repeat left center #E2EEB6;
color:#000 !important;
}

/*北海道*/
.map #area01 {
left:268px;
top:105px;
}
/*東北*/
.map #area02 {
left:257px;
top:142px;
}
/*関東*/
.map #area03 {
left:214px;
top:219px;
}
/*信越*/
.map #area04 {
left:159px;
top:141px;
}
/*東海*/
.map #area05 {
left:157px;
top:242px;
}
/*北陸*/
.map #area06 {
right:79px;
top:165px;
}
/*近畿*/
.map #area07 {
left:103px;
top:280px;
}
/*四国*/
.map #area08 {
left:42px;
top:166px;
}
/*中国*/
.map #area09 {
left:68px;
top:240px;
}
/*九州*/
.map #area10 {
left:22px;
top:271px;
}
/*okinawa*/
.map #area11 {
left:24px;
top:84px;
}





/* -----------------------------------------------------------------------

募金のつかいみち（内訳）【インデックス用に指定】

----------------------------------------------------------------------- */

div.index_howto{
clear:both;
width:888px;
float:left;
margin:0;
}

div.index_howto div.howto{
float:left;
width:515px !important;
}

div.index_howto div.graph{
width:515px !important;
float:left;
background:url(../image/index/bg_howto.jpg) no-repeat left bottom;
}

div.index_howto div.graph h3{
width:/* 237px */487px !important;
background:url(../image/common/bg_h3.jpg) repeat-x left top;
margin:0 !important;
}

div.index_howto div.graph ul{
width:487px !important;
margin:0;
float:left;
list-style:none;
background:url(../image/index/bg_howto_top.jpg) no-repeat left top;
}

div.graph ul li.graph_l{
margin:0 12px 0 0;
}



div.index_howto div.graph table tr td table.graphdetail {
	width:350px;
}

div.index_howto div.graph table tr td table.graphdetail tr td {
background-color:#efefef;
padding: 1px 2px 1px 2px;
}



/* -----------------------------------------------------------------------

中央共同募金会からのお知らせ【インデックス用に指定】

----------------------------------------------------------------------- */

div.news{
clear:none;
float:right;
width:365px;
background:url(../image/index/bg_news.jpg) no-repeat left bottom;
}

div.news h3{
margin:0;
width:340px;
height:20px;
float:left;
padding:10px 13px 0;
height:30px;
background:url(../image/index/bg_news_top.jpg) no-repeat left top;
font-size:100%;
}

div.news h3 img{
float:left;
width:200px;
}

div.news h3 span{
text-align:right;
width:135px !important;
color:#FFF;
display:block;
padding:3px 0 0 0;
}

div.news h4{
clear:both;
border-bottom:1px dotted #999;
margin:0 15px;
padding:5px;
font-size:110%;
}

div.news p{
margin:0 15px;
padding:5px;
}

div.news p.newsmore{
margin:0 15px 15px;
padding:0 0 0 20px;
}