/* CSS Document */



/* トップページのイメージ画像部分  */

#indexImage {
margin: 15px 0 15px 0;
}


/* サイドナビ  */

#Snavi {
width: 245px;
float: left;
}

#Snavi ul{
list-style-type: none;
padding: 0;
margin: 0;
}

#Snavi li{
padding : 1px 0;
margin: 0;　
}

#Snavi li.Snavi_supportLine a{
background-image: url(../images/Snavi_supportLine.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 245px;
height: 34px;
margin-bottom: 4px;
}

#Snavi li.Snavi_supportLine a:hover{
background-image: url(../images/Snavi_supportLine.gif);
background-repeat: no-repeat;
background-position: 0px -36px;
}

#Snavi li.Snavi_situation a{
background-image: url(../images/Snavi_situation.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 245px;
height: 34px;
margin-bottom: 4px;
}

#Snavi li.Snavi_situation a:hover{
background-image: url(../images/Snavi_situation.gif);
background-repeat: no-repeat;
background-position: 0px -36px;
}

#Snavi li.Snavi_hospital a{
background-image: url(../images/Snavi_hospital.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 245px;
height: 34px;
margin-bottom: 4px;
}

#Snavi li.Snavi_hospital a:hover{
background-image: url(../images/Snavi_hospital.gif);
background-repeat: no-repeat;
background-position: 0px -36px;
}

#Snavi li.Snavi_panphGoos a{
background-image: url(../images/Snavi_panphGoos.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 245px;
height: 34px;
margin-bottom: 4px;
}

#Snavi li.Snavi_panphGoos a:hover{
background-image: url(../images/Snavi_panphGoos.gif);
background-repeat: no-repeat;
background-position: 0px -36px;
}

#Snavi li.Snavi_redribbon a{
background-image: url(../images/Snavi_redribbon.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 245px;
height: 34px;
margin-bottom: 4px;
}

#Snavi li.Snavi_redribbon a:hover{
background-image: url(../images/Snavi_redribbon.gif);
background-repeat: no-repeat;
background-position: 0px -36px;
}

#Snavi li.Snavi_fund a{
background-image: url(../images/Snavi_fund.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 245px;
height: 34px;
margin-bottom: 4px;
}

#Snavi li.Snavi_fund a:hover{
background-image: url(../images/Snavi_fund.gif);
background-repeat: no-repeat;
background-position: 0px -36px;
}

#Snavi li.Snavi_jfap a{
background-image: url(../images/Snavi_jfap.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 245px;
height: 34px;
margin-bottom: 4px;
}

#Snavi li.Snavi_jfap a:hover{
background-image: url(../images/Snavi_jfap.gif);
background-repeat: no-repeat;
background-position: 0px -36px;
}

#Snavi li.Snavi_aidsreport a{
background-image: url(../images/Snavi_aidsreport.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 245px;
height: 34px;
margin-bottom: 4px;
}

#Snavi li.Snavi_aidsreport a:hover{
background-image: url(../images/Snavi_aidsreport.gif);
background-repeat: no-repeat;
background-position: 0px -36px;
}

#Snavi li.Snavi_AIDS_TrendReport a{
background-image: url(../images/Snavi_AIDS_TrendReport.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 245px;
height: 34px;
margin-bottom: 4px;
}

#Snavi li.Snavi_AIDS_TrendReport a:hover{
background-image: url(../images/Snavi_AIDS_TrendReport.gif);
background-repeat: no-repeat;
background-position: 0px -36px;
}


/* ロールオーバー　コミュニティセンター  */

#RollComu {
width: 245px;
}

#RollComu ul{
list-style-type: none;
padding: 0;
margin: 0;
}

#RollComu li{
padding : 1px 2px 1px 3px;
margin: 0;
float:left;　
}

#RollComu li.Roll_ZEL a{
background-image: url(../../lot/images/logo_ZEL.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 76px;
height: 76px;
margin-bottom: 4px;
}

#RollComu li.Roll_ZEL a:hover{
background-image: url(../../lot/images/logo_ZEL_r.gif);
background-repeat: no-repeat;
}

#RollComu li.Roll_akta a{
background-image: url(../../lot/images/logo_akta.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 76px;
height: 76px;
margin-bottom: 4px;
}

#RollComu li.Roll_akta a:hover{
background-image: url(../../lot/images/logo_akta_r.gif);
background-repeat: no-repeat;
}

#RollComu li.Roll_rise a{
background-image: url(../../lot/images/logo_rise.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 76px;
height: 76px;
margin-bottom: 4px;
}

#RollComu li.Roll_rise a:hover{
background-image: url(../../lot/images/logo_rise_r.gif);
background-repeat: no-repeat;
}

#RollComu li.Roll_dista a{
background-image: url(../../lot/images/logo_dista.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 76px;
height: 76px;
margin-bottom: 4px;
}

#RollComu li.Roll_dista a:hover{
background-image: url(../../lot/images/logo_dista_r.gif);
background-repeat: no-repeat;
}

#RollComu li.Roll_haco a{
background-image: url(../../lot/images/logo_haco.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 76px;
height: 76px;
margin-bottom: 4px;
}

