/****************************************************** 初期設定 ******************************************************/ html{height:100%;} body{ height:100%; margin:0px; padding:0px 0px 0px 0px; font-family:"ＭＳＰ ゴシック", "ヒラギノ ゴシック", "Osaka"; font-size:75%; line-height:150%; color:#595757; background:#fff; text-align:center; scrollbar-face-color:#ffffff; scrollbar-arrow-color: #ffd0e8; scrollbar-track-color:#ffffff; scrollbar-highlight-color: #ffd0e8; scrollbar-shadow-color: #ffd0e8; scrollbar-3dlight-color: #ffd0e8; scrollbar-darkshadow-color: #ffd0e8; background:url(http://img.fumi23.com/bbs/bg_bbs.gif) #fbe6ef; } a:link, a:visited{color:#00a0e9; text-decoration:none;} a:hover, a:active{color:#e31c90; text-decoration:underline;} img{border:0px;} dl, dt, dd, ul, li{margin:0px; padding:0px 0px 0px 0px;} h2{font-size:100%; font-weight:bold; color:#595757; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} h3{font-size:100%; font-weight:bold; color:#595757; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .h1style{font-size:100%; font-weight:normal; color:#595757; text-align:left; margin:0px 0px 5px 0px; padding:5px 10px; border-bottom:1px #ffa7ca dotted; background:#fff8fb;} /* ヘッダージャック */ #header_menu{background:#FFFFFF; width:900px; margin:auto;} /* ベーススタイルジャック */ #footer .menu{color:#fff !important; background:#e4007f !important;} #footer .menu a:link, #footer .menu a:visited{color:#fff !important;} #footer .menu a:hover, #footer .menu a:active{color:#fff !important;} .csHotspot{border-collapse:collapse; width:550px; margin:10px 0px 30px 10px; border:1px #ffd8e9 solid;} .csHotspot th{width:130px; padding:0px; background:#ffc1dc; vertical-align:middle;} .csHotspot td{padding:5px 10px; vertical-align:middle;} .csHotspot td div{color:#727171; font-size:80%; font-weight:normal; margin:0px; padding:0px; text-align:right;} /* インタレストマッチ */ .csItm{color:#ff44a2; font-weight:bold; margin:0px 0px 20px 0px; padding:5px 10px; border:1px #ffd8e9 solid; background:#fff;} .csItmS{color:#ff44a2; font-weight:bold; margin:0px 15px 20px 15px; padding:5px 10px; border:1px #ffd8e9 solid; background:#fff;} .csItmSttl{margin:0px 15px;} .csItm .URL, .csItmS .URL{color:#009900; font-weight:normal;} .csItm span, .csItmS span{font-size:80%; color:#000000; font-weight:normal;} .csItm a:link, .csItm a:visited, .csItmS a:link, .csItmS a:visited{color:#ff44a2; text-decoration:none;} .csItm a:hover, .itmWord a:active, .csItmS a:hover, .itmWordS a:active{color:#ff44a2; text-decoration:none; background:none;} .csItm a:hover div, .csItm a:active div, .csItmS a:hover div, .csItmS a:active div{background:#ffd9e9;} .csSP{color:#727171; font-size:80%; font-weight:normal; text-align:right;} .csSP a:link, .csSP a:visited{color:#727171; text-decoration:none;} .csSP a:hover, .csSP a:active{color:#727171; text-decoration:none; background:none;} /****************************************************** ボディ関係 ******************************************************/ /* 全体フレーム */ .mainBody{width:900px; text-align:left; background:#fff;} .mainHD{width:880px; margin-left:10px;} /* メインフレーム */ .mainFrm{width:880px; margin-left:10px; min-height:0px;} .mainFrm:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .mainFrm{height:1px; overflow:visible;} .mainFrm{display:block;} /* */ .mainFrm .mainLF{width:570px; margin-right:10px; float:left;} .mainFrm .mainRT{width:300px; float:left;} /* アドスペース */ .adSpace{height:250px; margin-bottom:10px; overflow:hidden;} /****************************************************** メニューとタイトル関係 ******************************************************/ /* メインメニュー */ .menuMain{width:880px; background:url(../images/hd_bg02.jpg) no-repeat; clear:both;} .menuMain a:hover, .menuMain a.selected, .menuMain a.active{background-position:0px -55px;} .menuMain{height:55px; list-style:none; overflow:hidden;} .menuMain li{list-style:none; float:left;} .menuMain a{width:190px; height:55px; text-indent:-9999em; display:block;} .menuMA a{background:url(../images/hd_mmenu01.jpg);} .menuMB a{background:url(../images/hd_mmenu02.jpg);} .menuMC a{background:url(../images/hd_mmenu03.jpg);} .menuMain .ON a{background-position:0px -55px;} /* サブメニュー */ .menuSub{width:880px; background:url(../images/hd_smenubg.jpg) repeat-x; clear:both;} .menuSub a:hover, .menuSub a.selected, .menuSub a.active{background-position:0px -35px;} .menuSub{height:35px; list-style:none; overflow:hidden;} .menuSub li{list-style:none; float:left;} .menuSub a{height:35px; text-indent:-9999em; display:block;} .menuSA a{background:url(../images/hd_smenu01.jpg); width:135px;} .menuSB a{background:url(../images/hd_smenu02.jpg); width:125px;} .menuSC a{background:url(../images/hd_smenu03.jpg); width:125px;} .menuSD a{background:url(../images/hd_smenu04.jpg); width:135px;} .menuSE a{background:url(../images/hd_smenu05.jpg); width:130px;} .menuSF a{background:url(../images/hd_smenu06.jpg); width:130px;} .mainShadow{margin-bottom:20px;} /* ライトメニュー */ .rtMenu{padding:0px 5px 0px 10px; background:#fff3c3;} .rtMenuFt{margin-bottom:20px;} /* メインフレーム */ .rtAvt{width:285px; background:url(../images/sd_sub_bd.jpg) repeat-y; min-height:0px;} .rtAvt:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .rtAvt{height:1px; overflow:visible;} .rtAvt{display:block;} /* */ .rtAvt .avatar{width:90px; text-align:center; float:left;} .rtAvt .profile{width:185px; padding-left:10px; float:left;} .rtAvt .profile ul{list-style:none;} .rtAvt .profile li{padding:4px 0px; border-bottom:1px #999999 dotted; list-style:none;} .rtAvt .profile li span{margin-left:10px; position:relative; top:-5px;} .rtEdit{padding:5px 0px; text-align:right;} .rtAvtNone{padding:10px; background:url(../images/sd_sub_bd.jpg) repeat-y;} .rtAvtNone dt{color:#ff0080; font-weight:bold; margin-bottom:5px; padding-bottom:5px; text-align:center; border-bottom:1px #999999 dotted;} .rtAvtNone dd{margin-bottom:10px;} .rtAvtNone .button{margin-bottom:0px; text-align:cetner;} #loggedin, #notlogin{display:none;} /* コンテンツスタイル */ .conLA dt{margin-bottom:10px;} .conLA dd{} .conLB{margin-bottom:10px;} .conLC{color:#fff; font-size:140%; font-weight:bold; height:43px; padding:10px 10px 0px 40px; margin-bottom:10px; background:url(../images/shr_conlbg.jpg) no-repeat;} .conM{width:500px; padding:0px 35px; background:url(../images/shr_conm_bd.jpg) repeat-y; min-height:0px;} .conM:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .conM{height:1px; overflow:visible;} .conM{display:block;} /* */ .conM .conMLFA{width:235px; margin-right:29px; float:left;} .conM .conMRTA{width:235px; float:left;} .conMList dt{margin:0px 0px 5px 0px;} .conMList dd{font-size:120%; margin-bottom:10px;} .conMList ul, .conMList li{margin:0px; padding:0px; list-style:none;} .conMList li{margin-left:10px; padding:2px 0px 2px 10px; background:url(../images/shr_listc.jpg) no-repeat 0px 6px;} .conS{margin-bottom:20px;} .conS dt{color:#FF0066; font-weight:bold; margin-bottom:5px; padding:0px 0px 5px 10px; border-bottom:1px #ffd8e9 dotted; background:url(../images/shr_listc.jpg) no-repeat 0px 5px;} .conS dd{margin-bottom:30px; padding-left:30px;} /****************************************************** トップ関係 ******************************************************/ .rankFrmTop{width:480px; padding:10px; background:url(../images/shr_bg01.jpg); min-height:0px;} .rankFrmTop:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .rankFrmTop{height:1px; overflow:visible;} .rankFrmTop{display:block;} .rankFrmTopLF, .rankFrmTopCT, .rankFrmTopRT{width:150px; float:left;} .rankFrmTopLF{margin-right:15px;} .rankFrmTopCT{margin-right:15px;} /* 共通テーブルスタイル */ .rankFrmTop table{border-collapse:collapse; width:100%; margin-bottom:5px;} .rankFrmTop table, .rankFrmTop td, .rankFrmTop th{padding:3px 3px; vertical-align:middle;} .rankFrmTop th{width:35px; text-align:center;} .rankFrmTop td{font-size:140%; font-weight:bold;} .rankFrmTop dt, .rankFrmTop dt{margin:0px; padding:0px;} .rankFrmTop dt{margin-bottom:0px; padding:5px; background:#fff; text-align:center;} .rankFrmTop dd{font-size:80%; text-align:center;} .tpBnr{margin:20px 0px; text-align:center;} /****************************************************** 商品検索関係 ******************************************************/ .rkFrmHR, .rkFrmNM, .rkFrmLW{width:540px; margin:0px 0px 10px 15px;} .rkBtnHR, .rkBtnNM, .rkBtnLW{margin:0px 10px; padding:5px 10px; text-align:right;} .rkBtnHR{background:url(../images/rk_bg1.jpg);} .rkBtnNM{background:url(../images/rk_bg2.jpg);} .rkBtnLW{background:url(../images/rk_bg3.jpg);} /* Hight Rank Style */ .rkFrmHR{background:url(../images/rk_frm1_bd.jpg) repeat-y;} /* Normal Rank Style */ .rkFrmNM{background:url(../images/rk_frm2_bd.jpg) repeat-y;} /* Low Rank Style */ .rkFrmLW{background:url(../images/rk_frm3_bd.jpg) repeat-y;} .rkFrm{width:540px; margin-bottom:5px; min-height:0px;} .rkFrm:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .rkFrm{height:1px; overflow:visible;} .rkFrm{display:block;} /* */ .rkFrmLF, .rkFrmCT, .rkFrmRT{float:left;} .rkFrmLF{width:90px;} .rkFrmCT{width:90px;} .rkFrmRT{width:340px; margin:0px 10px;} .rkFrmRT dt{margin-bottom:10px; padding:5px 0px 10px 20px; border-bottom:1px #c9beb8 dotted; background:url(../images/shr_listd.jpg) no-repeat 0px 10px;} .rkFrmRT dt span{font-size:140%; font-weight:bold;} .rkFrmRT dd{font-size:120%; font-weight:bold;} .rkFrmRT dd span{margin-right:2px;} .rkFrmRT dd .Number{color:#e4007f; font-size:140%;} /****************************************************** 商品情報関係 ******************************************************/ .itFrm{width:555px; margin:20px 0px 50px 15px; min-height:0px;} .itFrm:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .itFrm{height:1px; overflow:visible;} .itFrm{display:block;} /* */ .itFrmLF, .itFrmRT{float:left;} .itFrmLF{width:145px; margin-right:22px; padding:5px; text-align:center; border:1px #efefef solid; border-collapse:collapse;} .itFrmRT{width:375px;} .itFrmRT dt{margin-bottom:15px; padding-bottom:15px; border-bottom:1px #e6e7e7 solid;} .itFrmRT dt span{font-size:140%; font-weight:bold; margin-right:2px;} .itFrmRT dt .Num{font-size:120%; font-weight:bold;} /* タブスタイル */ .itTab{width:570px; background:url(../images/im_tab_bg.jpg) repeat-x; clear:both;} .itTab a:hover, .itTab a.selected, .itTab a.active{background-position:0px -35px;} .itTab{height:35px; list-style:none; overflow:hidden;} .itTab li{list-style:none; margin-right:5px; float:left;} .itTab a{width:140px; height:35px; text-indent:-9999em; display:block;} .itTabA a{background:url(../images/im_tab0.jpg); margin-left:10px;} .itTabB a{background:url(../images/im_tab1.jpg);} .itTabC a{background:url(../images/im_tab2.jpg);} .itTab .ON a{background-position:0px -35px;} /* 商品情報 */ .itList{margin-bottom:30px; background:#fef8fb;} .itList dl{width:540px; margin:0px 15px 5px 15px; padding-bottom:5px; border-bottom:1px #f9b9d5 solid; min-height:0px;} .itList dl:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .itList dl{height:1px; overflow:visible;} .itList dl{display:block;} /* */ .itList dt, .itList dd{float:left;} .itList dt{width:115px; padding-left:20px; background:url(../images/shr_liste.jpg) no-repeat 0px 4px;} .itList dd{width:405px;} /****************************************************** 評価フォーム関係 ******************************************************/ .fmFrmL{margin:0px 15px 30px 15px;} .fmFrmM{padding:10px 15px; background:#fef7fa;} .fmFrmS{padding:5px 15px; background:url(../images/fm_frm2_bd.jpg) repeat-y #fff;} .fmConL dt{margin-bottom:5px;} .fmConL dd{margin-bottom:15px;} .fmInput{margin-bottom:15px;} .fmInput img{margin-right:5px;} .fmInput input, .fmInput select{margin-right:15px; border:1px #cccccc solid;} .fmInput input{width:85px;} .fmInput select{width:85px;} .fmTxtarea{width:455px; height:160px; padding:10px; border:1px #cccccc solid; scrollbar-track-color:#ffeaf3;} .fmRadio{width:480px; margin-bottom:20px; min-height:0px;} .fmRadio:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .fmRadio{height:1px; overflow:visible;} .fmRadio{display:block;} /* */ .fmRadio dt, .fmRadio dd{float:left;} .fmRadio dt{width:170px; padding-top:15px;} .fmRadio dd{width:31px; margin-right:10px; text-align:center;} .fmRadio .fmRdo1 a:hover, .fmRadio .fmRdo1 a.selected, .fmRadio .fmRdo1 a.active, .fmRadio .fmRdo2 a:hover, .fmRadio .fmRdo2 a.selected, .fmRadio .fmRdo2 a.active, .fmRadio .fmRdo3 a:hover, .fmRadio .fmRdo3 a.selected, .fmRadio .fmRdo3 a.active, .fmRadio .fmRdo4 a:hover, .fmRadio .fmRdo4 a.selected, .fmRadio .fmRdo4 a.active, .fmRadio .fmRdo5 a:hover, .fmRadio .fmRdo5 a.selected, .fmRadio .fmRdo5 a.active, .fmRadio .fmRdo6 a:hover, .fmRadio .fmRdo6 a.selected, .fmRadio .fmRdo6 a.active, .fmRadio .fmRdo7 a:hover, .fmRadio .fmRdo7 a.selected, .fmRadio .fmRdo7 a.active{background-position:0px -25px;} .fmRadio .fmRdo1 a, .fmRadio .fmRdo2 a, .fmRadio .fmRdo3 a, .fmRadio .fmRdo4 a, .fmRadio .fmRdo5 a, .fmRadio .fmRdo6 a, .fmRadio .fmRdo7 a{width:31px; height:25px; text-indent:-9999em; display:block;} .fmRadio .fmRdo1 a{background:url(../images/fm_ht1.jpg);} .fmRadio .fmRdo2 a{background:url(../images/fm_ht2.jpg);} .fmRadio .fmRdo3 a{background:url(../images/fm_ht3.jpg);} .fmRadio .fmRdo4 a{background:url(../images/fm_ht4.jpg);} .fmRadio .fmRdo5 a{background:url(../images/fm_ht5.jpg);} .fmRadio .fmRdo6 a{background:url(../images/fm_ht6.jpg);} .fmRadio .fmRdo7 a{background:url(../images/fm_ht7.jpg);} .fmRadio .ON a{background-position:0px -25px;} .fmBtn{padding:15px 0px 5px 0px; text-align:center;} /* 確認ページ用 */ .fmTable{border-collapse:collapse; width:100%; border-top:1px #beb2aa dotted;} .fmTable th, .fmTable td{padding:10px; border-bottom:1px #beb2aa dotted;} .fmTable th{color:#e4007f; font-weight:normal; width:125px; text-align:center; background:#fdeff5;} .fmTable td{} .fmTable td span{font-size:120%; margin-right:2px;} /****************************************************** 口コミ関係 ******************************************************/ .vrFrm{margin:0px 15px; background:#fef8fb;} /* 検索エリア */ .vrTable{border-collapse:collapse; width:100%;} .vrTable th, .vrTable td{padding:3px 3px; border-bottom:1px #dcdddd dotted;} .vrTable th{width:45px;} .vrTable td span{margin:0px 5px 0px 2px;} .vrBtnA{padding-top:15px; text-align:center;} /* 口コミフレーム */ .vrFrmHR{width:540px; margin:0px 0px 10px 15px; background:url(../images/vr_frm_bd.jpg) repeat-y;} .vrInfbox{width:510px; margin-bottom:15px; padding:5px 15px; min-height:0px;} .vrInfbox:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .vrInfbox{height:1px; overflow:visible;} .vrInfbox{display:block;} /* */ .vrInfLF, .vrInfRT{float:left;} .vrInfLF{width:370px;} .vrInfRT{width:140px; text-align:right;} .vrInfLF dt{margin-bottom:5px; padding-bottom:5px; border-bottom:1px #dcdddd dotted;} .vrInfLF dt span{font-size:140%;} .vrInfRT dt{margin-bottom:5px;} .vrInfRT dd{} .vrInfLFB{width:510px;} .vrInfLFB dt{margin-bottom:5px; padding-bottom:5px; border-bottom:1px #dcdddd dotted;} .vrInfLFB dt span{font-size:140%;} .vrInfRTB dt{margin-bottom:5px;} .vrTxt{margin:0px 15px; padding:10px 15px; border:1px #eae5e3 solid; background:#fff;} .vrTxt dt{font-weight:bold; height:100%; margin-bottom:5px; padding-bottom:5px; border-bottom:1px #eae6e3 dotted; position:relative;} .vrTxt dt span{margin-right:1px;} .vrTxt dt .Number{color:#e65298; font-size:150%;} .vrTxt dt p{color:#9fa0a0; font-weight:normal; margin:0px; padding:0px; position:absolute; top:0px; right:0px;} .vrRef{margin:5px 15px; text-align:right;} .vrRef span{color:#e65298; font-weight:bold; margin-left:5px;} .refBtn{position:relative; top:5px;} .vrMes{margin:0px 15px 20px 15px;} .vrMes dt{color:#e65298; font-size:150%; font-weight:bold; margin-bottom:10px; padding-bottom:10px; text-align:center; border-bottom:1px #eae6e3 dotted;} .vrMes dd{} /****************************************************** かわいいラボ関係 ******************************************************/ .lbBtnA{width:107px; text-align:left; margin:0px auto; clear:both;} .lbBtnA a:hover, .lbBtnA a.selected, .lbBtnA a.active{background-position:0px -33px;} .lbBtnA ul{height:33px; margin:0px; padding:0px 0px 0px 0px; list-style:none; overflow:hidden;} .lbBtnA li{list-style:none; float:left;} .lbBtnA a{height:33px;text-indent:-9999em; display:block;} .lbBtnAA a{background:url(../images/btn1.jpg); width:107px;} .lbBtnB{width:311px; text-align:left; margin:0px auto; clear:both;} .lbBtnB a:hover, .lbBtnB a.selected, .lbBtnB a.active{background-position:0px -39px;} .lbBtnB ul{height:39px; margin:0px; padding:0px 0px 0px 0px; list-style:none; overflow:hidden;} .lbBtnB li{list-style:none; float:left;} .lbBtnB a{height:39px;text-indent:-9999em; display:block;} .lbBtnBA a{background:url(../images/btn2.jpg); width:311px;} /* 10.06.30 ネイル特集 サクライ */ .nail_lead{margin:0 15px;} /* 10.07.14 ネイル特集 サクライ */ .nail_01_shop{padding:10px; background:#e7f5fb;} /* 10.07.28 メイク特集 サクライ */ .make_01_boxW10 a{margin:0 10px; padding:0;} .make_01_lesson{padding:7px 0 0; margin:0 10px 10px;} .make_01_lesson01{background:#fff2f8 url(../images/make_01_l01_bg.jpg) no-repeat 0 0;} .make_01_lesson02{background:#ffffdd url(../images/make_01_l02_bg.jpg) no-repeat 0 0;} .make_01_lessonpt{float:left; display:inline; margin:0 10px 10px; width:255px;} .make_01_lesson01 .make_01_lessonpt p{margin:5px 0 0; padding:8px; background-color:#fff; border:solid 1px #ffc8e2;} .make_01_lesson02 .make_01_lessonpt p{margin:5px 0 0; padding:8px; background-color:#fff; border:solid 1px #fff285;} .make_01_lesson01 .make_01_lessonpt span{font-weight:bold; color:#f1519c;} .make_01_lesson02 .make_01_lessonpt span{font-weight:bold; color:#ff8400;} .make_01_tchr{padding:10px; background:url(../images/make_01_tchr_bg.gif);} .make_01_tchr img{float:left; width:113px;} .make_01_scl_ph{float:left; width:126px;} .make_01_tchr p{float:right; display:inline; width:410px; margin:0; padding:8px; background-color:#fff;} .make_01_scl{padding:10px; background:#e3f6f6;} .make_01_scl div{float:right; display:inline; width:411px; margin:0;} .make_01_sclbnr{margin-bottom:0;} .make_01_sclbnr img{vertical-align:middle;} .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; } .clearfix {min-height: 1px;} * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } /* 10.08.30 かわいいラボTOP サクライ */ .labo_tp_bnrarea{width:565px; margin:0 auto;} .labo_tp_bnrarea img{border:solid 1px #d5d5d5;} .labo_tp_bnrareal{float:left; width:385px; display:inline; margin-right:-1px;} .labo_tp_bnrarear{float:left; width:180px; display:inline;} .labo_tp_bnrarear a img{margin-bottom:5px;} .labo_tp_bnrarear a:hover{background:none;} .labo_tp_ks{margin:0 5px 30px 5px; padding:0; width:560px; list-style:none;} .labo_tp_ks li{float:left; margin:0 10px 10px 0; padding:0;} .labo_tp_ks li.labo_tp_ksend{margin-right:0;} .labo_tp_ks li a img{height:78px; width:178px; border:solid 1px #d5d5d5; vertical-align:middle;} /****************************************************** 共通関係 ******************************************************/ /* 共通ボックススタイル */ .boxXL{margin-bottom:100px;} .boxLL{margin-bottom:75px;} .boxL{margin-bottom:50px;} .boxM{margin-bottom:30px;} .boxS{margin-bottom:20px;} .boxSS{margin-bottom:10px;} .boxXS{margin-bottom:5px;} .boxAtt{color:#CC0000; margin:30px 0px; padding:30px; background:#fffad7;} .boxAttB{color:#CC0000; margin:10px 0px; padding:10px; background:#fffad7;} .boxForm{margin:0px 20px; padding:5px 0px; border-bottom:1px #ff9900 dotted;} /* アラインスタイル */ .txtLF{text-align:left;} .txtCT{text-align:center;} .txtRT{text-align:right;} .txtLinkRT{margin:5px 0px; text-align:right;} /* テキストスタイル */ .txtAlr{color:#CC0000;} .txtForm{font-size:130%; color:#FF0000; font-weight:bold;} .txtRD{color:#CC0000;} .txtBL{color:#0075aa;} .txtOR{color:#e98c00;} .txtGR{color:#7bc200;} /* 共通ラインスタイル */ .shrLine{text-align:center; margin:20px 0px;} .shrLineS{text-align:center; margin:10px 0px;} .shrLineL{text-align:center; margin:30px 0px;} /* 共通リストスタイル */ .shrListB{margin:0px 5px;} .shrListB ul, .shrListB li{margin:0px; padding:0px; list-style:none; background:url(../images/shr_listb_bd.jpg) repeat-y;} .shrListB li{margin:0px 10px 0px 10px; padding:5px 0px 5px 15px; border-bottom:1px #e1dad7 dotted; background:url(../images/shr_listb.jpg) no-repeat 3px 7px;} .bnrList{margin:0px 0px 20px 0px;} .bnrList li{margin-bottom:5px; text-align:center; list-style:none;} .shrWarning{margin:15px 0px;} .shrWarning dt{margin-bottom:5px;} .shrWarning dd{font-size:80%; padding:0px 0px 0px 12px; background:url(../images/shr_listf.jpg) no-repeat 0px 7px;} /* 共通タブスタイル */ .shrTabA{width:570px; background:url(../images/sort_tabbg.jpg) repeat-x; clear:both;} .shrTabA a:hover, .shrTabA a.selected, .shrTabA a.active{background-position:0px -25px;} .shrTabA{height:25px; list-style:none; overflow:hidden;} .shrTabA li{list-style:none; float:left;} .shrTabA a{width:100px; height:25px; text-indent:-9999em; display:block;} .shrTabAA a{background:url(../images/sort_tab0.jpg);} .shrTabAB a{background:url(../images/sort_tab1.jpg);} .shrTabA .ON a{background-position:0px -25px;} .shrResTxt{color:#e4007f; margin-top:1px; padding:10px; text-align:center; background:#f2f2f2;} .shrNumTop{padding:10px 0px; text-align:center;} .shrNumBtm{margin-bottom:30px;} /* パンくず */ .panTxt{margin-bottom:10px;} .panTxt span{margin:0px 10px;} .panTxt div{padding-top:5px;} /* イベントフレーム */ .shrEvent{margin:10px 0px 20px 0px;} .shrEvent dt{} .shrEvent dd{font-size:80%; line-height:140%; padding:10px; border-bottom:1px #ffdeec dotted;} .shrEvent dd .title{font-size:120%; color:#FF3366; margin-bottom:5px; padding-bottom:5px; border-bottom:1px #efefef dotted;} .shrEvent dd .body{font-size:120%; margin-bottom:5px;} .shrEvent dd span{padding-right:20px;} /* ご意見箱 */ .shrOpi{margin-bottom:20px;} .shrOpiBody{padding:0px 15px; background:#fef7fa;} .shrOpiBody dt{margin-bottom:5px;} .shrOpiBody dd{padding-bottom:10px;} .shrOpiBody dd textarea{width:510px; height:40px; padding:10px; border:1px #cccccc solid; scrollbar-track-color:#ffeaf3;} /* リンクなど右寄せスタイル */ .shrLink{margin:5px 0px 20px 0px; text-align:right;} .shrLink span{margin-right:6px; position:relative; top:2px;} /* 共通テーブルスタイル */ .shrTblA{border-collapse:collapse; width:100%;} .shrTblA table, .shrTblA td, .shrTblA th{font-size:90%; padding:3px 3px; border:1px #ff78aa solid; vertical-align:middle;} .shrTblA thead th, .shrTblA thead td{color:#fff; font-weight:normal; text-align:center;} .shrTblA thead .on{font-weight:bold;} .shrTblA thead th{border-right:#fff; background:#ff78aa;} .shrTblA thead td{border-right:#ff78aa; background:#ff78aa;} .shrTblA tbody{text-align:right;} .shrTblA tbody td{} .shrTblA tbody th{text-align:center; border-right:#ff78aa; font-weight:normal; background:#e0fbab;} .shrTblA thead a:link, .shrTblA thead a:visited{color:#b30e19; text-decoration:underline;} .shrTblA thead a:hover, .shrTblA thead a:active{color:#b30e19; text-decoration:underline; background-color:none;} /* 共通フレーム */ .shrFrmL{width:570px; margin:0px 0px 0px 0px; padding:0px; min-height:0px;} .shrFrmL:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .shrFrmL{height:1px; overflow:visible;} .shrFrmL{display:block;} /* */ .shrFrmL .LFA{width:275px; margin-right:14px; float:left;} .shrFrmL .RTA{width:275px; float:left;} /****************************************************** クリスマス企画スタイル　赤塚　2010/11/19 ******************************************************/ /*コスメTOP 2カラム*/ .xmastp2crm{width:570px; text-align:center; float:left; min-height:0px;} .xmastp2crm:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .xmastp2crm{height:10px; overflow:visible;} .xmastp2crm{display:block;} /* */ .xmastp2crmA{width:272px; padding-left:10px; float:left;} .xmaskk4crm{width:570px; height:800px; background:url(../images/2010winter/csm_wt_kk_bg.gif); padding:10px 0px 10px 0px; margin-bottom:20px; background-color:#ffe4f2;} /*2カラムまとめ*/ .xmaskk2crmBASE{widh:570px;float:left; min-height:0px; margin-bottom:10px;} .xmaskk2crmBASE:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .xmaskk2crmBASE{height:10px; overflow:visible;} .xmaskk2crmBASE{display:block;} /* */ /*各2カラム*/ .xmaskk2crm{width:280px; padding:0px; margin:0px; float:left; min-height:0px;} .xmaskk2crm:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .xmaskk2crm{height:1px; overflow:visible;} .xmaskk2crm{display:block;} /* */ .xmaskk2crmA{width:120px; padding-left:10px; float:left; } .xmaskk2crmB{width:140px; padding-left:10px; float:left;} .xmaskk2crmBttl{text-align:left; font-size:13px; color:#fc409e; font-weight:bold;} .xmaskk2crmBbtn{text-align:left; padding:10px 0px 10px 0px;} /*3カラム*/ .xmaskk3crmBASE{widh:550px; min-height:0px; margin-bottom:10px;} .xmaskk3crmBASE:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;} /* \*/ *html .xmaskk3crmBASE{height:10px; overflow:visible;} .xmaskk3crmBASE{display:block;} /* */ .xmaskk3crmA{width:180px; padding-right:5px; float:left; } .xmaskk3crmC{width:180px; float:left; }