タグ ----*/ .basebg { x border-width: 1px; x border-color: #EEEEEE; x border-style: none solid; } /*---- フォント ----*/ /* 標準 */ body, table, input { font-size: 12px; line-height: 120%; font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS P Gothic","ＭＳＰゴシック",sans-serif; /* for WindowsXP(標準:MSPゴ)/Vista(標準:メイリオ)/7(標準:MSPゴ)="ＭＳＰゴシック"、Mac="ヒラギノ角ゴ Pro W3" */ } /* 各種 */ .f1a {font-size: 9px; line-height: 100%;} .f1b {font-size: 9px; line-height: 110%;} .f1c {font-size: 9px; line-height: 120%;} .f1d {font-size: 9px; line-height: 130%;} .f1e {font-size: 9px; line-height: 150%;} .f2a {font-size: 10px; line-height: 100%;} .f2b {font-size: 10px; line-height: 110%;} .f2c {font-size: 10px; line-height: 120%;} .f2d {font-size: 10px; line-height: 130%;} .f2e {font-size: 10px; line-height: 150%;} .f3a {font-size: 12px; line-height: 100%;} .f3b {font-size: 12px; line-height: 110%;} .f3c {font-size: 12px; line-height: 120%;} .f3d {font-size: 12px; line-height: 130%;} .f3e {font-size: 12px; line-height: 150%;} .f4a {font-size: 16px; line-height: 100%;} .f4b {font-size: 16px; line-height: 110%;} .f4c {font-size: 16px; line-height: 120%;} .f4d {font-size: 16px; line-height: 130%;} .f4e {font-size: 16px; line-height: 150%;} .f5a {font-size: 18px; line-height: 100%;} .f5b {font-size: 18px; line-height: 110%;} .f5c {font-size: 18px; line-height: 120%;} .f5d {font-size: 18px; line-height: 130%;} .f5e {font-size: 18px; line-height: 150%;} .fbold {font-weight: bold;} /*---- 標準タグ ----*/ td { padding: 0px; } /*---- 標準タグ ----*/ a { color: #666666; text-decoration: underline; } a:hover, a:active { color: #66CC33; } /*---- 標準

タグ ----/ h1 { height: 25px; font-size: 10px; font-weight: normal; margin: 0px; padding: 0px; text-align: right; } h1.sitetitle { height: auto; text-align: left; } /---- 標準
タグ ----/ blockquote { margin: 20px 40px; padding: 0px; } /---- 標準
,
,
タグ ----/ ul, ol { margin: 20px 0px 20px 40px; padding: 0px; } li { margin: 0px; padding: 0px; } /---- キーワード用 ----/ / 細身タグ / strong.kw { font-weight: normal; } /---- 標準タグ ----/ img { border: none; } /######## float、ナビゲーション関連 ########/ /---- 標準ナビゲーション ----/ .navi li { float: left; } /---- 回りこみ解除 ----/ .clearfix, ul.navi:after { content: ""; display: block; clear: both; } /---- 絵文字画像 ----/ img.emoji { margin: 0px 1px; vertical-align: middle; } /---- IMEコントロール(IE5.0以上のみ) ----/ .imeoff { ime-mode: disabled; } /---- 標準
タグ ----/ form { margin: 0px; padding: 0px; } /---- フォーム(text/textarea/button)タグ(IE5.0以上のみ) ----/ input { font-size: 13px; line-height: 100%; padding: 2px; margin: 1px 0px 0px 1px; } textarea { font-size: 13px; line-height: 120%; padding: 2px; margin: 1px 0px 0px 1px; } /---- スクロールバーデザイン(IE5.5以上のみ) ----/ / html, body { scrollbar-base-color: #DDCCBB;; } / /---- テキストバナー ----/ .textbanner { font-size: 12px; line-height: 150%; padding: 8px 0px 0px 50px; } /---- ヘッダーリンク ----/ .headerlink { display: block; } /---- ページタイトル ----/ h2.contentstitle { margin: 0px; padding: 10px 0px; } /---- サブタイトル ----/ .subtitle { font-size: 16px; font-weight: bold; line-height: 150%; } /---- ページコンテンツ ----/ .pagecontents { padding-left: 10px; width: 610px; } /---- パンくず ----/ .pagepath{ margin-top: 8px; } /---- linktop ----/ a.lk { color: #CCCCCC; text-decoration: none; word-break: keep-all; } /---- テーブルリスト ----/ .tablelist { border-collapse: collapse; border-style: solid none solid none; border-color:#CCCCCC; border-top-width: 2px; border-bottom-width: 1px; padding: 6px 10px; } .tablelist td { padding: 5px; } .tablelist td.gray { background-color: #F0F0F0; border-style: solid none none none; border-color:#CCCCCC; border-top-width: 1px; vertical-align: top; white-space: nowrap; width: 25%; } .tablelist td.white { border-style: solid none none none; border-color:#CCCCCC; border-top-width: 1px; vertical-align: top; } .tablelist td.noline { } .tablelist td.title { background-color: #F0F0F0; border-bottom-style: solid; border-color:#CCCCCC; border-bottom-width: 1px; text-align: left; } /---- ログインBOX ----/ .loginbox { x margin-left: 5px; } .loginbox td { width: 152px; background-color: #F0F0F0; border-style: solid; border-color:#CCCCCC; border-width: 1px; padding: 3px; } /---- メンバーBOX ----/ .memberbox .td { width: 152px; border-style: solid; border-color:#CCCCCC; border-width: 1px; padding: 3px; } /---- 会員リスト ----/ .memberlist-80 .profphoto { margin: 0px 10px 0px 0px; float: left; } .memberlist-40 { border-collapse: collapse; width: 100%; } .memberlist-40 th { width: 40px; } .memberlist-40 th img { margin: auto; } .memberlist-40 td { vertical-align: middle; padding-left: 5px; } /---- プロフ ----/ .prof { width: 420px; text-align: left; table-layout: fixed; / width adjuster for IE / } .prof .dummyheader-left { / width adjuster for IE / width: 5px; height: 1px; } .prof .dummyheader-center-left { / width adjuster for IE / width: 180px; } .prof .dummyheader-center-right { / width adjuster for IE / width: 225px; } .prof .dummyheader-right { / width adjuster for IE / width: 10px; } .prof .header-left { width: 5px; } .prof .header-center { padding: 8px 0px 2px 0px; } .prof .header-right { width: 10px; } .prof .body { background: url(/jp/img/prof_body.gif) repeat-x; padding: 8px 0px 0px 0px; vertical-align: top; } .prof .photo-top-left { width: 5px; height: 5px; background: url(/jp/img/prof_photo_top_left.gif) no-repeat; } .prof .photo-top-center { height: 5px; background: url(/jp/img/prof_photo_top_center.gif) repeat-x; } .prof .photo-top-right { width: 8px; height: 5px; background: url(/jp/img/prof_photo_top_right.gif) no-repeat; } .prof .photo-middle-left { width: 5px; background: url(/jp/img/prof_photo_middle_left.gif); } .prof .photo-middle-right { width: 8px; background: url(/jp/img/prof_photo_middle_right.gif); } .prof .photo-bottom-left { width: 5px; height: 9px; background: url(/jp/img/prof_photo_bottom_left.gif) no-repeat; } .prof .photo-bottom-center { height: 9px; background: url(/jp/img/prof_photo_bottom_center.gif) repeat-x; } .prof .photo-bottom-right { width: 8px; height: 9px; background: url(/jp/img/prof_photo_bottom_right.gif) no-repeat; } .prof .info-left { width: 82px; vertical-align: top; } .prof .info-right { width: 143px; word-break: break-all; } .prof .side-left { width: 5px; background: url(/jp/img/prof_side_left.gif); } .prof .side-right { width: 10px; background: url(/jp/img/prof_side_right.gif); } .prof .msg-title { background-color: #F0F0F0; border-style: solid none none none; border-color:#CCCCCC; border-top-width: 1px; padding: 3px 3px 3px 8px; margin-top: 10px; } .prof .msg-body { padding: 3px 8px; } .prof .footer-left { width: 5px; height: 13px; background: url(/jp/img/prof_footer_left.gif) no-repeat; } .prof .footer-center { height: 13px; background: url(/jp/img/prof_footer_center.gif) repeat-x; } .prof .footer-right { width: 10px; height: 13px; background: url(/jp/img/prof_footer_right.gif) no-repeat; } /---- プロフ詳細 ----/ .prof-tabledesc { border-collapse: collapse; border-style: solid none none none; border-color:#CCCCCC; border-top-width: 2px; padding: 6px 10px; width: 420px; } .prof-tabledesc th { border-bottom-style: solid; border-color:#CCCCCC; border-bottom-width: 1px; padding: 5px; text-align: left; vertical-align: top; font-weight: bold; background-color: #F0F0F0; } .prof-tabledesc td { border-style: dotted none none none; border-color:#CCCCCC; border-top-width: 1px; padding: 5px; text-align: left; vertical-align: top; } .prof-tabledesc td.item { width: 135px; font-weight: bold; } /---- プロフ承認 ----/ .checkprof-on select { background-color:#FFFF00; } .checkprof-off select { background-color:#FFFFFF; x border: 1px solid #CCCCCC; border: none; color: #999999; } /---- おすすめ会員 ----/ .osusume-top-left { width: 5px; height: 5px; background: url(/jp/img/prof_photo_top_left.gif) no-repeat; } .osusume-top-center { height: 5px; background: url(/jp/img/prof_photo_top_center.gif) repeat-x; } .osusume-top-right { width: 8px; height: 5px; background: url(/jp/img/prof_photo_top_right.gif) no-repeat; } .osusume-middle-left { width: 5px; background: url(/jp/img/prof_photo_middle_left.gif); } .osusume-middle-right { width: 8px; background: url(/jp/img/prof_photo_middle_right.gif); } .osusume-bottom-left { width: 5px; height: 9px; background: url(/jp/img/prof_photo_bottom_left.gif) no-repeat; } .osusume-bottom-center { height: 9px; background: url(/jp/img/prof_photo_bottom_center.gif) repeat-x; } .osusume-bottom-right { width: 8px; height: 9px; background: url(/jp/img/prof_photo_bottom_right.gif) no-repeat; } /---- 検索 ----/ .mbsrh-searchbox { } .mbsrh-searchbox .header { background: url(/jp/img/mbsrh_header.gif) no-repeat; width: 160px; height: 33px; text-align: center; vertical-align: middle; color:#FFFFFF; font-weight:bold; } .mbsrh-searchbox .body { width: 142px; background-color: #F0F0F0; border-left: 1px solid #80D610; border-right: 1px solid #80D610; x background: url(/jp/img/mbsrh_body.gif) repeat-y; padding: 8px; } .mbsrh-searchbox .bottom { background: url(/jp/img/mbsrh_bottom.gif) no-repeat; width: 160px; height: 6px; } /---- アクセスカウンター ----/ .visitor-bar { background: url(/jp/img/visitor_bar.gif) no-repeat; background-position: 0px 3px; } /---- 処理完了メッセージボックス(緑塗) ----/ .processok { padding: 20px; width: 480px; background-color:#F0F8E8; margin: 0px auto; } /---- 処理続行メッセージボックス(緑枠線) ----/ .processexec { padding: 20px; width: 480px; border: solid medium #80DD11; } /---- 全バナー基本クラス ----/ .ad-base { / 全バナーに対する処理用 / } /---- リストバナー ----/ .ad-list { text-align: center; } /---- フッターバナー ----/ .ad-footer { padding: 10px 0px; text-align: center; } /---- ヘッダーサブナビゲーション ----/ .header-bnr { width: 740px; height: 100px; margin: 0px auto; padding-top: 5px; text-align: center; } .header-logo { float: left; width: 300px; height: 35px; } .header-subnavi { float: right; width: 400px; height: 25px; line-height: 25px; padding-top: 10px; text-align: right; } /---- グローバルナビゲーション(非会員用) ----/ .gnavi { width: 810px; height: 42px; margin: 0px auto; } .gnavi ul { width: 810px; height: 42px; padding: 0px; margin: 0px; list-style: none; x background-image: url(/jp/img/gnavi_bg.gif); background-repeat: no-repeat; } .gnavi ul li { height: 42px; float: left; } .gnavi ul li a { height: 42px; display: block; text-indent: -9999px; text-decoration: none; outline: none; } .gnavi li#top a { background-image:url(/jp/img/gnavi_bt_top.gif); width: 60px; } .gnavi li#intro a { background-image:url(/jp/img/gnavi_bt_intro.gif); width: 125px;} .gnavi li#pricecourse a { background-image:url(/jp/img/gnavi_bt_pricecourse.gif); width: 125px;} .gnavi li#flow a { background-image:url(/jp/img/gnavi_bt_flow.gif); width: 125px;} .gnavi li#happystory a { background-image:url(/jp/img/gnavi_bt_happystory.gif); width: 125px;} .gnavi li#memberdata a { background-image:url(/jp/img/gnavi_bt_data.gif); width: 125px;} .gnavi li#wedding a { background-image:url(/jp/img/gnavi_bt_wedding.gif); width: 125px;} .gnavi li.on a { background-position: 0px -126px; } .gnavi li.off a { background-position: 0px -42px; } .gnavi li.off a:hover { background-position: 0px -84px; } /---- グローバルナビゲーション(会員用) ----/ .gnavimb { width: 810px; height: 42px; margin: 0px auto; } .gnavimb ul { width: 810px; height: 42px; padding: 0px; margin: 0px; list-style: none; x background-image: url(/jp/img/gnavi_bg.gif); background-repeat: no-repeat; } .gnavimb ul li { height: 42px; float: left; } .gnavimb ul li a { height: 42px; display: block; text-indent: -9999px; text-decoration: none; outline: none; } .gnavimb li#myhome a { background-image:url(/jp/img/gnavi_bt_top.gif); width: 60px; } .gnavimb li#myprof a { background-image:url(/jp/img/gnavimb_bt_myprof.gif); width: 125px;} .gnavimb li#mbsrh a { background-image:url(/jp/img/gnavimb_bt_mbsrh.gif); width: 125px;} .gnavimb li#cert a { background-image:url(/jp/img/gnavimb_bt_cert.gif); width: 125px;} .gnavimb li#lkinv a { background-image:url(/jp/img/gnavimb_bt_lkinv.gif); width: 125px;} .gnavimb li#em a { background-image:url(/jp/img/gnavimb_bt_em.gif); width: 125px;} .gnavimb li#logout a { background-image:url(/jp/img/gnavimb_bt_logout.gif); width: 125px;} .gnavimb li#yrprof a { background-image:url(/jp/img/gnavimb_bt_yrprof.gif); width: 125px;} .gnavimb li.on a { background-position: 0px -126px; } .gnavimb li.off a { background-position: 0px -42px; } .gnavimb li.off a:hover { background-position: 0px -84px; } /---- レフトメニュー ----/ .leftnavi { width: 150px; height: 19px; background-image: url(/jp/img/base_memu_bg.gif); background-repeat: no-repeat; font-weight: bold; padding: 5px 0px 0px 10px; margin: 10px 0px 0px 0px; } /---- ライトメニュー ----/ .rightnavi-contentsbody { width: 140px; padding: 5px 10px; background-image: url(/jp/img/rightnavi_bg.gif); background-repeat: repeat-y; } .rightnavi-contentsbody ul { margin: 0px 0px 0px 15px; padding: 0px; } .rightnavi-contentsbody li { margin: 0px; padding: 3px 0px; } .rightnavi-contentsfooter { width: 160px; height: 20px; background-image: url(/jp/img/rightnavi_bottom.gif); background-repeat: no-repeat; } /---- ページリスト ----*/ .pagelist { margin: 0px 0px 10px auto; } .pagelist .total { padding-right: 8px; line-height: 170%; } .pagelist .pagecur { width: 20px; height: 20px; text-align: center; color: #FFFFFF; border: solid 1px #99CC22; background-color: #99CC22; font-weight: bold; line-height: 170%; } .pagelist .pagejump { width: 20px; height: 20px; text-align: center; border: solid 1px #CCCCCC; background-color: #FFFFFF; line-height: 170%; } .pagelist .pagejump a { width: 20px; height: 20px; display: block; } .pagelist .pagejump a:hover { background-color: #E0DFDF; } .pagelist .pagenext { width: 50px; height: 20px; text-align: center; border: solid 1px #CCCCCC; background-color: #FFFFFF; line-height: 170%; } .pagelist .pagenext a { width: 50px; height: 20px; display: block; } .pagelist .pagenext a:hover { background-color: #E0DFDF; } .pagelist .pagedot { width: 15px; height: 20px; text-align: center; background-color: #FFFFFF; line-height: 170%; } .pagelist .pagespacer { width: 2px; }