/* ===== Universal Reset ===== */ *{ margin: 0px; padding:0px; background-repeat: no-repeat; } /* ===== Basic Style ===== */ body { font-family: ms ui gothic,arial,helvetica; font-size: 12px; color: #333333; } img { border: 0px; } em { color: #FF0000; font-style: normal; } hr { display: none; clear: both; } .st { font-weight: bold; } a:link {color: blue;} a:visited {color: blue;} a:hover {color: blue;} a:active {color: blue;} /* ===== Head Area ===== */ #head-base { height: 150px; margin-top: 15px; background-image:url(../images/heade_bg2.gif); background-repeat: repeat-x; } #head { height: 150px; width: 700px; padding-left: 15px; background-image:url(../images/heade_bg1.gif); } #head h1 { margin-right: 4px; float: left; } #head h1 a { font-size:1px; text-indent:-9999px; width:233px; height:129px; background-image:url(../images/btn_header_logo.gif); display:block; overflow:hidden; margin-bottom: -20px; } #head ul{ list-style:none; } #head li{ margin-left: 11px; float: left; } #head li a{ text-indent:-9999px; text-decoration:none; background:url(../images/btn_gnavi_menu.gif); display:block; overflow:hidden; } #head .head-menu1 a{background-position:0px 0px; width:77px; height:104px;} #head .head-menu2 a{background-position:-89px 0px; width:77px; height:104px;} #head .head-menu3 a{background-position:-180px 0px; width:77px; height:104px;} #head .head-menu4 a{background-position:-269px 0px; width:79px; height:104px;} #head .head-menu5 a{background-position:-359px 0px; width:79px; height:104px;} #head .head-menu1 a:hover{background-position:0px -150px; width:77px; height:104px;} #head .head-menu2 a:hover{background-position:-89px -150px; width:77px; height:104px;} #head .head-menu3 a:hover{background-position:-180px -150px; width:77px; height:104px;} #head .head-menu4 a:hover{background-position:-269px -150px; width:79px; height:104px;} #head .head-menu5 a:hover{background-position:-359px -150px; width:79px; height:104px;} #head .head-menu1hov a{background-position:0px -150px; width:77px; height:104px;} #head .head-menu2hov a{background-position:-89px -150px; width:77px; height:104px;} #head .head-menu3hov a{background-position:-180px -150px; width:77px; height:104px;} #head .head-menu4hov a{background-position:-269px -150px; width:79px; height:104px;} #head .head-menu5hov a{background-position:-359px -150px; width:79px; height:104px;} /* ===== foot Area ===== */ #foot-bg { height: 40px; background-image: url(../images/foot_bg3.gif); background-repeat: repeat-x; clear: both; } #foot { font-size:10px; color: #FFFFFF; background-color: #3C8F65; padding-top: 15px; padding-left: 24px; clear: both; } #foot p.foot-menu { margin-bottom: 15px; float: left; white-space: nowrap; } #foot p.link { margin-left: 20px; text-align: center; padding-left: auto; padding-right: auto; float: left; margin-bottom: -10px; margin-top: -10px; } #foot p.link img { margin-bottom: 3px; } #foot address { font-style: normal; clear: both; padding-bottom: 15px; white-space: nowrap; } #foot address a { text-decoration: none } #foot iframe { visibility: hidden; } #foot a:link {color: #FFFFFF;} #foot a:visited {color: #FFFFFF;} #foot a:hover {color: #FFFFFF;} #foot a:active {color: #FFFFFF;} /* ===== content_h Area ===== */ div#content-h { height: 53px; width: 700px; clear: both; } div#content-h h2 { font-size:1px; text-indent:-9999px; width:280px; height:53px; display:block; float: left; } div#content-h h2.guide {background-image:url(../guide/images/title_guide.gif);} div#content-h h2.facilities {background-image:url(../guide/images/facilities.gif);} div#content-h h2.event {background-image:url(../guide/images/event.gif);} div#content-h h2.resident {background-image:url(../guide/images/resident.gif);} div#content-h h2.animal {background-image:url(../guide/images/animal.gif);} div#content-h h2.life {background-image:url(../guide/images/life.gif);} div#content-h h2.schedule {background-image:url(../schedule/images/title_schedule.gif);} div#content-h h2.design-melody {background-image:url(../design_melody/images/title_design_melody.gif);} div#content-h h2.design {background-image:url(../design_melody/images/title_design.gif);} div#content-h h2.melody {background-image:url(../design_melody/images/title_melody.gif);} div#content-h h2.community {background-image:url(../community/images/title_community.gif);} div#content-h h2.item {background-image:url(../item/images/title_item.gif);} div#content-h h2.furniture {background-image:url(../item/images/furniture.gif);} div#content-h h2.talk-chat {background-image:url(../community/images/title_talk_chat.gif);} div#content-h h2.info-chat {background-image:url(../community/images/title_info_chat.gif);} div#content-h h2.wi-chat {background-image:url(../community/images/title_wi_chat.gif);} div#content-h h2.bbs-talk {background-image:url(../community/images/title_bbs_talk.gif);} div#content-h h2.bbs-info {background-image:url(../community/images/title_bbs_info.gif);} div#content-h h2.bbs-wi-fi {background-image:url(../community/images/title_bbs_wi-fi.gif);} div#content-h p{ float: right; } div#content-h a{ font-size:1px; text-indent:-9999px; width:84px; height:16px; margin-top: 16px; background-image:url(../images/btn_top.gif); overflow:hidden; display:block; } /* ===== content Area ===== */ div#content { width: 685px; margin-left: 15px; clear: both; } div#content p.ad-468 { background-image: url(../images/sponsored_link.gif); background-position: -28px 16px; clear: both; padding-top: 34px; margin-left: -2px; } div#content p.ad2-468 { clear: both; margin-top: 10px; } div#content p.ad3-468 { clear: both; height:60px; background-image: url(../images/sponsored_link.gif); background-position: -26px 16px; padding-top: 34px; padding-left: 2px; } div#content p.ad4-468 { background-image: url(../images/sponsored_link.gif); background-position: -28px top; clear: both; padding-top: 20px; margin-left: -2px; margin-top: 6px; } /* ===== content-left Area ===== */ div#content-left { width: 190px; float: right; } div#content-left .menu { height:550px; } div#content-left ul { margin-top: 6px; margin-left: 6px; margin-bottom: 10px; } div#content-left li { font-weight: bold; line-height: 240%; padding-left: 22px; list-style:none; } div#content-left li.arrow { background-image: url(../images/menu_arrow.gif); background-position: left center; } div#content-left .ad-600 { height:618px; background-image: url(../images/sponsored_link.gif); background-position: top; margin-top: 6px; padding-top: 18px; padding-left: 25px; } div#content-left .ad { background-image: url(../images/sponsored_link.gif); background-position: -3px top; padding-top: 18px; padding-left: 25px; } /* ===== guide Area ===== */ div#guide { width: 470px; padding-top: 10px; float: left; padding-left: 12px; } div#guide p { line-height: 1.5em; } div#guide p.index { margin-bottom: 15px; clear: both; } div#guide .index-left { width: 230px; float: right; } div#guide .index-right { width: 230px; float: left; } div#guide .index-left h3, div#guide .index-right h3 { padding-left: 35px; padding-top: 8px; padding-bottom: 7px; margin-bottom: 8px; } div#guide h3.facilities {background-image:url(../guide/images/title_facilities.gif);} div#guide h3.event {background-image:url(../guide/images/title_event.gif);} div#guide h3.resident {background-image:url(../guide/images/title_resident.gif);} div#guide h3.special-animal {background-image:url(../guide/images/title_special_animal.gif);} div#guide h3.life {background-image:url(../guide/images/title_life.gif);} div#guide h3 { font-size: 16px; color: #006600; padding-left: 32px; background-image: url(../guide/images/title_h3.gif); padding-top: 9px; margin-bottom: 8px; padding-bottom: 9px; } div#guide h4 { font-size: 14px; color: #FF3399; margin-top: 30px; margin-bottom: 12px; padding-left: 20px; background-image: url(../guide/images/title_h4.gif); background-position: left center; padding-top: 2px; } div#guide h5 { font-size: 12px; margin-top: 12px; margin-bottom: 3px; } div#guide li { font-weight: bold; line-height: 220%; padding-left: 5px; list-style:none; } div#guide li.bottom{ margin-bottom: 15px; } div#guide table { font-size: 10px; width: 100%; margin-top: 5px; } div#guide th { background-color: #009900; color: #FFFFFF; text-align: center; font-weight: normal; line-height: 1.5em; } div#guide td { text-align: left; background-color: #E6E6CE; line-height: 1em; padding-left: 10px; } div#guide td.spacer { background-color: #FFFFFF; width: 5px; } /* ===== item Area ===== */ div#item { width: 470px; padding-top: 10px; float: left; padding-left: 12px; } div#item p { line-height: 1.5em; } div#item p.index { margin-bottom: 15px; clear: both; } div#item .index-left { width: 230px; float: right; } div#item .index-right { width: 230px; float: left; } div#item .index-left h3, div#item .index-right h3 { padding-left: 35px; padding-top: 8px; padding-bottom: 7px; margin-bottom: 8px; } div#item h3.furniture {background-image:url(../item/images/furniture.gif);} div#item h3.umbrella-hat {background-image:url(../item/images/umbrella_hat.gif);} div#item h3.wallpaper-carpet {background-image:url(../item/images/wallpaper_carpet.gif);} div#item h3.fossil-clay-image {background-image:url(../item/images/fossil_clay_image.gif);} div#item h3.clothes {background-image:url(../item/images/clothes.gif);} div#item h3.fish-insect {background-image:url(../item/images/fish_insect.gif);} div#item h3.letter-paper {background-image:url(../item/images/letter_paper.gif);} div#item h3.etc {background-image:url(../item/images/etc.gif);} div#item h3 { font-size: 16px; color: #006600; padding-left: 32px; background-image: url(../item/images/title_h3.gif); padding-top: 9px; margin-bottom: 8px; padding-bottom: 9px; } div#item h4 { font-size: 14px; color: #FF3399; margin-top: 30px; margin-bottom: 12px; padding-left: 20px; background-image: url(../item/images/title_h4.gif); background-position: left center; padding-top: 2px; } div#item h5 { font-size: 12px; margin-top: 12px; margin-bottom: 3px; } div#item li { font-weight: bold; line-height: 220%; padding-left: 5px; list-style:none; } div#item li.bottom{ margin-bottom: 15px; } div#item table { width: 100%; margin-top: 5px; } div#item th, div#item td { padding: 5px; } div#item th { background-color: #009900; color: #FFFFFF; text-align: center; } div#item td { text-align: left; } div#item td.name { font-weight: bold; } div#item td.no { white-space: nowrap; } div#item .t1 { background-color: #E6E6CE; } div#item .t2 { background-color: #CCCC99; } /* ===== schedule Area ===== */ div#schedule { width: 677px; clear: both; margin-left: 8px; padding-top: 10px; } div#schedule p { line-height: 1.5em; margin-bottom: 30px; } div#schedule ul.menu { list-style:none; width: 685px; margin-bottom: 25px; height: 20px; } div#schedule ul.menu li { background-image: url(../images/menu_arrow2.gif); background-repeat: no-repeat; background-position: left center; font-weight: bold; padding-left: 22px; float: left; padding-top: 2px; padding-bottom: 2px; margin-right: 10px; } div#schedule ul.menu li.arrow { background-image: url(../images/menu_arrow.gif); } div#schedule h3 { font-size: 16px; margin-bottom: 8px; padding-left: 30px; background-image: url(../schedule/images/title_h3.gif); background-position: left center; padding-top: 14px; padding-bottom: 2px; } div#calendar { clear: both; } div#calendar p { margin-bottom: 15px; } div#calendar table { border: thin solid #9EBF00; width: 100%; } div#calendar th { color: #FFFFFF; background-color: #3C8F65; text-align: center; padding: 5px; width: 14%; } div#calendar td { border: thin solid #9EBF00; font-weight: bold; padding: 5px; vertical-align: top; text-align: left; } div#calendar .birthday { padding-left: 18px; background-image: url(../schedule/images/birthday.gif); background-position: left top; font-weight: normal; } div#calendar .event { padding-left: 18px; background-image: url(../schedule/images/event.gif); background-position: left top; font-weight: normal; } div#event { clear: both; } div#event table { width: 100%; } div#event th, div#event td { padding: 5px; } div#event th { background-color: #009900; color: #FFFFFF; text-align: center; } div#event td { text-align: left; } div#event td.no { white-space: nowrap; } div#event .t1 { background-color: #E6E6CE; } div#event .t2 { background-color: #CCCC99; } div#insect-fish { clear: both; } div#insect-fish div{ width: 338px; float: left; } div#insect-fish p { margin-bottom: 15px; } div#insect-fish table { width: 332px; font-size: 10px; } div#insect-fish th { background-color: #009900; color: #FFFFFF; text-align: center; font-weight: normal; line-height: 1.5em; } div#insect-fish td { text-align: center; } div#insect-fish .t1 { background-color: #E6E6CE; } div#insect-fish .t2 { background-color: #CCCC99; } /* ===== design_melody Area ===== */ div#design-melody { width: 470px; padding-top: 10px; float: left; padding-left: 12px; } div#design-melody h3{ font-size: 16px; margin-bottom: 5px; } div#design-melody p { margin-bottom: 15px; line-height: 1.5em; } div#design-melody-index div { padding-top: 4px; padding-left: 60px; background-repeat: no-repeat; } div#design-melody-index p { margin-bottom: 20px; } div#design-melody-index .design { background-image: url(../design_melody/images/design.gif);} div#design-melody-index .melody { background-image: url(../design_melody/images/melody.gif);} /* ===== community Area ===== */ div#community { width: 470px; padding-top: 10px; float: left; padding-left: 12px; } div#community h3{ font-size: 16px; margin-bottom: 5px; } div#community p { margin-bottom: 15px; line-height: 1.5em; } div#community-index div { padding-top: 8px; padding-left: 60px; background-repeat: no-repeat; } div#community-index p { margin-bottom: 20px; } div#community-index .talk { background-image: url(../community/images/talk.gif);} div#community-index .info { background-image: url(../community/images/info.gif);} div#community-index .wi-fi { background-image: url(../community/images/wi-fi.gif);} div#community-index .talk_chat { background-image: url(../community/images/talk_chat.gif);} div#community-index .info_chat { background-image: url(../community/images/info_chat.gif);} div#community-index .wi_chat { background-image: url(../community/images/wi_chat.gif);} div#att1 { padding: 5px; margin-top: 30px; background-color: #CC6600; } div#att2 { padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 6px; color: #FFFFFF; font-weight: bold; background-color: #336600; } div#att2 p { line-height: 1.1em; padding-left: 17px; margin-bottom: 10px; background-image: url(../community/images/ex.gif); } div#att2 ul { margin-left: 18px; } div#att2 li { margin-bottom: 10px; } div#att2 a:link {color: #FFFFFF;} div#att2 a:visited {color: #FFFFFF;} div#att2 a:hover {color: #FFFFFF;} div#att2 a:active {color: #FFFFFF;} div#chat { margin-top: 10px; margin-left: 5px; } /* ===== bbs Area ===== */ div#bbs { width: 676px; margin-left: 24px; } div#bbs-menu { margin-top: 1px; clear: both; } div#bbs-menu ul { list-style-type:none; margin-bottom: 20px; text-align: right; } div#bbs-menu li { background-image: url(../images/menu_arrow.gif); background-repeat: no-repeat; background-position: left center; display:inline; margin-left: 7px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; font-weight: bold; } div#bbs p { margin-left: 0px; padding-bottom: 20px; line-height: 1.5em; } div#bbs p.page { padding-bottom: 6px; margin-top: -20px; text-align: right; padding-right: 5px; color: #FF0000; } div#bbs table { clear: both; } div#bbs table.in { border: thin solid #9EBF00; width: 100%; margin-bottom: 10px; } div#bbs .in tr.fi { color: #FFFFFF; font-weight: bold; background-color: #3C8F65; text-align: center; height: 24px; } div#bbs table.in td, div#bbs table.in th { border: thin solid #9EBF00; padding: 1px; } div#bbs table.in th { text-align: center; vertical-align: middle; } div#bbs td { background-color: #FFFFFF; text-align: left; } div#bbs table.in td.kanri { background-image: url(../community/images/kanri.gif); background-position: center; padding-right: 10px; padding-left: 10px; } div#bbs table.in td.lock { background-image: url(../community/images/lock.gif); background-position: center; padding-right: 10px; padding-left: 10px; } div#bbs table.in td.warning { background-image: url(../community/images/warning.gif); background-position: center; padding-right: 10px; padding-left: 10px; } div#bbs table.in td.normal { background-image: url(../community/images/normal.gif); background-position: center; padding-right: 10px; padding-left: 10px; } div#bbs dl { background-color: #FFFFFF; padding-top: 5px; } div#bbs .url { color: #0000FF; text-decoration: underline; } div#bbs .num { font-size:9pt; font-family:Verdana,Helvetica,Arial; margin-top: 10px; } div#bbs .num-res { font-size:9pt; font-family:Verdana,Helvetica,Arial; margin-bottom: 20px; padding-bottom: 5px; } div#bbs .s1 { font-size:10px; font-family:Verdana,Helvetica,Arial; } div#bbs .s2 { font-size:10px; font-family:MS UI Gothic; } div#bbs em { font-style: normal; color: #FF0000; } div#bbs p.title { color: #FFFFFF; font-weight: bold; background-color: #3C8F65; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; margin-top: 5px; margin-bottom: 7px; } div#bbs p.article { padding-top: 15px; padding-bottom: 20px; padding-left: 40px; } div#bbs p.maint { text-align: right; padding-bottom: 5px; background-color: #FFFFFF; padding-right: 10px; } div#bbs p.res { font-weight: bold; background-color: #CCCCCC; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; margin-top: 25px; color: #333333; } div#bbs .bbs-form { padding-top: 15px; } div#bbs .bbs-form table { width: 100%; border-collapse:collapse; border-spacing:0px; } div#bbs .bbs-form td { padding-bottom: 10px; } div#bbs .bbs-regist { padding-left: 20px; background-color: #FFFFFF; padding-top: 20px; padding-bottom: 20px; } div#bbs .index-bottom { padding-bottom: 0px; } div#bbs-view { width: 530px; margin-left: auto; margin-right: auto; margin-top: 10px; background-color: #FFFFFF; text-align: left; } div#bbs td a:link { color: 0066CC;} div#bbs td a:visited { color: #800080;} div#bbs td a:hover { color: 0066CC;} div#bbs td a:active { color: 0066CC;} div#bbs p.ad-468 { clear: both; margin-left: 37px; padding-bottom: 18px; } div#bbs p.ad2-468 { padding-bottom: 0px; } div#bbs p.link-468 { padding-bottom: 6px; margin-left: 0px; } /* ===== design Area ===== */ div#design { width: 676px; margin-left: 24px; } div#design-menu { margin-top: 1px; clear: both; } div#design .in img { margin: 5px; } div#design-menu ul { list-style-type:none; margin-bottom: 20px; text-align: right; } div#design-menu li { background-image: url(../images/menu_arrow.gif); background-repeat: no-repeat; background-position: left center; display:inline; margin-left: 10px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; font-weight: bold; } div#design .num { font-size:9pt; font-family:Verdana,Helvetica,Arial; margin-top: 5px; clear: both; } div#design p { margin-left: 0px; padding-bottom: 20px; line-height: 1.5em; } div#design p.page { padding-bottom: 6px; margin-top: -20px; text-align: right; padding-right: 5px; color: #FF0000; } div#design table.in { border: thin solid #9EBF00; width: 100%; margin-bottom: 10px; } div#design .in tr.fi { color: #FFFFFF; font-weight: bold; background-color: #3C8F65; text-align: center; height: 24px; } div#design table.in td, div#design table.in th { border: thin solid #9EBF00; padding: 1px; } div#design table.in th { text-align: center; vertical-align: middle; } div#design td { background-color: #FFFFFF; text-align: left; } div#design .url { color: #0000FF; text-decoration: underline; } div#design dl { background-color: #FFFFFF; padding-top: 5px; } div#design .num-res { font-size:9pt; font-family:Verdana,Helvetica,Arial; margin-bottom: 20px; padding-bottom: 5px; } div#design .s1 { font-size:10px; font-family:Verdana,Helvetica,Arial; } div#design .s2 { font-size:10px; font-family:MS UI Gothic; } div#design em { font-style: normal; color: #FF0000; } div#design p.title { color: #FFFFFF; font-weight: bold; background-color: #3C8F65; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; margin-top: 5px; margin-bottom: 7px; } div#design p.article { padding-top: 15px; padding-bottom: 20px; padding-left: 40px; } div#design p.maint { text-align: right; padding-bottom: 5px; background-color: #FFFFFF; padding-right: 10px; } div#design p.res { font-weight: bold; background-color: #CCCCCC; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; margin-top: 25px; color: #333333; } div#design .bbs-form { background-color: #FFFFFF; padding-top: 15px; } div#design .bbs-form td { padding-bottom: 10px; } div#design .bbs-regist { padding-left: 20px; background-color: #FFFFFF; padding-top: 20px; padding-bottom: 20px; } div#design .index-bottom { padding-bottom: 0px; } div#design td a:link { color: 0066CC;} div#design td a:visited { color: #800080;} div#design td a:hover { color: 0066CC;} div#design td a:active { color: 0066CC;} div#my-design { margin-top: 15px; margin-left: 40px; height: 161px; } div#my-design .design-img { width: 161px; height: 161px; float: left; } div#my-design .design-ad { margin-left: 40px; width: 281px; background-image: url(../images/sponsored_link.gif); background-position: -30px -4px; padding-top: 18px; float: left; height: 140px; } div#design p.ad-468 { clear: both; margin-left: 37px; padding-top: 18px; } div#design p.link-468 { padding-bottom: 6px; margin-left: 0px; } /* ===== melody Area ===== */ div#melody { width: 676px; margin-left: 24px; } div#melody-menu { margin-top: 1px; clear: both; } div#melody .in img { margin: 5px; } div#melody-menu ul { list-style-type:none; margin-bottom: 20px; text-align: right; } div#melody-menu li { background-image: url(../images/menu_arrow.gif); background-repeat: no-repeat; background-position: left center; display:inline; margin-left: 10px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; font-weight: bold; } div#melody .num { font-size:9pt; font-family:Verdana,Helvetica,Arial; margin-top: 5px; clear: both; } div#melody p { margin-left: 0px; padding-bottom: 20px; line-height: 1.5em; } div#melody p.page { padding-bottom: 6px; margin-top: -20px; text-align: right; padding-right: 5px; color: #FF0000; } div#melody table.in { border: thin solid #9EBF00; width: 100%; margin-bottom: 10px; } div#melody .in tr.fi { color: #FFFFFF; font-weight: bold; background-color: #3C8F65; text-align: center; height: 24px; } div#melody table.in td, div#melody table.in th { border: thin solid #9EBF00; padding: 1px; } div#melody table.in th { text-align: center; vertical-align: middle; } div#melody td { background-color: #FFFFFF; text-align: left; } div#melody .url { color: #0000FF; text-decoration: underline; } div#melody dl { background-color: #FFFFFF; padding-top: 5px; } div#melody .num-res { font-size:9pt; font-family:Verdana,Helvetica,Arial; margin-bottom: 20px; padding-bottom: 5px; } div#melody .s1 { font-size:10px; font-family:Verdana,Helvetica,Arial; } div#melody .s2 { font-size:10px; font-family:MS UI Gothic; } div#melody em { font-style: normal; color: #FF0000; } div#melody p.title { color: #FFFFFF; font-weight: bold; background-color: #3C8F65; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; margin-top: 5px; margin-bottom: 7px; } div#melody p.article { padding-top: 15px; padding-bottom: 20px; padding-left: 40px; } div#melody p.maint { text-align: right; padding-bottom: 5px; background-color: #FFFFFF; padding-right: 10px; } div#melody p.res { font-weight: bold; background-color: #CCCCCC; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; margin-top: 25px; color: #333333; } div#melody .bbs-form { background-color: #FFFFFF; padding-top: 15px; } div#melody .bbs-form td { padding-bottom: 10px; } div#melody .bbs-regist { padding-left: 20px; background-color: #FFFFFF; padding-top: 20px; padding-bottom: 20px; } div#melody .index-bottom { padding-bottom: 0px; } div#melody td a:link { color: 0066CC;} div#melody td a:visited { color: #800080;} div#melody td a:hover { color: 0066CC;} div#melody td a:active { color: 0066CC;} div#music { margin-top: 15px; margin-left: 40px; height: 171px; } div#melody .music-score { background-image: url(../design_melody/images/music_score_bg.gif); background-repeat: no-repeat; width: 281px; height: 171px; float: left; } div#melody .music-ad { margin-left: 40px; width: 281px; background-image: url(../images/sponsored_link.gif); background-position: -30px 0px; padding-top: 18px; float: left; margin-top: 9px; height: 140px; } div#melody .music-score ul{ list-style:none; margin-left: 13px; width: 256px; height: 58px; } div#melody ul.upper{ padding-top: 28px; } div#melody ul.lower{ padding-top: 8px; } div#melody .music-score li{ width:32px; height:58px; text-indent:-9999px; text-decoration:none; background-image: url(../design_melody/images/note.gif); display:block; float: left; } div#melody .score00 {background-position:0px 0px;} div#melody .score99 {background-position:-32px 0px;} div#melody .score01 {background-position:-64px 0px;} div#melody .score02 {background-position:-96px 0px;} div#melody .score03 {background-position:-128px 0px;} div#melody .score04 {background-position:-160px 0px;} div#melody .score05 {background-position:-192px 0px;} div#melody .score06 {background-position:-224px 0px;} div#melody .score07 {background-position:-256px 0px;} div#melody .score08 {background-position:-288px 0px;} div#melody .score09 {background-position:-320px 0px;} div#melody .score10 {background-position:-352px 0px;} div#melody .score11 {background-position:-384px 0px;} div#melody .score12 {background-position:-416px 0px;} div#melody .score13 {background-position:-448px 0px;} div#melody .music { margin-left: 128px; width: 100px; height:33px; clear: both; } div#melody .music a{ width: 100px; height:33px; text-indent:-9999px; text-decoration:none; background-image: url(../design_melody/images/play.gif); display:block; } div#melody .music a:hover {background-image: url(../design_melody/images/play2.gif);} div#melody .music-icon a { font-size:1px; text-indent:-9999px; width:28px; height:26px; display:block; background-image:url(../design_melody/images/start_off.gif); margin: 3px; overflow:hidden; } div#melody .kanri-icon a { font-size:1px; text-indent:-9999px; width:28px; height:26px; display:block; background-image:url(../design_melody/images/kanri_melody.gif); margin: 3px; overflow:hidden; } div#melody .music-icon a:hover{background-image:url(../design_melody/images/start_on.gif);} div#melody iframe { margin-bottom: -10px; } div#melody p.ad-468 { clear: both; margin-left: 37px; padding-top: 18px; } div#melody p.link-468 { padding-bottom: 15px; margin-left: 0px; } function window1(url){ window.open(url,"name","width=380,height=480,toolbar=no,scrollbars=no,resizable=yes,menubar=no"); } function window2(url){ window.open(url,"name","width=380,height=510,toolbar=no,scrollbars=no,resizable=yes,menubar=no"); } function window3(url){ window.open(url,"name","width=340,height=160,toolbar=no,scrollbars=no,resizable=no,menubar=no,status=no,location=no"); } function melo_init(){ parent.music.location = "http://www.doumori.com/melody/spacer.gif"; } function top_link () { var r = 0; var a = 0; var b = 0; var msg_dat_max = 0; for(i=0;i<2;i++) { if(i) { msg_dat_max = a; r = Math.floor(Math.random() * msg_dat_max); r++; } a=0;b=0; b=a;a+= 20 ;if(i&&b"); } function change(num){ if(!num) num = 0; document.cookie = "ad=" + num + "; " + "expires=Thu, 31-Dec-2020 23:59:59 GMT; " + "path=/;"; location.reload(); } function get(){ var js = getcookie("ad"); if (!js) js = 0; return js; } function getcookie(key){ tmp1 = " " + document.cookie + ";"; xx1 = xx2 = 0; len = tmp1.length; while (xx1 < len) { xx2 = tmp1.indexOf(";", xx1); tmp2 = tmp1.substring(xx1 + 1, xx2); xx3 = tmp2.indexOf("="); if (tmp2.substring(0, xx3) == key) { return(unescape(tmp2.substring(xx3 + 1, xx2 - xx1 - 1))); } xx1 = xx2 + 1; } return 1; } init("basis"); function index() { var MySiteUrl = "http://www.doumori.com/"; if ((document.referrer.substring(0,MySiteUrl.length) != MySiteUrl || document.referrer == '') && document.cookie.indexOf("index") == -1 ) { document.cookie = "index"; w = index2(); } } function index2 () { var r = 0; var a = 0; var b = 0; var msg_dat_max = 0; for(i=0;i<2;i++) { if(i) { msg_dat_max = a; r = Math.floor(Math.random() * msg_dat_max); r++; } a=0;b=0; b=a;a+= 20 ;if(i&&b=0 && b>=0 && c>=0) { b = _uGC(dc,"__utmb="+_udh,";"); b = ("-" == b) ? _udh : b; _ubd.cookie="__utmb="+b+"; path="+_utcp+";"+x+_udo; } else { if (a>=0) a=_uFixA(_ubd.cookie,";",_ust); else { a=_udh+"."+_uu+"."+_ust+"."+_ust+"."+_ust+".1"; nv=1; } _ubd.cookie="__utma="+a+"; path="+_utcp+";"+nx+_udo; _ubd.cookie="__utmb="+_udh+"; path="+_utcp+";"+x+_udo; _ubd.cookie="__utmc="+_udh+"; path="+_utcp+";"+_udo; _ufns=1; } if (_ulink && xx && xx!="" && xx!="-") { xx=_uUES(xx); if (xx.indexOf(";")==-1) _ubd.cookie="__utmx="+xx+"; path="+_utcp+";"+nx+_udo; } if (_ulink && v && v!="" && v!="-") { v=_uUES(v); if (v.indexOf(";")==-1) _ubd.cookie="__utmv="+v+"; path="+_utcp+";"+nx+_udo; } var wc=window; var c=_ubd.cookie; if(wc && wc.gaGlobal && wc.gaGlobal.dh==_udh){ var g=wc.gaGlobal; var ua=c.split("__utma="+_udh+".")[1].split(";")[0].split("."); if(g.sid)ua[3]=g.sid; if(nv>0){ ua[2]=ua[3]; if(g.vid){ var v=g.vid.split("."); ua[0]=v[0]; ua[1]=v[1]; } } _ubd.cookie="__utma="+_udh+"."+ua.join(".")+"; path="+_utcp+";"+nx+_udo; } _uInfo(page); _ufns=0; _ufno=0; if (!page || page=="") _uff=1; } function _uGH() { var hid; var wc=window; if (wc && wc.gaGlobal && wc.gaGlobal.hid) { hid=wc.gaGlobal.hid; } else { hid=Math.round(Math.random()*0x7fffffff); if (!wc.gaGlobal) wc.gaGlobal={}; wc.gaGlobal.hid=hid; } return hid; } function _uInfo(page) { var p,s="",dm="",pg=_udl.pathname+_udl.search; if (page && page!="") pg=_uES(page,1); _ur=_ubd.referrer; if (!_ur || _ur=="") { _ur="-"; } else { dm=_ubd.domain; if(_utcp && _utcp!="/") dm+=_utcp; p=_ur.indexOf(dm); if ((p>=0) && (p<=8)) { _ur="0"; } if (_ur.indexOf("[")==0 && _ur.lastIndexOf("]")==(_ur.length-1)) { _ur="-"; } } s+="&utmn="+_uu; if (_ufsc) s+=_uBInfo(); if (_uctm) s+=_uCInfo(); if (_utitle && _ubd.title && _ubd.title!="") s+="&utmdt="+_uES(_ubd.title); if (_udl.hostname && _udl.hostname!="") s+="&utmhn="+_uES(_udl.hostname); if (_usample && _usample != 100) s+="&utmsp="+_uES(_usample); s+="&utmhid="+_uGH(); s+="&utmr="+_ur; s+="&utmp="+pg; if ((_userv==0 || _userv==2) && _uSP()) { var i=new Image(1,1); i.src=_ugifpath+"?"+"utmwv="+_uwv+s; i.onload=function() { _uVoid(); } } if ((_userv==1 || _userv==2) && _uSP()) { var i2=new Image(1,1); i2.src=_ugifpath2+"?"+"utmwv="+_uwv+s+"&utmac="+_uacct+"&utmcc="+_uGCS(); i2.onload=function() { _uVoid(); } } return; } function _uVoid() { return; } function _uCInfo() { if (!_ucto || _ucto=="") { _ucto="15768000"; } if (!_uVG()) return; var c="",t="-",t2="-",t3="-",o=0,cs=0,cn=0,i=0,z="-",s=""; if (_uanchor && _udlh && _udlh!="") s=_udlh+"&"; s+=_udl.search; var x=new Date(_udt.getTime()+(_ucto*1000)); var dc=_ubd.cookie; x=" expires="+x.toGMTString()+";"; if (_ulink && !_ubl) { z=_uUES(_uGC(s,"__utmz=","&")); if (z!="-" && z.indexOf(";")==-1) { _ubd.cookie="__utmz="+z+"; path="+_utcp+";"+x+_udo; return ""; } } z=dc.indexOf("__utmz="+_udh+"."); if (z>-1) { z=_uGC(dc,"__utmz="+_udh+".",";"); } else { z="-"; } t=_uGC(s,_ucid+"=","&"); t2=_uGC(s,_ucsr+"=","&"); t3=_uGC(s,"gclid=","&"); if ((t!="-" && t!="") || (t2!="-" && t2!="") || (t3!="-" && t3!="")) { if (t!="-" && t!="") c+="utmcid="+_uEC(t); if (t2!="-" && t2!="") { if (c != "") c+="|"; c+="utmcsr="+_uEC(t2); } if (t3!="-" && t3!="") { if (c != "") c+="|"; c+="utmgclid="+_uEC(t3); } t=_uGC(s,_uccn+"=","&"); if (t!="-" && t!="") c+="|utmccn="+_uEC(t); else c+="|utmccn=(not+set)"; t=_uGC(s,_ucmd+"=","&"); if (t!="-" && t!="") c+="|utmcmd="+_uEC(t); else c+="|utmcmd=(not+set)"; t=_uGC(s,_uctr+"=","&"); if (t!="-" && t!="") c+="|utmctr="+_uEC(t); else { t=_uOrg(1); if (t!="-" && t!="") c+="|utmctr="+_uEC(t); } t=_uGC(s,_ucct+"=","&"); if (t!="-" && t!="") c+="|utmcct="+_uEC(t); t=_uGC(s,_ucno+"=","&"); if (t=="1") o=1; if (z!="-" && o==1) return ""; } if (c=="-" || c=="") { c=_uOrg(); if (z!="-" && _ufno==1) return ""; } if (c=="-" || c=="") { if (_ufns==1) c=_uRef(); if (z!="-" && _ufno==1) return ""; } if (c=="-" || c=="") { if (z=="-" && _ufns==1) { c="utmccn=(direct)|utmcsr=(direct)|utmcmd=(none)"; } if (c=="-" || c=="") return ""; } if (z!="-") { i=z.indexOf("."); if (i>-1) i=z.indexOf(".",i+1); if (i>-1) i=z.indexOf(".",i+1); if (i>-1) i=z.indexOf(".",i+1); t=z.substring(i+1,z.length); if (t.toLowerCase()==c.toLowerCase()) cs=1; t=z.substring(0,i); if ((i=t.lastIndexOf(".")) > -1) { t=t.substring(i+1,t.length); cn=(t*1); } } if (cs==0 || _ufns==1) { t=_uGC(dc,"__utma="+_udh+".",";"); if ((i=t.lastIndexOf(".")) > 9) { _uns=t.substring(i+1,t.length); _uns=(_uns*1); } cn++; if (_uns==0) _uns=1; _ubd.cookie="__utmz="+_udh+"."+_ust+"."+_uns+"."+cn+"."+c+"; path="+_utcp+"; "+x+_udo; } if (cs==0 || _ufns==1) return "&utmcn=1"; else return "&utmcr=1"; } function _uRef() { if (_ur=="0" || _ur=="" || _ur=="-") return ""; var i=0,h,k,n; if ((i=_ur.indexOf("://"))<0 || _uGCse()) return ""; h=_ur.substring(i+3,_ur.length); if (h.indexOf("/") > -1) { k=h.substring(h.indexOf("/"),h.length); if (k.indexOf("?") > -1) k=k.substring(0,k.indexOf("?")); h=h.substring(0,h.indexOf("/")); } h=h.toLowerCase(); n=h; if ((i=n.indexOf(":")) > -1) n=n.substring(0,i); for (var ii=0;ii<_uRno.length;ii++) { if ((i=n.indexOf(_uRno[ii].toLowerCase())) > -1 && n.length==(i+_uRno[ii].length)) { _ufno=1; break; } } if (h.indexOf("www.")==0) h=h.substring(4,h.length); return "utmccn=(referral)|utmcsr="+_uEC(h)+"|"+"utmcct="+_uEC(k)+"|utmcmd=referral"; } function _uOrg(t) { if (_ur=="0" || _ur=="" || _ur=="-") return ""; var i=0,h,k; if ((i=_ur.indexOf("://"))<0 || _uGCse()) return ""; h=_ur.substring(i+3,_ur.length); if (h.indexOf("/") > -1) { h=h.substring(0,h.indexOf("/")); } for (var ii=0;ii<_uOsr.length;ii++) { if (h.toLowerCase().indexOf(_uOsr[ii].toLowerCase()) > -1) { if ((i=_ur.indexOf("?"+_uOkw[ii]+"=")) > -1 || (i=_ur.indexOf("&"+_uOkw[ii]+"=")) > -1) { k=_ur.substring(i+_uOkw[ii].length+2,_ur.length); if ((i=k.indexOf("&")) > -1) k=k.substring(0,i); for (var yy=0;yy<_uOno.length;yy++) { if (_uOno[yy].toLowerCase()==k.toLowerCase()) { _ufno=1; break; } } if (t) return _uEC(k); else return "utmccn=(organic)|utmcsr="+_uEC(_uOsr[ii])+"|"+"utmctr="+_uEC(k)+"|utmcmd=organic"; } } } return ""; } function _uGCse() { var h,p; h=p=_ur.split("://")[1]; if(h.indexOf("/")>-1) { h=h.split("/")[0]; p=p.substring(p.indexOf("/")+1,p.length); } if(p.indexOf("?")>-1) { p=p.split("?")[0]; } if(h.toLowerCase().indexOf("google")>-1) { if(_ur.indexOf("?q=")>-1 || _ur.indexOf("&q=")>-1) { if (p.toLowerCase().indexOf("cse")>-1) { return true; } } } } function _uBInfo() { var sr="-",sc="-",ul="-",fl="-",cs="-",je=1; var n=navigator; if (self.screen) { sr=screen.width+"x"+screen.height; sc=screen.colorDepth+"-bit"; } else if (self.java) { var j=java.awt.Toolkit.getDefaultToolkit(); var s=j.getScreenSize(); sr=s.width+"x"+s.height; } if (n.language) { ul=n.language.toLowerCase(); } else if (n.browserLanguage) { ul=n.browserLanguage.toLowerCase(); } je=n.javaEnabled()?1:0; if (_uflash) fl=_uFlash(); if (_ubd.characterSet) cs=_uES(_ubd.characterSet); else if (_ubd.charset) cs=_uES(_ubd.charset); return "&utmcs="+cs+"&utmsr="+sr+"&utmsc="+sc+"&utmul="+ul+"&utmje="+je+"&utmfl="+fl; } function __utmSetTrans() { var e; if (_ubd.getElementById) e=_ubd.getElementById("utmtrans"); else if (_ubd.utmform && _ubd.utmform.utmtrans) e=_ubd.utmform.utmtrans; if (!e) return; var l=e.value.split("UTM:"); var i,i2,c; if (_userv==0 || _userv==2) i=new Array(); if (_userv==1 || _userv==2) { i2=new Array(); c=_uGCS(); } for (var ii=0;ii -1) { i2=l.indexOf(s,i); if (i2 < 0) { i2=l.length; } c=l.substring((i+i3),i2); } return c; } function _uDomain() { if (!_udn || _udn=="" || _udn=="none") { _udn=""; return 1; } if (_udn=="auto") { var d=_ubd.domain; if (d.substring(0,4)=="www.") { d=d.substring(4,d.length); } _udn=d; } _udn = _udn.toLowerCase(); if (_uhash=="off") return 1; return _uHash(_udn); } function _uHash(d) { if (!d || d=="") return 1; var h=0,g=0; for (var i=d.length-1;i>=0;i--) { var c=parseInt(d.charCodeAt(i)); h=((h << 6) & 0xfffffff) + c + (c << 14); if ((g=h & 0xfe00000)!=0) h=(h ^ (g >> 21)); } return h; } function _uFixA(c,s,t) { if (!c || c=="" || !s || s=="" || !t || t=="") return "-"; var a=_uGC(c,"__utma="+_udh+".",s); var lt=0,i=0; if ((i=a.lastIndexOf(".")) > 9) { _uns=a.substring(i+1,a.length); _uns=(_uns*1)+1; a=a.substring(0,i); if ((i=a.lastIndexOf(".")) > 7) { lt=a.substring(i+1,a.length); a=a.substring(0,i); } if ((i=a.lastIndexOf(".")) > 5) { a=a.substring(0,i); } a+="."+lt+"."+t+"."+_uns; } return a; } function _uTrim(s) { if (!s || s=="") return ""; while ((s.charAt(0)==' ') || (s.charAt(0)=='\n') || (s.charAt(0,1)=='\r')) s=s.substring(1,s.length); while ((s.charAt(s.length-1)==' ') || (s.charAt(s.length-1)=='\n') || (s.charAt(s.length-1)=='\r')) s=s.substring(0,s.length-1); return s; } function _uEC(s) { var n=""; if (!s || s=="") return ""; for (var i=0;i0) r=a.substring(i+1,i2); else return ""; if ((i=a.indexOf(".",i2+1))>0) t=a.substring(i2+1,i); else return ""; if (f) { return r; } else { var c=new Array('A','B','C','D','E','F','G','H','J','K','L','M','N','P','R','S','T','U','V','W','X','Y','Z','1','2','3','4','5','6','7','8','9'); return c[r>>28&m]+c[r>>23&m]+c[r>>18&m]+c[r>>13&m]+"-"+c[r>>8&m]+c[r>>3&m]+c[((r&7)<<2)+(t>>30&3)]+c[t>>25&m]+c[t>>20&m]+"-"+c[t>>15&m]+c[t>>10&m]+c[t>>5&m]+c[t&m]; } } function _uIN(n) { if (!n) return false; for (var i=0;i"9") && (c!=".")) return false; } return true; } function _uES(s,u) { if (typeof(encodeURIComponent) == 'function') { if (u) return encodeURI(s); else return encodeURIComponent(s); } else { return escape(s); } } function _uUES(s) { if (typeof(decodeURIComponent) == 'function') { return decodeURIComponent(s); } else { return unescape(s); } } function _uVG() { if((_udn.indexOf("www.google.") == 0 || _udn.indexOf(".google.") == 0 || _udn.indexOf("google.") == 0) && _utcp=='/' && _udn.indexOf("google.org")==-1) { return false; } return true; } function _uSP() { var s=100; if (_usample) s=_usample; if(s>=100 || s<=0) return true; return ((__utmVisitorCode(1)%10000)<(s*100)); } function urchinPathCopy(p){ var d=document,nx,tx,sx,i,c,cs,t,h,o; cs=new Array("a","b","c","v","x","z"); h=_uDomain(); if (_udn && _udn!="") o=" domain="+_udn+";"; nx=_uNx()+";"; tx=new Date(); tx.setTime(tx.getTime()+(_utimeout*1000)); tx=tx.toGMTString()+";"; sx=new Date(); sx.setTime(sx.getTime()+(_ucto*1000)); sx=sx.toGMTString()+";"; for (i=0;i<6;i++){ t=" expires="; if (i==1) t+=tx; else if (i==2) t=""; else if (i==5) t+=sx; else t+=nx; c=_uGC(d.cookie,"__utm"+cs[i]+"="+h,";"); if (c!="-") d.cookie="__utm"+cs[i]+"="+c+"; path="+p+";"+t+o; } } function _uCO() { if (!_utk || _utk=="" || _utk.length<10) return; var d='www.google.com'; if (_utk.charAt(0)=='!') d='analytics.corp.google.com'; _ubd.cookie="GASO="+_utk+"; path="+_utcp+";"+_udo; var sc=document.createElement('script'); sc.type='text/javascript'; sc.id="_gasojs"; sc.src='https://'+d+'/analytics/reporting/overlay_js?gaso='+_utk+'&'+Math.random(); document.getElementsByTagName('head')[0].appendChild(sc); } function _uGT() { var h=location.hash, a; if (h && h!="" && h.indexOf("#gaso=")==0) { a=_uGC(h,"gaso=","&"); } else { a=_uGC(_ubd.cookie,"GASO=",";"); } return a; } var _utk=_uGT(); if (_utk && _utk!="" && _utk.length>10 && _utk.indexOf("=")==-1) { if (window.addEventListener) { window.addEventListener('load', _uCO, false); } else if (window.attachEvent) { window.attachEvent('onload', _uCO); } } function _uNx() { return (new Date((new Date()).getTime()+63072000000)).toGMTString(); }