/*------------------------------------------------------- ■ 基本レイアウト -------------------------------------------------------*/ html { margin: 0; padding: 0; } form { margin: 0; padding: 0; } a { text-decoration: underline; } a img { border: 0; } /*------------------------------------------------------- ■ リンク色(ページ全体) -------------------------------------------------------*/ a { color: #0000ff; text-decoration: underline; } a:hover { color: #ff9900; } /*------------------------------------------------------- ■ 回り込み解除 -------------------------------------------------------*/ #clear { clear: both; } /*------------------------------------------------------- ■ 装飾用文字色 -------------------------------------------------------*/ /*色を指定します*/ .mizu { color: #0080c0; } .pink { color: #ff99ab; } .ao { color: #002255; } .tya { color: #bd000e} .gray { color: #3d3737} .aka { color: #db0000; } .akapink { color: #e70049;} .green { color: #369B50;} /*文字を太くします*/ .b { font-weight: bold; } /*下線を引きます*/ .u { text-decoration: underline; } /*文字のフォントを指定します*/ .big { font-size: 18px; } .big1 { font-size: 24px; } .big2 { font-size: 16px; } .big18 { font-size: 18px; } .big20 { font-size: 20px; } .big24 { font-size: 24px; } .big16 { font-size: 16px; } .small { font-size: 14px; line-height: 110%;} /*文字を装飾します*/ .line { background: #ffff7d; line-height:100%; height:100%; padding-top: 5px;} /*FF*/ html>body .line{ padding: 0; } /*IE7.0*/ *:first-child+html .line{ padding: 0; } /*文字を装飾します*/ .noteline20{ line-height:22px; background-image: url(img/line20.gif); } /*画像の位置を指定します*/ .imgl { margin: 5px 20px 5px 0px; padding: 0; float: left; } .imgr { margin: 0px 15px 5px 15px; padding: 0; float: right; } strong{ font-weight:normal; } /*文字列を右に指定します*/ .gotoh2 { margin: 10px 10px 1px 10px; padding-top:0px; text-align: right; font-size: 16px; font-weight: bold; } .golist{ margin: 1px 30px 1px 10px; padding-top:0px; text-align: right; font-size: 18px; font-weight: bold; } /*大文字*/ .goto { margin: 1px 10px 1px 10px; padding-top:0px; text-align: right; font-size: 18px; font-weight: bold; } /*下に余白なし*/ .goto1 { margin: 0px 10px 0px 10px; text-align: right; font-size: 14px; font-weight: bold; } /*下に余白あり*/ .goto2 { margin: 0px 10px 0px 10px; padding-bottom: 10px; text-align: right; font-size: 14px; font-weight: bold; } /*下に余白なし上に余白あり*/ .goto3 { margin: 10px 10px 0px 10px; text-align: right; font-size: 14px; font-weight: bold; } /*TOPへ戻る*/ .gotop { height: 18px; text-align: right; margin: 15px; padding: 0; clear: both; } /*サイドバー用*/ .goside { margin: 0px 10px 0px 10px; padding-bottom: 10px; text-align: right; font-size: 14px; font-weight: bold; } /*バック画像付きリンクです*/ .gotolink { position: relative; clear: both; background: url(img/link.gif) no-repeat left ;     height: 80px; line-height: 100px; margin-top: -10px; margin-bottom: 0px; padding-left: 90px; padding-top: 35px; padding-bottom: 35px; color: #333; font-size: 20px; width: auto; font-weight: bold; } .gotolink a{ background: url(img/kochira.gif) 0 3px no-repeat; padding-left: 50px; } #center { text-align: center; } .center { text-align: center; } img { border: none; } /*------------------------------------------------------- ■ 基本レイアウト -------------------------------------------------------*/ body { min-width: 930px; text-align: center; margin: 0 auto; padding: 0; font-size: 14px; color: #333; line-height: 1.5; font-family:'メイリオ',Meiryo,'MS Pゴシック',sans-serif; background: #fff; background:url(img/bana-bg.jpg) repeat-x #fff; position: relative; } /*------------------------------------------------------- ■ ヘッダー(レイアウト) -------------------------------------------------------*/ #header { height: 120px; background: url(img/bana.jpg) no-repeat left top #fff; position: relative;top: 0px; width: 970px; _width: 970px; margin: 0 auto; margin-left: 10px; padding: 0px; } /*FF*/ html>body #header{ height: 120px; margin: 0 auto; } /*IE7.0*/ *:first-child+html #header{ height: 120px; margin: 0 auto; } #header h1 { margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; float: left; width: 930px; _width: 950px; font-size: 9px; font-weight: normal; color: #fff; display: block; text-align: left; } h1 a { text-decoration: none; font-size: 9px; font-weight: normal; color: #fff; display: block; float: left; text-align: right; } h1 a:hover { text-decoration: none; color: #990000; } #header h2 { margin: -15px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 950px; _width: 950px; font-size: 9px; font-weight: normal; color: #fff; display: block; text-align: right; } #header #logo { clear: both; padding-top: 5px; padding-left: 15px; float: left;      } /*FF*/ html>body #logo { padding-top: 8px; } /*IE7.0*/ *:first-child+html #logo { padding-top: 8px; } #header #ban { padding-top:10px; padding-left:160px; float:left; width:468px; height:60px; } /*FF*/ html>body #header #ban { padding-top:20px; padding-left:170px; } /*IE7.0*/ *:first-child+html #header #ban { padding-top:20px; padding-left:170px; } /*------------------------------------------------------- ■ グローバルナビゲーション -------------------------------------------------------*/ #navi { margin: 0 auto; padding: 0; width: 950px; height: 40px; } #navi ul { height: 42px; list-style: none; margin: 0 0 0 1px; padding: 0; text-align: center; border-right: 1px solid #ccc; } font-weight: bold; } /*FF*/ html>body #navi ul{ margin: 0 0 0 1px; padding: 0; } /*IE7.0*/ *:first-child+html #navi ul{ margin: 0 0 0 1px; padding: 0; } #navi li { margin: 0; padding: 0; float: left; } #index #navi li .index { border-left: none; } #navi li a{ width: 188px; height: 42px; line-height: 42px; font-size: 14px; padding: 0; margin: 0; margin-top: 0px; color: #003564; display: block; text-decoration:none; float: left; border-left: 1px solid #ccc; font-weight: bold; } /*FF*/ html>body #navi li a{ margin-top: 0px; } /*IE7.0*/ *:first-child+html #navi li a{ margin-top: 0px; } #navi li a:hover { background: #6a6868; color: #fff; } /*------------------------------------------------------- ■ メインコンテンツ全体 基本レイアウト -------------------------------------------------------*/ #container { position: relative; width: 950px; margin: 0 auto; padding: 10px 10px; text-align: center; background: #fff; margin-top: -3px ;   } /*FF*/ html>body #container{ width: 930px; margin: 0 auto; margin-top: 0; text-align: center; } /*IE7.0*/ *:first-child+html #container{ width: 930px; margin: 0 auto; margin-top: 0; text-align: center; } #container:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*------------------------------------------------------- ■ メインコンテンツ基本レイアウト(記事部分) -------------------------------------------------------*/ #main { display: inline; position: relative; float: left; min-height: 1px; text-align: left; width: 635px; margin: 0; margin-top: 10px ; padding: 0; margin-right: 5px ; margin-left: 5px ; } #maintop { display: inline; position: relative; float: left; min-height: 1px; text-align: left; width: 635px; margin: 0; margin-right: 5px ; margin-top: 10px ; padding: 0; } #maintop p { color: #333; font-size: 14px; line-height: 25px; margin:0 5px 0px 5px; padding: 0; } #main p { color: #333; font-size: 14px; line-height: 25px; margin:0 5px 0px 5px; padding: 0; } #main h2 { clear: both; background: url(img/h2-bg.gif) no-repeat left #fff; height: 35px; line-height: 35px; margin-top: 15px; margin-bottom: 10px; padding-top: 5px; padding-left: 20px; margin-right: 10px; color: #fefefe; font-size: 16px;    width: 625px; font-weight: bold;} #main h3 { clear: both; background: url(img/h3-bg.gif) no-repeat left #fff; height: 35px; line-height: 35px; margin-top: 15px; margin-bottom: 10px; padding-top: 5px; padding-left: 20px; margin-right: 10px; color: #333; font-size: 16px;    width: 625px; font-weight: bold;} #maintop h2 { clear: both; background: url(img/h2-bg.gif) no-repeat left #fff; height: 35px; line-height: 35px; margin-top: 0px; margin-bottom: 10px; padding-top: 5px; padding-left: 45px; margin-right: 10px; color: #fefefe; font-size: 16px;    width: 625px; font-weight: bold;} #maintop h3 { clear: both; background: url(img/h3-bgt.gif) no-repeat left #fff; height: 35px; line-height: 35px; margin-top: 15px; margin-bottom: 10px; padding-top: 5px; padding-left: 20px; margin-right: 10px; color: #333; font-size: 16px;    width: 625px; font-weight: bold;} .h2entry {    line-height: 1.5;    margin-right: 2px;    margin-left: 2px;    padding-bottom: 10px;    border-bottom: 0px dotted #dcdcdc; } .entry {    line-height: 1.5;    margin-right: 2px;    margin-left: 2px;    padding-bottom: 10px;    border-bottom: 0px dotted #dcdcdc; } /*------------------------------------------------------- ■ フッター -------------------------------------------------------*/ #footer { position: relative; margin: 0; padding: 0; text-align: right; font-size: 12px; clear: both; } #footer p { margin: 10px; padding: 0; font-size: 10px; color: #fff} #footer hr{ display:none; clear: both; margin: 0; padding: 0px;   width : 100%; height: 10px; text-align: right; } #footergazou { background: url(img/footer.jpg) repeat-x ; padding: 0; margin: 0; padding-bottom: 5px; margin-bottom: 5px; text-align: center; font-size: 12px; color: #fff; } #footergazou p { width : 900px; margin: 10px auto; padding: 0; font-size: 10px; text-align: center; color: #fff; font-size: 10px; } .f-navi { text-align: center; padding: 20px 10px 10px 10px; } .f-navi a{ text-decoration:none; color: #fffef9; text-align: center; padding: 20px 10px 10px 10px; } .copy{ background: url(img/footercopy.jpg) repeat-x ; padding: 0; margin: 0; text-align: center; font-size: 9px; color: #fffef9; } /* リンク集 -------------------------------------------------------------------*/ #link{ padding: 0; text-align:center; font-size:10px; color: #fffef9; } #link a{ text-decoration:none; color: #fffef9; } /*------------------------------------------------------- ■ トップページ WhatNew -------------------------------------------------------*/ #whatnew-title{ clear: both; background: url(img/whatnew.gif) no-repeat left #fff; height: 35px; line-height: 35px; width: auto; margin-top:20px; } .whatnew{ margin-bottom:20px; } .whatnew ul{ margin-left:0px; } /*FF*/ html>body .whatnew ul{ margin-left:-20px; } /*IE7.0*/ *:first-child+html .whatnew ul { margin-left:0px; } .whatnew li { list-style: none; background:url(img/what_list.gif) no-repeat; padding: 0; padding-left: 50px; font-size: 13px; line-height:20px; height: 20px; } .whatnew li a { text-decoration: none; } /* ドットメニュー -------------------------------------------------------------------*/ #dot { text-align:left; padding 0; background-image: url(img/slash.gif); background-repeat: repeat-x; background-position: top; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; height: 10px; } #dot a{ color:#666; text-decoration:none; } /* ドットメニュー高さなし -------------------------------------------------------------------*/ #dot2 { text-align:left; padding 0; background-image: url(img/linem.gif); background-repeat: repeat-x; background-position: top; margin-top: 1px; margin-bottom: 3px; margin-left: 10px; margin-right: 10px; height: 5px; } #dot3 { text-align:left; padding 0; background-image: url(img/linem.gif); background-repeat: repeat-x; background-position: top; margin-top: 1px; margin-bottom: 3px; margin-left: 10px; margin-right: 10px; height: 5px; } #dott { text-align:left; padding 0; background-image: url(img/linem.gif); background-repeat: repeat-x; background-position: top; margin-left: 0px; margin-right: 2px; margin-bottom: -15px; height: 5px; } /*FF*/ html>body #dott { text-align:left; padding 0; background-image: url(img/linem.gif); background-repeat: repeat-x; background-position: top; margin-left: 0px; margin-right: 2px; height: 5px; margin-bottom: 0px; } /*IE7.0*/ *:first-child+html #dott { text-align:left; padding 0; background-image: url(img/linem.gif); background-repeat: repeat-x; background-position: top; margin-left: 0px; margin-right: 2px; height: 5px;margin-bottom: 0px; } /*------------------------------------------------------- ■ サイドメニュー -------------------------------------------------------*/ #side { display: inline; position: relative; float: right; min-height: 1px; text-align: left; width: 270px; margin 0; background:#fffbec;} #side h3{ background: url(img/st.gif) no-repeat 0 0px; margin: 0; padding: 0; margin-top:10px; padding-left: 7px; padding-top: 4px; line-height:26px; font-size: 14px; height:26px; color: #fff; font-weight: bold; } /*FF*/ html>body #side h3 { height:26px; } /*IE7.0*/ *:first-child+html #side h3 { height:28px; } #side ul { margin: 10px 15px 10px 15px; padding: 0; list-style: none; } #side li { display: block; line-height: 15px; margin: 0; padding: 0; letter-spacing: 0; text-decoration: none; color: #fff; } #side li a { display: block; width: 100%; font-size:12px; color: #666; padding: 7px 3px 3px 19px; background: url(img/side-li.jpg) no-repeat 0 0px; height: 20px; margin: -1px 0 0 0; text-decoration: none; height: 30px; } /*FF*/ html>body #side li a { font-size:12px; padding: 7px 3px 3px 19px; height: 20px; margin: 0 0 0 0; } /*IE7.0*/ *:first-child+html #side li a { font-size:12px; padding: 7px 3px 3px 19px; height: 20px; margin: -2px 0 0 0; } #side li a:hover { background-position: 0 -30px; color: #990000; } /*FF*/ html>body #side li a:hover { } /*IE7.0*/ *:first-child+html #side li a:hover { } /*------------------------------------------------- ● オプション9 サイド1 ● オプション9 サイド2 --------------------------------------------------*/ /* 枠の線を消したい場合は色を背景色と同一にしてください。(デフォルトは#fffbec) -------------------------------------------------------------------*/ #waku { margin: 15px; padding: 5px; background: #fff; border: solid 1px #000; } /*サイドーバー広告タイトル*/ .waku-title { background: url(img/side-koukoku.jpg) no-repeat 0 0px; clear:both; height: 50px; line-height: 30px; padding-top: 2px; padding-left: 45px; margin:0; color: #fff; font-weight:bold; font-size:16px; } .waku-title1 { background: url(img/side-koukoku1.gif) no-repeat 0 0px; clear:both; height: 45px; line-height: 35px; padding-top: 2px; padding-left: 45px; margin:0; color: #fff; font-weight:bold; font-size:16px; } .waku-title2 { background: url(img/side-koukoku2.gif) no-repeat 0 0px; clear:both; height: 50px; line-height: 30px; padding-top: 5px; padding-left: 45px; margin:0; color: #fff; font-weight:bold; font-size:16px; } /*------------------------------------------------- ● オプション10 サイドランキング --------------------------------------------------*/ .siderank1 { width: auto; height: 28px; padding-top:5px; padding-left: 32px; background-image: url(img/1.gif); background-repeat: no-repeat; background-position: 0 0; } .siderank2 { width: auto; height: 28px; padding-top:5px; padding-left: 32px; background-image: url(img/2.gif); background-repeat: no-repeat; background-position: 0 0; } .siderank3 { width: auto; height: 28px; padding-top:5px; padding-left: 32px; background-image: url(img/3.gif); background-repeat: no-repeat; background-position: 0 0; } .siderank4 { width: auto; height: 28px; padding-top:5px; padding-left: 32px; background-image: url(img/4.gif); background-repeat: no-repeat; background-position: 0 0; } .siderank5 { width: auto; height: 28px; padding-top:5px; padding-left: 32px; background-image: url(img/5.gif); background-repeat: no-repeat; background-position: 0 0; } .siderank6 { width: auto; height: 28px; padding-top:5px; padding-left: 32px; background-image: url(img/6.gif); background-repeat: no-repeat; background-position: 0 0; } .siderank7 { width: auto; height: 28px; padding-top:5px; padding-left: 32px; background-image: url(img/7.gif); background-repeat: no-repeat; background-position: 0 0; } .siderank8 { width: auto; height: 28px; padding-top:5px; padding-left: 32px; background-image: url(img/8.gif); background-repeat: no-repeat; background-position: 0 0; } .siderank9 { width: auto; height: 28px; padding-top:5px; padding-left: 32px; background-image: url(img/9.gif); background-repeat: no-repeat; background-position: 0 0; } .siderank10 { width: auto; height: 28px; padding-top:5px; padding-left: 32px; background-image: url(img/10.gif); background-repeat: no-repeat; background-position: 0 0; } /*------------------------------------------------------- ■ オプションスタイルシート ■ -------------------------------------------------------*/ /*------------------------------------------------------- ●オプション1 注目 -------------------------------------------------------*/ #point2{ clear: both; background: url(img/point2.jpg) no-repeat left #fff; height: 200px; margin: 0 auto; margin-top: 5px; margin-bottom: 10px; padding: 5px; padding-left:120px; padding-top:10px; } #point2 #point2_t { width:auto; height: 35px; line-height: 35px; padding-top:20px; padding-left:15px; color: #fff; font-size: 18px; font-weight: bold; } /*FF*/ html>body #point2 #point2_t{ padding-top:25px; } /*IE7.0*/ *:first-child+html #point2 #point2_t{ padding-top:25px; } #point2 p{ line-height:24px; padding:10px; padding-top:10px; width:470px; } /*FF*/ html>body #point2 p{ padding:10px;; } /*IE7.0*/ *:first-child+html #point2 p{ padding:10px; } /*------------------------------------------------------- ●オプション2 チェック -------------------------------------------------------*/ #point3{ clear: both; background: url(img/point3.jpg) no-repeat left #fff; height: 300px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; padding: 5px; padding-left:20px; padding-top:10px; } #point3 #point3_t { width:auto; height: 35px; line-height: 35px; padding-top:20px; padding-left:55px; color: #fff; font-size: 20px; font-weight: bold; } /*FF*/ html>body #point3 #point3_t{ padding-top:25px; } /*IE7.0*/ *:first-child+html #point3 #point3_t{ padding-top:25px; } #point3 p{ line-height:24px; padding:10px; padding-top:10px; width:570px; } /*FF*/ html>body #point3 p{ padding:10px;; width:550px; } /*IE7.0*/ *:first-child+html #point3 p{ padding:10px; width:550px; } .gopoint3{ clear: both; margin: 2px 50px 1px 10px; padding-top:0px; text-align: right; font-size: 18px; font-weight: bold; } /*------------------------------------------------- ●オプション3 ランキング --------------------------------------------------*/ .hikakutbl { margin: 0; padding: 0; margin-bottom: 30px; } .hikakutbl table { width:615px; margin: 5px 0 10px 5px; padding: 0; font-size: 14px; border-top: 0px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-collapse: collapse; } .hikakutbl th { margin: 0; padding: 0; padding-top: 1px; border-top: 0px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; font-size: 16px; font-weight: bold; color: #fff; text-align: center; background-image: url(img/te.gif); background-repeat: repeat-x; background-position: 0 0; line-height: 35px; height: 35px; } .hikakutbl td { margin: 0; padding: 5px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } td.hikakutd2 { margin: 0; padding: 0; width: 90px; text-align: center; font-size: 14px; font-weight: bold; } td.hikakutxt { margin: 0; padding: 10px; font-size: 14px; line-height: 130%; } .imghikaku { margin: 0px 10px 10px 10px; padding-top: 5px; } td.no01 { width: 135px; height: 120%; padding-left: 40px; background-image: url(img/1.gif); background-repeat: no-repeat; background-position: 4px 60px; } td.no02 { width: 135px; height: 120%; padding-left: 40px; background-image: url(img/2.gif); background-repeat: no-repeat; background-position: 4px 60px; } td.no03 { width: 135px; height: 120%; padding-left: 40px; background-image: url(img/3.gif); background-repeat: no-repeat; background-position: 4px 60px; } td.no04 { width: 135px; height: 120%; padding-left: 40px; background-image: url(img/4.gif); background-repeat: no-repeat; background-position: 4px 60px; } td.no05 { width: 135px; height: 120%; padding-left: 40px; background-image: url(img/5.gif); background-repeat: no-repeat; background-position: 4px 60px; } td.no06 { width: 135px; height: 120%; padding-left: 40px; background-image: url(img/6.gif); background-repeat: no-repeat; background-position: 4px 40px; } td.no07 { width: 135px; height: 120%; padding-left: 40px; background-image: url(img/7.gif); background-repeat: no-repeat; background-position: 4px 40px; } td.no08 { width: 135px; height: 120%; padding-left: 40px; background-image: url(img/8.gif); background-repeat: no-repeat; background-position: 4px 40px; } td.no09 { width: 135px; height: 120%; padding-left: 40px; background-image: url(img/9.gif); background-repeat: no-repeat; background-position: 4px 40px; } td.no10 { width: 135px; height: 120%; padding-left: 40px; background-image: url(img/10.gif); background-repeat: no-repeat; background-position: 4px 40px; } /* 申込ボタン -------------------------------------------------------------------*/ #link-kochira { margin: 0; text-indent:-9999px; } #link-kochira a { overflow: hidden; display: block; width: 110px; height: 25px; background-position:0 0; background-repeat:no-repeat; background-image: url(img/link-kochira.gif); text-indent:-9999px; margin-left: 215px; margin-top: 5px; margin-bottom: 0px; } #link-kochira a:hover { background-position:0 -25px; text-decoration: none; } /*------------------------------------------------------- ● オプション4 ポイント ● オプション5 キャンペーン情報 -------------------------------------------------------*/ #camp_h { margin: 0; padding: 0; margin-top: 10px; margin-bottom: 20px; clear: both; } #camp { width: 610px; margin: 5px 0 0px 5px; padding: 0; background: none; background-position: bottom; position: relative; height:100px; text-align: left; border-bottom: 1px #999 dotted; font-size: 14px; clear: both; } #camp_1 { width: 610px; margin: 5px 0 15px 5px; padding: 0; background: none; background-position: bottom; position: relative; height:125px; text-align: left; border-bottom: 1px #999 dotted; font-size: 14px; clear: both; } #camp p { margin:0; padding-right: 5px; padding-left: 5px; line-height:140%; font-size:14px; color:#333; background: none; } #camp a { font-size:14px; } .imgcamp { margin: 5px 15px 5px 0px; padding: 0; float: left; } /*------------------------------------------------------- ● オプション6 女性おすすめ ● オプション7 男性おすすめ -------------------------------------------------------*/ #camp_p { width: 610px; margin: 5px 0 15px 5px; padding: 0; background: none; background-position: bottom; position: relative; height:100px; text-align: left; border-bottom: 0px #999 dotted; font-size: 14px; clear: both; } #camp_p p { margin:0; padding-right: 5px; padding-left: 5px; line-height:140%; font-size:14px; color:#333; background: none; } /*------------------------------------------------------- ●オプション8 枠 -------------------------------------------------------*/ /* 高さ・色は自由に変更してください -------------------------------------------------------------------*/ #waku-top { margin: 1px; padding: 10px; margin-bottom: 0px; border: 1px solid #000; height: 200px;     width: 580px; } /*FF*/ html>body #waku-top{ margin: 0 auto; width: 600px; } /*IE7.0*/ *:first-child+html #waku-top{ margin: 0 auto; width: 600px; }