@charset "UTF-8"; /*============================================ 2010.08 contents.css ============================================*/ /*============================================ reset Css ============================================*/ body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,p,table,th,td,form,input,textarea,select,label{ margin:0px; padding:0px; } h1,h2,h3,h4{ font-size:1em; font-weight:normal; } table{ border:0; } img{ margin:0; padding:0; border:0; } ul,dl{ list-style-type:none; } textarea,select{ font-size:1em; } /*============================================ class Css ============================================*/ /* float clear ============================================*/ .floatLeft{ float:left; } .floatRight{ float:right; } .clear{ clear:both; height:0; font-size:0; line-height:0; } .clear2{ clear:both; } .clearfix{ /zoom:1; } .clearfix:after{ content:''; display:block; clear:both; } /* rankIcon ============================================*/ .rankIcon01{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_01.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon02{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_02.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon03{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_03.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon04{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_04.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon05{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_05.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon06{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_06.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon07{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_07.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon08{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_08.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon09{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_09.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon10{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_10.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon11{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_11.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon12{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_12.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon13{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_13.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon14{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_14.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon15{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_15.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon16{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_16.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon17{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_17.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon18{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_18.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon19{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_19.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon20{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_20.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon21{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_21.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon22{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_22.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon23{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_23.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon24{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_24.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon25{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_25.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon26{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_26.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon27{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_27.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon28{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_28.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon29{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_29.png) no-repeat 0 0; font-weight:bold; color:#448b76; } .rankIcon30{ padding:7px 0 3px 60px; background:url(/edit/sumi_machi/img/icon_rank_30.png) no-repeat 0 0; font-weight:bold; color:#448b76; } /* arrowIcon ============================================*/ .kantoRank .arrowOrangeLink{ padding:2px 0 2px 20px; background:url(/edit/sumi_machi/kanto/img/icon_arrow_olink.png) no-repeat 0 0; } .kantoRank .arrowOrangeLink:hover{ background:url(/edit/sumi_machi/kanto/img/icon_arrow_olink_on.png) no-repeat 0 0; } .kansaiRank .arrowOrangeLink{ padding:2px 0 2px 20px; background:url(/edit/sumi_machi/kansai/img/icon_arrow_olink.png) no-repeat 0 0; } .kansaiRank .arrowOrangeLink:hover{ background:url(/edit/sumi_machi/kansai/img/icon_arrow_olink_on.png) no-repeat 0 0; } .rankContents .arrowOrange{ padding:2px 0 2px 20px; background:url(/edit/sumi_machi/img/icon_arrow_orange.png) no-repeat 0 0; } .rankContents .arrowPink{ padding:2px 0 2px 22px; background:url(/edit/sumi_machi/img/icon_arrow_pink.png) no-repeat 0 0; } .rankContents .arrowPink:hover{ background:url(/edit/sumi_machi/img/icon_arrow_pink_on.png) no-repeat 0 0; } .rankContents .arrowBlue{ padding:2px 0 2px 22px; background:url(/edit/sumi_machi/img/icon_arrow_blue.png) no-repeat 0 0; } .rankContents .arrowBlue:hover{ background:url(/edit/sumi_machi/img/icon_arrow_blue_on.png) no-repeat 0 0; } .rankContents .arrowLblue{ padding:2px 0 2px 22px; background:url(/edit/sumi_machi/img/icon_arrow_lblue.png) no-repeat 0 0; } .rankContents .arrowLblue:hover{ background:url(/edit/sumi_machi/img/icon_arrow_lblue_on.png) no-repeat 0 0; } /* btn ============================================*/ .etcCommentBtn a, .etcCommentBtn2 a{ width:147px; height:25px; display:block; text-indent:-9999px; overflow:hidden; } .etcCommentBtn:hover a, .etcCommentBtn2:hover a{ background:url(/edit/sumi_machi/kanto/img/btn_etc_comment_on.png) no-repeat 1px 1px; } /* tab ============================================*/ .rankTabU .alltopBtn a:hover{ background:url(/edit/sumi_machi/img/tab_u_on.png) no-repeat 0 0; } .rankTabU .youngBtn a:hover{ background:url(/edit/sumi_machi/img/tab_u_on.png) no-repeat -159px 0; } .rankTabU .coupleBtn a:hover{ background:url(/edit/sumi_machi/img/tab_u_on.png) no-repeat -318px 0; } .rankTabU .familyBtn a:hover{ background:url(/edit/sumi_machi/img/tab_u_on.png) no-repeat -477px 0; } .rankTabU .themeBtn a:hover{ background:url(/edit/sumi_machi/img/tab_u_on.png) no-repeat -636px 0; } .rankTabD .alltopBtn a:hover{ background:url(/edit/sumi_machi/img/tab_d_on.png) no-repeat 0 0; } .rankTabD .youngBtn a:hover{ background:url(/edit/sumi_machi/img/tab_d_on.png) no-repeat -159px 0; } .rankTabD .coupleBtn a:hover{ background:url(/edit/sumi_machi/img/tab_d_on.png) no-repeat -318px 0; } .rankTabD .familyBtn a:hover{ background:url(/edit/sumi_machi/img/tab_d_on.png) no-repeat -477px 0; } .rankTabD .themeBtn a:hover{ background:url(/edit/sumi_machi/img/tab_d_on.png) no-repeat -636px 0; } /*============================================ style Css ============================================*/ #contents{ width:920px; } /* rankTabU ============================================*/ #contents div.rankTabU{ width:920px; } #contents div.rankTabU p.rTitle{ margin-bottom:20px; } #contents div.rankTabU ul{ width:920px; height:41px; position:relative; } #contents div.rankTabU ul li{ width:159px; height:32px; position:absolute; top:6px; } #contents div.rankTabU ul li.youngBtn{ left:249px; } #contents div.rankTabU ul li.coupleBtn{ left:412px; } #contents div.rankTabU ul li.familyBtn{ left:575px; } #contents div.rankTabU ul li.themeBtn{ left:738px; } #contents div.rankTabU ul li a{ height:32px; display:block; text-indent:-9999px; overflow:hidden; } #contents div.youngTabU ul li.alltopBtn{ left:8px; } #contents div.youngTabU ul li.coupleBtn{ left:420px; } #contents div.youngTabU ul li.familyBtn{ left:583px; } #contents div.youngTabU ul li.themeBtn{ left:746px; } #contents div.dinksTabU ul li.alltopBtn{ left:8px; } #contents div.dinksTabU ul li.youngBtn{ left:171px; } #contents div.dinksTabU ul li.familyBtn{ left:583px; } #contents div.dinksTabU ul li.themeBtn{ left:746px; } #contents div.familyTabU ul li.alltopBtn{ left:8px; } #contents div.familyTabU ul li.youngBtn{ left:171px; } #contents div.familyTabU ul li.coupleBtn{ left:334px; } #contents div.familyTabU ul li.themeBtn{ left:746px; } #contents div.themeTabU ul li.alltopBtn{ left:8px; } #contents div.themeTabU ul li.youngBtn{ left:171px; } #contents div.themeTabU ul li.coupleBtn{ left:334px; } #contents div.themeTabU ul li.familyBtn{ left:497px; } /* rankTaD ============================================*/ #contents div.rankTabD{ width:920px; height:45px; clear:both; margin-bottom:25px; } #contents div.rankTabD p.rTitle{ position:absolute; top:0; left:0; text-indent:-9999px; } #contents div.rankTabD ul{ width:920px; height:35px; position:relative; } #contents div.rankTabD ul li{ width:159px; height:35px; position:absolute; top:3px; } #contents div.rankTabD ul li.youngBtn{ left:249px; } #contents div.rankTabD ul li.coupleBtn{ left:412px; } #contents div.rankTabD ul li.familyBtn{ left:575px; } #contents div.rankTabD ul li.themeBtn{ left:738px; } #contents div.rankTabD ul li a{ height:32px; display:block; text-indent:-9999px; overflow:hidden; } #contents div.youngTabD ul li.alltopBtn{ left:8px; } #contents div.youngTabD ul li.coupleBtn{ left:420px; } #contents div.youngTabD ul li.familyBtn{ left:583px; } #contents div.youngTabD ul li.themeBtn{ left:746px; } #contents div.dinksTabD ul li.alltopBtn{ left:8px; } #contents div.dinksTabD ul li.youngBtn{ left:171px; } #contents div.dinksTabD ul li.familyBtn{ left:583px; } #contents div.dinksTabD ul li.themeBtn{ left:746px; } #contents div.familyTabD ul li.alltopBtn{ left:8px; } #contents div.familyTabD ul li.youngBtn{ left:171px; } #contents div.familyTabD ul li.coupleBtn{ left:334px; } #contents div.familyTabD ul li.themeBtn{ left:746px; } #contents div.themeTabD ul li.alltopBtn{ left:8px; } #contents div.themeTabD ul li.youngBtn{ left:171px; } #contents div.themeTabD ul li.coupleBtn{ left:334px; } #contents div.themeTabD ul li.familyBtn{ left:497px; } /* rankContents ============================================*/ #contents div.rankContents{ width:920px; padding-bottom:20px; font-size:113%; color:#333333; } #contents div.rankContents p{ text-align:justify; text-justify:inter-ideograph; } /* keyV --------------------------------------------*/ #contents div.rankContents div.keyV{ width:914px; margin:0 3px; padding:20px 0 0; position:relative; } #contents div.rankContents div.keyV p.intro{ margin:0 0 0 28px; } #contents div.rankContents div.keyV p.kansaiBtn{ width:125px; height:21px; display:inline; margin-right:25px; position:absolute; top:20px; right:0; } #contents div.rankContents div.keyV p.kansaiBtn a{ width:125px; height:21px; display:block; background:url(/edit/sumi_machi/kanto/img/btn_kansai.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; } #contents div.rankContents div.keyV p.kansaiBtn a:hover{ background-position:0 -21px; } #contents div.rankContents div.keyV p.kantoBtn{ width:125px; height:21px; float:right; display:inline; margin-right:25px; position:absolute; top:20px; right:0; } #contents div.rankContents div.keyV p.kantoBtn a{ width:125px; height:21px; display:block; background:url(/edit/sumi_machi/kansai/img/btn_kanto.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; } #contents div.rankContents div.keyV p.kantoBtn a:hover{ background-position:0 -21px; } #contents div.rankContents div.keyV h1{ clear:both; margin-bottom:10px; } #contents div.rankContents div.keyV p.link{ margin:0 23px; text-align:right; font-size:11px; } /* テーマのマージン */ #contents div#rankTheme div.keyV{ margin-bottom:5px; } /* rank01 --------------------------------------------*/ #contents div.rankContents div.rank01{ width:889px; height:349px; margin:0 auto; position:relative; } #contents div.rankContents div.rank01 h2{ text-indent:-9999px; } #contents div.rankContents div.rank01 p.text01{ width:342px; height:70px; position:absolute; top:55px; left:517px; overflow:hidden; } #contents div.rankContents div.rank01 p.text02{ width:260px; height:80px; position:absolute; top:245px; left:34px; overflow:hidden; } #contents div.rankContents div.rank01 p.etcCommentBtn{ width:147px; height:25px; position:absolute; top:315px; left:727px; } /* rank02 --------------------------------------------*/ #contents div.rankContents div.rank02{ width:889px; height:194px; margin:0 auto; position:relative; } #contents div.rankContents div.rank02 h2{ text-indent:-9999px; } #contents div.rankContents div.rank02 p.text01{ width:290px; height:80px; position:absolute; top:52px; left:350px; overflow:hidden; } #contents div.rankContents div.rank02 p.etcCommentBtn{ width:147px; height:25px; position:absolute; top:160px; left:727px; } /* rank03 --------------------------------------------*/ #contents div.rankContents div.rank03{ width:889px; height:190px; margin:0 auto; position:relative; } #contents div.rankContents div.rank03 h2{ text-indent:-9999px; } #contents div.rankContents div.rank03 p.text01{ width:230px; height:90px; position:absolute; top:72px; left:350px; overflow:hidden; } #contents div.rankContents div.rank03 p.etcCommentBtn{ width:147px; height:25px; position:absolute; top:156px; left:728px; } /* rank04 --------------------------------------------*/ #contents div.rankContents div.rank04{ width:889px; height:154px; margin:0 auto; position:relative; } #contents div.rankContents div.rank04 h2{ text-indent:-9999px; } #contents div.rankContents div.rank04 p.etcCommentBtn{ width:147px; height:25px; position:absolute; top:120px; left:728px; } /* rank05 --------------------------------------------*/ #contents div.rankContents div.rank05{ width:889px; height:161px; margin:0 auto; position:relative; } #contents div.rankContents div.rank05 h2{ text-indent:-9999px; } #contents div.rankContents div.rank05 p.etcCommentBtn{ width:147px; height:25px; position:absolute; top:125px; left:291px; } #contents div.rankContents div.rank05 p.etcCommentBtn2{ width:147px; height:25px; position:absolute; top:125px; left:727px; } /* rLead --------------------------------------------*/ .rLead{ clear:both; margin:0 30px 20px; } .rLead p.rTit{ margin-bottom:5px; } /* moreInfo --------------------------------------------*/ #contents div.rankContents div.moreInfo{ width:889px; margin:0 auto 25px; } #contents div.rankContents div.moreInfo div.moreInfoCon{ padding:10px 0 8px; } #contents div.rankContents div.moreInfo div.moreInfoCon p.title{ width:400px; float:left; text-indent:-9999px; } #contents div.rankContents div.moreInfo div.moreInfoCon ul li{ float:left; display:inline; margin-right:20px; font-weight:bold; } #contents div.rankContents div.moreInfo div.moreInfoCon ul li a:link, #contents div.rankContents div.moreInfo div.moreInfoCon ul li a:visited{ color:#ffffff; letter-spacing:1px; } #contents div.rankContents div.moreInfo div.moreInfoCon ul li a:hover, #contents div.rankContents div.moreInfo div.moreInfoCon ul li a:active{ color:#f2f10e; letter-spacing:1px; } #contents div.rankContents div.moreInfo.twoVer div.moreInfoCon ul{ float:left; padding:20px 5px 0 30px; } #contents div.rankContents div.moreInfo.twoVer div.moreInfoCon ul li{ margin-right:5px; } #contents div.rankContents div.moreInfo.twoVer div.moreInfoCon ul.rightP0{ padding-right:0; } /* rank6less --------------------------------------------*/ #contents div.rankContents div.rank6less{ width:864px; margin:0 auto 25px; border-bottom:#666666 2px solid; } #contents div.rankContents div.rank6less div.rank6lessBox{ width:864px; float:left; margin-bottom:7px; background:url(/edit/sumi_machi/kanto/img/bg_04.png) no-repeat 0 bottom; } #contents div.rankContents div.rank6less div.rank6lessBox.odd{ background:url(/edit/sumi_machi/kanto/img/bg_07.png) no-repeat 10px bottom; } #contents div.rankContents div.rank6less dl dd strong{ font-weight:bold; } #contents div.rankContents div.rank6less dl{ width:399px; float:left; display:inline; margin:0 0 0 10px; padding:7px 9px; border-top:#666666 2px solid; line-height:1.5em; } #contents div.rankContents div.rank6less dl dt{ font-size:115%; } #contents div.rankContents div.rank6less dl dd ul li{ display:inline; margin-right:10px; } #contents div.rankContents div.rank6less div.rBanner{ float:left; display:inline; margin-left:9px; } #contents div.rankContents div.rank6less h3{ clear:both; } #contents div.rankContents div.rank6less h3.themeTit1{ height:60px; position:relative; } #contents div.rankContents div.rank6less h3.themeTit1 img{ position:absolute; top:0; left:0; } /* extra --------------------------------------------*/ #contents div.rankContents div.extra{ width:874px; margin-left:18px; padding-bottom:10px; } #contents div.rankContents div.extra div.title{ min-height:140px; height:auto !important; height:140px; } #contents div.rankContents div.extra div.title h3{ text-indent:-9999px; } #contents div.rankContents div.extra div.title p{ padding:20px 15px 8px 333px; } #contents div.rankContents div.extra div.extraBox{ width:842px; float:left; display:inline; margin:0 0 0 20px; padding:20px 0; background:#ffffff; } #contents div.rankContents div.extra div.extraBox dl{ width:240px; float:left; display:inline; margin:0 0 13px 40px; } /* テーマのパディング */ #contents div#rankTheme div.extra div.title p{ padding:20px 15px 8px 270px; } /* rank11less --------------------------------------------*/ #contents div.rankContents div.rank11less{ width:864px; margin:0 auto; padding-bottom:7px; border-bottom:#666666 2px solid; } #contents div.rankContents div.rank11less div.title{ width:864px; position:relative; } #contents div.rankContents div.rank11less div.title h3{ position:absolute; top:40px; left:30px; } #contents div.rankContents div.rank11less div.title p{ padding:90px 18px 10px; } #contents div.rankContents div.rank11less div.rank11lessBox{ width:840px; float:left; display:inline; margin-left:10px; padding:10px 0; background:#ffffff; border:#666666 2px solid; } #contents div.rankContents div.rank11less dl{ width:240px; float:left; display:inline; margin:0 0 13px 40px; line-height:1.6em; } /* rankList --------------------------------------------*/ #contents div.rankContents div.rankList{ width:894px; margin:20px 0 0 15px; color:#666666; } #contents div.rankContents div.rankList p.title{ margin-bottom:5px; } #contents div.rankContents div.rankList dl{ width:400px; float:left; padding-left:47px; font-size:12px; } #contents div.rankContents div.rankList dl dt{ width:40px; float:left; } #contents div.rankContents div.rankList dl dd{ float:left; } #contents div.rankContents div.rankList dl dd.area{ width:100px; } #contents div.rankContents div.rankList dl dd.detailLink{ width:260px; } #contents div.rankContents div.rankList dl dd ul li{ display:inline; } /* rankPagetop --------------------------------------------*/ #contents div.rankContents .rankPagetop{ width:864px; clear:both; margin:0 auto; padding-top:5px; text-align:right; font-size:11px; } #contents div#rankTheme .rankPagetop{ margin-bottom:25px; } #contents div#rankTheme .rankPagetop.mgT{ margin-top:-10px; } /* themeLead --------------------------------------------*/ #contents div.rankContents div.themeLead{ margin:0 0 0 28px; } /* themeNote --------------------------------------------*/ #contents div.rankContents div.themeNote{ margin:-15px 0 0 28px; } /* investigate ============================================*/ #contents div.investigate{ width:900px; margin-bottom:10px; padding:10px 10px 5px; background:#efefef; font-size:11px; } #contents div.investigate p{ width:92px; float:left; font-weight:bold; } #contents div.investigate dl{ width:808px; float:left; } #contents div.investigate dl dt{ width:92px; float:left; } #contents div.investigate dl dd{ width:312px; float:left; padding:0 0 5px; } #contents div.investigate ul{ clear:both; padding-left:1em; text-indent:-1em; } /* kantoRank ============================================*/ .kantoRank div.rankContents{ background:url(/edit/sumi_machi/kanto/img/bg_01.png) repeat-y 0 0; } /* rankTabU --------------------------------------------*/ .kantoRank div.rankTabU ul{ background:url(/edit/sumi_machi/kanto/img/index_tab_u.png) no-repeat 0 0; } .kantoRank div.youngTabU ul{ background:url(/edit/sumi_machi/kanto/img/young_tab_u.png) no-repeat 0 0; } .kantoRank div.dinksTabU ul{ background:url(/edit/sumi_machi/kanto/img/dinks_tab_u.png) no-repeat 0 0; } .kantoRank div.familyTabU ul{ background:url(/edit/sumi_machi/kanto/img/family_tab_u.png) no-repeat 0 0; } .kantoRank div.themeTabU ul{ background:url(/edit/sumi_machi/kanto/img/theme_tab_u.png) no-repeat 0 0; } /* rankTabD --------------------------------------------*/ .kantoRank div.rankTabD{ background:url(/edit/sumi_machi/kanto/img/index_tab_d.png) no-repeat 0 0; } .kantoRank div.youngTabD{ background:url(/edit/sumi_machi/kanto/img/young_tab_d.png) no-repeat 0 0; } .kantoRank div.dinksTabD{ background:url(/edit/sumi_machi/kanto/img/dinks_tab_d.png) no-repeat 0 0; } .kantoRank div.familyTabD{ background:url(/edit/sumi_machi/kanto/img/family_tab_d.png) no-repeat 0 0; } .kantoRank div.themeTabD{ background:url(/edit/sumi_machi/kanto/img/theme_tab_d.png) no-repeat 0 0; } /* rankIndex ============================================*/ /* rank --------------------------------------------*/ .kantoRank div#rankIndex div.rank01{ background:url(/edit/sumi_machi/kanto/img/index_rank1_bg.png) no-repeat 0 0; } .kantoRank div#rankIndex div.rank02{ background:url(/edit/sumi_machi/kanto/img/index_rank2_bg.png) no-repeat 0 0; } .kantoRank div#rankIndex div.rank03{ background:url(/edit/sumi_machi/kanto/img/index_rank3_bg.png) no-repeat 0 0; } .kantoRank div#rankIndex div.rank04{ background:url(/edit/sumi_machi/kanto/img/index_rank4_bg.png) no-repeat 0 0; } .kantoRank div#rankIndex div.rank05{ background:url(/edit/sumi_machi/kanto/img/index_rank5_bg.png) no-repeat 0 0; } .kantoRank div#rankYoung div.rank01{ background:url(/edit/sumi_machi/kanto/img/young_rank1_bg.png) no-repeat 0 0; } .kantoRank div#rankYoung div.rank02{ background:url(/edit/sumi_machi/kanto/img/young_rank2_bg.png) no-repeat 1px 0; } .kantoRank div#rankYoung div.rank03{ background:url(/edit/sumi_machi/kanto/img/young_rank3_bg.png) no-repeat 0 0; } .kantoRank div#rankYoung div.rank05{ background:url(/edit/sumi_machi/kanto/img/young_rank4_bg.png) no-repeat 11px 0; } .kantoRank div#rankYoung div.rank02 p.etcCommentBtn{ left:728px; } .kantoRank div#rankYoung div.rank05 p.etcCommentBtn2{ left:726px; } .kantoRank div#rankDinks div.rank01{ background:url(/edit/sumi_machi/kanto/img/dinks_rank1_bg.png) no-repeat 0 0; } .kantoRank div#rankDinks div.rank02{ background:url(/edit/sumi_machi/kanto/img/dinks_rank2_bg.png) no-repeat 1px 0; } .kantoRank div#rankDinks div.rank03{ background:url(/edit/sumi_machi/kanto/img/dinks_rank3_bg.png) no-repeat 0 0; } .kantoRank div#rankDinks div.rank04{ background:url(/edit/sumi_machi/kanto/img/dinks_rank4_bg.png) no-repeat 13px 0; } .kantoRank div#rankDinks div.rank05{ background:url(/edit/sumi_machi/kanto/img/dinks_rank5_bg.png) no-repeat 11px 0; } .kantoRank div#rankDinks div.rank02 p.etcCommentBtn{ left:728px; } .kantoRank div#rankDinks div.rank05 p.etcCommentBtn2{ left:726px; } .kantoRank div#rankFamily div.rank01{ background:url(/edit/sumi_machi/kanto/img/family_rank1_bg.png) no-repeat 0 0; } .kantoRank div#rankFamily div.rank02{ background:url(/edit/sumi_machi/kanto/img/family_rank2_bg.png) no-repeat 1px 0; } .kantoRank div#rankFamily div.rank03{ background:url(/edit/sumi_machi/kanto/img/family_rank3_bg.png) no-repeat 0 0; } .kantoRank div#rankFamily div.rank05{ width:895px; background:url(/edit/sumi_machi/kanto/img/family_rank4_bg.png) no-repeat 13px 0; } .kantoRank div#rankFamily div.rank02 p.etcCommentBtn{ left:728px; } .kantoRank div#rankFamily div.rank05 p.etcCommentBtn{ left:293px; } .kantoRank div#rankFamily div.rank05 p.etcCommentBtn2{ left:728px; } /* moreInfo --------------------------------------------*/ .kantoRank div.moreInfo{ background:url(/edit/sumi_machi/kanto/img/bg_02.png) no-repeat 0 bottom; } .kantoRank div.moreInfo div.moreInfoCon{ background:url(/edit/sumi_machi/kanto/img/tit_moreinfo.png) no-repeat 0 0; } .kantoRank div.moreInfo.twoVer{ background:url(/edit/sumi_machi/kanto/img/bg_08.png) no-repeat 12px bottom; } .kantoRank div.moreInfo.twoVer div.moreInfoCon{ background:url(/edit/sumi_machi/kanto/img/tit_moreinfo2.png) no-repeat 12px 0; } /* rank6less --------------------------------------------*/ .kantoRank div.rank6less{ background:url(/edit/sumi_machi/kanto/img/bg_03.png) repeat-y; } /* extra --------------------------------------------*/ .kantoRank div.extra{ background:url(/edit/sumi_machi/kanto/img/bg_05.png) repeat-y right 0; } .kantoRank div.extra div.title{ background:url(/edit/sumi_machi/kanto/img/tit_extra.png) no-repeat 0 0; color:#666666; } .kantoRank div#rankTheme div.extra div.title{ background:url(/edit/sumi_machi/kanto/img/tit_extra2.png) no-repeat 0 0; } /* rank11less --------------------------------------------*/ .kantoRank div.rank11less{ background:url(/edit/sumi_machi/kanto/img/bg_03.png) repeat-y; } .kantoRank div.rank11less div.title{ background:url(/edit/sumi_machi/kanto/img/bg_06.png) no-repeat 0 0; } /* kansaiRank ============================================*/ .kansaiRank div.rankContents{ background:url(/edit/sumi_machi/kansai/img/bg_01.png) repeat-y 0 0; } /* rankTabU --------------------------------------------*/ .kansaiRank div.rankTabU ul{ background:url(/edit/sumi_machi/kansai/img/index_tab_u.png) no-repeat 0 0; } .kansaiRank div.youngTabU ul{ background:url(/edit/sumi_machi/kansai/img/young_tab_u.png) no-repeat 0 0; } .kansaiRank div.dinksTabU ul{ background:url(/edit/sumi_machi/kansai/img/dinks_tab_u.png) no-repeat 0 0; } .kansaiRank div.familyTabU ul{ background:url(/edit/sumi_machi/kansai/img/family_tab_u.png) no-repeat 0 0; } .kansaiRank div.themeTabU ul{ background:url(/edit/sumi_machi/kansai/img/theme_tab_u.png) no-repeat 0 0; } /* rankTabD --------------------------------------------*/ .kansaiRank div.rankTabD{ background:url(/edit/sumi_machi/kansai/img/index_tab_d.png) no-repeat 0 0; } .kansaiRank div.youngTabD{ background:url(/edit/sumi_machi/kansai/img/young_tab_d.png) no-repeat 0 0; } .kansaiRank div.dinksTabD{ background:url(/edit/sumi_machi/kansai/img/dinks_tab_d.png) no-repeat 0 0; } .kansaiRank div.familyTabD{ background:url(/edit/sumi_machi/kansai/img/family_tab_d.png) no-repeat 0 0; } .kansaiRank div.themeTabD{ background:url(/edit/sumi_machi/kansai/img/theme_tab_d.png) no-repeat 0 0; } /* rankIndex ============================================*/ /* rank --------------------------------------------*/ .kansaiRank div#rankIndex div.rank01{ background:url(/edit/sumi_machi/kansai/img/index_rank1_bg.png) no-repeat 0 0; } .kansaiRank div#rankIndex div.rank02{ background:url(/edit/sumi_machi/kansai/img/index_rank2_bg.png) no-repeat 0 0; } .kansaiRank div#rankIndex div.rank03{ background:url(/edit/sumi_machi/kansai/img/index_rank3_bg.png) no-repeat 0 0; } .kansaiRank div#rankIndex div.rank05{ background:url(/edit/sumi_machi/kansai/img/index_rank4_bg.png) no-repeat 10px 0; } .kansaiRank div#rankIndex div.rank05 p.etcCommentBtn{ left:290px; } .kansaiRank div#rankIndex div.rank05 p.etcCommentBtn2{ left:725px; } .kansaiRank div#rankYoung div.rank01{ background:url(/edit/sumi_machi/kansai/img/young_rank1_bg.png) no-repeat 0 0; } .kansaiRank div#rankYoung div.rank02{ background:url(/edit/sumi_machi/kansai/img/young_rank2_bg.png) no-repeat 1px 0; } .kansaiRank div#rankYoung div.rank03{ background:url(/edit/sumi_machi/kansai/img/young_rank3_bg.png) no-repeat 0 0; } .kansaiRank div#rankYoung div.rank05{ background:url(/edit/sumi_machi/kansai/img/young_rank4_bg.png) no-repeat 11px 0; } .kansaiRank div#rankYoung div.rank02 p.etcCommentBtn{ left:728px; } .kansaiRank div#rankYoung div.rank05 p.etcCommentBtn2{ left:726px; } .kansaiRank div#rankDinks div.rank01{ background:url(/edit/sumi_machi/kansai/img/dinks_rank1_bg.png) no-repeat 0 0; } .kansaiRank div#rankDinks div.rank02{ background:url(/edit/sumi_machi/kansai/img/dinks_rank2_bg.png) no-repeat 1px 0; } .kansaiRank div#rankDinks div.rank03{ background:url(/edit/sumi_machi/kansai/img/dinks_rank3_bg.png) no-repeat 0 0; } .kansaiRank div#rankDinks div.rank05{ background:url(/edit/sumi_machi/kansai/img/dinks_rank4_bg.png) no-repeat 12px 0; } .kansaiRank div#rankDinks div.rank02 p.etcCommentBtn{ left:728px; } .kansaiRank div#rankDinks div.rank05 p.etcCommentBtn{ left:292px; } .kansaiRank div#rankDinks div.rank05 p.etcCommentBtn2{ left:727px; } .kansaiRank div#rankFamily div.rank01{ background:url(/edit/sumi_machi/kansai/img/family_rank1_bg.png) no-repeat 0 0; } .kansaiRank div#rankFamily div.rank02{ background:url(/edit/sumi_machi/kansai/img/family_rank2_bg.png) no-repeat 1px 0; } .kansaiRank div#rankFamily div.rank03{ background:url(/edit/sumi_machi/kansai/img/family_rank3_bg.png) no-repeat 0 0; } .kansaiRank div#rankFamily div.rank05{ width:895px; background:url(/edit/sumi_machi/kansai/img/family_rank4_bg.png) no-repeat 13px 0; } .kansaiRank div#rankFamily div.rank01 p.etcCommentBtn{ top:316px; left:727px; } .kansaiRank div#rankFamily div.rank02 p.etcCommentBtn{ left:728px; } .kansaiRank div#rankFamily div.rank03 p.etcCommentBtn{ left:727px; } .kansaiRank div#rankFamily div.rank05 p.etcCommentBtn{ left:293px; } .kansaiRank div#rankFamily div.rank05 p.etcCommentBtn2{ left:728px; } /* moreInfo --------------------------------------------*/ .kansaiRank div.moreInfo{ background:url(/edit/sumi_machi/kansai/img/bg_02.png) no-repeat 0 bottom; } .kansaiRank div.moreInfo div.moreInfoCon{ background:url(/edit/sumi_machi/kansai/img/tit_moreinfo.png) no-repeat 0 0; } .kansaiRank div.moreInfo.twoVer{ background:url(/edit/sumi_machi/kansai/img/bg_08.png) no-repeat 12px bottom; } .kansaiRank div.moreInfo.twoVer div.moreInfoCon{ background:url(/edit/sumi_machi/kansai/img/tit_moreinfo2.png) no-repeat 12px 0; } /* rank6less --------------------------------------------*/ .kansaiRank div.rank6less{ background:url(/edit/sumi_machi/kansai/img/bg_03.png) repeat-y; } /* extra --------------------------------------------*/ .kansaiRank div.extra{ background:url(/edit/sumi_machi/kansai/img/bg_05.png) repeat-y right 0; } .kansaiRank div.extra div.title{ background:url(/edit/sumi_machi/kansai/img/tit_extra.png) no-repeat 0 0; color:#666666; } .kansaiRank div#rankTheme div.extra div.title{ background:url(/edit/sumi_machi/kansai/img/tit_extra2.png) no-repeat 0 0; } /* rank11less --------------------------------------------*/ .kansaiRank div.rank11less{ background:url(/edit/sumi_machi/kansai/img/bg_03.png) repeat-y; } .kansaiRank div.rank11less div.title{ background:url(/edit/sumi_machi/kansai/img/bg_06.png) no-repeat 0 0; } /*========================================== thickbox ========================================== */ #TB_overlay { position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; } .TB_overlayMacFFBGHack { background:url(/edit/sumi_machi/img/macFFBgHack.png) repeat; } .TB_overlayBG { background-color:#000; filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35; } * html #TB_overlay { /* ie6 hack */ position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px'); } #TB_window { position:fixed; z-index:102; color:#000000; display:none; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ width:100%; clear:both; padding:2px 0 0; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_load{ position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load{ /* ie6 hack */ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%; } * html #TB_HideSelect{ /* ie6 hack */ position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* lBox ============================================*/ .lBox{ width:699px; } .lBox p#ecommentTit{ width:699px; height:36px; background:url(/edit/sumi_machi/img/lbox_tit_ecomment.png) no-repeat 0 0; text-indent:-9999px; } .lBox div.lBoxBT{ height:5px; clear:both; background:url(/edit/sumi_machi/img/lbox_bg_01.png) no-repeat 0 0; font-size:1px; line-height:1px; } .lBox div.closeBtn{ width:121px; margin-left:286px; } .lBox div.closeBtn a{ width:121px; height:32px; display:block; background:url(/edit/sumi_machi/img/lbox_btn_close.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; } .lBox div.lBoxCon{ width:649px; float:left; padding:20px 25px; background:url(/edit/sumi_machi/img/lbox_bg_03.png) repeat-y 0 0; } .lBox div.kansaiBg{ background:url(/edit/sumi_machi/img/lbox_bg_04.png) repeat-y 0 0; } *html .lBox p#ecommentTit{ background:url(/edit/sumi_machi/img/lbox_tit_ecomment_ie6.png) no-repeat 0 0; } *html .lBox div.lBoxBT{ background:url(/edit/sumi_machi/img/lbox_bg_01_ie6.png) no-repeat 0 0; } *html .lBox div.closeBtn a{ background:url(/edit/sumi_machi/img/lbox_btn_close_ie6.png) no-repeat 0 0; } .lBox ul.commentBox{ width:649px; float:left; border-bottom:#ffffff 1px solid; } .lBox ul.commentBox li{ width:649px; float:left; padding:5px 0 3px; border-top:#ffffff 1px solid; } .lBox ul.commentBox li p.commentArea{ width:525px; float:left; padding-left:2px; } .lBox ul.commentBox li p.man{ width:70px; float:right; padding:2px 40px 0 0; text-align:right; background:url(/edit/sumi_machi/kanto/img/icon_man.png) no-repeat 73px 0; } .lBox ul.commentBox li p.woman{ width:70px; float:right; padding:2px 40px 0 0; text-align:right; background:url(/edit/sumi_machi/kanto/img/icon_woman.png) no-repeat 73px 0; }