/* CSS Document */



/* サイドナビ  */

#SnaviMV {
width: 240px;
float: left;
}

#SnaviMV div.eachCon{
width: 202px;
font-size: 80%;
border: 4px solid #D4CAB4;
margin: 0 0 10px 0;
}

#SnaviMV div.eachCon div.ECtext{
padding: 4px 8px 4px 8px;
color: #ff2000;
}

#SnaviMV div.eachCon div.ECtext a.linkOrange{
color: #ff2000;
text-decoration: none;
}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* メインエリア  */

#MainArea {
width: 670px;
font-size: 100%;
line-height: 1.4;
float: left;
}

#MainArea h1 {
margin: 0 0 20px 0;
}

#MainArea h2 {
width: 600px;
font-size: 150%;
font-weight: bold;
text-align: center;
color: #78783D;
margin: 30px 0 15px 0;
clear: both;
}

#MainArea h3 {
width: 600px;
font-size: 120%;
font-weight: bold;
text-align: center;
color: #95161D;
}

#MainArea h4 {
width: 600px;
font-size: 140%;
font-weight: bold;
color: #6600FF;
padding: 0 0 0 30px;
}

#MainArea h5 {
width: 600px;
font-size: 100%;
font-weight: normal;
line-height: 1.5;
color: #333333;
margin: 20px 0 20px 0;
}

#MainArea h6 {
font-size: 100%;
font-weight: bold;
line-height: 1.5;
color: #333333;
margin: 10px 0;
padding-left:10px;
border-left:4px solid #FF0000;
}

#MainArea div.photo {
width: 670px;
font-size: 100%;
font-weight: normal;
line-height: 1.4;
text-align: center;
color: #333333;
margin: 10px 0 10px 0;
}

#MainArea div.kakomi {
width: 450px;
font-size: 100%;
font-weight: normal;
line-height: 1.4;
color: #333333;
border: 1px solid #999999;
margin: 10px 0 10px 15px;
padding: 8px 8px 8px 8px;
}

#MainArea div.kakomiBunken {
font-size: 100%;
font-weight: normal;
line-height: 1.4;
background-color:#FFE6D9;
border-bottom:1px dashed #FF6600;
border-top:1px dashed #FF6600;
margin: 20px 0 10px 0;
padding: 4px 0 4px 10px;
}

#MainArea div.kakomiKomidasi {
font-size: 100%;
font-weight: bold;
line-height: 1.4;
background-color:#EEEEEE;
border-top:1px solid #666666;
margin: 20px 0 10px 0;
padding: 4px 0 4px 10px;
}

#MainArea ol.tokei {
list-style-type: upper-roman;
}

#MainArea ol.onWeb {
color: #250000;
font-weight: bold;
}

.lowerLine {
text-decoration: underline;
}

/* エイズＱ＆Ａ  */

#MainArea div.aidsQA2L {
width: 110px;
height: 60px;
text-align: right;
font-size: 110%;
font-weight: bold;
line-height: 1.5;
border-right: 4px solid #666666;
padding-right: 6px;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA2Lright {
width: 550px;
height: 60px;
font-size: 80%;
line-height: 1.5;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA2Lright ul {
list-style-position: outside;
}

#MainArea div.aidsQA3L {
width: 110px;
height: 76px;
text-align: right;
font-size: 110%;
font-weight: bold;
line-height: 1.5;
border-right: 4px solid #666666;
padding-right: 6px;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA3Lright {
width: 550px;
height: 76px;
font-size: 80%;
line-height: 1.5;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA3Lright ul {
list-style-position: outside;
}

#MainArea div.aidsQA4L {
width: 110px;
height: 92px;
text-align: right;
font-size: 110%;
font-weight: bold;
line-height: 1.5;
border-right: 4px solid #666666;
padding-right: 6px;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA4Lright {
width: 550px;
height: 92px;
font-size: 80%;
line-height: 1.5;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA4Lright ul {
list-style-position: outside;
}

#MainArea div.aidsQA5L {
width: 110px;
height: 108px;
text-align: right;
font-size: 110%;
font-weight: bold;
line-height: 1.5;
border-right: 4px solid #666666;
padding-right: 6px;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA5Lright {
width: 550px;
height: 108px;
font-size: 80%;
line-height: 1.5;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA5Lright ul {
list-style-position: outside;
}

#MainArea div.aidsQA6L {
width: 110px;
height: 124px;
text-align: right;
font-size: 110%;
font-weight: bold;
line-height: 1.5;
border-right: 4px solid #666666;
padding-right: 6px;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA6Lright {
width: 550px;
height: 124px;
font-size: 80%;
line-height: 1.5;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA6Lright ul {
list-style-position: outside;
}

#MainArea div.aidsQA7L {
width: 110px;
height: 140px;
text-align: right;
font-size: 110%;
font-weight: bold;
line-height: 1.5;
border-right: 4px solid #666666;
padding-right: 6px;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA7Lright {
width: 550px;
height: 140px;
font-size: 80%;
line-height: 1.5;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA7Lright ul {
list-style-position: outside;
}

#MainArea div.aidsQA8L {
width: 110px;
height: 156px;
text-align: right;
font-size: 110%;
font-weight: bold;
line-height: 1.5;
border-right: 4px solid #666666;
padding-right: 6px;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA8Lright {
width: 550px;
height: 156px;
font-size: 80%;
line-height: 1.5;
float: left;
margin-bottom: 10px;
}

#MainArea div.aidsQA8Lright ul {
list-style-position: outside;
}

#MainArea div.toi {
width: 640px;
background-color: #ca7555;
padding: 2px 15px;
margin: 0 0 12px 0;
}

#MainArea div.toiLeft {
width: 60px;
float: left;
}

#MainArea div.toiRight1L {
width: 580px;
float: right;
padding-top: 8px;
}

#MainArea div.toiRight2L {
width: 580px;
float: right;
}

#MainArea div.ansLeft {
width: 70px;
font-size: 200%;
color: #ca7555;
font-weight: bold;
text-align: center;
float: left;
}