#RollComu li.Roll_haco a:hover{
background-image: url(../../lot/images/logo_haco_r.gif);
background-repeat: no-repeat;
}

#RollComu li.Roll_mabui a{
background-image: url(../../lot/images/logo_mabui.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 76px;
height: 76px;
margin-bottom: 4px;
}

#RollComu li.Roll_mabui a:hover{
background-image: url(../../lot/images/logo_mabui_r.gif);
background-repeat: no-repeat;
}


/* ロールオーバー　サポートプログラム  */

#RollSupp {
width: 245px;
}

#RollSupp ul{
list-style-type: none;
padding: 0;
margin: 0;
}

#RollSupp li{
padding : 0;
margin: 0;
float:left;
}

#RollSupp li.Roll_kansai a{
background-image: url(../../lot/images/logo_sp_kansai.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 115px;
height: 49px;
margin-bottom: 8px;
}

#RollSupp li.Roll_kansai a:hover{
background-image: url(../../lot/images/logo_sp_kansai_r.gif);
background-repeat: no-repeat;
}

#RollSupp li.Roll_hiyokko a{
background-image: url(../../lot/images/logo_sp_hiyokko.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 115px;
height: 49px;
margin-bottom: 8px;
margin-left:15px;
}

#RollSupp li.Roll_hiyokko a:hover{
background-image: url(../../lot/images/logo_sp_hiyokko_r.gif);
background-repeat: no-repeat;
}


/* ロールオーバー　HIVマップ  */

#RollHivmap {
width: 245px;
}

#RollHivmap ul{
list-style-type: none;
padding: 0;
margin: 0;
}

#RollHivmap li{
padding : 0;
margin: 0;
}

#RollHivmap li.Roll_Hivmap a{
background-image: url(../../lot/images/hivMap_logo.gif);
background-repeat: no-repeat;
display: block;
text-indent:-1000em;
width: 245px;
height: 80px;
margin-bottom: 2px;
}

#RollHivmap li.Roll_Hivmap a:hover{
background-image: url(../../lot/images/hivMap_logo_r.gif);
background-repeat: no-repeat;
}


/*****　センターと右（検査相談）を入れる枠　*****/

#CentRight {
width: 665px;
float: left;
}

/* お知らせ  */

#WhatNew {
width: 360px;
font-size: 80%;
float: left;
margin: 0 30px 0 30px;
}

#WhatNew ul{
list-style-type: none;
padding: 0 0 0 10px;
margin: 0;
}

#WhatNew li{
padding : 1px 0;
margin: 0;　
}

#WhatNew div.topic360{
width: 342px;
border: 1px solid #B0B0B0;
background-image: url(../images/img_topicBak.gif);
background-repeat: no-repeat;
font-size: 100%;
font-weight: bold;
color: #900C0C;
margin-bottom:15px;
padding: 8px;
}

#WhatNew div.topic360 a{
color: #900C0C;
}

#WhatNew div.topic360 a:visited{
color: #900C0C;
}

#WhatNew div.topic360 a:hover{
color: #FB7060;
}

#WhatNew div.topic360 div.naiyo{
margin-top: 8px;
font-weight: normal;
color: #333333;
}

#WhatNew div.topic360 div.topicPhotoLeft{
margin: 8px 6px 0 0;
float: left;
}

#WhatNew div.topic360 div.topicPhotoRight{
margin: 8px 0 0 6px;
float: right;
}

#WhatNew div.topic360 div.ClrBoss{
clear: both;
}


/* 検査・相談窓口、携帯サイトの紹介  */

#rightInfo {
width: 245px;
font-size: 80%;
float: left;
}


/* トピックス  */

#Topics {
clear: both;
width: 617px;
border: 1px solid #B0B0B0;
background-image: url(../images/img_topicBak635.gif);
background-repeat: no-repeat;
font-size: 100%;
font-weight: bold;
color: #900C0C;
margin: 15px 0 0 30px;
padding: 8px;
}

#Topics a{
color: #900C0C;
}

#Topics a:visited{
color: #900C0C;
}

#Topics a:hover{
color: #FB7060;
}

#Topics div.naiyo {
margin-top: 8px;
font-size: 90%;
font-weight: normal;
color: #333333;
}

#Topics div.topicPhotoLeft{
margin: 8px 6px 0 0;
float: left;
}

#Topics02 {
clear: both;
width: 617px;
border: 1px solid #B0B0B0;
background-image: url(../images/img_topicBak635.gif);
background-repeat: no-repeat;
font-size: 100%;
font-weight: bold;
color: #900C0C;
margin: 15px 0 0 0;
padding: 8px;
}

#Topics02 a{
color: #900C0C;
}

#Topics02 a:visited{
color: #900C0C;
}

#Topics02 a:hover{
color: #FB7060;
}

#Topics02 div.naiyo {
margin-top: 8px;
font-size: 90%;
font-weight: normal;
color: #333333;
}

#Topics02 div.topicPhotoLeft{
margin: 8px 6px 0 0;
float: left;
}