@charset "EUC-JP"; /* --------------------------------------------------------------------- Stylesheet for Buzzurl FileName: common.css --------------------------------------------------------------------- */ /* base */ body, div, form, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, select, option, textarea {margin: 0; padding: 0;} body, td {font: 13px/1em "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; color: #333;} img {border: 0;} ul, li {list-style-type: none;} input, textarea, select {font-size: 13px;} /* anchor - normal */ a:link, a:visited {color: #07A; text-decoration: none;} a:active, a:hover {color: #D60; text-decoration: underline;} /* general layout */ #contents {background: #FFF; padding: 0px 0 49px 0;} /* header */ #header {background: #FFF;} #header .tagline {background: #F7F7F7; border-bottom: solid 1px #E5E5E5;} #header .tagline p {margin-left: 10px; padding: 3px 0 2px 0 !important; padding: 3px 0 4px 0; font-size: 10px; letter-spacing: 1px;} #header h1 {position: absolute; top: 7px; left: 0px; width: 197px; height: 43px;} #header .logo {position: absolute; top: 7px; left: 0px; width: 197px; height: 43px;} #header .body {margin-left: 10px; position: relative; padding: 8px 0;} #header .search form, #header .search ul {width: 463px; margin: 0 0 0 250px; white-space: nowrap;} #header .search li {width: 60px; font-size: 10px; letter-spacing: 1px; float: left; display: inline; margin-right: 3px; text-align:center; } #header .search li a {display: block; width: 6em; padding-bottom: 3px;} #header .search li span {display: block; border: solid 1px #B3B3B3; padding: 2px 0 0 0 !important; padding: 1px 0;} #header .search li a:link, #header .search li a:visited {color: #333;} #header .search li a:hover, #header .search li a:active {color: #FFF; background: url(/static/image/common/head_search_arrow.gif) bottom no-repeat; text-decoration: none;} #header .search li a:hover span, #header .search li a:active span {border: solid 1px #D14641; background: #D14641;} #header .search li a.active:link, #header .search li a.active:visited {color: #FFF; background: url(/static/image/common/head_search_arrow.gif) bottom no-repeat;} #header .search li a.active:link span, #header .search li a.active:visited span {border: solid 1px #D14641; background: #D14641;} #header .search p {text-align: left; height:1.5em; } #header .search input {border: solid 1px #A5ACB2; background: #F7F7F7; width: 375px; margin-right: 4px;} #header .search select, #header .search input, #header .search img {vertical-align: middle;} #header .search #powered_by_y{ text-align:right; padding-right:30px;} #header #search_box form.csssp a.submit img { background: url(/static/image/sprite/button.gif) 0px -30px no-repeat; } #header #search_box form.csssp a.submit:hover img { background-position: 0px -696px; } #header #search_box form.csssp p { padding-bottom:15px; } #header #search_box #form_web form.csssp p { background:url(/static/image/search/horiz_pwrlogo_red.gif) bottom right no-repeat; } #header .submenu2 {font-size: 0; text-align: right; position: absolute; top: -17px; right: 10px;} #header .submenu2 li { float:left; } #header .submenu2 li a { height:12px; display:block;background: url(/static/image/sprite/buzzurl_common.gif) no-repeat; } #header .submenu2 li span { display: none; } #header .submenu2 li#submenu_entry a {width:105px; background-position: 0px -481px ; } #header .submenu2 li#submenu_login a {width:52px; background-position: 0px -154px ; } #header .submenu2 li#submenu_logoff a {width:40px; background-position: 0px -112px ; } #header .submenu2 li#submenu_help a {width:63px; background-position: 0px -439px ; } #header .submenu2 li#submenu_beginner a {width:61px; background-position: 0px -355px ; } #header .submenu2 li#submenu_entry a:hover { background-position: 0px -70px ; } #header .submenu2 li#submenu_login a:hover { background-position: 0px -196px; } #header .submenu2 li#submenu_logoff a:hover { background-position: 0px -238px; } #header .submenu2 li#submenu_help a:hover { background-position: 0px -397px; } #header .submenu2 li#submenu_beginner a:hover { background-position: 0px -280px ; } /* navigation */ #navi {border-bottom: solid 1px #EDEDED; width: 100%; background: #BC312B url(/static/image/common/navi_bg.gif) 0 0 repeat-x; position: relative;} #navi ul {width: 300px; height: 1.5em; background: url(/static/image/common/navi_bg_lin.gif) 0 0 no-repeat; margin-left: 10px; padding-left: 1px;} #navi li {float: left;} #navi li a {display: block; width: 102px; text-align: center; padding: 3px 0 4px 0 !important; padding: 5px 0 3px 0; font-weight: bold; color: #FFF;} #navi li a:hover {background: #A8211D url(/static/image/common/navi_bg_on.gif) 0 0 repeat-x; text-decoration: none;} #navi p {width: 400px; position: absolute; top: 5px !important; top: 3px; right: 10px; text-align: right; color: #FFF; font-size: 10px; letter-spacing: 1px;} #navi p span {background: url(/static/image/sprite/button.gif) 0 -243px no-repeat; padding: 2px 2px 2px 12px;} #navi p span span {padding: 0 3px; background: none;} #navi p span a {color: #FFF; text-decoration: underline;} /* topic path */ #topic_path {color: #999; font-size: 10px; margin: 7px 0 10px 10px;} #topic_path a {color: #404040; text-decoration: underline;} #topic_path a:hover {color: #D60; text-decoration: underline;} /* footer */ #footer {border-top: solid 6px #DCDCDC; position: relative;} #footer .pagetop {text-align: right; position: absolute; top: -24px !important; top: -18px; right: 10px;} #footer ul {text-align: center; margin-top: 8px;} #footer li {font-size: 10px; letter-spacing: 1px; background: url(/static/image/sprite/button.gif) 0 -1251px no-repeat; padding: 0 15px 0 11px; display: inline;} #footer .copyright {text-align: center; margin: 15px 0;} /* etc */ .clear {clear: both; width: 1px; height: 1px; font-size: 1px; overflow: hidden; margin: 0; padding: 0;} .page_list {text-align: center; margin-top: 45px;} .page_list p {display: inline;} .page_list .prev, .page_list .next, .page_list .num {text-align: center; line-height: 30px; font-weight: bold;} .page_list .prev a {text-decoration: none; margin-right: 15px; padding: 4px 4px 4px 20px !important; padding: 5px 4px 4px 20px; background: #2D7FA2 url(/static/image/common/prev_bg.gif) 0 no-repeat; color: #FFF; text-align: right;} .page_list .next a {text-decoration: none; margin-left: 15px; padding: 4px 20px 4px 4px !important; padding: 5px 20px 4px 4px; background: #2D7FA2 url(/static/image/common/next_bg.gif) right no-repeat; color: #FFF; text-align: left;} .page_list .prev a:hover, .page_list .next a:hover {text-decoration: underline;} .page_list .num a {text-decoration: none; margin: 0 2px; padding: 3px 4px; color: #2D7FA2; border: solid 1px #2D7FA2;} .page_list .num a:hover {background: #2D7FA2; color: #FFF;} .page_list .num span {margin: 0 2px; padding: 3px 4px; border: solid 1px #2D7FA2; background: #2D7FA2; color: #FFF;} /* top page */ /* #toppage ¶¦ÄÌ */ #toppage .more a:link, #toppage .more a:visited {color: #404040; text-decoration: none;} #toppage .more a:active, #toppage .more a:hover {color: #D60; text-decoration: underline;} #toppage #main .more {text-align: right; margin-top: 7px;} #toppage #main .more a {padding-left: 15px; background: url(/static/image/sprite/button.gif) 0 -1211px no-repeat;} #toppage #side .more {text-align: right; font-size: 10px; letter-spacing: 1px; padding-top: 2px; border-top: dashed 1px #B3B3B3;} #toppage #side .more a {padding-left: 13px; background: url(/static/image/sprite/button.gif) 0 -493px no-repeat;} #toppage .user a:link, #toppage .user a:visited {color: #999; text-decoration: underline; font-size:13px;} #toppage .user a:active, #toppage .user a:hover {color: #404040; text-decoration: underline; font-size:13px;} #toppage .user {font-size: 10px; color: #999; float: left; } #toppage .user img {border: solid 1px #CCC; position: relative; top: 7px; height:20px;} #toppage #main .ttl {background: url(/static/image/top/main_ttl.gif) repeat-x;} #toppage #main .ttl div {height: 36px; background: url(/static/image/top/main_ttl_left.gif) no-repeat; position: relative;} #toppage #main .ttl h2 {position: absolute; top: 11px; left: 13px;} #toppage #side .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px;} #toppage #side .ttl h3 {font-size: 13px; color: #404040;} #toppage #main .userinfo {width: 53px; float: left; margin-top: 8px;} #toppage #main .userinfo .num a {display: block; width: 48px; height: 25px; text-align: center; background: url(/static/image/sprite/button.gif) 0 -1457px no-repeat; font-weight: bold; font-size: 14px;} #toppage #main .userinfo .num a:link, #toppage #main .userinfo .num a:visited {color: #404040; text-decoration: none;} #toppage #main .userinfo .num a:active, #toppage #main .userinfo .num a:hover {color: #D60; text-decoration: underline;} #toppage #main .userinfo .num span {display: block; padding-top: 2px;} #toppage #main .userinfo .num span {display: block; padding-top: 2px; background: url(/static/image/sprite/button.gif) 0 -1457px no-repeat;} #toppage #main .userinfo .num span span {display: block; padding: 0; background: none;} #toppage #main .userinfo .num span span img {margin: 1px 0;} #toppage #main .userinfo .add {padding-top: 1px;} #toppage #main .userinfo .add a img { background: url(/static/image/sprite/button.gif) 0 -163px no-repeat; width:47px; height:11px; } #toppage #main .userinfo .add a:hover img { background-position: 0 -834px; } #toppage #main .userinfo .count {font-size: 10px; text-align: center; margin: 1px 5px 0 0;} #toppage #main .userinfo .count a {color: #D2312A; display: block; width: 47px; background: #EDEDED url(/static/image/common/bg_count.gif) top no-repeat; line-height: 11px;} #toppage #main .userinfo .count span {display: block; background: url(/static/image/common/bg_count.gif) bottom no-repeat;} #toppage #main .userinfo .count a:hover {background-color: #DEDEDE;} #toppage #main .new_win {position: relative; clear: both;} #toppage #main .new_win p {position: absolute; top: -37px; right: 5px !important; right: 15px;} #toppage #main .new_win a img {width: 43px; height: 11px;} #toppage #main .new_win a:link img {background: url(/static/image/sprite/button.gif) 0 -793px no-repeat;} #toppage #main .new_win a:visited img {background: url(/static/image/sprite/button.gif) 0 -1127px no-repeat;} #toppage #main .new_win_mini {width: 23px; float: left;} #toppage #main .new_win_mini a img {width: 12px; height: 11px; position: relative; top: 1px; margin-left: 3px;} #toppage #main .new_win_mini a:link img {background: url(/static/image/sprite/button.gif) 0 -204px no-repeat;} #toppage #main .new_win_mini a:visited img {background: url(/static/image/sprite/button.gif) 0 -875px no-repeat;} /* #toppage ¸ÄÊÌ */ #toppage #main .graphic {background: url(/static/image/top/top_graphic_right.gif) right no-repeat; padding-right: 2px; margin-bottom: 15px;} #toppage #main .graphic .body {height: 200px; background: url(/static/image/top/top_graphic_left.gif) no-repeat; position: relative;} #toppage #main .graphic h2 {color: #FFF; font-size: 20px; line-height: 1.3em; text-align: center; padding-top: 7px;} #toppage #main .graphic .lead {font-size: 10px; letter-spacing: 1px; color: #593203; line-height: 1.3em; text-align: center; margin-top: 3px;} #toppage #main .graphic .merit {text-align: center; padding: 5px 180px 0 30px;} #toppage #main .graphic .merit img {margin-left: 40px;} #toppage #main .graphic .btn {position: absolute; right: 8px; bottom: 10px;} #toppage #main .new_arrival {margin-top: 10px;} #toppage #main .new_arrival .ttl p {position: absolute; top: 9px; right: 9px;} #toppage #main .new_arrival ul {margin-left: 5px;} #toppage #main .new_arrival li {margin-top: 10px;} #toppage #main .new_arrival .txt {font-weight: bold; width: 400px; float: left;} #toppage #main .new_arrival .user { margin-top: -12px;} #toppage #main .marketing h2 {margin-top: 6px; padding-left: 11px; font-size: 12px;} #toppage #main .marketing h2 {background: transparent url(/static/image/top/news_h4_bg.gif) no-repeat scroll 3px 50%;} #toppage #main .marketing {margin-top: 10px;} #toppage #main .marketing ul {margin-left: 5px;} #toppage #main .marketing li {margin-top: 10px;} #toppage #main .marketing .txt {font-weight: bold; width: 400px; float: left;} #toppage #main .marketing .user { margin-top: -12px;} #toppage #main .popular_entry {margin-top: 10px;} #toppage #main .popular_entry .ttl p {text-align: right; color: #666; position: absolute; top: 13px; right: 9px;} #toppage #main .popular_entry .ttl span {color: #CCC;} #toppage #main .popular_entry ul {margin-left: 5px; padding-top: 2px;} #toppage #main .popular_entry .detail {float: left; margin: 7px 70px 0 0; display:inline; width:530px; } #toppage #main .popular_entry .detail .txt {font-weight: bold;} #toppage #main .popular_entry .detail .user {margin-top:4px;} #toppage #main .movie {margin-top: 10px;} #toppage #main .movie .ttl p {text-align: right; color: #666; position: absolute; top: 13px; right: 9px;} #toppage #main .movie .ttl span {color: #CCC;} #toppage #main .movie .body {text-align: center;} #toppage #main .movie ul {margin: 8px auto 0 auto !important; margin: 8px 0 0 0; width: 576px; text-align: left;} #toppage #main .movie li {width: 139px; float: left; margin-right: 5px; display: inline; background: #EBEBEB;} #toppage #main .movie .txt {font-size: 10px; margin: 4px 0 4px 5px;} #toppage #main .movie .ss {text-align: center; height: 104px; padding-top: 1px;} #toppage #main .movie .ss img {border: solid 1px #FFF;} #toppage #main .movie .ss span {border: solid 1px #A6A6A6; display: table; margin: 0 auto;} #toppage #main .movie .icon {width: 16px; float: left; display: inline; margin: 4px 0 2px 8px;} #toppage #main .movie .time {width: 60px; float: left; text-align: center; margin-top: 4px; font-size: 10px; color: #737373;} #toppage #main .movie .add {width: 47px; float: left; margin-top: 6px;} #toppage #main .information {text-align: center;} #toppage #main .information .body {width: 610px; margin: 13px auto 0 auto; text-align: left;} #toppage #main .more_buzzurl {border-top: solid 6px #DCDCDC; margin-bottom:15px; } #toppage #main .more_buzzurl h4 {font-size: 13px; color: #414141;} #toppage #main .more_buzzurl div {background: #F5F5F5; border: solid 1px #EBEBEB; border-top: none; padding: 7px 6px 6px 6px;} #toppage #main .more_buzzurl li {margin-top: 6px; line-height: 1em; font-weight: bold; background: url(/static/image/sprite/button.gif) 0 -1251px no-repeat; padding-left: 11px;} #toppage #main .more_buzzurl .new_item a { padding-right:30px; background:url(/static/image/common/ico_new.gif) right center no-repeat; } #toppage #main .more_buzzurl .new_item a:visited { padding-left:0px; background:none; } #toppage #main .timeline { margin-top: 10px; } #toppage #main .timeline ul { margin-left: 5px; padding-top: 2px; } #toppage #main .timeline li { margin-top: 18px !important; position: relative; width: 100%; } #toppage #main .timeline .userinfo { margin-top: 0px; left: 0px; position: absolute; top: 2px; width: 48px; } #toppage #main .timeline .detail { margin-left: 53px; } #toppage #main .timeline .detail .txt_ttl { font-weight: bold; line-height: 1.2em; margin-right: 60px; } #toppage #main .timeline .new_win { position: absolute; right: 5px; top: 3px; } #toppage #main .timeline .new_win p { position: relative; right: 0; top: 0; } #toppage #side .beginner {margin: 3px 0 10px 0;} #toppage #side .afpbb {width: 260px;} #toppage #side .afpbb .ttl h3 .powered_by a:link, #toppage #side .afpbb .ttl h3 .powered_by a:visited { color:#07A; } #toppage #side .afpbb td {width:60px;vertical-align:top;background-color:#EBEBEB;padding-top:2px;} #toppage #side .afpbb td a {border:solid 1px #A6A6A6; display:table; border-collapse:collapse;border-spacing:0; } #toppage #side .afpbb td a img {width:56px; vertical-align:middle; border:solid 1px #FFF;} #toppage #side .buzzurl_info {border-top: solid 6px #DCDCDC; margin-bottom:10px;} #toppage #side .buzzurl_info div {background: #F5F5F5; border: solid 1px #EBEBEB; border-top: none; padding: 7px 6px 6px 6px;} #toppage #side .buzzurl_info h4 {font-size: 13px; color: #414141;} #toppage #side .buzzurl_info li {margin-top: 6px;} #toppage #side .buzzurl_info .date {font-size: 10px; color: #414141; background: url(/static/image/sprite/button.gif) 0 -1251px no-repeat; padding-left: 11px;} #toppage #side .buzzurl_info .txt {padding: 1px 0 0 11px; line-height: 1.3em;} #toppage #side .c_menu {width: 260px;} #toppage #side .c_menu ul {margin: 5px 0 0 8px;} #toppage #side .c_menu li {background: url(/static/image/common/ico_c_menu_arrow.gif) 0 .3em no-repeat; padding: 0 0 2px 13px; line-height: 1.2em;} #toppage #main .tag .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px;} #toppage #main .tag .ttl div {position: relative; background:url(); height:13px;} #toppage #main .tag .ttl h3 {font-size: 13px; color: #404040;} #toppage #main .tag .ttl h3 span {font-weight: normal; padding-left: 15px;} #toppage #main .tag .ttl p {text-align: right; color: #666; position: absolute; top: 2px; right: 10px;} #toppage #main .tag .ttl span {color: #CCC;} #toppage #side .tag {margin-top: 10px; width: 260px;} #toppage #side .tag .keyword {font-weight: bold; line-height: 1.3em; padding: 2px 0 4px 0;} #toppage #side .tag .keyword a:link, #toppage #side .tag .keyword a:visited {color: #8DBED3;} #toppage #side .tag .keyword a:active, #toppage #side .tag .keyword a:hover {color: #D60 !important; text-decoration: underline;} #toppage #side .mobile {margin-top: 10px; width: 260px;} #toppage #side .mobile p {text-align: center; margin-top: 8px;} #toppage #side .mobile .txt {margin: 8px 0;} #toppage #side .mobile .more {text-align:right;} #toppage #side .mobile .body {text-align: left; margin-top: 8px;} #toppage #side .mobile .body img {float: left; margin-right: 5px;} #toppage #side .mobile .body p {text-align: left;} #toppage #side .news_link {margin-top: 10px; width: 260px;} #toppage #side .news_link table {margin: 7px 5px 2px 5px;} #toppage #side .news_link th, #toppage #side .news_link td {padding-bottom: 3px;} #toppage #side .news_link th img {margin-right: 5px;} #toppage #side .news_link td {line-height: 1.4em;} #toppage #side .news_link .notes {font-size: 10px; letter-spacing: 1px; text-align: center; border-top: dashed 1px #B3B3B3;} #toppage #side .news_link .notes img {position: relative; top: 4px; margin-right: 3px;} #toppage #side .news_link h4 {margin-top: 6px; padding-left: 11px; font-size: 12px;} #toppage #side .news_link h4 {background: transparent url(/static/image/top/news_h4_bg.gif) no-repeat scroll 3px 50%;} #toppage #main .entries .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px;} #toppage #main .entries .ttl div {position: relative; background:url(); height:13px;} #toppage #main .entries .ttl h3 {font-size: 13px; color: #404040;} #toppage #main .entries .ttl h3 span {font-weight: normal; padding-left: 15px;} #toppage #main .entries .ttl p {text-align: right; color: #666; position: absolute; top: 2px; right: 10px;} #toppage #main .entries .ttl span {color: #CCC;} #toppage #main .entries ul {margin-left: 5px; padding-top: 2px;} #toppage #main .entries .detail {float: left; margin: 7px 70px 0 0; display:inline; width:530px; } #toppage #main .entries .detail .txt {font-weight: bold;} #toppage #main .entries .detail .user {margin-top: -4px;} #toppage #main .entries .title {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px;} #toppage #main .entries .title div {position: relative;} #toppage #main .entries .title h3 {font-size: 13px; color: #404040;} #toppage #main .entries .title h3 span {font-weight: normal; padding-left: 15px;} #toppage #main .entries .title p {text-align: right; color: #666; position: absolute; top: 2px; right: 10px;} #toppage #main .entries .title span {color: #CCC;} /* my page */ #mypage #side { width: 220px; float: left; } #mypage #wrapper { width: 700px; float:right; } #mypage #main { margin: 0;} #mypage #main .txt_ttl { word-wrap: break-word; } #mypage ol.month { width:350px; } #mypage li.day { float:left; width:50px; } #mypage .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px;} #mypage .ttl h3 {font-size: 13px; color: #404040;} #mypage .ttl h3 a:link, #mypage .ttl h3 a:visited {color: #404040; text-decoration: none;} #mypage .ttl h3 a:active, #mypage .ttl h3 a:hover {color: #404040; text-decoration: underline;} #mypage #main .tag .keyword {font-weight: bold; line-height: 1.3em; padding: 2px 0 4px 0;} #mypage #main .tag .keyword a:link, #mypage #main .tag .keyword a:visited {color: #8DBED3;} #mypage #main .tag .keyword a:active, #mypage #main .tag .keyword a:hover {color: #D60 !important; text-decoration: underline;} #mypage #main .tag .keyword a.huge { color: #069; font-size:33px; line-height:0.9;} #mypage #main .tag .keyword a.very_much { color: #07A; font-size:33px; line-height:0.9;} #mypage #main .tag .keyword a.much { color: #07A; font-size:23px; line-height:0.9;} #mypage #main .tag .keyword a { letter-spacing:-0.1em; } #mypage #main .tag .keyword { line-height: 0.9; } #mypage #main .tab {margin-top: 10px;} #mypage #main .tab h2 {font-size: 15px; background: url(/static/image/user/my_tab_ttl.gif) 4px 0 no-repeat; padding: 2px 0 2px 14px;} #mypage #main .tab .bg {background: url(/static/image/user/my_tab_bg.gif) no-repeat; margin-top: 3px;} #mypage #main .tab .bg .body {background: url(/static/image/user/my_tab_bg_right.gif) 0 0 no-repeat; height: 35px;} #mypage #main .tab ul {padding: 9px 0 0 4px;} #mypage #main .tab li {width: 112px; float: left; display: inline; margin-left: 3px; text-align: center; font-weight: bold;} #mypage #main .tab li a {width: 112px; height: 26px; display: block; background: url(/static/image/user/my_tab_normal.gif) no-repeat; color: #333;} #mypage #main .tab li a:hover {background: url(/static/image/user/my_tab_active.gif) no-repeat; color: #BD312B; text-decoration: none;} #mypage #main .tab li p {width: 112px; height: 26px; display: block; background: url(/static/image/user/my_tab_active.gif) no-repeat; color: #BD312B;} #mypage #main .tab li span {display: block; padding-top: 8px;} #mypage #main .tab li.small {font-size: 10px;} #mypage #main .entry_list .list_header {position: relative; padding: 7px 0; border-bottom: solid 1px #E5E5E5; width: 100%;} #mypage #main .entry_list .list_header h3 {font-weight: normal; font-size: 13px; color: #404040; padding-left: 5px;} #mypage #main .entry_list .list_header p {font-size: 10px; letter-spacing: 1px; text-align: right; position: absolute; right: 5px; top: 3px;} #mypage #main .entry_list .list_header p a:link, #mypage #main .entry_list .list_header p a:visited {color: #404040;} #mypage #main .entry_list .list_header p a:active, #mypage #main .entry_list .list_header p a:hover {color: #404040; text-decoration: underline;} #mypage #main .entry_list .list_header p a img {position: relative; top: 3px;} #mypage #main .entry_list .list_header .sub_menu {text-align:right;} #mypage #main .entry_list .list_header .sub_menu .curr { color:#000; font-weight:bold; } #mypage #main .entry_list ul {margin-left: 5px;} #mypage #main .entry_list li {margin-top: 18px !important; margin-top: 13px; position: relative; width: 100%;} #mypage #main .entry_list .userinfo {width: 48px; position: absolute; top: 2px; left: 0px;} #mypage #main .entry_list .userinfo .num a {display: block; width: 48px; height: 25px; text-align: center; background: url(/static/image/sprite/button.gif) 0 -1457px no-repeat; font-weight: bold; font-size: 14px;} #mypage #main .entry_list .userinfo .num a:link, #mypage #main .entry_list .userinfo .num a:visited {color: #404040; text-decoration: none;} #mypage #main .entry_list .userinfo .num a:active, #mypage #main .entry_list .userinfo .num a:hover {color: #D60; text-decoration: underline;} #mypage #main .entry_list .userinfo .num span {display: block; padding-top: 2px;} #mypage #main .entry_list .userinfo .add {padding-top: 1px;} #mypage #main .entry_list .userinfo .add a img { background: url(/static/image/sprite/button.gif) 0 -163px no-repeat; width:47px; height:11px; } #mypage #main .entry_list .userinfo .add a:hover img { background-position: 0 -834px; } #mypage #main .entry_list .userinfo .delete {padding-top: 2px;} #mypage #main .entry_list .userinfo .delete a img { background: url(/static/image/sprite/button.gif) 0 -122px no-repeat; width:47px; height:11px; } #mypage #main .entry_list .userinfo .delete a:hover img { background-position: 0 -916px; } #mypage #main .entry_list .userinfo .count {font-size: 10px; text-align: center; margin: 1px 5px 0 0;} #mypage #main .entry_list .userinfo .count a {color: #D2312A; display: block; width: 47px; background: #EDEDED url(/static/image/common/bg_count.gif) top no-repeat; line-height: 11px;} #mypage #main .entry_list .userinfo .count span {display: block; background: url(/static/image/common/bg_count.gif) bottom no-repeat;} #mypage #main .entry_list .userinfo .count a:hover {background-color: #DEDEDE;} #mypage #main .entry_list .detail {margin-left: 53px;} #mypage #main .entry_list .detail .txt_ttl {font-weight: bold; line-height: 1.2em; margin-right: 60px;} #mypage #main .entry_list .detail .txt_ttl span {font-size: 10px; color: #999; font-weight: normal;} #mypage #main .entry_list .detail .txt_ttl span a:link, #mypage #main .entry_list .detail .txt_ttl span a:visited {color: #999; text-decoration: underline;} #mypage #main .entry_list .detail .txt_ttl span a:active, #mypage #main .entry_list .detail .txt_ttl span a:hover {color: #404040; text-decoration: underline;} #mypage #main .entry_list .balloon {position: relative; margin: 5px 0 0 42px;} #mypage #main .entry_list .pic {position: absolute; top: 0; left: -42px; width: 42px; text-align: center;} #mypage #main .entry_list .pic img {border: solid 1px #CCC; margin-right: 10px; width:30px; } #mypage #main .entry_list .balloon .c_head {background: url(/static/image/common/balloon_bg_t.gif) 0 0 repeat-x; height: 2px; text-align: right; position: relative;} #mypage #main .entry_list .balloon .c_head img.left {width: 7px; height: 15px; position: absolute; left: -5px;} #mypage #main .entry_list .balloon .c_fot {background: url(/static/image/common/balloon_bg_b.gif) 0 0 repeat-x; height: 2px; position: relative; margin: 0 2px;} #mypage #main .entry_list .balloon .c_fot img.left {width: 7px; height: 2px; position: absolute; top: 0; left: -7px !important; left: -5px;} #mypage #main .entry_list .balloon .c_fot img.right {width: 2px; height: 2px; position: absolute; top: 0; right: -2px !important; right: -1px;} #mypage #main .entry_list .balloon .comment {background: #FFF; padding: 4px 8px; border-right: solid 1px #D9D9D9; border-left: solid 1px #D9D9D9;} #mypage #main .entry_list .balloon .comment p {line-height: 1.3em; margin-right: 40px;} #mypage #main .entry_list .balloon .comment .tag {color: #A6A6A6;} #mypage #main .entry_list .balloon .comment .edit {text-align: right; position: absolute; top: 9px; right: 8px; margin: 0;} #mypage #main .entry_list .balloon .comment .edit a img { background: url(/static/image/sprite/button.gif) 0 -80px no-repeat; width:35px; height:12px; } #mypage #main .entry_list .balloon .comment .edit a:hover img { background-position: 0 -1415px; } #mypage #main .entry_list .balloon .secret {background: url(/static/image/user/secret.png) no-repeat 99% 100%;} #mypage #main .entry_list .new_win {position: absolute; top: 3px; right: 5px;} #mypage #main .entry_list .new_win a img {width: 43px; height: 11px;} #mypage #main .entry_list .new_win a:link img {background: url(/static/image/sprite/button.gif) 0 -793px no-repeat;} #mypage #main .entry_list .new_win a:visited img {background: url(/static/image/sprite/button.gif) 0 -1127px no-repeat;} #mypage #main .entry_list .comment .permalink {font-size: 10px; color: #999; font-weight: normal;} #mypage #main .entry_list .comment .permalink a:link, #mypage #main .entry_list .comment .permalink a:visited {color: #999; text-decoration: underline;} #mypage #main .entry_list .comment .permalink a:active, #mypage #main .entry_list .comment .permalink a:hover {color: #404040; text-decoration: underline;} #mypage #main .relation .ttl h3 span {font-weight: normal; padding-left: 15px;} #mypage #main .relation ul {margin-left: 5px;} #mypage #main .relation li {margin-top: 13px; position: relative; width: 100%;} #mypage #main .relation .num {position: absolute; top: 0; left: 0;} #mypage #main .relation .num a {display: block; width: 48px; height: 25px; text-align: center; background: url(/static/image/sprite/button.gif) 0 -1457px no-repeat; font-weight: bold; font-size: 14px;} #mypage #main .relation .num a:link, #mypage #main .relation .num a:visited {color: #404040; text-decoration: none;} #mypage #main .relation .num a:active, #mypage #main .relation .num a:hover {color: #D60; text-decoration: underline;} #mypage #main .relation .num span {display: block; padding-top: 2px;} #mypage #main .relation .detail {margin-left: 53px;} #mypage #main .relation .detail .txt {font-weight: bold; line-height: 1.2em; margin-right: 60px;} #mypage #main .relation .detail .txt span {font-size: 10px; color: #999; font-weight: normal;} #mypage #main .relation .detail .txt span a:link, #mypage #main .relation .detail .txt span a:visited {color: #999; text-decoration: underline;} #mypage #main .relation .detail .txt span a:active, #mypage #main .relation .detail .txt span a:hover {color: #404040; text-decoration: underline;} #mypage #main .relation .detail .origin {background: url(/static/image/user/my_bg_origin.gif) 15px .4em no-repeat; font-size: 10px; letter-spacing: 1px; padding-left: 25px; margin-top: 2px;} #mypage #main .relation .detail .origin span {color: #737373; padding-right: 7px;} #mypage #main .fav_list {text-align: center;} #mypage #main .fav_list .ttl h3 {text-align:left;} #mypage #main .fav_list .ttl h3 span {font-weight: normal; padding-left: 15px;} #mypage #main .fav_list .area {width: 100%; text-align: center;} #mypage #main .fav_list ul {text-align: left; width: 650px; margin: 0 auto !important; margin: 0;} #mypage #main .fav_list li {width: 210px; float: left; margin: 10px 0 0 10px; display: inline;} #mypage #main .fav_list li.st {margin: 10px 0 0 0;} #mypage #main .fav_list ul ul {margin: 0; width: auto;} #mypage #main .fav_list li li {width: 135px; float: none; display: block; margin: 0;} #mypage #main .fav_list .body {border: solid 1px #EBEBEB; background: #F5F5F5;} #mypage #main .fav_list .ss {width: 52px; height: 52px; text-align: center; float: left; display: inline; margin: 7px 0 0 7px;} #mypage #main .fav_list .ss img {border: solid 1px #CCC;} #mypage #main .fav_list .detail {width: 135px; float: right; display: inline; margin: 7px 7px 0 0;} #mypage #main .fav_list .detail h4 {font-size: 15px;} #mypage #main .fav_list .detail h4 span {font-size: 10px; font-weight: normal;} #mypage #main .fav_list .detail ul {padding: 2px 0 0 0 !important; padding: 6px 0 0 0;} #mypage #main .fav_list .detail li {font-size: 10px; padding-left: 13px; background: url(/static/image/sprite/button.gif) 0 -493px no-repeat; margin: 3px 0 0 0;} #mypage #main .fav_list .detail li a {color: #333;} #mypage #main .fav_list .detail li a:hover {text-decoration: underline;} #mypage #main .fav_list .rank {width: 135px; float: left; margin: 5px 0 6px 7px; display: inline; font-size: 10px; color: #CC1912;} #mypage #main .fav_list .rank span {display: block; padding-left: 15px; background: url(/static/image/common/ico_rank_1.gif) 0 3px no-repeat;} #mypage #main .fav_list .btn {width: 56px; float: right; margin: 5px 7px 6px 0; display: inline;} #mypage #side .profile {border: solid 1px #EBEBEB; background: #F5F5F5;} #mypage #side .profile .body {margin: 6px; padding: 10px 6px; text-align: center; background: #FFF;} #mypage #side .profile .pic {margin: 0 auto; width: 102px;} #mypage #side .profile .pic img {text-align: center; width: 102px; border: solid 1px #CCC;} #mypage #side .profile h2 {font-size: 16px; color: #BD312B; margin-top: 8px;} #mypage #side .profile h2 span {font-size: 10px; font-weight: normal; padding-left: 5px;} #mypage #side .profile h2 a {color: #BD312B;} #mypage #side .profile h2 a:hover {text-decoration: underline;} #mypage #side .profile ul {padding-top: 6px;} #mypage #side .profile li {border-bottom: solid 1px #D4D4D4; padding: 0 4px; text-align: left; margin-top: 10px;} #mypage #side .profile li h4 {font-size: 13px; width: 100px; float: left; line-height: 14px;} #mypage #side .profile li p {width: 80px; float: right; text-align: right;} #mypage #side .profile li a {color: #333;} #mypage #side .profile li a:hover {text-decoration: underline;} #mypage #side .profile .rank span { font-weight: bold; font-size: 16px; padding-right: 2px;} #mypage #side .profile .rank img { vertical-align:middle; } #mypage #side .profile .pv span {font-size: 10px; padding-left: 2px;} #mypage #side .profile .website {text-align: right; font-size: 10px; padding-top: 8px;} #mypage #side .profile .website a {padding: 0 2px 0 13px; background: url(/static/image/sprite/button.gif) 0 -493px no-repeat;} #mypage #side .profile .rank_up { color:red; font-size:xx-small; } #mypage #side .profile .rank_down { color:blue; font-size:xx-small; } #mypage #side .profile .bio_balloon {text-align:center; margin-top: 10px;} #mypage #side .profile .bio_balloon .biography {background: #FFFFFF none repeat scroll 0%; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;} #mypage #side .profile .bio_balloon .biography {padding: 3px; text-align: left;} #mypage #side .menu {margin-top: 13px; background: url(/static/image/user/my_menu_border.gif) no-repeat;} #mypage #side .menu div {padding: 1px 0; background: url(/static/image/user/my_menu_border.gif) bottom no-repeat;} #mypage #side .menu li {border-top: solid 1px #DEDEDE;} #mypage #side .menu li.st {border-top: none;} #mypage #side .menu li a {display: block; width: 220px; background: url(/static/image/user/my_menu.gif) no-repeat;} #mypage #side .menu li span {display: block; padding: 5px 4px 5px 20px; line-height: 15px; background: url(/static/image/sprite/button.gif) 8px -1246px no-repeat;} #mypage #side .menu li a:link, #mypage #side .menu li a:visited {color: #333; text-decoration: none;} #mypage #side .menu li a:active, #mypage #side .menu li a:hover {color: #D60; text-decoration: underline;} #mypage #side .menu li a strong {color: red; } #mypage #side .reader {margin-top: 5px;} #mypage #side .calendar {margin-top: 13px; width: 220px; text-align: center;} #mypage #side .calendar .ttl {text-align:left;} #mypage #side .calendar p {margin-top: 8px;} #mypage #side .calendar p a:link, #mypage #side .calendar p a:visited {color: #BD312B; text-decoration: none;} #mypage #side .calendar p a:active, #mypage #side .calendar p a:hover {color: #BD312B; text-decoration: underline;} #mypage #side .calendar p span {font-weight: bold;} #mypage #side .calendar table {margin: 5px auto 0 auto; border: 0;} #mypage #side .calendar th {font-weight: normal; font-size: 10px; background: #A6A6A6; color: #FFF; width: 27px; padding: 3px 0;} #mypage #side .calendar td {font-size: 10px; background: #F2F2F2; text-align: center;} #mypage #side .calendar td a {display: block; padding: 3px 0; width: 27px; color: #333;} #mypage #side .calendar td.today a {border: solid 1px #BD312B; font-weight: bold; color: #BD312B; background: #FFF;} #mypage #side .calendar td.lv_1 a {background: #D9E9EF;} #mypage #side .calendar td.lv_2 a {background: #87C3DC; color: #FFF;} #mypage #side .calendar td.lv_3 a {background: #2F95C0; color: #FFF;} #mypage #side .favorite_user {margin-top: 13px; width: 220px; text-align: center;} #mypage #side .favorite_user .ttl {text-align:left;} #mypage #side .favorite_user table {margin-top: 8px; padding-bottom: 2px; border: 0;} #mypage #side .favorite_user td {width: 45px; height: 46px; text-align: center;} #mypage #side .favorite_user td img {margin: 0 5px 6px 0;} #mypage #side .favorite_user td.en {width: 40px;} #mypage #side .favorite_user td.en img {margin: 0 0 6px 0;} #mypage #side .favorite_user .more {text-align: right; font-size: 10px; letter-spacing: 1px; padding-top: 2px; border-top: dashed 1px #B3B3B3;} #mypage #side .favorite_user .more a {padding-left: 13px; background: url(/static/image/sprite/button.gif) 0 -493px no-repeat;} #mypage #side .favorite_user .more a:link, #mypage #side .favorite_user .more a:visited {color: #404040; text-decoration: none;} #mypage #side .favorite_user .more a:active, #mypage #side .favorite_user .more a:hover {color: #D60; text-decoration: underline;} #mypage #side .synchronize {margin-top: 13px; width: 220px;} #mypage #side .synchronize .ttl {position: relative; } #mypage #side .synchronize .ttl p {position: absolute; top: 6px; right: 6px;} #mypage #side .synchronize .ttl p a img { background:url(/static/image/sprite/button.gif) 0 -652px no-repeat; width:14px; height:14px; } #mypage #side .synchronize .ttl p a:hover img { background-position: 0 -285px; } #mypage #side .synchronize ul {margin: 8px 5px 0 5px; width: 210px; background: url(/static/image/user/my_synchronize_bar_bg.gif) right repeat-y;} #mypage #side .synchronize li {background: url(/static/image/sprite/button.gif) 0 -1248px no-repeat;} #mypage #side .synchronize .user {width: 110px; float: left; margin-left: 12px; display: inline; line-height: 1.4em;} #mypage #side .synchronize .meter {width: 80px; margin: 6px 1px 0 0; float: right; display: inline;} #mypage #side .synchronize .meter img {height: 7px;} #mypage #side .reader_list {margin-top: 13px; width: 220px;} #mypage #side .reader_list ul {margin: 4px 5px 7px 5px;} #mypage #side .reader_list li {background: url(/static/image/sprite/button.gif) 0 -1248px no-repeat; padding-left: 12px; line-height: 1.4em;} #mypage #side .reader_list .more {text-align: right; font-size: 10px; letter-spacing: 1px; padding-top: 2px; border-top: dashed 1px #B3B3B3;} #mypage #side .reader_list .more a {padding-left: 13px; background: url(/static/image/sprite/button.gif) 0 -493px no-repeat;} #mypage #side .reader_list .more a:link, #mypage #side .reader_list .more a:visited {color: #404040; text-decoration: none;} #mypage #side .reader_list .more a:active, #mypage #side .reader_list .more a:hover {color: #D60; text-decoration: underline;} #mypage #main .response_list li.more { margin: 0px; text-align:right; } #mypage #main .response_list li.more img { vertical-align:middle; } #mypage #main .response_list li.info { margin-left: 75px; color:#888; } #mypage #main li.response_list, #mypage #main .response_list li { margin-top: 5px !important; } #mypage #main .response_list { width: 100%; position: relative; margin-top: 5px !important; margin-top: 2px;} #mypage #main .response_list .pic {position: absolute; top: 0; left: 75px; text-align: center; width: 32px;} #mypage #main .response_list .pic img {border: solid 1px #CCC;} #mypage #main .response_list .c_body {margin-left: 117px; border: solid 1px #D9D9D9; position: relative; background: #F5F5F5;} #mypage #main .response_list .c_body .tl {position: absolute; top: -1px !important; top: 0; left: -6px;} #mypage #main .response_list .c_body .tr {position: absolute; top: -1px !important; top: 0; right: -1px;} #mypage #main .response_list .c_body .bl {position: absolute; bottom: -1px !important; bottom: -1px; left: -6px;} #mypage #main .response_list .c_body .br {position: absolute; bottom: -1px !important; bottom: -1px; right: -1px;} #mypage #main .response_list .c_body .detail {margin:0px; padding: 4px 8px 0 8px;} #mypage #main .response_list .c_body .tag {color: #A6A6A6; line-height: 1.4em;} #mypage #main .response_list .c_body .txt {line-height: 1.3em;} #mypage #main .response_list .c_body .name {font-size: 10px; color: #666; line-height: 1.3em; width: 500px; float: left; margin-bottom: 4px; position: relative;} #mypage #main .response_list .c_body .name a:link, #mypage #main .response_list .c_body .name a:visited {color: #666; text-decoration: underline;} #mypage #main .response_list .c_body .name a:active, #mypage #main .response_list .c_body .name a:hover {color: #333; text-decoration: underline;} #mypage #main .response_list .c_body .res {width: 50px; float: right; text-align: right; margin: 2px 0 4px 0; position: relative;} #mypage #main .new_responsed {margin: 10px 0 10px 0;} #mypage #main .new_responsed ul li {line-height: 1.5em; background: transparent url(/static/image/common/ico_new.gif) no-repeat scroll 4pt 50%; padding-left: 34px;} #mypage #login {border:1px solid #A5ACB2; width: 205px;} #mypage #msg_login {font-size: 10px; color: #EF6012} #mypage #msg_login .ok{background-color:blue; border-bottom:2px solid #0000CD; border-right:2px solid #0000CD; border-top:2px solid blue; color:white; font-weight:bold; margin-left:10px; padding-left:10px; padding-right:10px;} #mypage input.usersite {margin: 3px; border:1px solid #A5ACB2; width:500px;} #mypage center.upload {margin: 10px;} #mypage center.upload .errormsg {color: red; margin: 10px;} #mypage center.upload .nowimg {width: 150px; background: #EEEEEE; padding: 5px; font-size: 12px;} #mypage center.upload table {margin: 10px;} #mypage center.upload td {text-align: center;} #mypage center.upload td.img {width: 102px; height:102px; border: 1px solid #999; text-align: center;} #mypage ul.attention li {background:transparent url(/static/image/common/ico_red_arrow_mini.gif) no-repeat scroll 8px 50%; padding:5px 4px 5px 20px;} #mypage .balloon table.photo {left:-46px; position:absolute; text-align: center;} #mypage .balloon table.photo td {width: 32px; height:32px; border: 1px solid #CCCCCC; text-align: center; padding:0px;} #mypage #main .reported {margin: 10px 0 10px 0;} #mypage #main .reported .ttl {border-bottom: solid 1px #BD312B; background: url(/static/image/user/my_tab_ttl.gif) 4px 0px no-repeat; padding: 2px 0px 2px 14px;} #mypage #main .reported .ttl h3 {font-size: 13px; color: #BD312B; font-weight: bold;} #mypage #main .reported .ttl h3 a:link, #mypage #main .reported .ttl h3 a:visited {color: #404040; text-decoration: none;} #mypage #main .reported .ttl h3 a:active, #mypage #main .reported .ttl h3 a:hover {color: #404040; text-decoration: underline;} #mypage #main .reported ul li {line-height: 1.5em;} #mypage #main .reported ul li ul li {float:left; margin-left:10px;} #mypage #main .reported h4 span {margin-left:20px; font-size:10px; border:1px solid #cccccc; padding:2px; background:#eeeeee;} #mypage #main .reported h4 span a {color:#666666;} #mypage #main .reported h4 span a:hover {color:#999999; text-decoration:none;} #mypage #side .spam_report {margin-top: 5px;} #mypage #side .spam_report span {margin:5px; font-size:10px; border:1px solid #cccccc; padding:2px; background:#eeeeee;} #mypage #side .user_pack {margin-top:13px; width:220px; background:#EEEEEE;} #mypage #side .user_pack .ttl {border-top:1px solid #BD312B; padding:7px 4px 5px 8px;} #mypage #side .user_pack .ttl h3 {background:transparent url(/static/image/user/my_tab_ttl.gif) no-repeat scroll; padding-left:12px; color:#404040; font-size:13px; color:#C44741;} #mypage #side .user_pack ul {padding: 7px 4px 5px 8px;} #mypage #side .user_pack ul li.new {background:transparent url(/static/image/user/icon_up.gif) no-repeat 150px 50%;} /* entry */ #entry #entry_detail {padding-top: 4px; position: relative; width: 100%;} #entry #entry_detail .userinfo {width: 48px; position: absolute; left: 10px; top: 4px; } #entry #entry_detail .userinfo .num a {display: block; width: 48px; height: 25px; text-align: center; background: url(/static/image/sprite/button.gif) 0 -1457px no-repeat; font-weight: bold; font-size: 14px;} #entry #entry_detail .userinfo .num a:link, #entry #entry_detail .userinfo .num a:visited {color: #404040; text-decoration: none;} #entry #entry_detail .userinfo .num a:active, #entry #entry_detail .userinfo .num a:hover {color: #D60; text-decoration: underline;} #entry #entry_detail .userinfo .num span {display: block; padding-top: 2px;} #entry #entry_detail .userinfo .add {padding-top: 1px;} #entry #entry_detail .userinfo .add a img { background: url(/static/image/sprite/button.gif) 0 -163px no-repeat; width:47px; height:11px; } #entry #entry_detail .userinfo .add a:hover img { background-position: 0 -834px; } #entry #entry_detail .userinfo .delete {padding-top: 2px;} #entry #entry_detail .userinfo .count {font-size: 10px; text-align: center; margin: 1px 5px 0 0;} #entry #entry_detail .userinfo .count a {color: #D2312A; display: block; width: 47px; background: #EDEDED url(/static/image/common/bg_count.gif) top no-repeat; line-height: 11px;} #entry #entry_detail .userinfo .count span {display: block; background: url(/static/image/common/bg_count.gif) bottom no-repeat;} #entry #entry_detail .userinfo .count a:hover {background-color: #DEDEDE;} #entry #entry_detail h1 {font-size: 20px; padding-left: 68px; line-height: 1.2em; float: left; width:95%; } #entry #entry_detail h1 span {font-size: 10px; color: #999; font-weight: normal; position: relative; top: -3px; line-height: 20px;} #entry #entry_detail h1 span a:link, #entry #entry_detail h1 span a:visited {color: #999; text-decoration: underline;} #entry #entry_detail h1 span a:active, #entry #entry_detail h1 span a:hover {color: #404040; text-decoration: underline;} #entry #entry_detail h1 a.edit img { background: url(/static/image/sprite/button.gif) 0 -80px no-repeat; width:35px; height:12px; } #entry #entry_detail h1 a.edit:hover img { background-position: 0 -1415px; } #entry #entry_detail h2 {font-size: 20px; padding-left: 68px; line-height: 1.2em; float: left; width:95%; } #entry #entry_detail h2 span {font-size: 10px; color: #999; font-weight: normal; position: relative; top: -3px; line-height: 20px;} #entry #entry_detail h2 span a:link, #entry #entry_detail h2 span a:visited {color: #999; text-decoration: underline;} #entry #entry_detail h2 span a:active, #entry #entry_detail h2 span a:hover {color: #404040; text-decoration: underline;} #entry #entry_detail h2 a.edit img { background: url(/static/image/sprite/button.gif) 0 -80px no-repeat; width:35px; height:12px; } #entry #entry_detail h2 a.edit:hover img { background-position: 0 -1415px; } #entry #entry_detail .ttl_min {width: 1px; float: right; display: inline;} #entry #entry_detail .ttl_min img {width: 1px; height: 40px;} #entry #entry_detail .detail {clear: both; padding: 7px 10px 0 10px !important; padding: 3px 10px 0 10px;} #entry #entry_detail .detail .body {border: solid 1px #D9D9D9; border-bottom: none; padding: 6px; position: relative;} #entry #entry_detail .detail .quotation {font-size: 10px; letter-spacing: 1px; color: #808080; padding-bottom: 3px;} #entry #entry_detail .detail .ss {position: absolute; top: 8px; right: 8px !important; right: 18px;} #entry #entry_detail .detail table {margin: 0px 140px 0 3px;} #entry #entry_detail .detail td {vertical-align: top; line-height: 1.4em;} #entry #entry_detail .btn {border: solid 1px #D9D9D9; border-top: none; margin: 0 10px; background: #FAFAFA url(/static/image/entry/entry_detail_lin.gif) top repeat-x; text-align: right;} #entry #entry_detail .btn p {display: inline;} #entry #entry_detail .btn p img {margin: 4px 3px 3px 0;} #entry #entry_tag {margin: 10px 10px 0 10px; border: solid 1px #EBEBEB; background: #F5F5F5;} #entry #entry_tag div {background: #FFF; margin: 6px; padding: 6px;} #entry #entry_tag h3 {font-size: 13px; color: #404040; background: url(/static/image/entry/ico_keyword.gif) 0 50% no-repeat; padding-left: 20px;} #entry #entry_tag p {text-align: center; font-weight: bold; line-height: 1.3em;} #entry #entry_tag p a:link, #entry #entry_tag p a:visited {color: #8DBED3;} #entry #entry_tag p a:active, #entry #entry_tag p a:hover {color: #D60 !important; text-decoration: underline;} #entry #entry_side {width: 220px; float: left; margin-right: 10px; display: inline; position: relative; margin-top: 10px;} #entry #entry_wrapper {margin-left: -230px; width: 100%; float: left; margin-top: 10px;} #entry #entry_comment {margin: 0 10px 0 240px;} #entry #entry_comment .bzl_comment {width: 100%;} #entry #entry_comment .bzl_comment .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px; text-align: left; position: relative;} #entry #entry_comment .bzl_comment .ttl h3 {font-size: 13px; color: #404040;} #entry #entry_comment .bzl_comment .ttl h3 span {font-weight: normal;} #entry #entry_comment .bzl_comment .ttl p {font-size: 10px; letter-spacing: 1px; text-align: right; position: absolute; right: 5px; top: 3px;} #entry #entry_comment .bzl_comment .ttl p a:link, #entry #entry_comment .bzl_comment .ttl p a:visited {color: #404040;} #entry #entry_comment .bzl_comment .ttl p a:active, #entry #entry_comment .bzl_comment .ttl p a:hover {color: #404040; text-decoration: underline;} #entry #entry_comment .bzl_comment .ttl p a img {position: relative; top: 3px;} #entry #entry_comment .bzl_comment ul {padding-top: 0 !important; padding-top: 3px;} #entry #entry_comment .bzl_comment li.lv_1 {width: 100%; position: relative; margin-top: 10px !important; margin-top: 7px;} #entry #entry_comment .bzl_comment li.lv_1 .pic {position: absolute; top: 0; left: 5px; text-align: center; width: 32px;} #entry #entry_comment .bzl_comment li.lv_1 .pic img {border: solid 1px #CCC;} #entry #entry_comment .bzl_comment li.lv_1 .c_body {margin-left: 47px; border: solid 1px #D9D9D9; position: relative;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .tl {position: absolute; top: -1px !important; top: 0; left: -6px;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .tr {position: absolute; top: -1px !important; top: 0; right: -1px;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .bl {position: absolute; bottom: -1px !important; bottom: -1px; left: -6px;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .br {position: absolute; bottom: -1px !important; bottom: -1px; right: -1px;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .detail {padding: 4px 8px 0 8px;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .tag {color: #A6A6A6; line-height: 1.4em;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .txt {line-height: 1.3em;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .name {font-size: 10px; color: #666; line-height: 1.3em; width: 500px; float: left; margin-bottom: 4px; position: relative;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .name a:link, #entry #entry_comment .bzl_comment li.lv_1 .c_body .name a:visited {color: #666; text-decoration: underline;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .name a:active, #entry #entry_comment .bzl_comment li.lv_1 .c_body .name a:hover {color: #333; text-decoration: underline;} #entry #entry_comment .bzl_comment li.lv_1 .c_body .res {width: 50px; float: right; text-align: right; margin: 2px 0 4px 0; position: relative;} #entry #entry_comment .bzl_comment li.lv_1 .c_form {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 0 8px 7px 8px; padding: 6px 8px 8px 8px; position: relative;} #entry #entry_comment .bzl_comment li.lv_1 .c_form h4 {font-size: 13px; color: #404040; display: inline; padding-left: 20px; background: url(/static/image/common/ico_comment.gif) 0 .3em no-repeat;} #entry #entry_comment .bzl_comment li.lv_1 .c_form h4 span {font-weight: normal;} #entry #entry_comment .bzl_comment li.lv_1 .c_form p.check {display: inline; font-size: 10px; color: #EF6012; padding-left: 10px;} #entry #entry_comment .bzl_comment li.lv_1 .c_form p.close {position: absolute; top: 8px !important; top: 10px; right: 8px !important; right: 16px;} #entry #entry_comment .bzl_comment li.lv_1 .c_form p.form {margin-top: 6px; text-align: center;} #entry #entry_comment .bzl_comment li.lv_1 .c_form textarea {border: solid 1px #A5ACB2; width: 560px; height: 80px;} #entry #entry_comment .bzl_comment li.lv_2 {width: 100%; position: relative; margin-top: 5px !important; margin-top: 2px;} #entry #entry_comment .bzl_comment li.lv_2 .pic {position: absolute; top: 0; left: 35px; text-align: center; width: 32px;} #entry #entry_comment .bzl_comment li.lv_2 .pic img {border: solid 1px #CCC;} #entry #entry_comment .bzl_comment li.lv_2 .c_body {margin-left: 77px; border: solid 1px #D9D9D9; position: relative; background: #F5F5F5;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .tl {position: absolute; top: -1px !important; top: 0; left: -6px;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .tr {position: absolute; top: -1px !important; top: 0; right: -1px;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .bl {position: absolute; bottom: -1px !important; bottom: -1px; left: -6px;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .br {position: absolute; bottom: -1px !important; bottom: -1px; right: -1px;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .detail {padding: 4px 8px 0 8px;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .tag {color: #A6A6A6; line-height: 1.4em;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .txt {line-height: 1.3em;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .name {font-size: 10px; color: #666; line-height: 1.3em; width: 500px; float: left; margin-bottom: 4px; position: relative;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .name a:link, #entry #entry_comment .bzl_comment li.lv_2 .c_body .name a:visited {color: #666; text-decoration: underline;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .name a:active, #entry #entry_comment .bzl_comment li.lv_2 .c_body .name a:hover {color: #333; text-decoration: underline;} #entry #entry_comment .bzl_comment li.lv_2 .c_body .res {width: 50px; float: right; text-align: right; margin: 2px 0 4px 0; position: relative;} #entry #entry_comment .bzl_comment li.lv_2 .c_form {border: solid 1px #E5E5E5; background: #FCFCFC; margin: 0 8px 7px 8px; padding: 6px 8px 8px 8px; position: relative;} #entry #entry_comment .bzl_comment li.lv_2 .c_form h4 {font-size: 13px; color: #404040; display: inline; padding-left: 20px; background: url(/static/image/common/ico_comment.gif) 0 .3em no-repeat;} #entry #entry_comment .bzl_comment li.lv_2 .c_form h4 span {font-weight: normal;} #entry #entry_comment .bzl_comment li.lv_2 .c_form p.check {display: inline; font-size: 10px; color: #EF6012; padding-left: 10px;} #entry #entry_comment .bzl_comment li.lv_2 .c_form p.close {position: absolute; top: 8px !important; top: 10px; right: 8px !important; right: 16px;} #entry #entry_comment .bzl_comment li.lv_2 .c_form p.form {margin-top: 6px; text-align: center;} #entry #entry_comment .bzl_comment li.lv_2 .c_form textarea {border: solid 1px #A5ACB2; width: 530px; height: 80px;} #entry #entry_comment .bzl_comment li.lv_3 {margin-top: 5px !important; margin-top: 3px;} #entry #entry_comment .bzl_comment li.lv_3 .name {font-size: 10px; color: #666; line-height: 1.3em; padding: 2px 0 0 23px; background: url(/static/image/common/ico_red_pencil.gif) 5px 50% no-repeat;} #entry #entry_comment .bzl_comment li.lv_3 .name a:link, #entry #entry_comment .bzl_comment li.lv_3 .name a:visited {color: #666; text-decoration: underline;} #entry #entry_comment .bzl_comment li.lv_3 .name a:active, #entry #entry_comment .bzl_comment li.lv_3 .name a:hover {color: #333; text-decoration: underline;} #entry #entry_comment .hatena_comment {margin-top: 15px;} #entry #entry_comment .hatena_comment h4 {font-size: 13px; font-weight: normal;} #entry #entry_comment .hatena_comment h4 img {position: relative; top: 2px; margin: 0 7px 0 5px;} #entry #entry_comment .hatena_comment ul {margin-top: 3px; border-top: solid 1px #EBEBEB; padding-top: 0 !important; padding-top: 3px;} #entry #entry_comment .hatena_comment li {width: 100%; position: relative; margin-top: 10px !important; margin-top: 7px;} #entry #entry_comment .hatena_comment li .pic {position: absolute; top: 0; left: 5px; text-align: center; width: 32px;} #entry #entry_comment .hatena_comment li .pic img {border: solid 1px #CCC;} #entry #entry_comment .hatena_comment li .c_body {margin-left: 47px; border: solid 1px #D9D9D9; position: relative;} #entry #entry_comment .hatena_comment li .c_body .tl {position: absolute; top: -1px !important; top: 0; left: -6px;} #entry #entry_comment .hatena_comment li .c_body .tr {position: absolute; top: -1px !important; top: 0; right: -1px;} #entry #entry_comment .hatena_comment li .c_body .bl {position: absolute; bottom: -1px !important; bottom: -1px; left: -6px;} #entry #entry_comment .hatena_comment li .c_body .br {position: absolute; bottom: -1px !important; bottom: -1px; right: -1px;} #entry #entry_comment .hatena_comment li .c_body .detail {padding: 4px 8px 0 8px;} #entry #entry_comment .hatena_comment li .c_body .tag {color: #A6A6A6; line-height: 1.4em;} #entry #entry_comment .hatena_comment li .c_body .tag span {color: #42A349;} #entry #entry_comment .hatena_comment li .c_body .txt {line-height: 1.3em;} #entry #entry_comment .hatena_comment li .c_body .name {font-size: 10px; color: #666; line-height: 1.3em; margin-bottom: 4px; position: relative;} #entry #entry_comment .hatena_comment li .c_body .name a:link, #entry #entry_comment .hatena_comment li .c_body .name a:visited {color: #666; text-decoration: underline;} #entry #entry_comment .hatena_comment li .c_body .name a:active, #entry #entry_comment .hatena_comment li .c_body .name a:hover {color: #333; text-decoration: underline;} #entry #entry_comment .comment_form {margin-top: 25px; text-align: center;} #entry #entry_comment .comment_form h3 {font-size: 15px; padding: 0 0 5px 24px; background: url(/static/image/entry/ico_comment_ttl.gif) 5px 0px no-repeat; border-bottom: solid 1px #EBEBEB; text-align: left;} #entry #entry_comment .comment_form .body {margin: 8px auto 0 auto; width: 595px; border: solid 1px #D9D9D9; text-align: left;} #entry #entry_comment .comment_form form {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 8px 8px 8px 8px;} #entry #entry_comment .comment_form h4 {font-size: 13px; color: #404040; padding-left: 23px;} #entry #entry_comment .comment_form h4 span {font-weight: normal;} #entry #entry_comment .comment_form h4.title {background: url(/static/image/sprite/button.gif) 3px -609px no-repeat;} #entry #entry_comment .comment_form h4.comment {background: url(/static/image/common/ico_comment.gif) 3px .3em no-repeat; display: inline;} #entry #entry_comment .comment_form h4.blog {padding: 0;} #entry #entry_comment .comment_form h4.blog input {margin: 0 5px 0 0; vertical-align: middle;} #entry #entry_comment .comment_form h4.keyword {margin-top: 13px; background: url(/static/image/entry/ico_keyword.gif) 3px .2em no-repeat;} #entry #entry_comment .comment_form p.form {margin: 5px 0 12px 0;} #entry #entry_comment .comment_form p.check {display: inline; font-size: 10px; color: #EF6012; padding-left: 10px;} #entry #entry_comment .comment_form p.submit {text-align: center;} #entry #entry_comment .comment_form input.single {border: solid 1px #A5ACB2; width: 560px;} #entry #entry_comment .comment_form input.tag_st {border: solid 1px #A5ACB2; width: 135px; margin: 0 0 5px 0;} #entry #entry_comment .comment_form input.tag {border: solid 1px #A5ACB2; width: 134px; margin: 0 0 5px 7px;} #entry #entry_comment .comment_form textarea {border: solid 1px #A5ACB2; width: 560px; height: 80px;} #entry #entry_comment .comment_form .blog_form {background: #FFF; margin-top: 3px; width: 560px;} #entry #entry_comment .comment_form .blog_body {width: 315px; float: left; display: inline; margin: 8px 0 8px 8px;} #entry #entry_comment .comment_form .blog_body .notes {font-size: 10px; text-align: center; color: #404040; letter-spacing: 1px;} #entry #entry_comment .comment_form table {margin-top: 7px;} #entry #entry_comment .comment_form th {width: 130px; font-size: 13px; color: #FFF; background: #A6A6A6;} #entry #entry_comment .comment_form td {background: #E5E5E5;} #entry #entry_comment .comment_form td input.single {border: solid 1px #A5ACB2; width: 178px;} #entry #entry_comment .comment_form .caution {width: 220px; float: right; background: #DCF9DE; display: inline; margin: 8px 8px 8px 0;} #entry #entry_comment .comment_form .caution dl {font-size: 10px; letter-spacing: 1px; padding: 0 5px 5px 5px;} #entry #entry_comment .comment_form .caution dt {padding-top: 5px; color: #1C6922;} #entry #entry_comment .support {background: #FFF; margin-top: 17px; padding: 2px 8px 8px 8px;} #entry #entry_comment .support h5 {font-size: 13px; color: #BD312B; background: #FFF; padding: 0 5px; position: relative; top: 6px; left: 5px; display: inline;} #entry #entry_comment .support h5 span {font-weight: normal;} #entry #entry_comment .support p {border: solid 1px #BFBFBF; padding: 13px 8px 8px 8px; color: #BFBFBF;} #entry #entry_comment .support p.change {border: 0; padding: 0; display: inline; color: #666; background: #FFF; font-size: 10px; padding: 0 5px; position: relative; top: 6px; left: 5px;} #entry #entry_comment .support p.change span {color: #CCC;} #entry #entry_comment .support .g_02 {margin-top: 8px;} #entry #entry_side .relation_entry .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 3px 8px; position: relative;} #entry #entry_side .relation_entry .ttl h3 {font-size: 13px; color: #404040;} #entry #entry_side .relation_entry .ttl p {font-size: 10px; color: #999; text-align: right; margin-top: 1px;} #entry #entry_side .relation_entry .ttl span {font-size: 10px; color: #CCC;} #entry #entry_side .relation_entry ul {padding-top: 2px;} #entry #entry_side .relation_entry li {margin-top: 1px;} #entry #entry_side .relation_entry .userinfo {width: 38px; float: left;} #entry #entry_side .relation_entry .userinfo .usernum {width: 38px;} #entry #entry_side .relation_entry .userinfo .usernum a {display: block; width: 32px; text-align: center; background: url(/static/image/common/btn_usernum_mini.gif) no-repeat; font-weight: bold; font-size: 11px; height: 17px;} #entry #entry_side .relation_entry .userinfo .usernum a:link, #entry #entry_side .relation_entry .userinfo .usernum a:visited {color: #404040;} #entry #entry_side .relation_entry .userinfo .usernum a:active, #entry #entry_side .relation_entry .userinfo .usernum a:hover {color: #D60;} #entry #entry_side .relation_entry .userinfo .usernum span {display: block; padding: 1px 0 0 0;} #entry #entry_side .relation_entry .userinfo .pic {text-align: center; padding-right: 6px; margin-top: 2px;} #entry #entry_side .relation_entry .userinfo .pic img {border: solid 1px #CCC;} #entry #entry_side .relation_entry .detail {width: 182px; float: left; margin-top: 2px;} #entry #entry_side .relation_entry .detail .txt {font-size: 10px; letter-spacing: 1px; line-height: 1.4em;} #entry #entry_side .relation_entry .detail .name {font-size: 10px; letter-spacing: 1px; line-height: 1.4em; color: #999; margin-top: 2px;} #entry #entry_side .relation_entry .detail .name a:link, #entry #entry_side .relation_entry .detail .name a:visited {color: #999; text-decoration: underline;} #entry #entry_side .relation_entry .detail .name a:active, #entry #entry_side .relation_entry .detail .name a:hover {color: #404040; text-decoration: underline;} #entry #entry_side .relation_entry .detail .rating {font-size: 10px; letter-spacing: 1px; line-height: 1.4em; margin-top: 2px;} #entry #entry_side .relation_entry .detail .rating img {margin-left: 3px; position: relative; top: 2px;} #entry #entry_side .relation_entry a.new_win img {width: 9px; height: 8px; position: relative; top: 1px; margin-left: 3px;} #entry #entry_side .relation_entry a.new_win:link img {background: url(/static/image/common/ico_new_win_mini.gif) no-repeat;} #entry #entry_side .relation_entry a.new_win:visited img {background: url(/static/image/common/ico_checked_mini.gif) no-repeat;} #entry #entry_side .search_entry {margin-top: 15px;} #entry #entry_side .search_entry .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; position: relative;} #entry #entry_side .search_entry .ttl h3 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #entry #entry_side .search_entry .ttl p {position: absolute; top: 6px; right: 6px;} #entry #entry_side .search_entry form {margin-top: 7px;} #entry #entry_side .search_entry form p {text-align: center;} #entry #entry_side .search_entry form input {border: solid 1px #A5ACB2; background: #F7F7F7; width: 145px; font-size: 12px; font-family: "£Í£Ó ¥´¥·¥Ã¥¯", "Osaka¡ÝÅùÉý", "Osaka-Mono", monospace; padding: 2px 3px 0 3px; height: 18px; margin-right: 4px;} #entry #entry_side .search_entry form input, #entry #entry_side .search_entry form img {vertical-align: middle;} #entry #entry_side .search_entry .chain {width: 220px; height: 55px; background: url(/static/image/entry/entry_chain_bg.gif) no-repeat; margin-top: 6px;} #entry #entry_side .search_entry .chain p {text-align: center; font-size: 10px; color: #989898; letter-spacing: 1px; line-height: 1.6em; padding-top: 7px;} #entry #entry_side .search_entry .chain p img {position: relative; top: 4px; margin-right: 4px;} #entry #entry_side .search_entry ul {padding-top: 3px;} #entry #entry_side .search_entry li {margin-top: 5px;} #entry #entry_side .search_entry li .ico {width: 24px; float: left; margin-top: 3px;} #entry #entry_side .search_entry li .txt {width: 196px; float: left; font-size: 10px; letter-spacing: 1px; line-height: 1.4em;} #entry #entry_side .search_entry a.new_win img {width: 9px; height: 8px; position: relative; top: 1px; margin-left: 3px;} #entry #entry_side .search_entry a.new_win:link img {background: url(/static/image/common/ico_new_win_mini.gif) no-repeat;} #entry #entry_side .search_entry a.new_win:visited img {background: url(/static/image/common/ico_checked_mini.gif) no-repeat;} #entry #entry_side .search_entry .page_list_mini {font-size: 11px; text-align: center; margin-top: 7px;} #entry #entry_side .search_entry .page_list_mini p {display: inline; font-weight: bold;} #entry #entry_side .search_entry .page_list_mini p.prev {padding-right: 2px; font-size: 10px; font-weight: normal;} #entry #entry_side .search_entry .page_list_mini p.next {padding-left: 2px; font-size: 10px; font-weight: normal;} #entry #entry_side .search_entry .page_list_mini p.num a {margin: 0; font-size: 11px;} #entry #entry_side .add_rss {margin-top: 15px;} #entry #entry_side .add_rss .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; position: relative;} #entry #entry_side .add_rss .ttl h3 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #entry #entry_side .add_rss .form {text-align: center; margin-top: 7px;} #entry #entry_side .add_rss input {border: solid 1px #A5ACB2; background: #F7F7F7; width: 205px; font-size: 12px; font-family: "£Í£Ó ¥´¥·¥Ã¥¯", "Osaka¡ÝÅùÉý", "Osaka-Mono", monospace; padding: 2px 3px 0 3px; height: 18px;} #entry #entry_side .add_rss ul {padding-left: 7px;} #entry #entry_side .add_rss li {width: 100px; float: left; display: inline; margin: 8px 4px 0 0; text-align: center;} #entry #entry_side .other_sbs {margin-top: 15px;} #entry #entry_side .other_sbs .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; position: relative;} #entry #entry_side .other_sbs .ttl h3 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #entry #entry_side .other_sbs ul {padding-top: 4px;} #entry #entry_side .other_sbs li {margin-top: 5px;} #entry #entry_side .other_sbs li .ico {width: 22px; float: left; display: inline; margin-left: 5px;} #entry #entry_side .other_sbs li .txt {width: 193px; float: left; font-size: 10px; line-height: 1.2em;} /* resister */ #resister .resist {margin: 0 10px; text-align: center;} #resister .resist .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; position: relative; text-align: left;} #resister .resist .ttl h2 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #resister .resist .flow ul {width: 550px; margin: 15px auto 0 auto;} #resister .resist .flow li {font-weight: bold; float: left; display: inline;} #resister .resist .flow li span {display: block; padding: 9px 20px 0 0;} #resister .resist .flow .step1, #resister .resist .flow .step1_act {width: 182px; height: 30px; margin-right: 8px;} #resister .resist .flow .step2, #resister .resist .flow .step2_act {width: 182px; height: 30px; margin-right: 8px;} #resister .resist .flow .step3, #resister .resist .flow .step3_act {width: 170px; height: 30px;} #resister .resist .flow .step1 {background: url(/static/image/welcome/flow_bg_1.gif) no-repeat; color: #666;} #resister .resist .flow .step1_act {background: url(/static/image/welcome/flow_bg_1_active.gif) no-repeat; color: #FFF;} #resister .resist .flow .step2 {background: url(/static/image/welcome/flow_bg_2.gif) no-repeat; color: #666;} #resister .resist .flow .step2_act {background: url(/static/image/welcome/flow_bg_2_active.gif) no-repeat; color: #FFF;} #resister .resist .flow .step3 {background: url(/static/image/welcome/flow_bg_3.gif) no-repeat; color: #666;} #resister .resist .flow .step3_act {background: url(/static/image/welcome/flow_bg_3_active.gif) no-repeat; color: #FFF;} #resister .resist .flow .step3 span {padding-right: 0;} #resister .resist .flow .step3_act span {padding-right: 0;} #resister .resist .error {margin-top: 15px; color: #BD312B; line-height: 1.5em;} #resister .resist .welcome_form {width: 798px; border: solid 1px #D9D9D9; margin: 15px auto 0 auto;} #resister .resist .welcome_form .caution {font-weight: bold; margin-top: 12px; padding-bottom: 4px; color: #404040;} #resister .resist .welcome_form .body {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 7px 7px 25px 7px; text-align: left;} #resister .resist .welcome_form th {background: #8C8C8C; color: #FFF; width: 170px; font-size: 13px;} #resister .resist .welcome_form th span {font-size: 10px; font-weight: normal;} #resister .resist .welcome_form td {background: #FFF; width: 593px;} #resister .resist .welcome_form .form {width: 213px; float: left;} #resister .resist .welcome_form .form input.single {border: solid 1px #A5ACB2; width: 205px;} #resister .resist .welcome_form .form input.pass {border: solid 1px #A5ACB2; width: 205px; font-size: 12px;} #resister .resist .welcome_form .form input.check {position: relative; top: 1px;} #resister .resist .welcome_form .txt {width: 370px; float: left; font-size: 10px; color: #EF6012; padding-top: 3px;} #resister .resist .welcome_form .txt a {background: url(/static/image/common/ico_red_arrow_mini.gif) 0 .2em no-repeat; padding-left: 12px;} #resister .resist .welcome_form .txt_02 {width: 370px; float: left; font-size: 10px; color: #737373; padding-top: 3px;} #resister .resist .welcome_form .lead {font-size: 10px; color: #737373; padding: 1px 0 2px 2px;} #resister .resist .welcome_form select {margin-right: 4px;} #resister .resist .regulation {text-align: center;} #resister .resist .regulation table {margin: 15px auto 0 auto;} #resister .resist .regulation th {width: 720px; text-align: left;} #resister .resist .regulation td {width: 720px; border: solid 1px #D9D9D9; line-height: 1.5em;} #resister .resist .regulation td p {margin: 15px 3px 0 3px;} #resister .resist .regulation td p.st {margin: 0;} #resister .resist .regulation td p.left {width: 600px; float: left; display: inline;} #resister .resist .regulation td p.left img {margin: 4px 0 2px 0;} #resister .resist .regulation td p.right {width: 90px; float: right; display: inline; text-align: left;} #resister .resist .regulation td p span {font-weight: bold;} #resister .resist .submit {text-align: center; margin-top: 25px;} #resister .resist .submit_02 {text-align: center; margin-top: 35px;} #resister .resist .box_01 {width: 800px; margin: 20px auto 0 auto; text-align: left;} #resister .resist .box_01 h3 {font-size: 15px; border-left: solid 5px #D02D26; padding: 2px 0 2px 6px; margin-left: 6px;} #resister .resist .box_01 .area {border: solid 1px #D9D9D9; margin-top: 6px;} #resister .resist .box_01 .body {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 15px; text-align: center;} #resister .resist .box_01 .add {width: 460px; margin: 15px auto 0 auto; border: solid 3px #58C1D5; background: #F3FDFF;} #resister .resist .box_01 .add .txt {margin-top: 10px; font-weight: bold;} #resister .resist .box_01 .add .btn {margin: 8px 0 10px 0;} #resister .resist .box_01 .add .btn a.bookmarklet {display:block; width:129px; height:23px; margin-right:auto; margin-left:auto; background:url(/static/image/common/add_bookmarklet.gif) no-repeat;} #resister .resist .box_02 {width: 800px; margin: 25px auto 0 auto;} #resister .resist .box_02 h3 {font-size: 15px; border-left: solid 5px #D02D26; padding: 2px 0 2px 6px; margin-left: 6px; text-align: left;} #resister .resist .box_02 .area {border: solid 1px #D9D9D9; margin-top: 6px;} #resister .resist .box_02 .body {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 0 8px 8px 8px; padding: 0 5px 12px 10px; text-align: center; text-align: left;} #resister .resist .box_02 ol {margin: 0px 0px 5px 25px;} #resister .resist .box_02 ol li {list-style: decimal; font-weight: bold; line-height: 1.5em; margin-top: 8px;} #resister .resist .box_02 ol li div {font-weight: normal;} #resister .resist .box_02 ol li img {position: relative; top: 6px; margin-right: 5px;} #resister .resist .box_02 ol li span {font-weight: bold;} #resister .resist .box_02 ul {padding-top: 5px;} #resister .resist .box_02 ul li {background: url(/static/image/common/ico_red_arrow_mini.gif) 0 .2em no-repeat; padding-left: 14px; margin-top: 7px;} #resister .resist .complete {margin-top: 45px;} #resister .resist .complete .thanks {margin-top: 19px;} #resister .resist .complete .txt {line-height: 1.4em; margin-top: 42px;} #resister .new_member {width: 55%; margin: 0 0 0 10px; float: left; display: inline;} #resister .new_member h3 {font-size: 15px; border-left: solid 5px #D02D26; padding: 2px 0 2px 6px; margin-left: 6px;} #resister .new_member .area {border: solid 1px #D9D9D9; margin-top: 6px;} #resister .new_member .body {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 12px 8px 8px 8px; padding: 8px;} #resister .new_member .lead {color: #D02D26; margin: 12px 8px 0 8px; line-height: 1.4em; text-align: center;} #resister .new_member .txt {background: #FCFCFC; text-align: center; font-size: 10px; letter-spacing: 1px; padding: 8px; line-height: 1.5em;} #resister .new_member dt {padding-left: 13px; background: url(/static/image/common/ico_blue_arrow.gif) 0 .2em no-repeat; font-weight: bold; color: #404040; margin: 13px 0 5px 0;} #resister .new_member dt span {font-weight: normal; font-size: 10px; color: #EF6012;} #resister .new_member dd input {border: solid 1px #B3B3B3; width: 310px;} #resister .new_member .condition {margin-top: 7px; font-size: 10px; letter-spacing: 1px; color: #404040;} #resister .new_member .condition span {font-weight: bold;} #resister .new_member .submit {margin-top: 13px;} #resister .new_member ul {padding-top: 7px;} #resister .new_member ul li {background: url(/static/image/common/ico_red_arrow_mini.gif) 0 .4em no-repeat; padding-left: 12px; margin-top: 3px; font-size: 10px; letter-spacing: 1px;} #resister .login {width: 41%; margin: 0 10px 0 0; float: right; display: inline;} #resister .login h3 {font-size: 15px; border-left: solid 5px #1D88B6; padding: 2px 0 2px 6px; margin-left: 6px;} #resister .login .area {border: double 3px #58C1D5; margin-top: 6px; background: #F3FDFF; padding: 15px;} #resister .login .txt {background: #C6EDF3; text-align: center; font-size: 10px; letter-spacing: 1px; padding: 8px;} #resister .login dt {padding-left: 13px; background: url(/static/image/common/ico_blue_arrow.gif) 0 .2em no-repeat; font-weight: bold; color: #404040; margin: 13px 0 5px 0;} #resister .login dt span {font-weight: normal; font-size: 10px; color: #EF6012;} #resister .login dd input.mail {border: solid 1px #B3B3B3; width: 310px;} #resister .login dd input.pass {border: solid 1px #A5ACB2; width: 220px; font-size: 12px;} #resister .login .submit {margin-top: 13px;} #resister .login ul {padding-top: 7px;} #resister .login ul li {background: url(/static/image/common/ico_red_arrow_mini.gif) 0 .4em no-repeat; padding-left: 12px; margin-top: 3px; font-size: 10px; letter-spacing: 1px;} /* config */ #config .howto_bookmark {margin: 0 10px; text-align: center;} #config .howto_bookmark .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; position: relative; text-align: left;} #config .howto_bookmark .ttl h2 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #config .howto_bookmark .box {width: 800px; margin: 15px auto 0 auto; text-align: left;} #config .howto_bookmark .box h3 {font-size: 15px; border-left: solid 5px #D02D26; padding: 2px 0 2px 6px; margin-left: 6px;} #config .howto_bookmark .box .area {border: solid 1px #D9D9D9; margin-top: 6px; line-height:1.3; } #config .howto_bookmark .box .body {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 15px; text-align: left;} #config .howto_bookmark .box .body ol { margin:20px; padding:10px; background-color:#FFF; border:1px solid #58C1D5;} #config .howto_bookmark .box .body h4 { margin-top:20px; } #config .howto_bookmark .box .body p { margin-left:50px; margin-right:50px; margin-top:3px;} #config .howto_bookmark .box .add {width: 460px; margin: 15px auto 0 auto; border: solid 3px #58C1D5; background: #F3FDFF;} #config .howto_bookmark .box .add .txt {margin-top: 10px; font-weight: bold;} #config .howto_bookmark .box .add .btn {margin: 8px 0 10px 0;} #config .wantto_bookmark {margin: 0 10px; text-align: center;} #config .wantto_bookmark .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 9px 4px 28px 8px; text-align: left; margin: 0 10px 15px 10px;} #config .wantto_bookmark .box_01 { margin-left: 24px; margin-top: 10px; line-height: 150%;} #config .wantto_bookmark .box_02 { margin-left: 28px; margin-top: 12px; line-height: 150%;} #config .wantto_bookmark .box_03 {width: 800px; margin: 10px auto 0 auto;} #config .wantto_bookmark .box_03 .area {border: solid 1px #D9D9D9; margin-top: 6px;} #config .wantto_bookmark .box_03 .body {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 8px 5px 2px 10px; vertical-align:middle; text-align: center; } #config .wantto_bookmark .box_03 .body span { vertical-align:middle; } #config .wantto_bookmark .box_03 .body p { margin:10px 50px; } #config .bookmarklet_new {margin: 25px 10px 0 10px; text-align: center;} #config .bookmarklet_new .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 9px 4px 28px 8px; text-align: left; margin: 0 10px 15px 10px;} #config .bookmarklet_new hr {margin: 10px 50px ; height: 0px; border: none; border-top: dashed 1px #B3B3B3;} #config .bookmarklet_new .box_01 {width: 800px; margin: 15px auto 0 auto; text-align: left; line-height: 150%;} #config .bookmarklet_new .box_01 h3 { padding: 2px 0 2px 6px; margin-left: 6px;} #config .bookmarklet_new .box_01 .area {border: solid 1px #D9D9D9; margin-top: 6px;} #config .bookmarklet_new .box_01 .body {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 15px; text-align: center;} #config .bookmarklet_new .box_01 .add {width: 460px; margin: 15px auto 0 auto; border: solid 3px #58C1D5; background: #F3FDFF;} #config .bookmarklet_new .box_01 .add .txt {margin-top: 10px; font-weight: bold;} #config .bookmarklet_new .box_01 .add .btn {margin: 8px 0 10px 0;} #config .bookmarklet_new .box_01 .add .btn a.bookmarklet {display:block; width:129px; height:23px; margin-right:auto; margin-left:auto; background:url(/static/image/common/add_bookmarklet.gif) no-repeat;} #config .bookmarklet_new .box_01 .area_2 {border: solid 1px #D9D9D9; margin-top: 6px;} #config .bookmarklet_new .box_01 .body_2 {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 5px; text-align: left;} #config .bookmarklet_new .box_02 {width: 800px; height: 300px; margin: 4px auto 0 auto; text-align: left; line-height: 150%;} #config .bookmarklet_new .box_02 h3 { padding: 2px 0 2px 6px; margin-left: 6px;} #config .bookmarklet_new .box_03 {width: 800px; margin: 4px auto 0 auto; text-align: left; line-height: 150%;} #config .bookmarklet_new .box_03 h3 { padding: 2px 0 2px 6px; margin-left: 6px;} #config .bookmarklet_new .box_03 .area_3 {border: solid 1px #D9D9D9; margin-top: 6px;} #config .bookmarklet_new .box_03 .body_3 {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 5px; text-align: left;} #config .bookmarklet {margin: 25px 10px 0 10px; text-align: center;} #config .bookmarklet .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; position: relative; text-align: left;} #config .bookmarklet .ttl h2 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #config .bookmarklet .box_01 {width: 800px; margin: 15px auto 0 auto; text-align: left;} #config .bookmarklet .box_01 h3 {font-size: 15px; border-left: solid 5px #D02D26; padding: 2px 0 2px 6px; margin-left: 6px;} #config .bookmarklet .box_01 .area {border: solid 1px #D9D9D9; margin-top: 6px;} #config .bookmarklet .box_01 .body {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 15px; text-align: center;} #config .bookmarklet .box_01 .add {width: 460px; margin: 15px auto 0 auto; border: solid 3px #58C1D5; background: #F3FDFF;} #config .bookmarklet .box_01 .add .txt {margin-top: 10px; font-weight: bold;} #config .bookmarklet .box_01 .add .btn {margin: 8px 0 10px 0;} #config .bookmarklet .box_01 .add .btn a.bookmarklet {display:block; width:129px; height:23px; margin-right:auto; margin-left:auto; background:url(/static/image/common/add_bookmarklet.gif) no-repeat;} #config .bookmarklet .box_02 {width: 800px; margin: 15px auto 0 auto;} #config .bookmarklet .box_02 h3 {font-size: 15px; border-left: solid 5px #D02D26; padding: 2px 0 2px 6px; margin-left: 6px; text-align: left;} #config .bookmarklet .box_02 .area {border: solid 1px #D9D9D9; margin-top: 6px;} #config .bookmarklet .box_02 .body {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 0 5px 12px 10px; text-align: center; text-align: left;} #config .bookmarklet .box_02 ol {margin: 0px 0px 5px 25px;} #config .bookmarklet .box_02 ol li {list-style: decimal; font-weight: bold; line-height: 1.5em; margin-top: 8px;} #config .bookmarklet .box_02 ol li div {font-weight: normal;} #config .bookmarklet .box_02 ol li img {position: relative; top: 6px; margin-right: 5px;} #config .bookmarklet .box_02 ol li span {font-weight: bold;} #config .bookmarklet .box_02 ul {padding-top: 5px;} #config .bookmarklet .box_02 ul li {background: url(/static/image/common/ico_red_arrow_mini.gif) 0 .2em no-repeat; padding-left: 14px; margin-top: 7px;} #config .bookmarklet .box_02 .body p { margin:20px 50px 20px 50px; } #config .add_url {margin: 25px 10px 0 10px; text-align: center;} #config .add_url .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; position: relative; text-align: left; margin-bottom: 10px;} #config .add_url .ttl h2 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #config .add_url .add_form {width: 798px; margin: 0px auto; border: solid 1px #D9D9D9; margin-top: 6px;} #config .add_url .body { border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 14px 5px 15px 10px;} #config .add_url p {margin-bottom: 13px;} #config .add_url .txt {display: inline; margin: 0; padding: 0 10px 0 14px; background: url(/static/image/common/ico_blue_arrow.gif) 0 .2em no-repeat; font-weight: bold;} #config .add_url .form {display: inline; margin: 0;} #config .add_url .form input {width: 550px; margin-right: 7px; border: solid 1px #B3B3B3;} #config .add_url .submit {display: inline; margin: 0;} /* video */ #video #main .movie .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; text-align: left; width: 100%;} #video #main .movie .ttl h2 {font-size: 13px; color: #404040; line-height: 1.2em; width: 68%; float: left; margin: 5px 0 3px 8px; display: inline;} #video #main .movie .ttl p {text-align: right; color: #666; width: 28%; float: right; margin: 7px 8px 3px 0; display: inline;} #video #main .movie .ttl span {color: #CCC;} #video #main .movie .body {text-align: center;} #video #main .movie ul {margin: 8px auto 0 auto !important; margin: 8px 0 0 0; width: 576px; text-align: left;} #video #main .movie li {width: 139px; float: left; margin: 0 5px 5px 0; display: inline; background: #EBEBEB;} #video #main .movie .txt {font-size: 10px; margin: 4px 0 4px 5px;} #video #main .movie .ss {text-align: center; height: 104px; padding-top: 1px;} #video #main .movie .icon {width: 16px; float: left; display: inline; margin: 4px 0 2px 8px;} #video #main .movie .time {width: 60px; float: left; text-align: center; margin-top: 4px; font-size: 10px; color: #737373;} #video #main .movie .add {width: 47px; float: left; margin-top: 6px;} #video #main .movie .more {text-align: right; margin-top: 5px;} #video #main .movie .more a {padding-left: 15px; background: url(/static/image/common/ico_link_arrow.gif) 0 .1em no-repeat;} #video #main .movie .more a:link, #video #main .movie .more a:visited {color: #404040; text-decoration: none;} #video #main .movie .more a:active, #video #main .movie .more a:hover {color: #D60; text-decoration: underline;} #video #side .c_menu {width: 260px;} #video #side .c_menu .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px;} #video #side .c_menu .ttl h3 {font-size: 13px; color: #404040;} #video #side .c_menu ul {margin: 5px 0 0 8px;} #video #side .c_menu li {background: url(/static/image/common/ico_c_menu_arrow.gif) 0 .3em no-repeat; padding: 0 0 2px 13px; line-height: 1.2em;} #video #side .tag {margin-top: 10px; width: 260px;} #video #side .tag .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px;} #video #side .tag .ttl h3 {font-size: 13px; color: #404040;} #video #side .tag .ttl h3 a:link, #video #side .tag .ttl h3 a:visited {color: #404040; text-decoration: none;} #video #side .tag .ttl h3 a:active, #video #side .tag .ttl h3 a:hover {color: #404040; text-decoration: underline;} #video #side .tag .keyword {font-weight: bold; line-height: 1.3em; padding: 2px 0 4px 0;} #video #side .tag .keyword a:link, #video #side .tag .keyword a:visited {color: #8DBED3;} #video #side .tag .keyword a:active, #video #side .tag .keyword a:hover {color: #D60 !important; text-decoration: underline;} /* ranking */ #ranking .rank {margin: 0 10px; text-align: center;} #ranking .rank .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; text-align: left;} #ranking .rank .ttl h2 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #ranking .box {width: 900px; margin: 0 auto;} #ranking .box p.change {text-align: left; color: #666; border-top: solid 1px #CCC; margin-top: 10px; padding: 8px;} #ranking .box p.change span {color: #CCC;} #ranking .box table {border: 0; width: 900px;} #ranking .box th {background: #F5F5F5; border-top: solid 1px #E5E5E5; border-bottom: solid 1px #E5E5E5; padding: 4px 0; font-size: 13px;} #ranking .box th a {text-decoration: underline; background: url(/static/image/user/ico_sort.gif) right 50% no-repeat; padding-right: 14px;} #ranking .box td {border-bottom: solid 1px #E5E5E5; padding: 5px 0; background: url(/static/image/user/rank_bg_lin.gif) repeat-y; font-size: 15px; text-align: center;} #ranking .box td.num {font: bold italic 26px/.8em Times New Roman, serif; text-align: center; background: none; color: #88AAC9; white-space: nowrap;} #ranking .box td.num p {padding-left: 0 !important; padding-left: 8px;} #ranking .box td.num p.ico {padding: 0; margin-top: 6px;} #ranking .box td.pic img {border: solid 1px #CCC;} #ranking .box td.name {background: none; font-size: 15px; font-weight: bold; text-align: left;} #ranking .box td.name p {padding-left: 3px;} #ranking .box td.name span {font-size: 10px; font-weight: normal;} #ranking .rank1 td.num {font-size: 40px; color: #E34943;} #ranking .rank2 td.num {font-size: 40px; color: #E67629;} #ranking .rank3 td.num {font-size: 40px; color: #DDA213;} /* guide */ #guide #contents {text-align: center;} #guide #topic_path {text-align: left;} #guide .main_ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 10px 4px 10px 8px; text-align: left; margin: 0 10px 15px 10px;} #guide .box_01 {width: 840px; margin: 0 auto; text-align: left;} #guide .box_01 h2 {padding-top: 10px;} #guide .box_01 p {line-height: 1.6em; margin-top: 8px;} #guide .box_01 ul {padding-top: 12px;} #guide .box_01 li {width: 200px; float: left; display: inline; margin-right: 13px; background: #EEAA18 url(/static/image/guide/guide_flow_bottom.gif) bottom no-repeat;} #guide .box_01 li.en {margin: 0;} #guide .box_01 li p {margin: 5px 5px 8px 6px; font-size: 10px; letter-spacing: 1px; line-height: 1.5em;} #guide .box_02 {width: 840px; margin: 0 auto; text-align: left;} #guide .box_02 h2 {padding-top: 30px;} #guide .box_02 p {line-height: 1.6em;} #guide .box_02 p.pic {width: 184px; float: left;} #guide .box_02 p.pic img {margin: 15px 0 0 2px;} #guide .box_02 p.txt {width: 656px; float: right; padding-top: 10px;} #guide .box_02 p.add {text-align: center; padding-top: 35px;} #guide .box_02 p.lead {text-align: center; color: #BD312B; padding-top: 5px;} #guide .box_03 {width: 840px; margin: 0 auto; text-align: left;} #guide .box_03 h2 {padding-top: 30px;} #guide .box_03 ul {margin-top: 10px;} #guide .box_03 li {width: 408px !important; width: 410px; border: solid 1px #D9D9D9; display: inline; margin-bottom: 15px;} #guide .box_03 li.odd {float: left;} #guide .box_03 li.even {float: right;} #guide .box_03 li .ttl {margin: 8px 8px 0 8px; background: #FFE2A4;} #guide .box_03 li .ttl p {font-size: 10px; letter-spacing: 1px; padding: 6px 8px 0px 8px;} #guide .box_03 li .ttl h3 {font-size: 14px; padding: 6px 8px;} #guide .box_03 li .ss {background: #F2F2F2 url(/static/image/guide/guide_use_bg.gif); margin: 8px 8px 0 8px; text-align: center;} #guide .box_03 li .ss img {border: solid 1px #FFF; margin: 3px 0;} #guide .box_03 li .txt {font-size: 10px; letter-spacing: 1px; padding: 7px 8px; line-height: 1.4em;} #guide .box_03 .start {padding-top: 30px; text-align: center;} #guide .box_03 .faq {padding-top: 10px; text-align: center;} #guide .box_03 .faq a {background: url(/static/image/common/ico_red_arrow_mini.gif) 0 .2em no-repeat; padding-left: 14px;} /* generator */ #generator .about {margin: 0 10px;} #generator .about .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; text-align: left;} #generator .about .ttl h2 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #generator .about .txt {line-height: 1.4em; text-align: left; margin: 2px 0 0 10px; padding-right: 330px; position: relative;} #generator .about .txt p {padding-top: 8px;} #generator .about .txt .ico img {margin-right: 10px;} #generator .about .ss {width: 302px; position: absolute; right: 10px !important; right: 20px; top: 8px !important; top: 4px;} #generator .about .ss p {padding: 0;} #generator .about .ss .lead {font-size: 10px; letter-spacing: 1px; text-align: center; padding-bottom: 2px;} #generator .about .ss .pic {background: #F2F2F2 url(/static/image/guide/guide_use_bg.gif); height: 72px;} #generator .about .ss .pic img {border: solid 1px #FFF; margin: 3px;} #generator .create {margin: 20px 10px 0 10px; text-align: center;} #generator .create .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; text-align: left;} #generator .create .ttl h2 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #generator .create ol {margin-left: 35px; padding-top: 2px; text-align: left;} #generator .create ol li {list-style: decimal; font-weight: bold; line-height: 1.5em; margin-top: 8px;} #generator .create ol li div {font-weight: normal;} #generator .create ol li img {position: relative; top: 6px; margin-right: 5px;} #generator .create ol li span {font-weight: bold;} #generator .create .txt {color: #BD312B; margin: 12px 0 0 10px; text-align: left;} #generator .create .code_generator {border: solid 1px #D9D9D9; width: 800px; margin: 30px auto 0 auto; text-align: left;} #generator .create .code_generator h3 {position: relative; top: -8px; left: 8px; padding: 0 8px; color: #D02D26; font-size: 15px; background: #FFF; display: inline;} #generator .create .code_generator h4 {font-size: 13px;} #generator .create .code_generator .step_1 {width: 350px; float: left; display: inline; margin: 5px 0 0 8px;} #generator .create .code_generator .step_1 .body {background: #FAFAFA; border: solid 1px #EBEBEB; margin-top: 6px;} #generator .create .code_generator .step_1 table {margin: 0 8px; width: 332px;} #generator .create .code_generator .step_1 td {border-top: solid 1px #EBEBEB; height: 36px;} #generator .create .code_generator .step_2 {width: 415px; float: right; display: inline; margin: 5px 8px 0 0;} #generator .create .code_generator .step_2 .body {background: #FAFAFA; border: solid 1px #EBEBEB; margin-top: 6px;} #generator .create .code_generator .step_2 table {margin: 0 8px; width: 397px;} #generator .create .code_generator .step_2 td {border-top: solid 1px #EBEBEB; height: 36px;} #generator .create .code_generator .st td {border-top: none;} #generator .create .code_generator td.check {text-align: center;} #generator .create .code_generator td.url {font-weight: bold;} #generator .create .code_generator td.url input {width: 320px; margin-left: 7px; border: solid 1px #B3B3B3;} #generator .create .code_generator td.caution {height: auto; border: 0; font-size: 10px; letter-spacing: 1px; color: #D02D26; line-height: 1.4em; padding-bottom: 5px;} #generator .create .code_generator .submit {text-align: center; margin-top: 13px;} #generator .create .code_generator .code {background: #FAFAFA; border: solid 1px #EBEBEB; margin: 13px 100px 13px 100px;} #generator .create .code_generator .code div {position: relative; text-align: left;} #generator .create .code_generator .code p {width: 40px; position: absolute; left: 13px; top: 40px; font-weight: bold;} #generator .create .code_generator .code textarea {border: solid 1px #A5ACB2; width: 530px; height: 80px; margin: 7px 0 7px 60px;} #generator .howto {margin: 25px 10px 0 10px; text-align: center;} #generator .howto .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; text-align: left;} #generator .howto .ttl h2 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #generator .howto .anchor {line-height: 1.5em; padding-top: 10px; margin-bottom: 15px;} #generator .howto .anchor a {background: url(/static/image/common/ico_red_arrow_mini.gif) 10px .2em no-repeat; padding-left: 22px; font-size: 10px; letter-spacing: 1px;} #generator .howto h3 {font-size: 15px; border-left: solid 5px #D02D26; padding: 2px 0 2px 6px; margin-left: 10px; color: #404040; text-align: left;} #generator .howto ol {margin-left: 45px; padding: 2px 0 28px 0; text-align: left;} #generator .howto ol li {list-style: decimal; font-weight: bold; line-height: 1.5em; margin-top: 8px;} #generator .howto ol li div {font-weight: normal;} #generator .howto ol li img {position: relative; top: 6px; margin-right: 5px;} #generator .howto ol li span {font-weight: bold;} #generator .howto ol li span.caution {font-weight: normal; font-size: 10px; letter-spacing: 1px; color: #D02D26;} #generator .howto pre {margin: 15px 0 0 0; color: #666; font: 12px/1.5em "£Í£Ó ¥´¥·¥Ã¥¯", "Osaka¡ÝÅùÉý", "Osaka-Mono", monospace;} #generator .howto .txt {margin: 7px 0 0 20px; line-height: 1.5em; text-align: left;} #generator .howto .contact {width: 400px; border: solid 1px #D9D9D9; margin: 25px auto 0 auto;} #generator .howto .contact div {border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px;} #generator .howto .contact .info {color: #BD312B; font-size: 15px; font-weight: bold; padding-top: 14px;} #generator .howto .contact .mail {padding: 12px 0;} .yui-calcontainer { border-color:white; float:none; } #entry_tag, #main .tag .keyword, #video #side .tag .keyword, #toppage #side .tag .keyword {text-transform: uppercase; font-weight: bold; line-height: 1.3em; padding: 2px 0 4px 0; word-wrap:break-word;} #entry_tag a:link, #main .tag .keyword a:link, #video #side .tag .keyword a:link, #toppage #side .tag .keyword a:link {color: #8DBED3;} #entry_tag a:active, #entry_tag a:hover, #main .tag .keyword a:active, #main .tag .keyword a:hover, #video #side .tag .keyword a:active, #video #side .tag .keyword a:hover, #toppage #side .tag .keyword a:active, #toppage #side .tag .keyword a:hover {color: #D60 !important; text-decoration: underline;} #entry_tag a.huge, #main .tag .keyword a.huge, #video #side .tag .keyword a.huge, #toppage #side .tag .keyword a.huge { color: #069; font-size:33px; line-height:0.9;} #entry_tag a.very_much, #main .tag .keyword a.very_much, #video #side .tag .keyword a.very_much, #toppage #side .tag .keyword a.very_much { color: #07A; font-size:33px; line-height:0.9;} #entry_tag a.much, #main .tag .keyword a.much, #video #side .tag .keyword a.much, #toppage #side .tag .keyword a.much { color: #07A; font-size:23px; line-height:0.9;} #main .tag .keyword a.normal, #entry_tag a.normal, #video #side .tag .keyword a.normal, #toppage #side .tag .keyword a.normal { color: #59C; } #entry_tag a, #main .tag .keyword a, #video #side .tag .keyword a, #toppage #side .tag .keyword a { letter-spacing:-0.1em; } #entry_tag li, #main .tag .keyword li, #video #side .tag .keyword li, #toppage #side .tag .keyword li { display: inline;} #entry_tag, #main .tag .keyword, #video #side .tag .keyword, #toppage #side .tag .keyword { line-height: 0.9; } #main .tag .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px;} #main .tag .ttl div {position: relative;} #main .tag .ttl h3 {font-size: 13px; color: #404040;} #main .tag .ttl h3 span {font-weight: normal; padding-left: 15px; color: #333;} #main .tag .ttl p {text-align: right; color: #666; position: absolute; top: 2px; right: 20px;} #main .tag .ttl span {color: #999; font-size: 10px;} #entry_tag ul {text-align: center;} #video #side .tag .more {text-align: right; font-size: 10px; letter-spacing: 1px; padding-top: 2px; border-top: dashed 1px #B3B3B3;} #video #side .tag .more a {padding-left: 13px; background: url(/static/image/common/ico_link_arrow_mini.gif) 0 .2em no-repeat;} #video #side .tag .more a:link, #video #side .tag .more a:visited {color: #404040; text-decoration: none;} #video #side .tag .more a:active, #video #side .tag .more a:hover {color: #D60; text-decoration: underline;} #video #main .movie .ss img {border: solid 1px #FFF; width:126px; height:93px; } :root #video #main .movie .ss img {border: solid 1px #FFF; width:128px; height:95px; } #video #main .movie .ss span {border: solid 1px #A6A6A6; display: table; margin: 0 auto; width:130px; height:97px; overflow:hidden; } body { text-align:center; } #header, #navi, #contents, #footer { width:930px; text-align:left; margin-left:auto; margin-right:auto; } #video #side, #toppage #side { width: 260px; float: right;} #video #wrapper, #toppage #wrapper { width: 660px; float: left;} #toppage #main { margin: 0;} #toppage #main .txt , #entry #entry_comment .bzl_comment li .c_body .txt, #entry #entry_comment .hatena_comment li .c_body .txt, #toppage #side .txt { word-wrap:break-word; } #entry #entry_detail .detail blockquote {margin:0;} #entry #entry_comment .bzl_comment .commentless {margin-top: 5px !important; margin-top: 3px;} #entry #entry_comment .bzl_comment .commentless {font-size: 10px; color: #666; line-height: 1.3em; padding: 2px 0 0 23px; background: url(/static/image/sprite/button.gif) 5px -452px no-repeat;} #entry #entry_comment .bzl_comment .commentless a:link, #entry #entry_comment .bzl_comment .commentless a:visited {color: #666; text-decoration: underline;} #entry #entry_comment .bzl_comment .commentless a:active, #entry #entry_comment .bzl_comment .commentless a:hover {color: #333; text-decoration: underline;} #entry #entry_comment .comment_form input.tag_st {margin: 0 0 5px 0;} #entry #entry_comment .comment_form input.tag {margin: 0 0 5px 0px;} #entry #entry_comment .support .kw_list .suggest_keyword {cursor: pointer; color: #07A;} #entry #entry_comment .support .kw_list .suggest_keyword_selected {cursor: pointer; color: #FFF; background: #07A;} #div_suggest_list, #div_keyword_others, #div_keyword_mine, #div_keyword_mine_top {background-color: white;} #entry #entry_side .search_entry form input {margin: 0px; width: 125px;} #entry #entry_side .search_entry form div.top_tag_form {text-align: center;} #top_tag_input_update { text-align:left; } #top_tag_input_update .selected { background-color: #FF8; cursor:pointer;} #entry #entry_side .search_entry .on_drop { background-color:#FF8; } #resister .login { float: left; } #resister .new_member { float: right; } #entry #entry_side .relation_entry .detail .rating input.img {margin-left: 3px; position: relative; top: 2px;} #entry #entry_side .search_entry .chain div {text-align: center; font-size: 10px; color: #989898; letter-spacing: 1px; line-height: 1.6em;} #entry #entry_side .search_entry .chain div img {position: relative; top: 4px; margin-right: 4px;} #entry #entry_side .search_entry .chain div p {margin: 0; padding: 0;} body { word-wrap: break-word; } #generator .create .code_generator td.caution {width:397px;} #resister .new_member dd input {width: 290px;} #resister .ok {background-color:blue; padding-left:10px; padding-right:10px; color:white; border-top:2px solid blue; border-bottom:2px solid #0000CD;border-right:2px solid #0000CD; margin-left:10px; font-weight:bold ;} #resister .new_member .error {margin-top: 15px; color: #BD312B; line-height: 1.5em;} #resister .warn { font-weight:bold; color:red; } #entry .guide {margin-bottom: 20px; padding: 7px 10px 0 10px !important; padding: 3px 10px 0 10px;} #entry .guide .box {border: solid 1px #D9D9D9; padding: 6px;} #entry .guide .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px; text-align: left;} #entry .guide h2 {font-size: 14px; color: #404040;} #entry .guide p {line-height: 1.6em; margin-top: 8px;} #entry .guide .about ul {padding-top: 12px;} #entry .guide .about li {width: 200px; float: left; display: inline; margin-right: 13px; background: #EEAA18 url(/static/image/guide/guide_flow_bottom.gif) bottom no-repeat;} #entry .guide .about li.en {margin: 0;} #entry .guide .about li p {margin: 5px 5px 8px 6px; font-size: 10px; letter-spacing: 1px; line-height: 1.5em;} #entry .guide .first_step {margin-top: 10px;} #entry #entry_comment .bzl_comment {width: 100%; margin-bottom: 15px;} #entry #entry_comment .hatena_comment {margin-bottom: 25px;} #entry #entry_comment .comment_form {margin-top: 0px; margin-bottom: 20px; text-align: center;} #entry #entry_comment .comment_form .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px; text-align: left; } #entry #entry_comment .comment_form .ttl h3 {font-size: 13px; color: #404040;} #entry #entry_comment .bzl_comment li.more { padding-left:35px; margin-bottom: 0px; text-align:right; } #entry #entry_comment .bzl_comment li.more img { vertical-align:middle; } #entry #entry_comment .bzl_comment li.info { margin-left: 35px; color:#888; } #entry #entry_comment .bzl_comment li.res_form { display:none; width: 100%; position: relative; margin-top: 5px !important; margin-top: 2px;} #entry #entry_comment .bzl_comment li.res_form .pic {position: absolute; top: 0; left: 35px; text-align: center; width: 32px;} #entry #entry_comment .bzl_comment li.res_form .pic img {border: solid 1px #CCC;} #entry #entry_comment .bzl_comment li.res_form .c_body {margin-left: 77px; border: solid 1px #D9D9D9; position: relative; background: #F5F5F5;} #entry #entry_comment .bzl_comment li.res_form .c_body .tl {position: absolute; top: -1px !important; top: 0; left: -6px;} #entry #entry_comment .bzl_comment li.res_form .c_body .tr {position: absolute; top: -1px !important; top: 0; right: -1px;} #entry #entry_comment .bzl_comment li.res_form .c_body .bl {position: absolute; bottom: -1px !important; bottom: -1px; left: -6px;} #entry #entry_comment .bzl_comment li.res_form .c_body .br {position: absolute; bottom: -1px !important; bottom: -1px; right: -1px;} #entry #entry_comment .bzl_comment li.res_form .c_body .detail {padding: 4px 8px 0 8px;} #entry #entry_comment .bzl_comment li.res_form .c_body .tag {color: #A6A6A6; line-height: 1.4em;} #entry #entry_comment .bzl_comment li.res_form .c_body .txt {line-height: 1.3em;} #entry #entry_comment .bzl_comment li.res_form .c_body .name {font-size: 10px; color: #666; line-height: 1.3em; width: 500px; float: left; margin-bottom: 4px; position: relative;} #entry #entry_comment .bzl_comment li.res_form .c_body .name a:link, #entry #entry_comment .bzl_comment li.res_form .c_body .name a:visited {color: #666; text-decoration: underline;} #entry #entry_comment .bzl_comment li.res_form .c_body .name a:active, #entry #entry_comment .bzl_comment li.res_form .c_body .name a:hover {color: #333; text-decoration: underline;} #entry #entry_comment .bzl_comment li.res_form .c_body .res {width: 50px; float: right; text-align: right; margin: 2px 0 4px 0; position: relative;} textarea, .bm_comment { font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯"; } #guide {text-align: center;} #navi ul {width: 400px; } #guide .inquiry {margin: 25px 10px 0 10px; text-align: center;} #guide .inquiry .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; position: relative; text-align: left; margin-bottom: 10px;} #guide .inquiry .ttl h2 {font-size: 13px; color: #404040; margin-right: 20px; line-height: 1.2em;} #guide .inquiry .inquiry_form {width: 798px; margin: 0px auto; border: solid 1px #D9D9D9; margin-top: 6px; text-align: left;} #guide .inquiry .body { border: solid 1px #EBEBEB; background: #F5F5F5; margin: 8px; padding: 14px 5px 15px 10px;} #guide .inquiry p {margin-bottom: 13px;} #guide .ok {background-color:blue; padding-left:10px; padding-right:10px; color:white; border-top:2px solid blue; border-bottom:2px solid #0000CD;border-right:2px solid #0000CD; margin-left:10px; font-weight:bold ;} #guide .inquiry dt {padding-left: 13px; background: url(/static/image/common/ico_blue_arrow.gif) 0 .2em no-repeat; font-weight: bold; color: #404040; margin: 13px 0 5px 0;} #guide .inquiry dt span {font-weight: normal; font-size: 10px; color: #EF6012;} #guide .inquiry dd input {border: solid 1px #B3B3B3; width: 310px;} #guide .inquiry dd textarea {border: solid 1px #A5ACB2; width: 560px; height: 80px;} #guide .inquiry .submit {margin-top: 13px;} #guide .inquiry .err {color:red;} #afpbb #side { width: 260px; float:right; } #afpbb #wrapper { width: 660px; float:left; } #afpbb #main { margin: 0;} #afpbb #main .txt_ttl { word-wrap: break-word; } #afpbb #side .c_menu .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 7px 4px 5px 8px;} #afpbb #side .c_menu .ttl h3 {font-size: 13px; color: #404040;} #afpbb #side .c_menu ul {margin: 5px 0 0 8px;} #afpbb #side .c_menu li {background: url(/static/image/common/ico_c_menu_arrow.gif) 0 .3em no-repeat; padding: 0 0 2px 13px; line-height: 1.2em;} #afpbb #main .photo_news .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; text-align: left; width: 100%;} #afpbb #main .photo_news .ttl h2 { float:left; width: 68%; font-size: 13px; color: #404040; line-height: 1.2em; margin: 5px 0 3px 8px; } #afpbb #main .photo_news .ttl p { float:right;width: 28%; text-align: right; color: #666; margin: 7px 8px 3px 0; } #afpbb #main .photo_news .ttl span {color: #CD130A; font-weight:bold ;} #afpbb #main .photo_news .ttl a.powered_by:link, #afpbb #main .photo_news .ttl a.powered_by:visited {color: #07A;} #afpbb #main .photo_news .body {text-align: center;} #afpbb #main .photo_news .body table { margin-left:auto; margin-right:auto; } #afpbb #main .photo_news .body table td {background-color:#EBEBEB; vertical-align:top; width:120px; } #afpbb #main .photo_news .txt {font-size: 10px; margin: 4px 0 4px 5px; overflow:hidden; width:120px; height:1.35em;} #afpbb #main .photo_news .ss {text-align: center; padding-top: 1px;} #afpbb #main .photo_news .ss img {border: solid 1px #FFF;} #afpbb #main .photo_news .ss span {border: solid 1px #A6A6A6; display: table; margin: 0 auto; border-collapse:collapse;border-spacing:0; } #afpbb #main .photo_news .add {float: right; width: 47px; margin-top: 3px;} #afpbb #main .photo_news .usernum { float:right; width:32px; height:17px; text-align:center; background-image:url(/static/image/common/btn_usernum_mini.gif); } #afpbb #main .photo_news .usernum a { color:#666; font-weight:bold;} #afpbb #main .photo_news .more {text-align: right; margin-top: 5px;} #afpbb #main .photo_news .more a {padding-left: 15px; background: url(/static/image/common/ico_link_arrow.gif) 0 .1em no-repeat;} #afpbb #main .photo_news .more a:link, #afpbb #main .photo_news .more a:visited {color: #404040; text-decoration: none;} #afpbb #main .photo_news .more a:active, #afpbb #main .photo_news .more a:hover {color: #D60; text-decoration: underline;} #story .story {margin: 0 10px;} #story .story .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; text-align: left;} #story .story .ttl h2 {font-size: 18px; color: #404040; margin-right: 20px; line-height: 1.2em;} #story .story .prologue, #story .story .txt {line-height: 1.4em; text-align: left; margin: 2px 0 0 10px; padding-right: 310px; position: relative;} #story .story .txt {margin-left: 15px;} #story .story .prologue img {padding-top: 8px;} #story .story .txt h3 {margin: 30px 0 10px 0; color: red;} #story .story .txt p {padding-top: 8px;} #story .story .txt .ss {width: 300px; position: absolute; right: 10px !important; right: 20px; top: 8px !important; top: 4px;} #story .story .txt .ss p {padding: 0;} #story .story .txt .ss .pic {text-align: right;} #story hr {margin: 10px 0 10px 0; height: 0px; border: none; border-top: dashed 1px #B3B3B3;} #story .story .txt-right {line-height: 1.4em; text-align: left; margin: 10px 0 0 10px; position: relative;} #story .story .txt-right {margin-left: 15px;} #story .story .txt-right h3 {margin: 30px 0 10px 0; color: red;} #story .story .txt-right p {padding-top: 8px; padding-left: 330px;} #story .story .txt-right .ss {width: 300px; position: absolute; left: 0px !important; left: 0px; top: 18px !important; top: 8px;} #story .story .txt-right .ss p {padding: 0;} #story .story .txt-right .ss .pic {text-align: left;} #story .story .txt-middle {line-height: 1.4em; text-align: left; margin: 10px 0 10px 15px;} #story .story .txt-middle p {padding-top: 8px;} #story .story .profile {background: #EEEEEE; border: 1px solid #CCCCCC; padding: 10px;} #story .story .profile dl dt {font-weight: bold; size: 14px;} #story .story .back-number h3 {border-left: 5px solid #D02D26; font-size: 15px; padding: 1px 0px 1px 6px;} #story .story .back-number ul {margin-top: 3px; margin-left: 10px;} #story .story .back-number a {font-weight: bold;} #story hr {border: 1px dashed #CCCCCC; margin-top: 5px; margin-bottom: 5px;} #official_user { text-align:center; } #official_user #wrapper {width:880px; margin-left:auto; margin-right:auto; text-align:left; line-height:1.35;} #official_user #lead {background:url(/static/image/official_top/official_image.jpg) no-repeat; color:#333; height:272px;} #official_user #lead h2 {height:140px; visibility:hidden;} #official_user #lead .about {float:left; width:250px; margin-top:30px;} #official_user #lead .supported_by {float:right; width:230px; margin-top:30px;} #official_user #official_bm td.left {width:431px; border:1px solid #DFDFDF; vertical-align:top;} #official_user #official_bm td.right {width:431px; border:1px solid #DFDFDF; vertical-align:top;} #official_user #official_bm .company {position:relative;} #official_user #official_bm .company a {position:absolute; top:11px; right:11px; color:#F36117;} #official_user #official_bm h3 {background:url(/static/image/official_top/ttl_bk.gif) no-repeat 3px 0px; height:33px; padding-top:10px; padding-left:10px; color:#000; } #official_user #official_bm .pic {float:left; width:112px; height:120px; overflow:hidden;} #official_user #official_bm .pic table {background-color:#EEEEEE; float:left; border:1px solid #EEEEEE; margin:5px;} #official_user #official_bm .pic table td img {width:100px;} #official_user #official_bm .profile {float:left; width:307px; height:120px;} #official_user #official_bm .profile .txt {padding-left:5px; line-height:1.3;} #official_user #official_bm h4 {border-left:6px solid #F28211; height:1.3em; padding:4px 0 0 2px; margin-left:5px;} #official_user #official_bm .bm {border:1px solid #EBEBEB; background-color:#FAFAFA; margin:5px; height:100px;} #official_user #official_bm .bm li {margin:5px;} #official_user #remark {border:1px solid #DFDFDF; background-color:#EFEFEF; padding:8px; margin-top:30px;} #official_user #remark h2 {margin-bottom:8px;} #official_user #remark .warn {color:#009999;} #official_user #remark .button {margin-top:5px; text-align:center;} #official_user #value_press {border:1px dotted #1B1B1B; padding:2px; margin-top:30px;} #official_user #value_press h2 {height:30px; background-color:#EAEAEA; padding:7px 0px 0px 7px; margin-bottom:10px;} #official_user #value_press p {padding-left:10px;} #blogparts_generator h1 {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x #FFF; padding: 7px 4px 5px 8px;color:#C41212; font-size:1em; } #blogparts_generator .toc {margin-bottom:20px; } #blogparts_generator .toc h1 {text-align:center; } #blogparts_generator .toc .lead { width:600px; float:left; margin-top:10px; } #blogparts_generator .toc .lead p { line-height:1.3; } #blogparts_generator .toc ul { width:300px; float:right; margin-top:10px; background-color:#DCF9DE; } #blogparts_generator .toc ul li { line-height:1.3; padding:5px; } #blogparts_generator form#hoge ol { width:360px; } #blogparts_generator form#hoge ol li { width:120px; float:left; } #blogparts_generator th { background-color:#E2EDFB; width:150px; } #blogparts_generator td { width:400px; } #blogparts_generator table { border-collapse:collapse; } #blogparts_generator td, #blogparts_generator th { border:1px solid #888; } #blogparts_generator #custom_color { text-align:center; } #blogparts_generator #custom_color table { margin-left:auto; margin-right:auto; } #blogparts_generator #custom_color td { width: 180px; } #blogparts_generator div#parts_form { width:550px; float:left; margin-right:10px; } #blogparts_generator div#preview_wrapper { width:350px; float:left; } #blogparts_generator div#generated_code h3 , #blogparts_generator div#preview_wrapper h3 {font-size: 15px; background: url(/static/image/user/my_tab_ttl.gif) 4px 0 no-repeat; padding: 2px 0 2px 14px; height:1.5em; } #blogparts_generator div#preview { width:340px; height:400px; overflow:auto; background-color:#CCC; padding:5px; } #blogparts_generator #form_input_list dt { display:none; } #blogparts_generator #form_input_list dd { height:350px; } #blogparts_generator #parts_form .tab {margin-top: 10px; margin-bottom:10px; } #blogparts_generator #parts_form .tab h2 {font-size: 15px; background: url(/static/image/user/my_tab_ttl.gif) 4px 0 no-repeat; padding: 2px 0 2px 14px;} #blogparts_generator #parts_form .tab .bg {background: url(/static/image/user/my_tab_bg.gif) no-repeat; margin-top: 3px;} #blogparts_generator #parts_form .tab .bg .body {background: url(/static/image/user/my_tab_bg_right.gif) 0 0 no-repeat; height: 35px;} #blogparts_generator #parts_form .tab ul {padding: 9px 0 0 12px;} #blogparts_generator #parts_form .tab li {width: 135px; float: left; display: inline; margin-left: 3px; text-align: center; font-weight: bold;} #blogparts_generator #parts_form .tab li a {width: 135px; height: 26px; display: block; background: url(/static/image/user/my_tab_normal.gif) no-repeat; color: #333;} #blogparts_generator #parts_form .tab li a:hover {background: url(/static/image/user/my_tab_active.gif) no-repeat; color: #BD312B; text-decoration: none;} #blogparts_generator #parts_form .tab li a.selected {width: 135px; height: 26px; display: block; background: url(/static/image/user/my_tab_active.gif) no-repeat; color: #BD312B;} #blogparts_generator #parts_form .tab li span {display: block; padding-top: 8px;} #blogparts_generator .help h1 { margin-top:20px; } #blogparts_generator .help p { margin:5px; line-height:1.3; } #blogparts_generator .help ul { margin-left:20px; margin-top:20px; } #blogparts_generator .help li { margin:5px; } #entry #edit_title {clear: both; border: 1px solid #D9D9D9; margin: 7px 60px 0px; width: 595px;} #entry #edit_title_form {background: #F5F5F5; border: 1px solid #EBEBEB; margin: 3px; padding: 3px;} #entry #edit_title_form h3 {background: transparent url(/static/image/sprite/button.gif) no-repeat scroll 3px -609px; color: #404040; font-size: 13px; padding-left: 23px;} #entry #edit_title_form input.text {border: 1px solid #A5ACB2; width: 500px;} #entry #edit_title_form p { margin-top: 3px;} #entry #edit_title_form .close {text-align: right;} #entry #edit_title_form .ttl {position: relative; padding-bottom: 3px;} #entry #edit_title_form .ttl .last_editor {position: absolute; top: 0px; right: 3px; text-align: right;} #entry #entry_comment .support ul {border: solid 1px #BFBFBF; padding: 13px 8px 8px 8px; color: #BFBFBF; } #entry #entry_comment .support ul li {display:inline;cursor: pointer; color:#CCC; } #entry #entry_comment .support ul li span { color: #07A; padding:0 1px 0 1px; } #entry #entry_comment .support .suggest_keyword_selected span { color: #FFF; background: #07A;} #entry #suggest { text-align:left; } #entry #suggest .selected { background-color: #FF8; cursor:pointer;} #entry #suggest li { padding:3px; } #i_biography {border: 1px solid #A5ACB2; width: 500px; margin-top: 3px; margin-bottom: 3px;} #search_result a { color:#0000cc; text-decoration:underline; } #search_result h1 { font-size:small; background-color:#E5ECF9; line-height:1.3; border-top: 1px solid #3366CC; font-weight:normal; } #search_result dl dt { font-size:small; line-height:1.3; } #search_result dl dd .host { color:#008000; font-size:small; line-height:1.3; } #search_result dl dd .desc { line-height:1.5; } #search_result select { margin:0; padding:0; } #search_result #ad_top { float:right; width:300px; border-left:1px solid #C9D7F1; } #search_result #ad_top dl { margin-left:20px; } #search_result #ad_top dl dt a { display:block; width:100%; } #search_result #ad_top dl dd a { text-decoration:none; display:block; width:100%; color:black; } #search_result #ad_top dl dd .host a { text-decoration:none; color:#008000; font-size:small; line-height:1.3; display:block; width:100%; } #search_result #ad_top dl dd { margin-bottom:10px; } #search_result #ad_top h2 { color:#6F6F6F; font-size:small; line-height:1.3; text-align:center; font-weight:normal; } #search_result #sr { width: 550px; } #search_result #sr dl { margin-left:10px; } #search_result #sr dl dd { margin-bottom:20px; } #search_result #sr span.hatena img.user_num { height:13px; } #search_result #sr span.buzzurl img.user_num, #search_result #sr span.livedoor img.user_num{ height:12px; } #search_result #sr .sorry {border-top: solid 6px #DCDCDC; margin-bottom:15px; } #search_result #sr .sorry h4 {font-size: 13px; color: #414141; margin-bottom:20px; font-weight:normal; } #search_result #sr .sorry div {background: #F5F5F5; border: solid 1px #EBEBEB; border-top: none; padding: 7px 6px 6px 6px;} #search_result #sr .sorry li {margin-top: 6px; line-height: 1.3; background: url(/static/image/common/ico_red_arrow_mini.gif) 0 5px no-repeat; padding-left: 11px; margin-bottom:10px;} #search_result #sr .sorry .new_item a { padding-right:30px; background:url(/static/image/common/ico_new.gif) right center no-repeat; } #search_result #ad_bottom { background-color:#ECF5FA; width:550px; position:relative; } #search_result #ad_bottom dl { margin-left:10px; } #search_result #ad_bottom dl dt a { display:block; width:100%; } #search_result #ad_bottom dl dd a { text-decoration:none; display:block; width:100%; color:black; } #search_result #ad_bottom dl dd .host a { text-decoration:none; color:#008000; font-size:small; display:block; width:100%; } #search_result #ad_bottom dl dd { margin-bottom:10px; } #search_result #ad_bottom h2 { color:#6F6F6F; font-size:small; line-height:1.3; text-align:center; position:absolute; top:0; right:0; font-weight:normal; } #search_result .page_list {text-align: center; margin-top: 20px;} #search_result .page_list .prev a {text-decoration: none; color: #FFF; } #search_result .page_list .next a {text-decoration: none; color: #FFF; } #search_result .page_list .prev a:hover, #search_result .page_list .next a:hover {text-decoration: underline;} #search_result .page_list .num a {text-decoration: none; color: #2D7FA2; } #search_result .page_list .num span { color: #FFF;} #footer_search {border-top:1px solid #3366CC; background-color:#ECF5FA; margin-bottom:20px; margin-left:auto; margin-right:auto; width:930px; padding:20px; position:relative;} #footer_search .pagetop {text-align: right; position: absolute; top: -24px !important; top: -18px; right: 10px;} #entry #entry_side .report_spam {margin-top: 15px;} #entry #entry_side .report_spam .ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 5px 4px 5px 8px; position: relative;} #entry #entry_side .report_spam .ttl h3 {font-size: 13px; color: #404040; line-height: 1.2em;} #entry #entry_side .report_spam .button_box {margin-left:10px; margin-top:5px;} #entry #entry_side .report_spam .button {position:relative;} #entry #entry_side .report_spam .button a.select {display:block; border:1px solid #cccccc; width:80px; text-align:center;} #entry #entry_side .report_spam .button a.select:hover {text-decoration:none;} #entry #entry_side .report_spam ul {position:absolute; display:none; left:0px; top:14px; text-align:left;} #entry #entry_side .report_spam ul li {display:block;} #entry #entry_side .report_spam ul li a {display:block; width:80px; border-right:1px solid #cccccc; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; text-indent:0.5em;} #entry #entry_side .report_spam ul li a:hover {text-decoration:none; background:#dddddd;} #entry #entry_detail .detail .my_hot_entry {background: url(/static/image/entry/hotentry.png);} /* moderator */ #moderator .list {width: 880px; margin: 15px 10px 0 10px;} #moderator .list th {background: #F0F0F0 url(/static/image/ranking/bg_th_list.gif) 0 0 no-repeat; color: #4D4D4D; line-height: 1.2em !important; line-height: 1.3em; font-size: 13px; border-bottom: solid 1px #FFF; padding: 6px 0 3px 0;} #moderator .list td {text-align: center; padding: 3px 0; border-bottom: solid 1px #E5E5E5;} #moderator .list td span {display: block;} #moderator .list td.pic {text-align: right;} #moderator .list td.name {text-align: left;} #moderator .list td.pic img {border: solid 1px #BFBFBF; margin-right: 3px;} #moderator .list td.name {font-weight: bold; font-size: 15px;} #moderator .list td.name span span {display: inline; font-weight: normal; font-size: 10px; letter-spacing: 1px;} #toppage .balloon table.photo {left:-46px; position:absolute; text-align: center;} #toppage .balloon table.photo td {width: 32px; height:32px; border: 1px solid #CCCCCC; text-align: center; padding:0px;} #toppage .balloon {position: relative; margin: 5px 0 0 42px;} #toppage .balloon .c_head {background: url(/static/image/common/balloon_bg_t.gif) 0 0 repeat-x; height: 2px; text-align: right; position: relative;} #toppage .balloon .c_head img.left {width: 7px; height: 15px; position: absolute; left: -5px;} #toppage .balloon .c_fot {background: url(/static/image/common/balloon_bg_b.gif) 0 0 repeat-x; height: 2px; position: relative; margin: 0 2px;} #toppage .balloon .c_fot img.left {width: 7px; height: 2px; position: absolute; top: 0; left: -7px !important; left: -5px;} #toppage .balloon .c_fot img.right {width: 2px; height: 2px; position: absolute; top: 0; right: -2px !important; right: -1px;} #toppage .balloon .comment {background: #FFF; padding: 4px 8px; border-right: solid 1px #D9D9D9; border-left: solid 1px #D9D9D9;} #toppage .balloon .comment p {line-height: 1.3em; margin-right: 40px;} #toppage .balloon .comment .tag {color: #A6A6A6;} #toppage .balloon .comment .edit {text-align: right; position: absolute; top: 9px; right: 8px; margin: 0;} #toppage .ignore .balloon {margin-left: 82px;} #toppage .ignore .balloon .blacklisted {background-color: #333; color:#FFF; } #entry #top_rec_main_blue { margin:5px 10px 0px -10px; } #entry #top_bottom_main_blue { margin:5px 0px 0px -2px; } #entry .gad { padding:5px; border:1px solid #D9D9D9; } #entry .gad p a { font-weight:bold; text-decoration:none; color:#000; padding-left:5px; } #entry .gad p { margin-bottom:5px; } #entry .gad li { padding:5px; } #entry .gad li a { padding:5px 5px 5px 0px; } #entry .gad li a:hover { background-color:#FFFFDD; text-decoration:none; } #entry .gad li .gad_title { text-decoration:underline; font-weight:bold; margin-right:10px; font-size:13pt; } #entry .gad li .gad_url { color:#008000; } #entry .gad li .gad_text { text-decoration:none; display:block; color:black; margin:5px 0px 10px 0px; } .rss-icon img { background: url(/static/image/sprite/button.gif) 0 -1044px no-repeat; width:14px; height:14px; }