#MainArea div.ansRight {
width: 570px;
float: left;
}

/* エイズサポートライン  */

#MainArea div.lightblueBack {
width: 640px;
line-height: 1;
background-color: #E8E0E0;
padding: 10px 15px;
margin: 12px 0 12px 0;
}

#MainArea div.lightblueBack div.rightSide {
font-weight: bold;
text-align: right;
padding-right: 100px;
}

#MainArea div.downLoad {
width: 640px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px 15px;
margin: 12px 0 12px 0;
}

#MainArea div.downLoad img {
margin: 10px 8px 0 0;
}

/* 啓発資材  */

#MainArea  img.waku {
border: 1px solid #666666;
margin: 4px;
position: relative;
top: 20px;
}

/* イベント  */

#MainArea div.aidsdayLeft {
width: 250px;
float: left;
margin-right: 10px;
}

#MainArea div.aidsdayPos {
width: 408px;
float: left;
}

#MainArea div.aidsdayPos div.aidsdayPosInd {
width: 102px;
float: left;
text-align: center;
}

#MainArea div.aidsdayPos div.aidsdayPosInd img {
margin: 4px 0 4px 0;
border: 1px solid #666666;
}


/* エイズ動向委員会報告  */

#MainArea div.kakomiOrange {
width: 660px;
background-color: #E8E0E0;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 4px 0 4px 10px;
}

#MainArea div.kakomiWhite {
width: 660px;
padding: 4px 0 4px 10px;
}

#MainArea div.kakomiExcel {
width: 660px;
color: #FF2000;
border-top: 1px dashed #FB7060;
padding: 4px 0 4px 10px;
margin-top: 10px;
}

#MainArea div.txtArea {
width: 460px;
float: left;
}

#MainArea div.month {
width: 50px;
float: left;
text-align: center;
}

#MainArea div.monthCCC {
width: 50px;
float: left;
text-align: center;
color: #CCCCCC;
}

#MainArea div.txtArea2001 {
width: 420px;
float: left;
}

#MainArea div.month2001 {
width: 36px;
float: left;
text-align: center;
}


/* 共通：このページのトップへマーク  */
#MainArea div.MA2top {
text-align: right;
font-size: 10px;
margin: 15px 0 20px 0;
}


/* 共通：メインエリア内のインデント  */
#MainArea div.Mindent {
padding-left:25px;
}



/* Ｑ数、文字色の指定  */

.per70 {
font-size: 70%;
color: #666666;
font-weight: normal;
}

.per85 {
font-size: 85%;
color: #333333;
font-weight: normal;
}

.per85Bold {
font-size: 85%;
color: #333333;
font-weight: bold;
}

.per85RedBold {
font-size: 85%;
color: #990000;
font-weight: bold;
}

.per100Normal {
font-size: 100%;
color: #333333;
font-weight: normal;
}

.per100RedBold {
font-size: 100%;
color: #990000;
font-weight: bold;
}

.per100MaRedBold {
font-size: 100%;
color: #FF0000;
font-weight: bold;
}

.per100GreenBold {
font-size: 100%;
color: #006600;
font-weight: bold;
}

.per100BlackBold {
font-size: 100%;
color: #333333;
font-weight: bold;
}

.per100Red {
font-size: 100%;
color: #95161D;
}

.per100Line {
font-size: 100%;
color: #333333;
text-decoration: line-through;
}

.per100indent {
font-size: 100%;
color: #333333;
padding-left: 45px;
background-image: url(../images/img_arrow.gif);
background-repeat: no-repeat;
background-position: 20px;
}

.per100midashi {
font-size: 100%;
font-weight: bold;
padding:4px 0 4px 15px;
border-left:4px solid #FF6666;
background-color:#FFEBE1;
margin-top:20px;
}

.per115 {
font-size: 115%;
color: #333333;
font-weight: normal;
}

.per115BlackBold {
font-size: 115%;
color: #333333;
font-weight: bold;
}

.per115ShuBold {
font-size: 115%;
color: #95161D;
font-weight: bold;
}

.per115RedBold {
font-size: 115%;
color: #FF2000;
font-weight: bold;
}

.per115WhiteBold {
font-size: 115%;
color: #ffffff;
font-weight: bold;
}

.per200WhiteBold {
font-size: 200%;
color: #ffffff;
font-weight: bold;
}