@charset "shift_jis";

/* -----------------------------------------------
CSS Living Together Œv‰æ
FileName:top.css
----------------------------------------------- */

/* definition_basic_tag */
* {margin: 0px; padding: 0px;}
body{margin:0px;padding:0px;text-align:center;background-color:#FFFFFF;font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;text-align: left;font-size:11px;color: #333333;}
.text_news{line-height:160%;font-size:1em;margin:15px 0px 0px 0px;}
.text2{margin-top:10px;line-height:160%;font-size:1em;}
.blue{color:#66CCCC;font-weight:bold;line-height:170%;}
.gdflyer{position:absolute;display:block;width:419px;height:582px;background-image:url(../images/spacer.gif);text-indent:-9999px;}
h1,h2,h3,h4,h5,p,dl,dt,dd,li,ul,ol,div,form {margin: 0; padding: 0;}
a img {border: none; text-decoration:none;}
a[name]:hover{text-decoration:none !important; outline:0 !important;}
li {list-style: none;}
br.clear {clear: both; font-size: 0; line-height: 0;}

/* definition_textlink */

a:link {color: #333333;text-decoration: none;}
a:visited {color: #333333;text-decoration: none;}
a:hover {color:#FFFFFF;background-color:#66CCCC;text-decoration: none;}
a:active {color:#FFFFFF;background-color:#66CCCC;text-decoration: none;}

/* definition_wrap */
#wrap{position:relative;width:938px;margin-left:auto;margin-right:auto; text-align:left;}
*+html #wrap {width:938px; margin-left: auto; margin-right: auto; text-align: left;}

/* definition_header */
.bulletimagestyle{ /*Absolute position bullet image. No need to modify*/
position: absolute;left: -200px;}

#head{width:938px;height:101px;}
#head #headerlogo {position: absolute; float:left;}
#head #headerlogo li span {position: absolute; text-indent: -9999px;}
*html #head #headerlogo li span {visibility: hidden; position: relative; text-indent: none;}
#head #headerlogo #h_logo {position: absolute; top: 26px; left: 59px;}
#head #headerlogo #h_logo a {display: block; width: 103px; height: 53px; background: url(../images/header_lt_logo.gif) no-repeat;}
#head #headerlogo #h_logo a:hover,active {background: url(../images/header_lt_logo.gif) no-repeat;}

#head #globalmenu01 {position: absolute; float:left;}
#head #globalmenu01 li span {position: absolute; text-indent: -9999px;}
*html #head #globalmenu01 li span {visibility: hidden; position: relative; text-indent: none;}
#head #globalmenu01 #h_menuConcept {position: absolute; top: 41px; left: 241px;}
#head #globalmenu01 #h_menuConcept a {display: block; width: 96px; height: 15px; background: url(../images/header_btn_concept.gif) no-repeat;}
#head #globalmenu01 #h_menuConcept a:hover,active {background: url(../images/header_btn_concept.gif) no-repeat 0 -15px;}
#head #globalmenu01 #h_menuCollaboration {position: absolute; top: 41px; left:372px;}
#head #globalmenu01 #h_menuCollaboration a {display: block; width: 143px; height: 15px; background: url(../images/header_btn_collaboration.gif) no-repeat;}
#head #globalmenu01 #h_menuCollaboration a:hover,active {background: url(../images/header_btn_collaboration.gif) no-repeat 0 -15px;}
#head #globalmenu01 #h_menuPositiveVoices {position: absolute; top: 41px; left:530px;}
#head #globalmenu01 #h_menuPositiveVoices a {display: block; width:162px; height: 15px; background: url(../images/header_btn_positivevoices.gif) no-repeat;}
#head #globalmenu01 #h_menuPositiveVoices a:hover,active {background: url(../images/header_btn_positivevoices.gif) no-repeat 0 -15px;}
#head #globalmenu01 #h_menuLink {position: absolute; top: 41px; left: 706px;}
#head #globalmenu01 #h_menuLink a {display: block; width:60px; height: 15px; background: url(../images/header_btn_link.gif) no-repeat;}
#head #globalmenu01 #h_menuLink a:hover,active {background: url(../images/header_btn_link.gif) no-repeat 0 -15px;}
#head #globalmenu02 {position: absolute; float:left;}
#head #globalmenu02 li span {position: absolute; text-indent: -9999px;}
*html #head #globalmenu02 li span {visibility: hidden; position: relative; text-indent: none;}
#head #globalmenu02 #h_menuLtarchive {position: absolute; top: 62px; left: 241px;}
#head #globalmenu02 #h_menuLtarchive a {display: block; width: 120px; height: 15px; background: url(../images/header_btn_ltarchive.gif) no-repeat;}
#head #globalmenu02 #h_menuLtarchive a:hover,active {background: url(../images/header_btn_ltarchive.gif) no-repeat 0 -15px;}
#head #globalmenu02 #h_menuLttools {position: absolute; top: 62px; left:372px;}
#head #globalmenu02 #h_menuLttools a {display: block; width:86px; height: 15px; background: url(../images/header_btn_lttool.gif) no-repeat;}
#head #globalmenu02 #h_menuLttools a:hover,active {background: url(../images/header_btn_lttool.gif) no-repeat 0 -15px;}
#head #globalmenu02 #h_menuAbouthiv {position: absolute; top: 62px; left:530px;}
#head #globalmenu02 #h_menuAbouthiv a {display: block; width:112px; height: 15px; background: url(../images/header_btn_abouthiv.gif) no-repeat;}
#head #globalmenu02 #h_menuAbouthiv a:hover,active {background: url(../images/header_btn_abouthiv.gif) no-repeat 0 -15px;}
#head #globalmenu02 #h_menuContact {position: absolute; top: 62px; left: 706px;}
#head #globalmenu02 #h_menuContact a {display: block; width:92px; height: 15px; background: url(../images/header_btn_contact.gif) no-repeat;}
#head #globalmenu02 #h_menuContact a:hover,active {background: url(../images/header_btn_contact.gif) no-repeat 0 -15px;}



/* definition_sidemenu */
#side{width:334px;float:left;}
#side #maintitle{display:block; width:289px;height:47px;margin:0px 0px 0px 45px;background: url(../images/top_title.gif) no-repeat;text-indent: -9999px;}
#side #subtitle{display:block; width:289px;height:135px;margin:0px 0px 0px 45px;background: url(../images/top_subtitle.gif) no-repeat;text-indent: -9999px;}
#side #ltnews{display:block; width:289px;height:246px;margin:0px 0px 0px 45px;background: url(../images/top_ltnews.gif) no-repeat;}
.newstext{display: block; width:247px;height:186px; padding:42px 0px 0px 28px; text-align: left;}

/* definition_PVlink */
#side #positiveLink {display:block; width:289px;height:217px;margin:0px 0px 0px 45px;background: url(../images/top_menu_base.gif) no-repeat;}
#side #positiveLink li span {position: absolute; text-indent: -9999px;}
*html #side #positiveLink li span {visibility: hidden; position: relative; text-indent: none;}
#side #positiveLink #positiveLinkBtn01 {position: relative; top:8px; left:28px;}
#side #positiveLink #positiveLinkBtn01 a {display: block; width: 247px; height: 72px; background: url(../images/top_menu01positivevoices.gif) no-repeat;}
#side #positiveLink #positiveLinkBtn01 a:hover,active {background: url(../images/top_menu01positivevoices.gif) no-repeat 0 -72px;}
#side #positiveLink #positiveLinkBtn02 {position: relative; top:16px; left:28px;}
#side #positiveLink #positiveLinkBtn02 a {display: block; width: 247px; height: 54px; background: url(../images/top_menu02omnibus.gif) no-repeat;}
#side #positiveLink #positiveLinkBtn02 a:hover,active {background: url(../images/top_menu02omnibus.gif) no-repeat 0 -54px;}
#side #positiveLink #positiveLinkBtn03 {position: relative; top:24px; left:28px;}
#side #positiveLink #positiveLinkBtn03 a {display: block; width: 247px; height: 54px; background: url(../images/top_menu03restory.gif) no-repeat;}
#side #positiveLink #positiveLinkBtn03 a:hover,active {background: url(../images/top_menu03restory.gif) no-repeat 0 -54px;}


/* definition_maincontants */
#main{width:604px;float:right;}
#main #nexteventtitle{display: block; width: 468px;height:86px;background: url(../images/top_nextevent.gif) no-repeat;text-indent:-9999px;}
#main #nexteventClm{display: block; width: 468px;background: url(../images/top_nextevent_side.gif) repeat-y;}
.nextevent01{width:430px; margin:0px 0px 0px 21px;}
#main #nexteventClmend {width:468px;height:30px;background:url(../images/top_nextevent_bottom.gif) no-repeat;text-indent:-9999px;}

/* definition_footer */
#footer{position:relative;width:100%;height:123px;background:url(../images/top_footer_line.gif) no-repeat;clear:both;}

#footer #footerbanner li span {position: absolute; text-indent: -9999px;}
*html #footer #footerbanner li span {visibility: hidden; position: relative; text-indent: none;}

#footer #footerbanner #footerBanner01 {position: absolute; top: 0px; left: 62px;}
#footer #footerbanner #footerBanner01 a {display: block; width: 169px; height:52px; background: url(../images/top_banner_hivmap2.gif) no-repeat;}
#footer #footerbanner #footerBanner01 a:hover,active {background: url(../images/top_banner_hivmap2.gif) no-repeat 0 -52px;}

#footer #footerbanner #footerBanner02 {position: absolute; top: 0px; left: 251px;}
#footer #footerbanner #footerBanner02 a {display: block; width: 169px; height:52px; background: url(../images/top_banner_hnsex2.gif) no-repeat;}
#footer #footerbanner #footerBanner02 a:hover,active {background: url(../images/top_banner_hnsex2.gif) no-repeat 0 -52px;}

#footer #footerbanner #footerBanner03 {position: absolute; top: 0px; left: 440px;}
#footer #footerbanner #footerBanner03 a {display: block; width: 169px; height:52px; background: url(../images/top_banner_thnikaboutaids2.gif) no-repeat;}
#footer #footerbanner #footerBanner03 a:hover,active {background: url(../images/top_banner_thnikaboutaids2.gif) no-repeat 0 -52px;}

#footer #footerbanner #footerBanner04 {position: absolute; top: 0px; left: 627px;}
#footer #footerbanner #footerBanner04 a {display: block; width: 169px; height:52px; background: url(../images/top_banner_dekiru2.gif) no-repeat;}
#footer #footerbanner #footerBanner04 a:hover,active {background: url(../images/top_banner_dekiru2.gif) no-repeat 0 -52px;}


#footer #footermenu li span {position: absolute; text-indent: -9999px;}
*html #footer #footermenu li span {visibility: hidden; position: relative; text-indent: none;}
#footer #footermenu #footerPolicy {position: absolute; top: 82px; left: 48px;}
#footer #footermenu #footerPolicy a {display: block; width: 138px; height: 14px; background: url(../images/footer_policy.gif) no-repeat;}
#footer #footermenu #footerPolicy a:hover,active {background: url(../images/footer_policy.gif) no-repeat 0 -14px;}
#footer #footermenu #footerAbout {position: absolute; top: 82px; left: 196px;}
#footer #footermenu #footerAbout a {display: block; width: 148px; height: 14px; background: url(../images/footer_about.gif) no-repeat;}
#footer #footermenu #footerAbout a:hover,active {background: url(../images/footer_about.gif) no-repeat 0 -14px;}
#footer #footermenu #footerFsize {position: absolute; top: 82px; left: 354px;}
#footer #footermenu #footerFsize a {display: block; width: 150px; height: 14px; background: url(../images/footer_textsize.gif) no-repeat;}
#footer #footermenu #footerFsize a:hover,active {background: url(../images/footer_textsize.gif) no-repeat 0 -14px;}
#footer #footermenu #footerContact {position: absolute; top: 82px; left:528px;}
#footer #footermenu #footerContact a {display: block; width:96px; height:16px; background: url(../images/footer_contact.gif) no-repeat;}
#footer #footermenu #footerContact a:hover,active {background: url(../images/footer_contact.gif) no-repeat 0 -16px;}
#footer #footermenu #footerGotop {position: absolute; top: 82px; left:721px;}
#footer #footermenu #footerGotop a {display: block; width:76px; height: 14px; background: url(../images/footer_gototop.gif) no-repeat;}
#footer #footermenu #footerGotop a:hover,active {background: url(../images/footer_gototop.gif) no-repeat 0 -14px;}