BODY { font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; color: #666666; text-align: center; } body.entrance { text-align: left;} FORM { margin-top : 0px; margin-left : 0px; margin-right: 0px; margin-bottom : 0px; } img { border: none; } INPUT,TEXTAREA { font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif; } .e9, .e10, .e12, .e14, .e16 { font-family:Arial, Verdana, sans-serif; } .e10 img { vertical-align: middle;} .e10 img.cyberlogo { margin-left: 4px;} .j9, .j10, .j12, .j14, .j16 { font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif; } .clear { clear: both; padding: 0px; margin: 0px; line-height: 0px; font-size: 0px; float: none;} #container { background: url(/top/img/container_bg.jpg) repeat-x #FFF; } #allContents { width: 781px; margin: 0 auto; background-color: #fff; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; text-align: left; } /* [配置調節] */ /* [テーブル修飾] */ TD.regist {background-image : url(/img/bg_03.gif);} TD.guide {background-image : url(/img/bg_17.gif);} TD.contact {background-image : url(/img/bg_16.gif);} TD.hatch {background-image : url(/img/bg_04.gif);} TD.tddot1 {background-image : url(/img/bg_05.gif);} TD.tddot2 {background-image : url(/img/bg_06.gif);} TD.tddot3 {background-image : url(/img/bg_13.gif);} TD.tddot4 {background-image : url(/img/bg_14.gif);} TD.tddot5 {background-image : url(/img/bg_15.gif);} TABLE .sbox1 TD.s1 { vertical-align: top; background-color: #F4F4F4; border-top: 1px #663300 dashed; text-align: left; padding: 6px 3px 3px 10px; } TABLE .sbox1 TD.s2 { vertical-align: top; background-color: #FFFFFF; border-top: 1px #663300 dashed; text-align: left; padding: 3px 2px 3px 10px; } TABLE .sbox1 TD.s3 { vertical-align: top; background-color: #F4F4F4; border-top: 1px #663300 dashed; border-bottom: 1px #663300 dashed; text-align: left; padding: 6px 2px 3px 10px; } TABLE .sbox1 TD.s4 { vertical-align: top; background-color: #FFFFFF; border-top: 1px #663300 dashed; border-bottom: 1px #663300 dashed; text-align: left; padding: 3px 2px 3px 10px; } .t { border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .dot_1 { border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: #3366CC; border-right-color: #3366CC; border-bottom-color: #3366CC; border-left-color: #3366CC; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .dot_2 { border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: #FF9966; border-right-color: #FF9966; border-bottom-color: #FF9966; border-left-color: #FF9966; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .dot_3 { border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: #88BB44; border-right-color: #88BB44; border-bottom-color: #88BB44; border-left-color: #88BB44; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } /* [ボーダー] */ IMG.new {border-top : #CC9966 1px solid;border-right : #CC9966 1px solid;border-bottom : #CC9966 1px solid;border-left : #CC9966 1px solid;} DIV.line1 {background-image : url(/img/bg_02.gif); height:1px;} DIV.line2 {background-image : url(/img/bg_18.gif); margin-top:15px;margin-bottom:15px;} DIV.esthetique {background-image : url(/img/bg_07.gif); margin-top:8px;margin-bottom:8px;} DIV.beauty {background-image : url(/img/bg_08.gif); margin-top:8px;margin-bottom:8px;} DIV.visualart {background-image : url(/img/bg_08.gif); margin-top:8px;margin-bottom:8px;} DIV.massage {background-image : url(/img/bg_09.gif); margin-top:8px;margin-bottom:8px;} DIV.various_cure{background-image : url(/img/bg_10.gif); margin-top:8px;margin-bottom:8px;} DIV.therapy {background-image : url(/img/bg_11.gif); margin-top:8px;margin-bottom:8px;} DIV.school {background-image : url(/img/bg_12.gif); margin-top:8px;margin-bottom:8px;} DIV.culture {background-image : url(/img/bg_12.gif); margin-top:8px;margin-bottom:8px;} /* [ハイパーリンク制御] */ A:link {color:#3366CC; text-decoration:none;} A:visited {color:#3366CC; text-decoration:none;} A:hover {color:#0000CC; text-decoration:underline;} A.block:link {display: block; width: 100%;} A.block:visited {display: block; width: 100%;} A.block:hover {display: block; width: 100%;} A.header:link {font-size:11px; line-height: 11px; text-decoration:none; display: block; width: 100%; padding: 2px 0 0 19px;} A.header:visited {font-size:11px; line-height: 11px; text-decoration:none; display: block; width: 100%; padding: 2px 0 0 19px;} A.header:hover {font-size:11px; line-height: 11px; text-decoration:none; display: block; width: 100%; padding: 2px 0 0 19px;} A.brown:link {color:#996633; text-decoration:none;} A.brown:visited {color:#996633; text-decoration:none;} A.brown:hover {color:#6666FF; text-decoration:underline;} A.brown2:link {color:#996633; text-decoration:none;} A.brown2:visited {color:#996633; text-decoration:none;} A.brown2:hover {color:#FF6633; text-decoration:underline;} A.red:link {color:#FF3300; text-decoration:none;} A.red:visited {color:#FF3300; text-decoration:none;} A.red:hover {color:#3333FF; text-decoration:underline;} A.blue:link {color:#6699CC; text-decoration:none;} A.blue:visited {color:#6699CC; text-decoration:none;} A.blue:hover {color:#6699CC; text-decoration:underline;} A.blue2:link {color:#003366; text-decoration:none;} A.blue2:visited {color:#003366; text-decoration:none;} A.blue2:hover {color:#6699CC; text-decoration:underline;} A.footer:link {color:#FFFFFF; text-decoration:none;} A.footer:visited {color:#FFFFFF; text-decoration:none;} A.footer:hover {color:#FFFFFF; text-decoration:underline;} A.shop_menu:link {color:#666666; text-decoration:none;} A.shop_menu:visited {color:#666666; text-decoration:none;} A.shop_menu:hover {color:#99661A; text-decoration:underline;} A.faq:link {color:#666666; text-decoration:none;} A.faq:visited {color:#666666; text-decoration:none;} A.faq:hover {color:#FF6633; text-decoration:underline;} A.CC6600:link {color:#CC6600; text-decoration:none;} A.CC6600:visited {color:#CC6600; text-decoration:none;} A.CC6600:hover {color:#CC6600; text-decoration:underline;} A.FF9900:link {color:#FF9900; text-decoration:none;} A.FF9900:visited {color:#FF9900; text-decoration:none;} A.FF9900:hover {color:#FF9900; text-decoration:underline;} A.gray:link {color:#666666; text-decoration:none;} A.gray:visited {color:#666666; text-decoration:none;} A.gray:hover {color:#FF9900; text-decoration:underline;} A.brown3:link {color:#CC9966; text-decoration:none;} A.brown3:visited {color:#CC9966; text-decoration:none;} A.brown3:hover {color:#CC9966; text-decoration:underline;} A.linkC60:link {color:#CC6600; text-decoration:none;} A.linkC60:visited {color:#CC6600; text-decoration:none;} A.linkC60:hover {color:#CC6600; text-decoration:underline;} A.link336600:link {color:#336600; text-decoration:none;} A.link336600:visited {color:#336600; text-decoration:none;} A.link336600:hover {color:#336600; text-decoration:underline;} A.link996600:link {color:#996600; text-decoration:none;} A.link996600:visited {color:#996600; text-decoration:none;} A.link996600:hover {color:#996600; text-decoration:underline;} A.linkFF6666:link {color:#FF6666; text-decoration:none;} A.linkFF6666:visited {color:#FF6666; text-decoration:none;} A.linkFF6666:hover {color:#FF6666; text-decoration:underline;} A.link_splist:link {color:#6C6353; text-decoration:underline;} A.link_splist:visited {color:#6C6353; text-decoration:underline;} A.link_splist:hover {color:#660066; text-decoration:underline;} A.link_renewal:link {color:#FF6600; text-decoration:underline;} A.link_renewal:visited {color:#FF6600; text-decoration:underline;} A.link_renewal:hover {color:#FF6600; text-decoration:underline;} div.premium_list:link {color:#996600; text-decoration:underline;} div.premium_list:visited {color:#996600; text-decoration:underline;} div.premium_list:hover {color:#996600; text-decoration:underline;} .clear { clear: both; float: none; font-size: 0px; line-height: 0px; height: 0px; } /* [テキストカラー] */ .bath {color:#336699;} .brown{color:#996633;} .green{color:#339999;} .orange{color:#FF9900;} /*ヘアエステ*/ .box{ background-image:url(/special/haireste/img/line01.gif); width:516px; } .box2{ background-image:url(/special/haireste/img/line02.gif); width:516px; } .inbox{ padding:10px 25px 2px 25px; width:466px; } .inbox2{ padding:17px 19px 2px 19px; width:476px; } .inbox3{ padding:10px 15px 2px 15px; width:484px; } #pict{padding:10px 0px 15px 0px; width:516px;} #pict td{padding:0px 2px 1px 0px;} .font18{font-size:18px; color:#FFFFFF;} #list{padding-top:5px; width:516px;} #list td{padding:2px 4px; border-bottom:solid 1px #FFFFFF; font-size:10px;} .td1{background-color:#FFE5E5; width:156px;} .td2{background-color:#F6F6F6; width:156px;} .td3{background-color:#EDEDED; width:156px;} .imgborderPet { border: 1px solid #CCCCCC; } div.nvgDivpet {border-style:none; width:187px;margin-bottom:10px;} div.nvgDivpet p {margin:0;padding:0;font-size:12pt;} div.nvgDivpet p.textLinks{margin:0;padding:0;} div.nvgDivpet a.textLinks{margin:0;padding:0;font-size:10pt;color:#996633;} div.pet_border {border-left:solid #CC9999 1px;border-right:solid #CC9999 1px;} div.pet_area {background-color:#FFF7D6;padding:6px 0px 6px 6px;text-align:left;} div.nvgDiv {border:#CCCCCC 1px solid;width:187px;margin-bottom:10px;} div.nvgDiv p {margin:0;padding:0;} div.nvgDiv p.textLinks {margin:0;padding:0;} div.nvgDiv .banClinicArea{background-color:#F0F5F9;padding:5px 10px;text-align:left;} div.searchDocDirect{margin-top:10px;} /****** ログインフォーム ******/ div.nvg_loginBox { width: 185px; border: 1px solid #CCC; margin: 0px 0px 10px; } div.nvg_loginBox .acname { width: 185px; background: #FC6; padding: 5px 0px; text-align: center; color: #960; font-size:12px; } div.nvg_loginBox .form_box { width: 185px; background: #FFF url(/img/login_dotted.gif) repeat-x bottom; text-align: center; padding: 7px 0px 8px; line-height: 0px; font-size: 1px; } div.nvg_loginBox .form_box .idbox { width: 185px; padding: 0px 5px; } div.nvg_loginBox .form_box .login_left { display: block; float: left; width: 85px; padding: 3px 0px 0px 5px; } div.nvg_loginBox .form_box .login_right { display: block; float: left; width: 80px; padding: 15px 0px 0px 5px; } div.nvg_loginBox .form_box .mydata { padding: 0px 5px; font-size: 12px; line-height: 16px; } div.nvg_loginBox .entry_box { width: 185px; background: url(/img/login_bg.gif) no-repeat #fff8de bottom; padding: 8px 0; text-align: center; line-height: 0px; font-size: 1px; } div.nvg_loginBox .mypage_bt { width: 185px; display: block; background: #fff8de; text-align: center; padding: 8px 0; } div.nvg_loginBox .link_box { width: 185px; background: url(/img/login_link_bg.gif) no-repeat bottom #fff; padding: 0px; text-align: left; font-size: 12px; line-height: 18px; } div.nvg_loginBox .link_box ul { margin: 0px; padding: 8px 6px 6px; } div.nvg_loginBox .link_box li { background: url(/img/login_list_mk.gif) no-repeat 0 2px; margin: 0px; padding: 0px 0px 0px 15px; list-style: none; } div.nvg_loginBox .link_box a { color: #960; } div.nvg_loginBox .guide_link { background: url(/img/login_dotted.gif) repeat-x; width: 185px; background-color: #ffffff; } div.nvg_loginBox .guide_link a { width: 105px; height: 15px; display: block; float: right; padding: 3px; } img.middle {vertical-align:middle;} span.white {color:#FFFFFF;} div.loginAlert { width:760px; color:#FF0000; font-size:10px; background-color: #ffe9e9; padding:2px 0; text-align: right;} div.loginAlert p { width:750px; padding-right: 10px; color:#FF0000; line-height: 15px;} div.loginForm { width:760px;height:24px;color:#967138;font-size:10px;padding:0;position:relative;} div.loginForm .textArea { float:left;padding:0; margin:0;position:relative;top:3px;left:0px;} div.loginForm .textArea .list a:link { color: #996633; } div.loginForm .textArea .list a:visited { color: #996633; } div.loginForm .textArea .list a:hover { color: #996633; } div.loginForm .textArea .list a:active { color: #996633; } div.loginForm .inputArea { float:left;padding:0; margin:0;position:absolute;top:2px;right:4px;} div.loginForm .inputArea { float:left;padding:0; margin:0;position:absolute;top:2px;right:4px;} div.loginForm .welcomeMessage {float:left;padding:0; margin-top:2px;} div.loginForm .welcomeMessage p {float:left;padding:0; margin:0px 3px;} div.loginForm .memberData {float:left;padding:0 6px; margin:1px 2px 0 0;background-color:#FFFFFF;font-family:Arial;} div.loginForm .bt {float:left;padding:0; margin:0;position:absolute;top:2px;right:0px;} div.loginForm p.list {float:left;margin:0 5px;} div.loginForm p.input {float:left;margin:0 2px;} div.textArea img.middle {margin:0 6px 3px 0;} div.inputArea img.middle {margin:0 0px 3px 0;} table.searchcategoryarea {border:#CCCCCC 1px solid;border-collapse:collapse;} table.searchcategoryarea h5 {font-size:12px;margin:8px 8px 8px 15px;padding:0;} table.searchcategoryarea h6 {font-size:10px;margin:5px 8px;padding:0;font-weight:normal;line-height:14px;} table.searchcategoryarea TD.school {border-bottom:#CCCCCC 1px solid;background:url(/top/img/bg_border1.gif) repeat-y;color:#059600;} table.searchcategoryarea TD.school .title {color:#059600;} table.searchcategoryarea TD.clinic {border-bottom:#CCCCCC 1px solid;background:url(/top/img/bg_border2.gif) repeat-y;color:#7497BF;} table.searchcategoryarea TD.clinic .title {color:#7497BF;} table.searchcategoryarea TD.salonjob {border-bottom:#CCCCCC 1px solid;background:url(/top/img/bg_border3.gif) repeat-y;color:#FF6600;} table.searchcategoryarea TD.salonjob .title {color:#FF6600;} table.searchcategoryarea TD.igoods {border-bottom:#CCCCCC 1px solid;background:url(/top/img/bg_border4.gif) repeat-y;color:#629800;} table.searchcategoryarea TD.igoods .title {color:#629800;} table.searchcategoryInner {width:518px;} table.searchcategoryInner TD.title {width:110px; font-size:12px;vertical-align:top;} table.searchcategoryInner TD.list {width:248px;vertical-align:top;} table.searchcategoryInner TD.image {width:160px;vertical-align:top;} table.searchcategoryarea TD.school .image {background:url(/search/img/school_title.gif) no-repeat right;} table.searchcategoryarea TD.clinic .image {background:url(/search/img/clinic_title.gif) no-repeat right;} table.searchcategoryarea TD.salonjob .image {background:url(/search/img/job_title.gif) no-repeat right;} table.searchcategoryarea TD.igoods .image {background:url(/search/img/goods_title.gif) no-repeat right;} table.relatedsitearea {border:#CCCCCC 1px solid;border-collapse:collapse;width:520px;} table.relatedsitearea th {border-left:#CCCCCC 1px solid;border-right:#CCCCCC 1px solid;padding:5px 0;} table.relatedsitearea td {border-left:#CCCCCC 1px solid;border-right:#CCCCCC 1px solid;padding:6px;} table.relatedsitearea h6 {font-size:12px;line-height:18px;margin:0;padding:0;font-weight:normal;} table.relatedsitearea p {font-size:10px;line-height:16px;margin:5px 0 0 0;padding:0} table.relatedsitearea th.style1 {background-color:#DAEDD1;color:#3A6605;font-size:12px;line-height:16px;font-weight:bold;} table.relatedsitearea td.style1 {color:#3A6605;font-weight:normal;} table.relatedsitearea th.style2 {background-color:#D1E6F7;color:#679AD3;font-size:12px;line-height:16px;font-weight:bold;} table.relatedsitearea td.style2 {color:#679AD3;font-weight:normal;} table.relatedsitearea th.style3 {background-color:#FFE7CD;color:#FF6700;font-size:12px;line-height:16px;font-weight:bold;} table.relatedsitearea td.style3 {color:#FF6700;font-weight:normal;} table.relatedsitearea th.style4 {background-color:#ECF4CB;color:#629707;font-size:12px;line-height:16px;font-weight:bold;} table.relatedsitearea td.style4 {color:#629707;font-weight:normal;} table.relatedsitearea a:link {line-height:14px;color:#666666; text-decoration:none;} table.relatedsitearea a:visited {line-height:14px;color:#666666; text-decoration:none;} table.relatedsitearea a:hover {line-height:14px;color:#FF3333; text-decoration:underline;} div.nvg_loginBox .dotBar { height: 1px; font-size: 0px; line-height: 0px; margin: 0; padding: 0; width: 185px; background: url(/img/login_dotted.gif) repeat-x; } div.nvg_loginBox .horoscopeBox { font-size: 12px; line-height: 18px; background:url(/img/login_dotted.gif) repeat-x #fff; text-align: left; } div.nvg_loginBox .horoscopeBox a { color: #996600; } div.nvg_loginBox .horoscopeBox .aries { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_aries.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .taurus { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_taurus.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .gemini { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_gemini.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .cancer { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_cancer.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .leo { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_leo.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .virgo { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_virgo.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .libra { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_libra.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .scorpio { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_scorpio.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .sagittarius { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_sagittarius.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .capricorn { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_capricorn.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .aquarius { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_aquarius.gif) no-repeat 30px 10px; } div.nvg_loginBox .horoscopeBox .pisces { padding: 5px 0px 3px 61px; background: url(/img/constellation/bg_pisces.gif) no-repeat 30px 10px; } /* ヘッダー紹介コメント表示用（絶対座標配置 ）*/ #wrapper{ position: relative; } h1{ font-size: 10px; font-weight: normal; text-align: right; } h1.description{ font-size: 12px; position: absolute; margin-top:5px; margin-left:144px; line-height:16px; text-align:right; width:520px; display: block; color:#999999; font-weight:normal; } /************07/02/23 TOPサロン検索******************/ .salon_search { padding-bottom:4px; padding-top:4px; padding-left:10px; } .salon_search a { background: url(/top/img/search_li.gif) no-repeat left center; padding-left:10px; } .salon_search a:link, .salon_search a:visited { color:#996600; text-decoration:underline;} .salon_search a:hover { color:#FF9900; text-decoration:underline;} .salon_search02 a:link, .salon_search02 a:visited { color:#996600; text-decoration:underline;} .salon_search02 a:hover { color:#FF9900; text-decoration:underline;} .search_bt_pd{ padding-top: 7px; padding-bottom: 7px; } .kkeyword-list { list-style-type:none; margin:0pt; padding:0pt; border: 1px solid #FFCC99; } .kkeyword-list li { background:url(/top/img/dotbar.gif) repeat-x left bottom; padding-bottom:4px; padding-top:4px; margin-left : 5px; } .kkeyword-list li a { background: url(/top/img/search_li.gif) no-repeat left center; padding-left:12px; } .kkeyword-list a:link, .salon_search a:visited { color:#996600; text-decoration:underline;} .kkeyword-list a:hover { color:#996600; text-decoration:underline;} .kkeyword-list a:visited { color: #996600; text-decoration: underline;} /****** サロン検索 セカンドページ ******/ ul.listlink { background: url(/img/search_dotted.gif) repeat-x; width: 181px; margin: 0px; padding: 8px 0px 0px 4px; } ul.listlink li { font-size: 12px; line-height: 18px; list-style: none; text-align: left; } ul.listlink li a:link { color: #960; } ul.listlink li a:hover { color: #36C; } ul.listlink li a:visited{ color: #960; } ul.listlink li.reserve { background: url(/img/search_reserve.gif) no-repeat; padding: 0px 0px 3px 23px; } ul.listlink li.movie { background: url(/img/search_movie.gif) no-repeat; padding: 0px 0px 3px 23px; } ul.listlink li.mailmag { background: url(/img/search_mailmag.gif) no-repeat; padding: 0px 0px 3px 23px; } /************06/09/14 sakurai_デトックス特集******************/ .banner_detox{ background-image: url(/top/img/banner/detox060914.gif); background-repeat: no-repeat; width: 420px; height: 100px; vertical-align: top; } .banner_detox_enter{ width: 420px; height: 100px; text-align: right; margin: 0px; padding: 0px; } .banner_detox_link{ background-image: url(/top/img/banner/detox_banner_bg.gif); background-repeat: repeat-x; clear: both; color: #663300; float: left; margin: 0px; padding-top: 3px; width: 420px; line-height: 12px; height: 40px; } .banner_detox_link a:link{ color: #6699CC; text-decoration: underline; } .banner_detox_link a:visited{ color: #6699CC; text-decoration: underline; } .banner_detox_link a:hover{ color: #663300; text-decoration: none; } .banner_detox_link a:active{ color: #663300; text-decoration: none; } .banner_detox_icon{ margin-left: 9px; } /************06/09/27 koyama_神戸特集******************/ TD.bg_line_green { background-image: url(/report/img/line_green_dot.gif); background-repeat: repeat-x; } TD.banner_box { padding-top: 10px; } TD.banner_b_text { color: #996633; text-align: right; padding-right: 10px; } table.contents_minirepo { background-image: url(/report/img/line_green_dot_h.gif); background-repeat: repeat-y; background-position: left; padding: 0 14px 0; width: 520px; } TD.step_title { padding-top: 20px; } table.step_main_01 { background-color: #FFFCED; border-style: solid; border-width: 1px; border-color: #CCCC99; width: 492px; } TD.step_sub_title { font-weight: bold; color: #663300; vertical-align: top; line-height: 18px; } TD.step_photo { border-style: solid; border-width: 3px; border-color: #FFFFFF; width: 160px; height: 120px; } TD.step_photo_height { border-style: solid; border-width: 3px; border-color: #FFFFFF; width: 120px; height: 160px; text-align: center; } TD.line_dot_1px { background-image: url(/report/img/line_1px_dot.gif); background-repeat: repeat-x; background-position: bottom; } /************06/09/29 yamamoto_minirepo******************/ .map_back{ margin: 0px; padding: 0px; width: 520px; background:#FDF9E9 url(/special/kobe/img/map_top.gif) repeat-x; } .kobe_text{ font-size: 12px; text-align:left; color:#666666; font-weight:normal; line-height:22px; background: url(/special/kobe/img/text_line.gif) ; } TABLE.kobe_1px { border: 1px solid #DDDDDD; } A.font_salon:link {color:#CC6633; text-decoration:none; font-size: 10px;} A.font_salon:visited{color:#CC6633; text-decoration:none; font-size: 10px;} A.font_salon:hover {color:#CC6633; text-decoration:underline; font-size: 10px;} A.font_hair:link {color:#996600; text-decoration:none; font-size: 10px;} A.font_hair:visited{color:#996600; text-decoration:none; font-size: 10px;} A.font_hair:hover {color:#996600; text-decoration:underline; font-size: 10px;} A.font_school:link {color:#336600; text-decoration:none; font-size: 10px;} A.font_school:visited{color:#336600; text-decoration:none; font-size: 10px;} A.font_school:hover {color:#336600; text-decoration:underline; font-size: 10px;} /************06/10/02 ビューティー特集******************/ #b_banner_title{ width:420px; height:97px; } #b_banner_bg{ width:306px; height:25px; background-image:url(/special/beauty/img/b_banner_bg.gif); float:left; } #b_banner_bg p{ margin:7px 0px 0px 0px; padding:0px 0px 0px 5px; font-size:12px; line-height:12px; } #b_banner_bg span{ margin:0px 0px 0px 0px; padding:0px 3px 0px 13px; background-image:url(/special/beauty/img/flower.gif); background-repeat:no-repeat; font-size:12px; line-height:12px; } #b_banner_bg a{ color: #c33; text-decoration: underline; } #b_banner_bg a:visited{ color: #c33; text-decoration: underline; } #b_banner_bg a:hover{ color: #CC9933; text-decoration: none; } #b_banner_bg a:active{ color: #CC9933; text-decoration: none; } #b_banner_bt a{ width:114px; height:25px; display:block; text-indent:-5555px; background-image:url(/special/beauty/img/b_banner_bt.gif); float:left; } #b_banner_bt a:hover{ width:114px; height:25px; display:block; text-indent:-5555px; background-image:url(/special/beauty/img/b_banner_bt_on.gif); float:left; } .both{ clear: both; font-size:0px; line-height:0px; } #s_banner_frame{ width: 187px; height: 191px; margin:0px 0px 10px 0px; padding:0px; } #s_banner_title{ width: 187px; height: 151px; margin:0px; padding:0px; } #s_banner_bg{ width: 187px; height: 40px; background-image:url(/special/beauty/img/s_banner_bg.gif); margin:0px; padding:0px; text-align:left; } #s_banner_bg span{ margin:0px 0px 0px 0px; padding:0px 0px 0px 12px; background-image:url(/special/beauty/img/flower.gif); background-repeat:no-repeat; font-size:12px; line-height:18px; } #s_banner_bg p{ margin:0px 0px 0px 0px; padding:0px 0px 0px 3px; font-size:12px; line-height:18px; } #s_banner_bg a{ color: #c33; text-decoration: underline; } #s_banner_bg a:visited{ color: #c33; text-decoration: underline; } #s_banner_bg a:hover{ color: #CC9933; text-decoration: none; } #s_banner_bg a:active{ color: #CC9933; text-decoration: none; } /************06/10/23 関西/岩盤浴特集へのリンク******************/ div.to0610KansaiBedrock { background: url(/special/bedrock/arrow.gif) no-repeat 0px 6px; width: 420px; margin-top: 5px; text-indent: 16px; font-weight: bold; } div.to0610KansaiBedrockLine { background: url(/special/bedrock/line_bg.gif) repeat-x; width: 420px; } /************06/11/14 埼玉県特集******************/ #saitama_special{ width:420px; height:125px; padding:0px; margin:0px; } div.pankuzu { margin-bottom:5px; } div.pankuzu a:link,div.pankuzu a:visited,div.pankuzu a:hover { color:#996633; text-decoration:underline; } div.sp_pr_T { background: url(http://www.ispot.jp/shared/img/pr_background.gif) repeat-x; font-family: ＭＳ Ｐゴシック,serif; height: 19px; padding: 3px 0px 0px; font-size: 12px; font-weight: bold; color: #FFF; text-align: center; } div.sp_pr_S { background: url(http://www.ispot.jp/shared/img/pr_background.gif) repeat-x; font-family: ＭＳ Ｐゴシック,serif; width: 185px; height: 19px; padding: 3px 0px 0px; font-size: 12px; font-weight: bold; color: #FFF; text-align: center; } /************07/11/30 街名検索******************/ table.townList{ width: 521px; margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; table-layout: fixed; border: 1px solid #ffcc66; font-size: 12px; line-height: 18px; } table.townList th{ background-color: #ffcc66; vertical-align: top; text-align: left; padding: 3px 0px 1px 10px; color: #fff; font-size: 16px; } table.townList td.list01{ width: 163px; padding: 4px 0px 4px 10px; border-right: 1px solid #ffcc66; vertical-align: top; } table.townList td.list02{ width: 163px; padding: 4px 0px 4px 10px; border-right: 1px solid #ffcc66; background-color: #fff5e0; vertical-align: top; } table.townList th, table.townList td.list01, table.townList td.list02{ border-bottom: 1px solid #ffcc66; } table.townList td.list01 a, table.townList td.list02 a{ color: #663300; } table.townList th A:link {color:#ffffff; text-decoration:underline;} table.townList th A:visited {color:#ffffff; text-decoration:underline;} table.townList th A:hover {color:#ffffff; text-decoration:underline;} A.link630:link {color:#663300; text-decoration:none;} A.link630:visited {color:#663300; text-decoration:none;} A.link630:hover {color:#663300; text-decoration:underline;} dl#fontSizeSwitcher { float: left; margin: 0px; padding: 6px 9px; list-style: none; background-color: #CDCDCD; } dl#fontSizeSwitcher dt { margin: 0; padding: 0; float: left; font-size: 12px; font-weight: bold; } dl#fontSizeSwitcher dd { margin: 0; padding: 0; float: left; } dl#fontSizeSwitcher dd ul { margin: 0; padding: 0; list-style: none; } dl#fontSizeSwitcher dd ul li { margin: 0 0 0 3px; padding: 0 2px; float: left; width: 1em; color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; cursor: pointer; } dl#fontSizeSwitcher dd ul li:hover, dl#fontSizeSwitcher dd ul li:focus, dl#fontSizeSwitcher dd ul li.current { color: black; background-color: white; } /*====================================== Clearfix =======================================*/ dl#fontSizeSwitcher, dl#fontSizeSwitcher ul { _height: 1px; min-height: 1px; } dl#fontSizeSwitcher:after, dl#fontSizeSwitcher ul:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } /****** 検索結果ページャー ******/ div#pager { width: 520px; display: block; padding: 0px 0px 0px; } div#pager td { padding: 2px; } div#pager a.number { border: 1px solid #FFF; padding: 3px 5px 2px; color: #FFF; display: block; float: left; margin-right: 1px; } div#pager a.number:hover{ background: #FFF; text-decoration: none; color: #960; } div#pager a.text { border: 0px; color: #FFF; display: block; float: left; padding: 4px 3px 0px; } div#pager span.text { border: 0px; color: #FFF; display: block; float: left; padding: 4px 3px 0px; } div#pager span.now { border: 1px solid #FFF; background: #FFF; padding: 3px 5px 2px; font-weight: bold; color: #960; display: block; float: left; margin-right: 1px; } div.result_font { color: #FFF; font-size: 13px; } div.result_font strong { color: #FFF; } div.result_data { height: 25px; font-size: 14px; line-height: 18px; padding: 3px 0px 0px; color: #960; } div.report_thanks { width:525px; font-size: 12px; line-height: 18px; margin-top:10px;} div.report_thanks h3 { color:#FFFFFF; background-color:#ff9933; text-align:center; font-weight:bold; padding:5px; margin:0px; } div.report_thanks p { color:#996633; background-color:#fff1d6; padding:15px; margin:0px; } div.report_thanks p span.link { color:#ff9933; text-align:right; display: block; font-weight:bold; padding:0px; margin:0px; } div.report_thanks p span.link a:link { color:#ff9933; text-decoration:none; } div.report_thanks p span.link a:visited { color:#ff9933; text-decoration:none; } div.report_thanks p span.link a:hover { color:#ff9933; text-decoration:underline; } div.report_thanks a:link { color:#ff6633; text-decoration:none; } div.report_thanks a:visited { color:#ff6633; text-decoration:none; } div.report_thanks a:hover { color:#ff6633; text-decoration:underline; } .tab_box { width:520px; height: 28px; background:url(/event/img/event_border.gif) repeat-x left bottom; } .tab_box ul { margin: 0px; padding: 0; float: right;} .tab_box li { margin: 0px; padding: 0px; display: block; float: left; list-style-type: none; } .tab_box li a { text-indent:-5555px; display: block; margin: 0 0 0 2px;} .tab_box li a.event_link1 { width:86px; height:23px; background:url(/event/img/bt01.gif) no-repeat left bottom; } .tab_box li a.event_link2 { width:63px; height:23px; background:url(/event/img/bt02.gif) no-repeat left bottom; } .tab_box li a.event_link3 { width:88px; height:23px; background:url(/event/img/bt03.gif) no-repeat left bottom; } .tab_box li a.event_link4 { width:63px; height:23px; background:url(/event/img/bt04.gif) no-repeat left bottom; } .tab_box li a.event_link5 { width:63px; height:23px; background:url(/event/img/bt05.gif) no-repeat left bottom; } .tab_box li a.event_link1_on { width:86px; height:23px; background:url(/event/img/bt01_on.gif) no-repeat left bottom; } .tab_box li a.event_link2_on { width:63px; height:23px; background:url(/event/img/bt02_on.gif) no-repeat left bottom; } .tab_box li a.event_link3_on { width:88px; height:23px; background:url(/event/img/bt03_on.gif) no-repeat left bottom; } .tab_box li a.event_link4_on { width:63px; height:23px; background:url(/event/img/bt04_on.gif) no-repeat left bottom; } .tab_box li a.event_link5_on { width:63px; height:23px; background:url(/event/img/bt05_on.gif) no-repeat left bottom; } .tab_box li a.event_link1:hover { width:86px; height:23px; background:url(/event/img/bt01_on.gif) no-repeat left bottom; } .tab_box li a.event_link2:hover { width:63px; height:23px; background:url(/event/img/bt02_on.gif) no-repeat left bottom; } .tab_box li a.event_link3:hover { width:88px; height:23px; background:url(/event/img/bt03_on.gif) no-repeat left bottom; } .tab_box li a.event_link4:hover { width:63px; height:23px; background:url(/event/img/bt04_on.gif) no-repeat left bottom; } .tab_box li a.event_link5:hover { width:63px; height:23px; background:url(/event/img/bt05_on.gif) no-repeat left bottom; } h3.event { background: url(/event/img/event_tibar_kbn04.gif) no-repeat 0px 2px; text-indent:72px; line-height:24px; border-bottom:#cccccc 1px dotted; } h3.event1 { background: url(/event/img/event_tibar_kbn01.gif) no-repeat 0px 2px; text-indent:72px; line-height:24px; border-bottom:#cccccc 1px dotted; } h3.event2 { background: url(/event/img/event_tibar_kbn02.gif) no-repeat 0px 2px; text-indent:72px; line-height:24px; border-bottom:#cccccc 1px dotted; } h3.event3 { background: url(/event/img/event_tibar_kbn03.gif) no-repeat 0px 2px; text-indent:72px; line-height:24px; border-bottom:#cccccc 1px dotted; } h3.event4 { background: url(/event/img/event_tibar_kbn04.gif) no-repeat 0px 2px; text-indent:72px; line-height:24px; border-bottom:#cccccc 1px dotted; } div#event_contents { width: 520px; } div#event_contents .bgbox { width: 520px; } div#event_contents .databox { padding: 8px 10px 8px; } div#event_contents .bottom { background: url(/event/img/event_border.gif) repeat-x; height: 5px; font-size: 0px; line-height: 0px; } div#event_contents .contents { width: 505px; display: block; float: left;text-align:left; } div#event_contents .databox h3 { width: 505px; color: #963; font-weight: bold; margin:0 0 6px 0; padding:0;text-align:left; } div#event_contents .databox .photo { display: block; float: right;margin:0 0 0 0px; } div#event_contents .databox .photo a { width: 106px; height: 106px; display: block; padding: 1px; border: 1px solid #CCC; } div#event_contents .databox .photo a:hover { border: 1px solid #ffde00; } div#event_contents .databox .text { padding: 5px; } div#event_contents .sname { color: #ff6666; font-weight: bold; text-align: right; } div#event_contents .areaname { color: #666; font-weight: normal; } /****** bbs_style ******/ div.bbsbox { width: 172px; padding: 5px 0px; text-align: left; clear: both;} div.bbsbox .photo { width: 72px; height: 72px; border: 1px solid #d4c1af; padding: 1px; float: left; } div.bbsbox .bbs_data { width: 90px; margin-left: 6px; float: left; font-size: 0px; line-height: 0px;} div.bbsbox .bbs_sname { word-break:break-all; width: 90px; font-size: 12px; line-height: 14px; font-weight: bold; padding: 3px 0 0; } div.bbsbox .bbs_sname a { color: #69C; } div.bbsbox p { width: 90px; font-size: 12px; line-height: 16px; padding: 2px 0 0; margin: 0; } div.bbs_bt { float: right; background: url(/top/img/bbs_point.gif) no-repeat 0px 3px;} div.bbs_bt a { font-size: 12px; line-height: 18px; padding: 0 5px 0 15px;} /* リンク設定 */ div.bbs_bt a:link { color: #960; text-decoration: none;} div.bbs_bt a:visited { color: #960; text-decoration: none;} div.bbs_bt a:hover { color: #960; text-decoration: underline;} /* 活用ガイドへのリンク */ div.bbsguide_bt { width: 139px; background: url(/bbs/img/bbsguide_bt.gif) no-repeat right; text-align: right;} div.bbsguide_bt p { margin-top: 0px; padding-top: 0px; font-size: 12px; color: #996600; line-height: 18px; padding: 7px 12px 7px 0px;} div.bbsguide_bt p a:link { color: #996600; text-decoration: none;} div.bbsguide_bt p a:visited { color: #996600; text-decoration: none;} div.bbsguide_bt p a:hover { color: #996600; text-decoration: underline;} div.bbsguide_bt p a:active { color: #996600; text-decoration: underline;} div.bbs_box .top_txt span.guideline { color: #F00;} div.bbs_box .top_txt span.guideline a:link { color: #F00; text-decoration: none;} div.bbs_box .top_txt span.guideline a:visited { color: #F00; text-decoration: none;} div.bbs_box .top_txt span.guideline a:hover { color: #F00; text-decoration: underline;} div.bbs_box .top_txt span.guideline a:active { color: #F00; text-decoration: underline;} /* コラム参考機能 */ .referenceQ { font-size: 14px; color: #ff7214; font-weight: bold; padding: 10px 0 5px 0; border-top: 1px solid #ccc;} .referenceBt { width: 61px; float: left;} .referenceA { width: 200px; float: left; font-size: 14px; color: #663300; padding: 4px 0 0 4px;} .referenceAttention { font-size: 12px; color: #666; padding-bottom: 5px;} .referenceAttention a:link { color: #ff7214; text-decoration: underline;} .referenceAttention a:visited { color: #ff7214; text-decoration: underline;} .referenceAttention a:hover { color: #ff7214; text-decoration: underline;} .referenceAttention a:active { color: #ff7214; text-decoration: underline;} /* ログインページCSS */ /* ログイン */ div.inbox { width: 752px; margin: 0px auto; padding: 20px 0px; font-size: 12px; } div#top_box { width: 752px; } div#top_box img { border: none; } div#top_box #loginForm { width: 540px; margin-left: 106px; } * html div#top_box #loginForm { width: 540px; text-align: left; display: block; }/* IE6 */ div#top_box #loginForm .guide { height: 13px; text-align: right; padding-bottom: 5px; vertical-align: bottom; } div#top_box #loginForm .guide img { border: none; text-decoration: none; } div#top_box #loginForm .loginTit { height: 25px; } div#top_box #loginForm .middleBox { width: 538px; padding: 20px 0 0 14px; background: url(/top/img/login/border.gif) repeat-y; } div#top_box #loginForm .middleBox .loginBox { width: 509px; padding: 0; background: url(/top/img/login/login_bg.gif) no-repeat bottom; background-color: #fff8e9; border:none; } div#top_box #loginForm .middleBox .loginBox .dotLine { width: 508px; height: 3px; padding-bottom: 11px; background: url(/top/img/login/top_dot.gif) repeat-x; } div#top_box #loginForm .middleBox dl { width: 396px; margin: 0 0 0 58px; padding: 12px 0 0px; } div#top_box #loginForm .middleBox dl.loginId { padding-top: 11px; } div#top_box #loginForm .middleBox dt { width: 175px; padding: 4px 0 0 19px; background: url(/top/img/login/icon.gif) no-repeat 0 4px; color: #666666; font-weight: bold; float: left; } *html div#top_box #loginForm .middleBox dt { width: 190px; padding: 4px 0 0 19px; background: url(/top/img/login/icon.gif) no-repeat 0 4px; color: #666666; font-weight: bold; float: left; } div#top_box #loginForm .middleBox dd { float: left; margin: 0; } div#top_box #loginForm .middleBox dd input { width: 190px; padding: 0; } div#top_box #loginForm .middleBox div ul { width: 430px; margin: 0 auto; padding: 10px 0px 13px; list-style-type: none; } div#top_box #loginForm .middleBox div li { width: 355px; text-align: right; } head~/* */body div#top_box #loginForm .middleBox div li { width: 359px; text-align: right; }/* IEに適応 */ div#top_box #loginForm .middleBox div p { width: 509px; height: 33px; text-align: center; margin: 0; padding-bottom: 17px; } div#top_box #loginForm .middleBox span { width: 509px; padding: 8px 0 1px; text-align: right; display: block; } div#top_box #loginForm .middleBox span a { color: #ff9933; text-decoration: underline; } div#top_box #loginForm .middleBox span a:hover { color: #ff9933; } div#top_box #loginForm .middleBox span a:visited { color: #ff9933; } div#top_box #loginForm .bottomBox { height: 9px; padding-bottom: 20px; background: url(/top/img/login/bottom.gif) no-repeat; } div#top_box #loginForm .error { text-align: center; color: #f00; } div#top_box #loginForm .error a { color: #996600; text-decoration: underline; } /* 会員登録 */ div#about_entry { width: 540px; margin-left: 106px; display: block; } div#about_entry .entryTit { height: 25px; } div#about_entry .middleBox { width: 538px; padding: 15px 15px 0; background: url(/top/img/login/border.gif) repeat-y; } div#about_entry .middleBox .pcEntry { width: 508px; margin: 0; padding-bottom: 15px; background: url(/top/img/login/dot.gif) repeat-x bottom; } div#about_entry .middleBox .pcEntry dl { margin: 0; } div#about_entry .middleBox .pcEntry dt { width: 369px; line-height: 18px; float: left; } div#about_entry .middleBox .pcEntry dt img { line-height: 30px; } div#about_entry .middleBox .pcEntry dd { width: 125px; font-size: 0; margin: 27px 0 0; float: right; } div#about_entry .middleBox .mailEntry { width: 508px; margin-top: 14px; } div#about_entry .middleBox .mailEntry dt { width: 375px; line-height: 18px; float: left;} div#about_entry .middleBox .mailEntry dt img { line-height: 30px; } div#about_entry .middleBox .mailEntry dt span { font-size: 10px; color: #f00; } div#about_entry .middleBox .mailEntry dd { width: 90px; font-size: 0; float: right; } div#about_entry .middleBox .mailEntry .entryFlow { width: 508px; padding: 13px 0 9px; margin: 0; } div#about_entry .bottomBox { height: 9px; background: url(/top/img/login/bottom.gif) no-repeat; font-size: 0px; line-height: 0px; margin: 0; } /************09/04/13 TOPサロン突撃レポートリニューアル******************/ /* ■エリアトップ */ div#areaTop { clear: both;} div#areaTop .reportLeft { width: 70px; float: left;} div#areaTop .reportLeft img { width: 66px; margin: 1px; border: 1px solid #cccccc;} div#areaTop .reportRight { width: 344px; float: left; margin-left : 4px;} div#areaTop .reportRight a { font-size: 12px; color: #996600; font-weight: bold;} div#areaTop .reportRight p { padding: 0px; margin: 0px; font-size: 12px; line-height: 18px; margin-top : 2px;} div#areaTop .reportRight a:link { color: #996633; text-decoration: underline;} div#areaTop .reportRight a:visited { color: #996633; text-decoration: underline;} div#areaTop .reportRight a:hover { color: #ff9900; text-decoration: underline;} div#areaTop .reportRight p span a { display:block; text-align: right; color: #6699cc; font-weight: normal;} div#areaTop .reportRight p span a:link { color: #6699cc; text-decoration: none;} div#areaTop .reportRight p span a:visited { color: #6699cc; text-decoration: none;} div#areaTop .reportRight p span a:hover { color: #6699cc; text-decoration: underline;} /* ■レポートトップ(新着レポート) */ div#newReport { float: left; border: 1px solid #cccccc; padding: 10px 8px 4px 10px;} div#newReport .reportLeft { width: 164px; float: left;} div#newReport .reportLeft img { width: 160px; margin: 1px; border: 1px solid #cccccc;} div#newReport .reportRight { width: 322px; float: left; margin-left : 10px;} div#newReport .reportRight a { font-size: 14px; line-height: 20px; color: #996600; font-weight: bold; margin-top : 2px;} div#newReport .reportRight p { padding: 0px; margin: 0px; font-size: 12px; line-height: 18px; margin-top : 4px;} div#newReport .reportRight a:link { color: #996633; text-decoration: underline;} div#newReport .reportRight a:visited { color: #996633; text-decoration: underline;} div#newReport .reportRight a:hover { color: #ff9900; text-decoration: underline;} div#newReport .reportRight p img { width: 80px; display:block; float: left; margin-top : 4px;} div#newReport .reportRight p span a { display:block; text-align: right; color: #6699cc; font-weight: normal; font-size: 12px; clear: both; line-height: 24px;} div#newReport .reportRight p span a:link { color: #ff9900; text-decoration: none;} div#newReport .reportRight p span a:visited { color: #ff9900; text-decoration: none;} div#newReport .reportRight p span a:hover { color: #ff9900; text-decoration: underline;} /* ■レポートトップ(次回予告) */ div#nextReport { float: left; width: 510px; padding: 6px 0;} div#nextReport .reportLeft { width: 116px; float: left;} div#nextReport .reportLeft img { width: 112px; margin: 1px; border: 1px solid #cccccc;} div#nextReport .reportRight { width: 381px; float: left; margin : 2px 0 0 6px; display:block; font-size: 14px; color: #996600; font-weight: bold; line-height: 20px;} div#nextReport .reportRight p { padding: 0px; margin: 0px; font-size: 12px; line-height: 18px; margin-top : 2px; color: #666666; font-weight: normal;} div#nextReport .reportRight p span a { display:block; text-align: right; color: #6699cc; font-weight: normal; font-size: 12px; margin-top : 12px;} div#nextReport .reportRight p span a:link { color: #ff9900; text-decoration: none;} div#nextReport .reportRight p span a:visited { color: #ff9900; text-decoration: none;} div#nextReport .reportRight p span a:hover { color: #ff9900; text-decoration: underline;} /* ■レポートトップ(モニター応募) */ div#applicationReport { float: left; width: 425px; padding: 6px 0;} div#applicationReport .reportLeft { width: 70px; float: left;} div#applicationReport .reportLeft img { width: 66px; margin: 1px; border: 1px solid #cccccc;} div#applicationReport .reportRight { width: 344px; float: left; margin-left : 6px;} div#applicationReport .reportRight a { font-size: 12px; color: #996600; font-weight: bold;} div#applicationReport .reportRight a:link { color: #996633; text-decoration: underline;} div#applicationReport .reportRight a:visited { color: #996633; text-decoration: underline;} div#applicationReport .reportRight a:hover { color: #ff9900; text-decoration: underline;} div#applicationReport .reportRight p { padding: 0px; margin: 0px; font-size: 12px; line-height: 18px; margin-top : 2px; color: #666666; font-weight: normal;} div#applicationReport .reportRight p span a { display:block; text-align: right; color: #6699cc; font-weight: normal;} div#applicationReport .reportRight p span a:link { color: #ff9900; text-decoration: none;} div#applicationReport .reportRight p span a:visited { color: #ff9900; text-decoration: none;} div#applicationReport .reportRight p span a:hover { color: #ff9900; text-decoration: underline;} div.btn_application { width: 83px; float: left; margin : 7px 0 0 2px;} /* ■レポートトップ(カテゴリ別) */ div#categoryReport { float: left; width: 510px; padding: 6px 0;} div#categoryReport .reportLeft { width: 116px; float: left;} div#categoryReport .reportLeft img { width: 112px; margin: 1px; border: 1px solid #cccccc;} div#categoryReport .reportRight { width: 381px; float: left; margin-left : 6px;} div#categoryReport .reportRight a { display:block; font-size: 14px; color: #996600; font-weight: bold; line-height: 20px;} div#categoryReport .reportRight p { padding: 0px; margin: 0px; font-size: 12px; line-height: 18px; margin-top : 4px;} div#categoryReport .reportRight a:link { color: #996633; text-decoration: underline;} div#categoryReport .reportRight a:visited { color: #996633; text-decoration: underline;} div#categoryReport .reportRight a:hover { color: #ff9900; text-decoration: underline;} div#categoryReport .reportRight p span a { display:block; text-align: right; color: #6699cc; font-weight: normal; font-size: 12px; margin-top : 12px;} div#categoryReport .reportRight p span a:link { color: #ff9900; text-decoration: none;} div#categoryReport .reportRight p span a:visited { color: #ff9900; text-decoration: none;} div#categoryReport .reportRight p span a:hover { color: #ff9900; text-decoration: underline;} /* モバイルバナー */ div.mobileBanar { width: 108px; padding: 10px 0; margin: 0; } div.mobileBanar img { vertical-align: bottom;} div.mobileBanar .mobileForm { margin: 0; padding: 0px; padding: 5px 0 0px; width: 108px; background:url(/img/banner_middle.gif) repeat-y;} div.mobileBanar .mobileForm img { width: 90px; margin-left: 9px; } div.mobileBanar .mobileForm span { width: 90px; margin-left: 9px; display:block; font-size: 10px; line-height: 16px; text-align: left;} div.mobileBanar .mobileForm .clear { margin: 0px; padding: 0px; height: 1px; } div.mobileForm p { padding: 0px; margin: 0px;} div.mobileForm p.mobileRenewal { text-align: left; padding-bottom: 8px; } div.mobileForm .formBox { padding: 0 0 5px 9px; } div.mobileForm form input { width: 90px; margin: 0 0 3px; padding: 0px; } div.mobileForm form select { padding: 0px; margin: 0px; width: 90px; margin: 0 0 3px; padding: 0px; } div.mobileBanar .mobileBottom { width: 110px; height: 4px; margin: 0; padding: 0; background:url(/img/banner_bottom.gif) no-repeat; } /* バナー */ div.linkBana { margin: 0; padding-top: 5px;} /* ヘッダーエリア選択 */ td ul.area_btbox { display: block; width: 300px; padding: 0px 0px 3px 10px; margin: 0px; } td ul.area_btbox li { background: url(/img/area_arrow.gif) no-repeat; padding: 0px 5px 0px 10px; display: block; float: left; font-size: 11px; } /* エントランス */ div#entrance { text-align: center; background: #fff4de; width: 100%; font-size: 12px; line-height: 18px; color: #666666; padding: 45px 0 200px; } div#entrance .entranceTop { text-align: left; background: #fff url(/img/entrance_top.gif) no-repeat; height: 10px; width: 781px; margin: 0px auto; line-height: 0px; font-size:1px; } div#entrance .entranceBox { text-align: left; background: #fff url(/img/entrance_middle.gif) repeat-y; width: 781px; margin: 0 auto; } div#entrance .entranceBox .illBox { width: 355px; padding-top: 30px; text-align: center; float: left; } div#entrance .entranceBox .mainBox { width: 380px; padding: 30px 0px 10px; float: left; } div#entrance .entranceBox h1 { margin: 0 0 15px; text-align: left; } div#entrance .entranceBox .text { margin: 0 0 15px; line-height: 18px; } div#entrance .entranceBox .areaBox { margin: 0 0 0 8px; } div#entrance .entranceBox ul { margin: 23px 0 10px 0; padding: 0; } div#entrance .entranceBox li { width: 190px; height: 36px; float: left; list-style-type: none; } div#entrance .copy { width: 781px; height: 30px; margin: 0 auto; padding: 9px 0 5px; background: url(/img/entrance_footer.gif) no-repeat; vertical-align: middle; text-align: center; font-size: 11px; } .entrance .copy a:link { color: #666; } .entrance .copy a:hover { color: #666; } .entrance .copy a:visited { color: #666; } /* ■サンプル */ div#rightSample { width: 108px; padding: 3px 0px 0px; } div#rightSample h3 { width: 108px; padding: 0px; margin: 0px; font-size: 0px; line-height: 0px; } div#rightSample .detailBox { background: url(/img/sample/sample_bg2.gif) repeat-y; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; text-align: center; } div#rightSample .detailBox .type { width: 100%; text-align: center; margin: 0px auto; } div#rightSample .detailBox .type span { color:#FFFFFF; font-size:10px; line-height:10px; padding:3px 4px; display:block; } div#rightSample .detailBox .type span.present { background-color: #99CC00; } div#rightSample .detailBox .type span.trial { background-color: #ad85d6; } div#rightSample .detailBox .photoData img { border: 1px solid #ccc; width: 60px; height: 60px; margin: 4px auto; display:inline; } div#rightSample .detailBox .textData { width: 100%; text-align: left; } div#rightSample .detailBox .textData a { font-size: 12px; padding: 5px 0px 0px; } div#rightSample .detailBox .textData a:link { color: #0048ff; text-decoration: underline;} div#rightSample .detailBox .textData a:hover { color: #4c7fff; text-decoration: underline;} div#rightSample .detailBox .textData a:visited { color: #0048ff; text-decoration: underline;} div#rightSample .detailBox .textData img { margin: 0 0 -3px 2px; line-height: 18px; } /* ■クーポンページ 3/24UP */ div.couponSearch { width: 520px; font-size: 12px; padding-top: 20px; } div.couponSearch a { color: #996633; } div.couponSearch a:visited { color: #996633; } div.couponSearch a:hover { color: #6666FF; text-decoration: underline; } div.couponSearch dl { margin: 0; } div.couponSearch dt { background: #ffcc66; padding: 4px 5px; color: #fff; } div.couponSearch dd { margin: 0; padding: 0; } div.couponSearch dd ul { width: 520px; margin: 0; padding: 8px 10px 5px; display: block; } div.couponSearch dd li { width: 158px; float: left; list-style: none; background: url(/top/img/search_li.gif) no-repeat 0 3px; padding: 0 0 6px 8px; margin: 0px; } div.couponSearch dl.areaSelect { width: 255px; margin-right: 10px; float: left; } div.couponSearch dl.areaSelect select { margin: 8px 10px 15px; } div.couponSearch dl.lineSelect { width: 255px; float: left; } div.couponSearch dl.lineSelect select { margin: 8px 10px 15px; } div.couponSearch p { margin: 0 0 15px; } div.couponList { width: 520px; margin: 10px 0 0; padding: 0 0 10px; font-size: 12px; background: url(/coupon/img/dot.gif) repeat-x bottom; } div.couponList .leftBox { width: 100px; margin-right: 10px; float: left; } div.couponList .leftBox a { width: 100px; height: 100px; display: block; } div.couponList .rightBox { width: 410px; float: left; } div.couponList .rightBox a { font-size: 14px; font-weight: bold; color: #996633; } div.couponList .rightBox span { color: #996633; display: block; } div.couponList .couponIcon { margin-bottom: 6px; } div.couponList .couponIcon .rightBox { line-height: 17px; } div.couponList .couponDetail { width: 520px; } div.couponList .couponDetail .leftBox { height: 100px; } div.couponList .couponDetail .rightBox { line-height: 18px; } /* ■メール予約完了ページ */ div.reserveNotes { height: 87px; width: 520px; font-size: 12px; line-height: 18px; background: url(/s/img/notes_bg.gif) no-repeat; margin-top: 15px;} div.reserveNotes p { font-size: 12px; line-height: 18px; margin: 0px 12px 0; color: #f00; display: block; padding-top: 9px; } div.reserveNotes span { font-weight: bold; text-decoration: underline; color: #f00; } /* ■ご意見フォーム */ div.goikenForm dl, div.goikenForm dt, div.goikenForm dd { margin: 0; padding: 0; width: 187px; } div.goikenForm form { text-align: center; } div.goikenForm dt { height: 45px; line-height: 0px; } div.goikenForm dd { height: 140px; padding-top: 8px; background: url(/top/img/goiken_bg.gif) no-repeat; text-align: center; } div.goikenForm dd textarea { width: 167px; height: 73px; margin: 0; } div.goikenForm dd input { margin: 4px 0; } div.goikenForm dd a { font-size: 12px; color: #fe7a9c; text-decoration: underline; } div.goikenForm dd a:visited { font-size: 12px; color: #fe7a9c; text-decoration: underline; } div.goikenForm dd a:hover { font-size: 12px; color: #fe7a9c; text-decoration: underline; } /************ ピックアップ広告 ******************/ div.pickupTitle { margin-top: 10px;} div.pickup dl,div.pickup dt,div.pickup dd,div.pickup p{ margin: 0; padding: 0;} div.pickup { width: 520px;} div.pickup div { margin-left: 4px;} div.pickup dl { width: 172px; float: left; margin: 3px 0;} div.pickup dl dt { width: 76px; border: 2px solid #FFF; font-size: 0px; line-height: 0px; float: left;} div.pickup dl dd { width: 76px; font-weight: bold; line-height: 16px; float: left; padding: 0 10px 0 6px; /* IE */_width: 92px;} div.pickup dl dd span { color: #666; font-weight: normal; line-height: 14px;} /* ■背景色切替 */ div.esthetiquePickup { background-color: #fff0f0; border-top: 1px solid #ffd6d6;} div.beautyPickup { background-color: #f7f0f7; border-top: 1px solid #e6cde6;} div.massagePickup { background-color: #fff0e8; border-top: 1px solid #ffcdb4;} div.various_curePickup { background-color: #f0f7e8; border-top: 1px solid #cde6b4;} div.therapyPickup { background-color: #e8f7f7; border-top: 1px solid #b4e6e6;} /************ TOPページミニレポ一覧 ******************/ dl.miniList,dl.miniList dt,dl.miniList dd,dl.miniList ul,dl.miniList li { margin: 0px; padding: 0px;} dl.miniList { float: left; margin: 6px 0 16px;} dl.miniList dt { width: 100px; border: 1px solid #CCC; float: left; font-size: 0px; line-height: 0px; margin-top: 4px;} dl.miniList dd { width: 310px; float: left; margin-left: 8px;} dl.miniList dd ul li { font-size: 12px; line-height: 22px; background: url(/top/img/ico_report.gif) no-repeat 0 6px; padding-left: 11px; list-style-type: none;} /* リンク設定 */ dl.miniList dd ul li a:link { color: #996600; text-decoration: none;} dl.miniList dd ul li a:visited { color: #996600; text-decoration: none;} dl.miniList dd ul li a:hover { color: #996600; text-decoration: underline;} /************ ミニレポ一覧（カテゴリ検索追加） ******************/ table.miniSearch { width: 520px; margin: 15px 0 8px;} table.miniSearch ul,table.miniSearch li { margin: 0px; padding: 0px;} table.miniSearch ul { width: 421px; background-color: #FFF; border-top: 5px solid #ffdcdc; border-bottom: 5px solid #ffdcdc; float: left; list-style-type: none; padding: 4px 2px;} /* FF */ html:not([lang*=""]) table.miniSearch ul{ width: 418px;} table.miniSearch ul li { float: left; background: url(/search/img/search_line.gif) no-repeat right 3px; padding: 0 14px; line-height: 20px;} /* リンク設定 */ table.miniSearch ul li a:link { color: #36C; text-decoration: none;} table.miniSearch ul li a:visited{ color: #36C; text-decoration: none;} table.miniSearch ul li a:hover { color: #36C; text-decoration: underline;} /* -------------------------[00]:WinIE用/透過pngの適用 */ .iepngfix { behavior: url(/iepngfix.htc); }